diff --git a/docs/example/css/app.08330e9b4540377c9f08fe3b9e08cf20.css b/docs/example/css/app.08330e9b4540377c9f08fe3b9e08cf20.css new file mode 100644 index 0000000000000000000000000000000000000000..732393cba0e9fc8e84476d35345780dd2b5f3899 --- /dev/null +++ b/docs/example/css/app.08330e9b4540377c9f08fe3b9e08cf20.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;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,d09GRgABAAAAAAs4AAsAAAAAEdAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuBY21hcAAAAYAAAAD/AAAC8KGE1MhnbHlmAAACgAAABgUAAAkUnESA6WhlYWQAAAiIAAAALwAAADYRVszdaGhlYQAACLgAAAAcAAAAJAfeA5dobXR4AAAI1AAAABQAAABYV+kAAGxvY2EAAAjoAAAALgAAAC4cFhmUbWF4cAAACRgAAAAfAAAAIAElAF1uYW1lAAAJOAAAAU4AAAJ5Hs+NonBvc3QAAAqIAAAAsAAAAPRRXxwTeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s84gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLycwNzwv4EhhrmBoQEozAiSAwAwjQ0GeJzFkkFOAkEQRX87yDDOjCIMKBsXBhJDuASXImxYsYQFZ/FArsxPOAX+mj8hcaE7Y1Ved7qqkqr0LwC3ADKxEj0gfSIh7EPR1MYz3LXxHt71fsFQkXtsmbFgyZoNZ1xwzQ133PN4Pl0uqot83uWnnF/zhy7/syX1CH/t/A3Lq6/afB85Bpq80GQlKtSa5wE3mmuIR805whgNJirt/9rpTy39X+vvVsWRqu6lX8G2QyMyM/pTMDeIe2AQd2FiV1gaRKw2sR9sDCI/NdGZTwZR+2ykFjgz0g2cGykILkzsJNdGqoIbI33BnYl95d5Ic/BgpD54NNoDnE8Gky+7glh4AHicdVVbjBNVGD7/mZ05p93uTC9z2bZMd3ub2bUX2Hba0i4sSBTD7iJEoqIkJisXMaiJiIJRkn1YEiIGjC8CwRAJgiSAxgdiDA8mGGMCPvigD5iYAMolUZ98wJDO+s9sF+gamzP/Oec70///z/dfhoiEzF4TLgr9JEaGyAh5jKwnBKQCZGRqQtp2yrQAWlrUDFUW7KydZtlMWVgORkZS9UrdsQyJSQrIkIJqulK3y9SGmjNGR6GimwDxZGJDNL8oKnwAwX47tc8dpydAG8guUsZK7priCrUyGOO7Q9FoPBp9n0uiyCntUWR41dADYiAouSdFJaFdHBimAxCK24nJ5/oGk9Gp/c5rZt4IAExPQyw5KJ9eEUlEcLyb0GPROAv38f5EXzanwu7fevtjIdO6QfDX4wnhHXqFSEQjWdLAmxq1MtgqM7QUGHrDkLK4rdsDeCGGSKVhNEDEhSoxYwwaeJjxV/DPK9AqHXFQBGUnOzwxReH8Orm4Klq+MrNu/I1S+wiUEZT4VntZbPHlmfzj6clwBu7tYKUW9CRr/ThBj6PRqYnhG+vlzEZn1yFI7izRlw4gFE73bc08tfjNg1TuneSS57bv+156mHCikkH0XIa5AAjoFLqGTsogzLntewqzpVZrU7NZHp+idGp8wpMTM5fL5csz+zwJ96D1fAuH+wdMTUxMwZz8gh7ctesg9SWapJgfV4VTgkUU5IxAGi1E0EQabUTQiI0MGcKy9v7SMoBlJbrHn90XL42/3Z4QLIQePmrv/Bbx8fuxOEhXkzCJkAxGg+SljA2W0xipVwzQVdYETCoGiI4gCog2gVa5zt3znHONwwaODwPunsMdZ7jXAt91ZsZ8FHZ3v0/As0u/hKskiLex6o10ChSQbFiHuQdruSieDgTgKxanNM4O4R/uc38UbpFe5D5DSCwFlXpjyUgZMpLorR2rs+iAbMk2aD2LEfZEFZobmzig8gCD6WKzWew8Gx8si54p9HH2Jr0jJNAawXsPeGwEUCjQoYh+xFWewzt+A6s4z/EYd9/jXIh6a5W7F9wL3jnSM42zr+9vek0IIdOePp9dVIWKAqgNqoqlwCZFcT9VrJQCS93vFdqWZW+LmJzKh2EpLA3nO74hF0V6FrkgsQBgEaJrdgCzSQTRdu8Ct9177j0bw3KXnu3e2947Pp+zN4WjeL9ezKq4n8v305YJWSGG17ScekVXKTl3WxRvn/PljFLvWxseCitm0RQS8yjKz91bEHdXhkLhkmmWuvSrZGm3fiwXX7MUw8bFZDAhW3PqjfoKqNccK2sxSct6e0PXVKnL/NeaaRZMc3voEYNLrMZEuWaoi4cq/Ub9yTWPWpbc5VN7B3hvF0xIhmw1HISQooSl3oGyYQxYmCPJyupnAPKZ5doQ6dTZvM/RBR4zLDIwunz5OXcs9xawXLfJXy0P5bkF+oz/6EONfuGyLqWB3PTe3N650a34r3kYB1nAb2lB/DxuMbXqsawnR6HWmSu6Eal6h92khnV9UNfXbwvJcige92Q11AfeojvE3luDuuvIhnwTH7l3luDUqc3D9A5+vwyvL+Yb4FcgGJLW6VMOeDk1H3fhkOB+IiWshOQepxySGv1BXwTuh4qjDOsmppb5skifjmhapH1KDPXqCQBTC8Avfo5V/aCWkh1+E8gBJyZaRQawD9eqNQ3TybIf6smYYxS7QaHQgitXCsXCCAjH9+w5LsCS4XJxbbFJabMYXxuP08mKvX0MD/B4bLtdmVwYQ/F/Gn0Xn+fOXO/puX7Glw/zJ+TmUZRz+YFijF7CCuzHCFYr9VqsbtlZGbSYb2Lu6wJ/plkwBUH+gj8ZyVy+ls+DgG32OAsCBJk7xfhKyNXzuUZuvj88Qbf6vcu2MswT2LhU7GIV7OKOsDIlRSX3s5MoU5L0I4tIsE+iiEruidOMpRD4iTE4wCKdPP5dOCLE0c8B5CCNJETw2ti2jYgMmHlaRNXnP0e2MNL+uDgKMFqkm4stSlvt11PDwym6OTUEMJRKwGiBbil6TbjYPlYYFSIIto/NHdItOKPJfwH1N8MIAAAAeJxjYGRgYADiqyc4zsXz23xl4GZhAIHr0kcKEPT/WywMzGpALgcDE0gUADmyCoAAeJxjYGRgYG7438AQw8IAAkCSkQEViAEARxwCf3icY2FgYGB+ycDAwkBdDABbXwFBAAAAAAB2ANQBEAE8AXgBkgHKAfICGAI6AmoCxALsAxoDYAOcA84D/AQoBFAEigAAeJxjYGRgYBBjCGRgZQABJiDmAkIGhv9gPgMAEvgBgwB4nG2Ru04CQRSG/+VmWKIFRkudRgsNy6UxoZQECjsLelhmF8jeMjtLwiP4PD6DT2Bv5zPY+rMcKZCdzMn3/+eyJxkAbXzBwf674t2zgybVnis4w41wlf6dcI3sCdfRwpNwg/6zsItHvAi3cIkNJzi1JtUD3oQd7vAuXMEFPoSr9D+Fa+Rv4Tqu8SPcQNs5F3YxdW6FW7h3Cndk9MzqhZpv1cpPkyBNrOsXc93ZqVcdFtHMHPQBptrkqzRRfa938CY60eZvVr4JB9YGKjBprMYcqqMoVZlJ19q33tLabNjtBuJ7fhpztREMNGawjAsozLFlXMFHigRBGS3rfBTMaXQOuVeqkG7EbnMi/9+ZUhnk1Dul0Ocz9U7UTaiSsvZ4r5wPFWJA13I3xWvYEZPGsqnmPhFZIStzazo+fQ/LsivDEF2e4KjeK/8d/wJS5W/WAAB4nG2NWXLCMBBE1Y7kGLBDVjiFDyXbE6NCzMBIjsPtKZZP3ld3vepqU5g7S/OcDQq8wMKhxCsqLLDECjUavGGNd3zgE1/4xg822Br8N3SmNvBfSKGLtLq2R67TafJKrYZxl8tEkfpcHacYB5nZHkTJdr7fO68qs+ujJLKzV65OE6UchN1t6WYVHm3gXykHzyOp85E01yoTD20nOpAuwuEomj3nQvbN4/iujLkAR/U8sg==) format("woff"),url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7kuBAAABfAAAAFZjbWFwoYTUyAAAAiwAAALwZ2x5ZpxEgOkAAAVMAAAJFGhlYWQRVszdAAAA4AAAADZoaGVhB94DlwAAALwAAAAkaG10eFfpAAAAAAHUAAAAWGxvY2EcFhmUAAAFHAAAAC5tYXhwASUAXQAAARgAAAAgbmFtZR7PjaIAAA5gAAACeXBvc3RRXxwTAAAQ3AAAAPQAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAABYAAQAAAAEAANXICM5fDzz1AAsEAAAAAADXG8RwAAAAANcbxHAAAP/aBAADJgAAAAgAAgAAAAAAAAABAAAAFgBRAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQP/AZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjpkAOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAPpAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAHkAAEAAAAAAN4AAwABAAAALAADAAoAAAHkAAQAsgAAAB4AEAADAA4AeOYD5gnmC+YN5hTmGeYl5kHmduZ95oPmjOmQ//8AAAB45gPmB+YL5g3mFOYW5iTmQeZ25n3mg+aL6ZD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAeAB4AHgAiACIAIgAiACgAKgAqACoAKgAqACwAAAABAAYABwAIAAUACQAKAAsADAANAA4ADwACAAMAEAARAAQAEgATABQAFQAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAABDAAAAAAAAAAVAAAAeAAAAHgAAAABAADmAwAA5gMAAAAGAADmBwAA5gcAAAAHAADmCAAA5ggAAAAIAADmCQAA5gkAAAAFAADmCwAA5gsAAAAJAADmDQAA5g0AAAAKAADmFAAA5hQAAAALAADmFgAA5hYAAAAMAADmFwAA5hcAAAANAADmGAAA5hgAAAAOAADmGQAA5hkAAAAPAADmJAAA5iQAAAACAADmJQAA5iUAAAADAADmQQAA5kEAAAAQAADmdgAA5nYAAAARAADmfQAA5n0AAAAEAADmgwAA5oMAAAASAADmiwAA5osAAAATAADmjAAA5owAAAAUAADpkAAA6ZAAAAAVAAAAAAB2ANQBEAE8AXgBkgHKAfICGAI6AmoCxALsAxoDYAOcA84D/AQoBFAEigAAAAUAAP/hA7wDGAATACgAMQBEAFAAAAEGKwEiDgIdASEnNC4CKwEVIQUVFxQOAycjJyEHIyIuAz0BFyIGFBYyNjQmFwYHBg8BDgEeATMhMjYnLgInATU0PgI7ATIWHQEBGRsaUxIlHBIDkAEKGCcehf5KAqIBFR8jHA8+Lf5JLD8UMiATCHcMEhIZEhKMCAYFBQgCAgQPDgFtFxYJBQkKBv6kBQ8aFbwfKQIfAQwZJxpMWQ0gGxJhiDRuHSUXCQEBgIABExsgDqc/ERoRERoRfBoWExIZBxANCBgaDSMkFAF35AsYEwwdJuMAAAAABAAAAAADewLMAAYAFQAjADcAAAEXNS4BJxQHFxUeARcWNxcGIy4BJzYnHwEOAQceARcyNxc3AQUeARcUBgcXPgE3LgEnIgYHFz4BAflsATotmTQBOi0KDjQjKUthAgGuTw4sQhIuzIRPSnMt/ZkBLkthAgYIZSc8Ey/LhCVFIUwQIgH7awctOgEEGzUYLToBAQQ0FQJhSynjUA4iWDR0jwEbci0CZ4sCYUsQIQ1lIlIvdY4CDgtMCAYAAAADAAAAAAN9ApgACAAUACAAAAEOARQWMjY0JgMuASc+ATceARcOAQMOAQceARc+ATcuAQH/LTo6Wzk5LkphAgJhSkthAgJhS4TLLi7LhIXLLi7LAfsBOlo6Olo6/uwBYUtLYQEBYUtLYQGwAo50dI4CAo50dI4AAAACAAD/2gOmAyYADwAVAAABIQ4BBxEeARchPgE3ES4BASc3FzcXAzz9iC08AQE8LQJ4LTwBATz+YsNKef1LAyYBPC39iC08AQE8LQJ4LTz9csRKef1KAAAABAAAAAADjgJGABAAEQAiACMAACUGIicBJjQ3MTYyFwEWFAc5AQEeAQcBBiInMSY0NwE2Mhc5AQIzCBYI/q4ICAgVCAFTCAgBUwcBCP6tCBUICAcBUwgVCcYIBwFTCBUJBwf+rQgVCAF3CBYI/q4ICAgVCAFTCAgAAQAAAAACsgHaAAoAAAEmNjchHgEPAQYnAU8FBQgBTQgFBacJCQG4BxkCAhkHjwgIAAAAAAMAAAAAA5oB5wALABQAIgAAEx4BMjY3MDEuASIGBR4BMjY0JiIGBR4BMjY3MDEuASIGBzBmATpXOgEBOlc6ATMBOVg5OVg5ATIBOlc6AQE6VzoBAYAsOTksLDk5LCw5OVg5OSwsOTksLDk5LAAAAAABAAD/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/qKnBwceBxEG1QcHAYsHEQAAAAIAAP/lA5kDGQAPAB8AAAUhLgEnET4BNyEeARcRDgEBDgEVERQWFyE+ATcRLgEnAzH9nSw7AQE7LAJjLDoCAjr9cR4pKR4CYx4oAQEoHhoBOysCZCw6AQE6LP2cKzsDEQEoHv2cHigBASgeAmQeKAEAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAJABUAAQAAAAAAAgAHAB4AAQAAAAAAAwAJACUAAQAAAAAABAAJAC4AAQAAAAAABQALADcAAQAAAAAABgAJAEIAAQAAAAAACgArAEsAAQAAAAAACwATAHYAAwABBAkAAAAqAIkAAwABBAkAAQASALMAAwABBAkAAgAOAMUAAwABBAkAAwASANMAAwABBAkABAASAOUAAwABBAkABQAWAPcAAwABBAkABgASAQ0AAwABBAkACgBWAR8AAwABBAkACwAmAXUKQ3JlYXRlZCBieSBpY29uZm9udApjdWJlLWljb25SZWd1bGFyY3ViZS1pY29uY3ViZS1pY29uVmVyc2lvbiAxLjBjdWJlLWljb25HZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBjAHUAYgBlAC0AaQBjAG8AbgBSAGUAZwB1AGwAYQByAGMAdQBiAGUALQBpAGMAbwBuAGMAdQBiAGUALQBpAGMAbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABjAHUAYgBlAC0AaQBjAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcAAXgNZXllLWludmlzaWJsZQtleWUtdmlzaWJsZQxzcXVhcmUtcmlnaHQGc2VsZWN0CHB1bGxkb3duBG1vcmUEYmFjawVhcnJvdwVjbG9zZQR3YXJuCHF1ZXN0aW9uBXJpZ2h0BXdyb25nBGluZm8GZGFuZ2VyBWFsZXJ0DHJvdW5kLWJvcmRlcglpbXBvcnRhbnQCb2sNc3F1YXJlLWJvcmRlcgAA) 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"}.cubeic-square-border:before{content:"\E990"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-more:before{content:"\E607"}.cubeic-pulldown:before{content:"\E603"}.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-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-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-checkbox{position:relative;padding:0 16px;text-align:left;font-size:100%;color:#666}.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.cubeic-square-border{border-radius:2px}.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.24);transform:scale(1.24)}.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-hollow i{width:100%;height:100%}.cube-checkbox-hollow i:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:currentColor;border-radius:2px}.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui:before{color:#fc9153}.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui i{-webkit-transform:scale(1);transform:scale(1);color:#fc9153}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui{background-color:transparent}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui:before{color:#eee}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui i{-webkit-transform:scale(1);transform:scale(1);color:transparent}.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked .cube-checkbox-ui i{color:#eee}.cube-toolbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:2;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.cube-toolbar-group{display:-webkit-box;display:flex;height:44px;overflow:hidden;box-sizing:border-box;border-radius:2px;box-shadow:0 1px 6px rgba(0,0,0,.24);background-color:#fcfcfc}.cube-toolbar-group-more{margin-bottom:10px}.cube-toolbar-group-more .cube-toolbar-item:last-child .cube-toolbar-down{position:absolute;top:44px;right:9%;height:10px;color:#fcfcfc;font-size:24px;font-family:cube-icon;font-style:normal;text-shadow:0 1px 3px #e8e8e8;-webkit-transform:scale(1.3);transform:scale(1.3)}.cube-toolbar-group-more .cube-toolbar-item:last-child .cube-toolbar-down:before{content:"\E603";position:relative;top:-10px}.cube-toolbar-group-more .cube-toolbar-item:last-child .cube-toolbar-down:after{content:"";display:block;position:absolute;left:30%;top:50%;margin-top:-6px;width:40%;height:2px;background-color:#fcfcfc}.cube-toolbar-group-more .cube-toolbar-item:last-child:active .cube-toolbar-down{color:#e8e8e8}.cube-toolbar-group-more .cube-toolbar-item:last-child:active .cube-toolbar-down:after{background-color:#e8e8e8}.cube-toolbar-item{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;-webkit-box-align:center;align-items:center;background-color:#fcfcfc}.cube-toolbar-item:last-child{position:static}.cube-toolbar-item:last-child:after{display:none}.cube-toolbar-item:active{background-color:#e8e8e8}.cube-toolbar-item:active:after{border-color:transparent}.cube-toolbar-item .cube-toolbar-chb{height:44px;padding:0;font-size:12px;background-color:transparent}.cube-toolbar-item .cube-toolbar-chb .cube-checkbox-wrap{padding:0;-webkit-box-pack:center;justify-content:center}.cube-toolbar-item .cube-toolbar-chb .cube-checkbox-wrap .cube-checkbox-ui{position:relative;left:auto;margin-right:.42em}.cube-toolbar-item .cube-btn{position:relative;padding:0 5px;background-color:transparent;border:0 none;color:#666;font-size:12px}.cube-toolbar-item .cube-btn:active{background-color:transparent}.cube-toolbar-item .cube-btn:active:after{display:none}.cube-toolbar-item .cube-btn i{margin-right:0}.cube-toolbar-item .cube-btn i.cubeic-more{color:#999;font-size:16px}.cube-checkbox-group{z-index:1;overflow:hidden;background-color:#fff}.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{z-index:1;overflow:hidden;background-color:#fff}.cube-radio-group .cube-radio:last-child .cube-radio-wrap:after,.cube-radio-group .cube-radio:last-child .cube-radio-wrap:before{display:none}.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}.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-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;background-color:currentColor;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.24);transform:scale(1.24)}.cube-radio-ui i{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(.4);transform:scale(.4)}.cube-radio-ui i:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);background-color:currentColor;border-radius:50%}.cube-radio_selected .cube-radio-ui{background-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);color:#fff}.cube-radio_disabled .cube-radio-ui{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-radio-hollow.cube-radio_disabled .cube-radio-ui,.cube-radio-hollow.cube-radio_selected .cube-radio-ui{background-color:transparent}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui i:before,.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.cube-radio-hollow.cube-radio_selected .cube-radio-ui:before,.cube-radio-hollow.cube-radio_selected .cube-radio-ui i{color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before,.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i{color:#eee}.cube-input{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:14px;line-height:1.429;background-color:#fff;position:relative}.cube-input: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 #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-input: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-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-input-field{-webkit-box-flex:1;flex:1;width:100%;padding:10px;box-sizing:border-box;color:#666;line-height:inherit;background-color:inherit;border-radius:2px;outline:none}.cube-input-field::-webkit-input-placeholder{color:#ccc!important;text-overflow:ellipsis}.cube-input-field+.cube-input-append{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.cube-input-prepend+.cube-input-field{margin-left:-5px}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;color:#999}.cube-input-clear>i,.cube-input-eye>i{display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.cube-input-eye>.cubeic-eye-invisible,.cube-input-eye>.cubeic-eye-visible{-webkit-transform:scale(1.4);transform:scale(1.4)}.cube-textarea-wrapper{-webkit-transition:height .2s;transition:height .2s;height:40px;font-size:14px;line-height:1.429;position:relative}.cube-textarea-wrapper textarea::-webkit-input-placeholder{color:#ccc!important;text-overflow:ellipsis}.cube-textarea-wrapper: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 #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea-wrapper: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-textarea-wrapper:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-textarea_expanded{height:80px}.cube-textarea_active{position:relative}.cube-textarea_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 #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea_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-textarea_active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-textarea-indicator{position:absolute;bottom:7px;right:10px;color:#ccc}.cube-textarea{width:100%;height:100%;text-align:left;padding:10px;box-sizing:border-box;font-size:100%;line-height:inherit;color:#666;background-color:#fff;border-radius:2px;resize:none;border:none;outline:none}.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;display:-webkit-box;display:flex;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;font-size:14px}.cube-picker-confirm{color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{-webkit-box-flex:1;flex:auto;display:-webkit-box;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;-webkit-box-pack:center;justify-content:center;text-align:center}.cube-picker-title{font-size:18px;line-height:25px;font-weight:400;color:#333}.cube-picker-subtitle{margin-top:2px;line-height:16px;font-size:12px;color:#999}.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}.cube-picker-wheel-scroll{padding:0;margin-top:68px;line-height:36px;list-style:none}.cube-picker-wheel-item{list-style:none;height:36px;overflow:hidden;white-space:nowrap;color:#333}.cube-picker-footer{height:20px}.cube-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;pointer-events:none}.cube-popup_mask{pointer-events:auto}.cube-popup_mask .cube-popup-mask{display:block}.cube-popup-container,.cube-popup-mask{position:absolute;width:100%;height:100%}.cube-popup-mask{display:none;overflow:hidden;background-color:#25262d;opacity:.4;pointer-events:auto}.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%);pointer-events:auto}.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-select{padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.cube-select,.cube-select:after{box-sizing:border-box}.cube-select: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;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-select: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-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-select>span{display:inline-block}.cube-select_active{position:relative}.cube-select_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 #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-select_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-select_active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-select_active .cube-select-icon{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.cube-select_disabled{color:#b8b8b8;background-color:rgba(0,0,0,.04);cursor:not-allowed}.cube-select-placeholder{color:#999}.cube-select-icon{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-style:solid;border-color:#999 transparent transparent;border-width:4px 4px 0;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cube-switch{display:-webkit-box;display:flex;position:relative;-webkit-box-align:center;align-items:center}.cube-switch .cube-switch-input{position:absolute;z-index:1;width:48px;height:28px;opacity:0}.cube-switch .cube-switch-input:checked+.cube-switch-ui{border-color:#fc9153;background-color:#fc9153}.cube-switch .cube-switch-input:checked+.cube-switch-ui:before{-webkit-transform:scale(0);transform:scale(0)}.cube-switch .cube-switch-input:checked+.cube-switch-ui:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.cube-switch .cube-switch-input:disabled+.cube-switch-ui{opacity:.3}.cube-switch .cube-switch-ui{position:relative;display:inline-block;width:48px;height:28px;border:1px solid #e4e4e4;border-radius:28px;background-color:#e4e4e4}.cube-switch .cube-switch-ui:after,.cube-switch .cube-switch-ui:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;background-color:#fff;-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28),-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28)}.cube-switch .cube-switch-ui:after{width:28px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.cube-switch .cube-switch-label{display:inline-block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:inline-flex;vertical-align:top;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;flex:0 1 auto;margin-right:6px}.cube-rate-item:after{content:"";display:block;padding:50% 0}.cube-rate-item:last-child{margin-right:0}.cube-rate-item .cube-rate-item-def{position:absolute;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)}}.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)}}.cube-validator .cube-checkbox,.cube-validator .cube-input input,.cube-validator .cube-radio,.cube-validator .cube-select,.cube-validator .cube-textarea{color:inherit}.cube-validator-msg-def{font-size:14px;color:#e64340}.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-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-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-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}.cube-drawer{z-index:5;right:0;left:0;color:#333}.cube-drawer,.cube-drawer-main{position:absolute;top:0;bottom:0;overflow:hidden}.cube-drawer-main{left:100%;max-width:90%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-shadow:-2px 0 2px rgba(0,0,0,.2);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cube-drawer-title{position:relative;padding:0 20px;height:50px;line-height:50px;border-bottom:1px solid #eee;font-size:16px;background-color:#fff}.cube-drawer-panels{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index:1;-webkit-box-flex:1;flex:1;width:170px;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.cube-drawer-panel+.cube-drawer-panel{margin-left:-67px}.cube-drawer-panel:first-child{box-shadow:none}.cube-drawer-scroll-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.cube-drawer-move-enter,.cube-drawer-move-leave-to{-webkit-transform:translate(67px);transform:translate(67px)}.cube-drawer-move-enter-active,.cube-drawer-move-leave-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.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-drawer-item{padding:0 20px;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;font-size:15px}.cube-drawer-item:after{left:20px}.cube-drawer-item:last-child:after{display:none}.cube-drawer-item:first-child:after{display:block}.cube-drawer-item_active{background:rgba(0,0,0,.04)}.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-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-swipe{overflow:hidden}.cube-swipe-enter-active,.cube-swipe-enter-active .cube-swipe-item-inner,.cube-swipe-leave-active,.cube-swipe-leave-active .cube-swipe-item-inner{-webkit-transition:all .3s;transition:all .3s}.cube-swipe-enter .cube-swipe-item-inner,.cube-swipe-leave-to .cube-swipe-item-inner{height:0}.cube-swipe-item{position:relative}.cube-swipe-item-inner{height:60px;line-height:60px;font-size:16px;padding-left:20px}.cube-swipe-btn{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:100%;height:100%;text-align:left;font-size:16px}.cube-swipe-btn .text{-webkit-box-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-form{position:relative;font-size:16px;line-height:1.429;color:#666;background-color:#fff}.cube-form_groups .cube-form-group-legend{padding:10px 15px}.cube-form_groups .cube-form-group-legend:empty{padding-top:5px;padding-bottom:5px}.cube-form_standard .cube-form-item{min-height:46px}.cube-form_standard .cube-form-field{-webkit-box-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;flex:1}.cube-form_standard .cube-validator-msg-def{font-size:0}.cube-form_standard .cube-validator_invalid .cube-validator-msg:before{content:"\E614";padding-left:5px;font-family:cube-icon!important;font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cube-form_standard .cube-form-label{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100px;padding-right:10px}.cube-form_standard .cube-checkbox-group:after,.cube-form_standard .cube-checkbox-group:before,.cube-form_standard .cube-radio-group:after,.cube-form_standard .cube-radio-group:before{display:none}.cube-form_standard .cube-input input{padding:13px 0;background-color:transparent}.cube-form_standard .cube-input:after{display:none}.cube-form_standard .cube-textarea-wrapper{padding:13px 0;height:20px}.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded{height:60px;padding-bottom:20px}.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded .cube-textarea-indicator{bottom:2px}.cube-form_standard .cube-textarea-wrapper .cube-textarea{padding:0;background-color:transparent}.cube-form_standard .cube-textarea-wrapper:after{display:none}.cube-form_standard .cube-select{padding-left:0;background-color:transparent}.cube-form_standard .cube-select:after{display:none}.cube-form_standard .cube-upload-def{padding:5px 0}.cube-form_standard .cube-upload-def .cube-upload-btn,.cube-form_standard .cube-upload-def .cube-upload-file{margin:5px 10px 5px 0}.cube-form_classic .cube-form-item{display:block;padding:15px}.cube-form_classic .cube-form-item:last-child{padding-bottom:30px}.cube-form_classic .cube-form-item:after{display:none}.cube-form_classic .cube-form-item .cube-validator-msg{position:absolute;margin-top:3px}.cube-form_classic .cube-form-item .cube-validator-msg:before{display:none}.cube-form_classic .cube-form-item .cube-validator-msg-def{font-size:12px}.cube-form_classic .cube-form-item_btn{padding-top:0;padding-bottom:0}.cube-form_classic .cube-form-item_btn:last-child{padding-bottom:0}.cube-form_classic .cube-form-label{padding-bottom:15px}.cube-form_fresh .cube-form-item{display:block;padding:2em 15px 10px}.cube-form_fresh .cube-form-item:after{display:none}.cube-form_fresh .cube-form-item .cube-validator-msg{position:absolute;top:1em;right:15px;bottom:auto;margin-top:-.4em;font-size:12px}.cube-form_fresh .cube-form-item .cube-validator-msg:before{display:none}.cube-form_fresh .cube-form-item .cube-validator-msg-def{font-size:100%}.cube-form_fresh .cube-form-item_btn{padding-top:0;padding-bottom:0}.cube-form_fresh .cube-form-item_btn:last-child{padding-bottom:0}.cube-form_fresh .cube-form-label{position:absolute;top:1em;margin-top:-.4em;font-size:12px}.cube-form-group{overflow:hidden}.cube-form-group-legend{font-size:14px;color:#999;background-color:#f3f4f5}.cube-form-item{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 15px}.cube-form-item:last-child:after{display:none}.cube-form-item .cube-checkbox-group,.cube-form-item .cube-radio-group{background-color:transparent}.cube-form-item .cube-checkbox,.cube-form-item .cube-radio{padding-left:0;padding-right:0}.cube-form-item_btn{margin:15px 0}.cube-form-item_btn:after{display:none}.cube-form-label{word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";margin-top:1px;margin-right:.3em;color:#e64340}#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:#edf0f4;box-shadow:0 2px 1px #e9eaea;-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;z-index:1}.cube-content .cube-list .cube-index-list-group .cube-index-list-anchor{font-size:16px}.cube-content .cube-list .cube-index-list-group ul .cube-item{height:40px;line-height:40px;padding-left:16px}.cube-content .cube-list .cube-index-list-group ul .cube-item .link{display:block;position:relative;width:100%;color:#333;text-decoration:none;outline:0}.cube-content .cube-list .cube-index-list-group ul .cube-item .link .cubeic-arrow{position:absolute;right:0;padding:0 5px;color:#ccc}.cube-content .cube-list .cube-index-list-nav{margin-right:0;padding:8px 5px;border-radius:3px 0 0 3px;background:#f7f7f7;box-shadow:0 0 5px hsla(0,0%,50%,.278)}.cube-content .cube-list .cube-index-list-nav>ul>li{padding:8px 0}.cube-content .cube-list .cube-index-list-fixed{font-size:16px}.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:#edf0f4;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-view .content>*{margin:10px 0}.checkbox-view .cube-checkbox{background-color:#fff}.checkbox-group-view .content>*,.radio-view .content>*{margin:10px 0}.radio-view img{width:100px}.switch-view .content>*{margin:10px 0}.switch-view .content .cube-switch{padding:10px;background-color:#fff}.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)}.cube-page.option-demo.input-view .wrapper{background-color:#efeff4}.cube-page.option-demo.input-view .wrapper .group{background-color:#fff}.cube-page.option-demo.input-view .wrapper .value{margin:15px 5px}.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}.textarea-wrapper{margin:30px 0}.component-desc{margin-top:15px;font-size:14px}.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}.rate-wrapper{margin:30px 0}.rate-wrapper .rate-text{text-align:center;margin-top:25px;vertical-align:middle}.rate-wrapper .rate-item{width:100%;height:100%;background-size:100%;background-color:gray}.cube-rate-item.active .rate-item{background-color:orange}.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}.cube-json-view h3{margin-top:15px;font-size:16px}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496}.hljs-comment,.hljs-quote{color:#586e75}.hljs-addition,.hljs-keyword,.hljs-selector-tag{color:#859900}.hljs-doctag,.hljs-literal,.hljs-meta .hljs-meta-string,.hljs-number,.hljs-regexp,.hljs-string{color:#2aa198}.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title{color:#268bd2}.hljs-attr,.hljs-attribute,.hljs-class .hljs-title,.hljs-template-variable,.hljs-type,.hljs-variable{color:#b58900}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol{color:#cb4b16}.hljs-built_in,.hljs-deletion{color:#dc322f}.hljs-formula{background:#073642}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.form-custom .cube-form-item .cube-btn{padding-left:0;padding-right:0;text-align:left;color:inherit;background:none;border:none}.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}.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}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li.active .custom-nav-item{color:#ffcd32}.view-wrapper .index-list-wrapper.custom .custom-nav-item{font-size:12px;color:#909090}.view-wrapper .index-list-wrapper{height:98%;width:94%;margin:0 auto;overflow:hidden}.upload-view-def .content>div,.upload-view-def .content>p{margin:20px 0}.upload-view-def .content>div .cube-btn,.upload-view-def .content>div .cube-upload{margin:10px 0}.upload-view-compress .content>div,.upload-view-compress .content>p{margin:20px 0}.upload-view-compress .content>div .cube-btn,.upload-view-compress .content>div .cube-upload{margin:10px 0}.upload-view-custom .content>div,.upload-view-custom .content>p{margin:20px 0}.upload-view-custom-main{background-color:#fff}.upload-view-custom-main .cube-upload .cube-upload-btn,.upload-view-custom-main .cube-upload .cube-upload-file{margin:0;height:200px}.upload-view-custom-main .cube-upload .cube-upload-file{margin:0}.upload-view-custom-main .cube-upload .cube-upload-file+.cube-upload-btn{margin-top:-200px;opacity:0}.upload-view-custom-main .cube-upload .cube-upload-file-def{width:100%;height:100%}.upload-view-custom-main .cube-upload .cube-upload-file-def .cubeic-wrong{display:none}.upload-view-custom-main .cube-upload .cube-upload-btn{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.upload-view-custom-main .cube-upload .cube-upload-btn>div{text-align:center}.upload-view-custom-main .cube-upload .cube-upload-btn i{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:50px;height:50px;margin-bottom:20px;font-size:32px;line-height:1;font-style:normal;color:#fff;background-color:#333;border-radius:50%}.validator-item{box-sizing:border-box;min-height:70px}.validator-item .custom-msg{color:orange}.swipe-view .swipe-wrapper{position:fixed;top:60px;left:10px;right:10px;bottom:0;background:#fff}.swipe-view .swipe-wrapper .swipe-item-wrapper{overflow:hidden}.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter-active,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter-active .item-inner,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-active,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-active .item-inner{-webkit-transition:all .3s;transition:all .3s}.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter .item-inner,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-to .item-inner{height:0}.swipe-view .swipe-wrapper .item-inner{display:-webkit-box;display:flex;box-sizing:border-box;-webkit-box-align:center;align-items:center;padding:0 20px;height:80px}.swipe-view .swipe-wrapper .item-inner .icon{-webkit-box-flex:0;flex:0 0 60px;width:60px;padding-right:20px}.swipe-view .swipe-wrapper .item-inner .text{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:1;flex:1;line-height:20px;overflow:hidden;font-size:14px}.swipe-view .swipe-wrapper .item-inner .text .item-name{margin-bottom:10px;color:#333}.swipe-view .swipe-wrapper .item-inner .text .item-desc{color:#666}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.view-wrapper .cube-drawer-item_active{color:#fc9153;background-color:transparent}.slide-container-v{height:380px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-container-v .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.slide-container-v .cube-slide-dots .my-dot.active{color:#fc9153}.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} \ No newline at end of file diff --git a/docs/example/css/app.f5b59ce1a8ede686b3e97efff1496c68.css b/docs/example/css/app.f5b59ce1a8ede686b3e97efff1496c68.css deleted file mode 100644 index b34e9969ee86188e271c333712d665fedbf05ae0..0000000000000000000000000000000000000000 --- a/docs/example/css/app.f5b59ce1a8ede686b3e97efff1496c68.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;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,d09GRgABAAAAAAq0AAsAAAAAEOAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuBY21hcAAAAYAAAAD3AAACzNJtPtRnbHlmAAACeAAABacAAAhwOF4R6mhlYWQAAAggAAAALwAAADYQqi8NaGhlYQAACFAAAAAcAAAAJAfeA5VobXR4AAAIbAAAABQAAABQT+kAAGxvY2EAAAiAAAAAKgAAACoYDhXEbWF4cAAACKwAAAAfAAAAIAEjAF1uYW1lAAAIzAAAAUUAAAJtPlT+fXBvc3QAAAoUAAAAoAAAAOKtnyv9eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s84gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLycwNzwv4EhhrmBoQEozAiSAwAwjQ0GeJzFkrFOAlEQRe8TxF2XVQSCkhCrxVj4E/wU2YaKEgq+gg+y8gtuQm+Pd/a+kFhoZ5yXs8mbmX0zmTsArgH0xJvoA+kDCWHv8qbO38Nt5+/jqPsCI3mGaFmyYs0p51xyxTU33HJ/OpzPympZ5OiMzSW6y9GfLOn1BZ7zafByOa9ddKBub1CgVEeVeqhxpV7ucK/eRnjAGBOlDX6p8MeW/q/0dxt2389801TQZtQiC6N5gqWJPWBlNGOwNojcqUHkzkzsBB8N4r8nE5U5N4g3GiOlwKWJfePKSD1wbaQjuDGxi9waaQvujFQG90Z643QwmHwBlBVTDAB4nHVVXWwUVRS+50537t3tdmZ/5qe7y+x2/2Za9we7O7vbbktBohjaIkSiUUlMVn7EoCYiCkZJ+lASIqYYXwSDaSQIklD0iQfDgwnGmFAffNAHTUwARUjUJx8wzU49M90StsbNnXPu/e7dc84955szxEfI8g3hqtBPomSQDJNHyQ5CQCxARqIGpC27TAugpn2qrkiClbXSLJspCxtAz4iKVqnbpi4yUQYJklBNV+pWmVpQsyfoGFQ0AyCWiO+M5NdFhPch0G8ljzmT9Cyoqew6eaLkbC1uVCoDUX44GInEIpH3uOjzcUp7ZAle0TW/zx8QnXM+Oa5eTQ3RFARjVnz62b6BRKR13H7VyOt+gJkZiCYGpAsbw/EwjnfiWjQSY6E+3h/vy+YUOPxrb380aJi3CP56XCG8TReJSFSSJQ28qV4rg6UwXU2CrjV0MYvLupXCCzFEKg29AT6cKCLTJ6CBmxlvBv+8DM3SaRtFQLKzQ1MtCpe3S8XNkfLi7PbJ10vt01BGUOR7rfHo+uuz+cfS06EMLB1gpSb0JGr9qKDHVmlraujWDinzjH3oJCQOluiLJxAKpfv2Zp5c/8YclXqnueiG7cV+lJ4inChkACOXYKUAAgaFoWGQEggrYXuRwnKp2dw1OlqebFHampxy5dTs9XL5+uwxV8ISNJ9r4nD+gNbUVAtW5Bd07tChOepJdEmRHz8J5wWTyJgzAmn0EEYXafQRRicWZkgXxtvHS+MA4yV6xNPOC9cm32pPCSZCD261D36N+OT9WszRLSREwiSD1SB5MWOBaTeG6xUdNIWNApKKAaLDiAKio0CrXOPOZc65ymEnx4cBdxZwxRmuVf83Hc2Yh8Lh7vME8D636V0hjlkkaDPlevKjkKHjnn7IFZ7D/38FmznP8Sh33uVciLhzhTtXnCvuPrqeQe3Z+5veEIJ4C9eeFzmaQkN+tAZV2ZRhlyw7n8pmUoYR51uZtiXJXSImJfMhGIGRUN5NB3g5KdJLpJeQqB+Q4Bia5cdK+cBnOfeAW86Ss2Thle/RS91ryz3j8WT5tvAR3q8XKxbzeHKfEkzIClG8pmnXK5pCycIdn+/Ogidn5XrfttBgSDaKhhBfRVF+7vwOMWdTMBgqGUapy75CRrrtIxU9y2IUmwKTwIBsza436huhXrPNrMlENeuudU1VxC73X6qGUTCM/cGHdC6yGvNJNV1ZP1jp1+tPbH3ENKWumNoHwD1dMCARtJRQAIKyHBJ7U2VdT5llyCQqW54GyGc2qIOkw+HVmCNrImZIYNC7Yvkxdyb3JrBct8tfTBfluTX29P/YQ4veS8G6jPpzM0dzR1dGt+G/VmEcZE1+S2vq5+YWqVWPZl05BrWOrmh6uOpudic1pGkDmrZjX1CSgrGYK6vBPnAn3SV2Tw1oji3p0m18pN5lgqrTc07Ru/ht0N2ek28AZldkoItqpwfY4HJqte7CScH5RIybcdGZpxwSKv1OWwfOB7ItD2kGUst4yUefCqtquH3eF+zV4gCG6oefPY5VvaKWEp38xjEHnBjoFTOAPa5WralIJ9N6oN8hx+g+aBYKTVhcLBQLwyDMHzkyL8DDQ+XituIopaPF2LZYjE5XrP0TuIHbE/utyvTaGvr+p4l25XPh4s2enpsXPflg/oTcKopyhR8oJug1fAP7sYLVSr0WrZtWVgI16rlY6dzwZ5oFkhDgz3tKT+TytXweBGxh8ywAEGBOi/FNkKvnc43can94nO71epdlZpgrsHEp2MUq2CFtYVNSjIjOZ+dQJkXxexYW4ZhIERWdsxcYSyLwA2NwgoU7PP5NOC3EMM4U5iCNSQjjtdMYY1gCZJ4aVrTVVm8Jw+2Pi2MAY0W6u9iktNl+LTk0lKS7k4MAg8k4jBXoniJ+1prF9pnCmBBGsH1mZZPuQY0u/wXmAqxiAHicY2BkYGAA4thl0Sbx/DZfGbhZGEDg2tHSDgT9/xYLA7MakMvBwAQSBQApDgqDAHicY2BkYGBu+N/AEMPCAAJAkpEBFYgAAEcaAn14nGNhYGBgfsnAwMJAHQwAUWcBOQAAAAAAdgDUARABPAF4AaABxgHoAhgCcgKaAsgDDgNKA3wDqgPWA/4EOAAAeJxjYGRgYBBhCGRgZQABJiDmAkIGhv9gPgMAEsIBgQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtjVkSgjAQRNNIUFncPQaHCjBiCszoJIje3lL49H111+uqVpGaSNV/ToiwQAyNBEussEaKDDkKbLDFDnsccMQJZ4VXQW8qrXtab6uesm+bc+4fgxEqxbbXkHjqqQ5xZepOGxEedd2zp3g04laPgXyw7PRvq0dh18bWXThpjGtJtOlJQi48uKasWBqStb3dWYJxIeKumK8mpdQH38U3TQ==) format("woff"),url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7kuBAAABfAAAAFZjbWFw0m0+1AAAAiQAAALMZ2x5ZjheEeoAAAUcAAAIcGhlYWQQqi8NAAAA4AAAADZoaGVhB94DlQAAALwAAAAkaG10eE/pAAAAAAHUAAAAUGxvY2EYDhXEAAAE8AAAACptYXhwASMAXQAAARgAAAAgbmFtZT5U/n0AAA2MAAACbXBvc3Stnyv9AAAP/AAAAOIAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAABQAAQAAAAEAAF2mWzRfDzz1AAsEAAAAAADWxXWIAAAAANbFdYgAAP/aBAADJgAAAAgAAgAAAAAAAAABAAAAFABRAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQP/AZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjpkAOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAPpAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAAB2AABAAAAAADSAAMAAQAAACwAAwAKAAAB2AAEAKYAAAAcABAAAwAMAHjmCeYL5g3mFOYZ5iXmQeZ25n3mg+aM6ZD//wAAAHjmCOYL5g3mFOYW5iTmQeZ25n3mg+aL6ZD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAHAAcAB4AHgAeAB4AJAAmACYAJgAmACYAKAAAAAEABgAFAAcACAAJAAoACwAMAA0AAgADAA4ADwAEABAAEQASABMAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAPQAAAAAAAAAEwAAAHgAAAB4AAAAAQAA5ggAAOYIAAAABgAA5gkAAOYJAAAABQAA5gsAAOYLAAAABwAA5g0AAOYNAAAACAAA5hQAAOYUAAAACQAA5hYAAOYWAAAACgAA5hcAAOYXAAAACwAA5hgAAOYYAAAADAAA5hkAAOYZAAAADQAA5iQAAOYkAAAAAgAA5iUAAOYlAAAAAwAA5kEAAOZBAAAADgAA5nYAAOZ2AAAADwAA5n0AAOZ9AAAABAAA5oMAAOaDAAAAEAAA5osAAOaLAAAAEQAA5owAAOaMAAAAEgAA6ZAAAOmQAAAAEwAAAAAAdgDUARABPAF4AaABxgHoAhgCcgKaAsgDDgNKA3wDqgPWA/4EOAAAAAUAAP/hA7wDGAATACgAMQBEAFAAAAEGKwEiDgIdASEnNC4CKwEVIQUVFxQOAycjJyEHIyIuAz0BFyIGFBYyNjQmFwYHBg8BDgEeATMhMjYnLgInATU0PgI7ATIWHQEBGRsaUxIlHBIDkAEKGCcehf5KAqIBFR8jHA8+Lf5JLD8UMiATCHcMEhIZEhKMCAYFBQgCAgQPDgFtFxYJBQkKBv6kBQ8aFbwfKQIfAQwZJxpMWQ0gGxJhiDRuHSUXCQEBgIABExsgDqc/ERoRERoRfBoWExIZBxANCBgaDSMkFAF35AsYEwwdJuMAAAAABAAAAAADewLMAAYAFQAjADcAAAEXNS4BJxQHFxUeARcWNxcGIy4BJzYnHwEOAQceARcyNxc3AQUeARcUBgcXPgE3LgEnIgYHFz4BAflsATotmTQBOi0KDjQjKUthAgGuTw4sQhIuzIRPSnMt/ZkBLkthAgYIZSc8Ey/LhCVFIUwQIgH7awctOgEEGzUYLToBAQQ0FQJhSynjUA4iWDR0jwEbci0CZ4sCYUsQIQ1lIlIvdY4CDgtMCAYAAAADAAAAAAN9ApgACAAUACAAAAEOARQWMjY0JgMuASc+ATceARcOAQMOAQceARc+ATcuAQH/LTo6Wzk5LkphAgJhSkthAgJhS4TLLi7LhIXLLi7LAfsBOlo6Olo6/uwBYUtLYQEBYUtLYQGwAo50dI4CAo50dI4AAAACAAD/2gOmAyYADwAVAAABIQ4BBxEeARchPgE3ES4BASc3FzcXAzz9iC08AQE8LQJ4LTwBATz+YsNKef1LAyYBPC39iC08AQE8LQJ4LTz9csRKef1KAAAABAAAAAADjgJGABAAEQAiACMAACUGIicBJjQ3MTYyFwEWFAc5AQEeAQcBBiInMSY0NwE2Mhc5AQIzCBYI/q4ICAgVCAFTCAgBUwcBCP6tCBUICAcBUwgVCcYIBwFTCBUJBwf+rQgVCAF3CBYI/q4ICAgVCAFTCAgAAQAA/+YC6QMaABQAAAE2Mh8BFhQHCQEWFA8BBiInASY0NwKXCBQIJAcH/sABQggIJAgTCP6KCAgDEggIJAgUCP62/rYIFAgkCAgBgAgUCAABAAD/9ALhAwwAEQAAATYyFwEWFAcBBiImNDcJASY0ATMPJg8BWw8P/qUPJh4PATj+yA8C/Q4O/qUPJg/+pQ4eJRABOAE4ECUAAAAAAQAAAAADLAKsAAsAABMJARcJAQcJAScJAfsBBQEFJ/74AQgn/vv++ycBCP74Aqz++AEIJ/77/vsnAQj++CcBBQEFAAADAAD/5gOaAxoACwAPABkAAAEOAQceARc+ATcuAQcDIwMTBiInJjQ2MhYUAgCt6AUF6K2t6AUF6IQPNg1NECgQDx0sHQMaBeitregFBeitreiv/ucBGf5ADAwQLR0dLQADAAD/5gOaAxoACwAUADgAAAEOAQceARc+ATcuAQMuATQ2MhYUBhMGBwYHDgEdASM1NDY3Nj8BNjU0JiMmBwYVIzQ2NzYXFhUUBgIAregFBeitregFBei6FR0dKx0daAwqFwgGBzUHBQ41FxQvKDIYFzZOSUEmJg4DGgXora3oBQXora3o/WsBHSsdHSsdARsMJxQQCgEMDw8QBgsfLhcXHyYuASIbMkZWAQElIj0VKAAAAAACAAD/5gOaAxoACwASAAABDgEHHgEXPgE3LgEDByc3FwEXAgCt6AUF6K2t6AUF6NYknCR2AQckAxoF6K2t6AUF6K2t6P3eJpwkdgEIJAAAAAIAAP/mA5oDGgALABcAAAEOAQceARc+ATcuAQMHJwcnNyc3FzcXBwIAregFBeitregFBegJJIB9JH19JH19JH0DGgXora3oBQXora3o/e4kfX0kfX0kfX0kfQAAAwAA/+YDmgMaAAsAFAAtAAABDgEHHgEXPgE3LgEHMhYUBiImNDYTIyImNDY7ATUjIiY0NjsBMhYXETMyFhQGAgCt6AUF6K2t6AUF6LoQFhYgFhZQZgwODgwZGQwODgwzDA0BGQwODgMaBeitregFBeitreivFiAWFiAW/jQOFw7mDhcODgv/AA4XDgADAAAAAAOYAukAEwAXACAAACU3AS4BIgYHARcGFR4BFyE+ATc0AQMjAxMuATQ2MhYUBgOPA/6hBhomGgb+nwIIARsVAs0WHAH+kg80DykWHR0sHR1pBQJVERUVEf2mBQwLFhoBAR0VCQHb/ucBGf4zAR0rHR0tGwACAAD/5gMaAxoACAAdAAAlDgEHLgEnNTM1FSM1NCYnLgEnPgE3HgEXDgEHDgECZgE6Kys6AczMKywrMQEDn3h4nwMBMCkuLE0sOQICOSwZTRkZAkwyJ2g+eJ8DA594PmgnMkwAAgAA/+YDmgMaAAsAFwAABS4BJz4BNx4BFw4BAw4BBx4BFz4BNy4BAgCt6AUF6K2t6AUF6K2p4gQE4qmp4gQE4hoF6K2t6AUF6K2t6AMkBOKpqeIEBOKpqeIAAAACAAAAAAI+AsMADwAYAAABMzI2NRM2JicjDgEVEx4BFw4BFBYyNjQmAe0hBwoeAQoIXgcKHgEKFxskJTUlJQEDCAcBnwcKAQEKB/5hBwhAASQ2JSQ3JAAAAQAAAAADRwJlABQAAAEnJiIHAScmIg8BBhQfARYyNwE2NANAHgYSBv6opAYSBh4GBtEHEQYBhQYCQB4GBv6ipwcHHgcRBtUHBwGLBxEAAAACAAD/5QOZAxkADwAfAAAFIS4BJxE+ATchHgEXEQ4BAQ4BFREUFhchPgE3ES4BJwMx/Z0sOwEBOywCYyw6AgI6/XEeKSkeAmMeKAEBKB4aATsrAmQsOgEBOiz9nCs7AxEBKB79nB4oAQEoHgJkHigBAAAAAAAAEgDeAAEAAAAAAAAAFQAAAAEAAAAAAAEACAAVAAEAAAAAAAIABwAdAAEAAAAAAAMACAAkAAEAAAAAAAQACAAsAAEAAAAAAAUACwA0AAEAAAAAAAYACAA/AAEAAAAAAAoAKwBHAAEAAAAAAAsAEwByAAMAAQQJAAAAKgCFAAMAAQQJAAEAEACvAAMAAQQJAAIADgC/AAMAAQQJAAMAEADNAAMAAQQJAAQAEADdAAMAAQQJAAUAFgDtAAMAAQQJAAYAEAEDAAMAAQQJAAoAVgETAAMAAQQJAAsAJgFpCkNyZWF0ZWQgYnkgaWNvbmZvbnQKaWNvbmZvbnRSZWd1bGFyaWNvbmZvbnRpY29uZm9udFZlcnNpb24gMS4waWNvbmZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUAAXgNZXllLWludmlzaWJsZQtleWUtdmlzaWJsZQxzcXVhcmUtcmlnaHQGc2VsZWN0BGJhY2sFYXJyb3cFY2xvc2UEd2FybghxdWVzdGlvbgVyaWdodAV3cm9uZwRpbmZvBmRhbmdlcgVhbGVydAxyb3VuZC1ib3JkZXIJaW1wb3J0YW50Am9rDXNxdWFyZS1ib3JkZXIAAAAA) 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"}.cubeic-square-border:before{content:"\E990"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.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}.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.cubeic-square-border{border-radius:2px}.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.24);transform:scale(1.24)}.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-hollow i{width:100%;height:100%}.cube-checkbox-hollow i:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:currentColor;border-radius:2px}.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui:before{color:#fc9153}.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui i{-webkit-transform:scale(1);transform:scale(1);color:#fc9153}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui{background-color:transparent}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui:before{color:#eee}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui i{-webkit-transform:scale(1);transform:scale(1);color:transparent}.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked .cube-checkbox-ui i{color:#eee}.cube-checkbox-group{z-index:1;overflow:hidden;background-color:#fff}.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{z-index:1;overflow:hidden;background-color:#fff}.cube-radio-group .cube-radio:last-child .cube-radio-wrap:after,.cube-radio-group .cube-radio:last-child .cube-radio-wrap:before{display:none}.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}.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-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;background-color:currentColor;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.24);transform:scale(1.24)}.cube-radio-ui i{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(.4);transform:scale(.4)}.cube-radio-ui i:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);background-color:currentColor;border-radius:50%}.cube-radio_selected .cube-radio-ui{background-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);color:#fff}.cube-radio_disabled .cube-radio-ui{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-radio-hollow.cube-radio_disabled .cube-radio-ui,.cube-radio-hollow.cube-radio_selected .cube-radio-ui{background-color:transparent}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui i:before,.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.cube-radio-hollow.cube-radio_selected .cube-radio-ui:before,.cube-radio-hollow.cube-radio_selected .cube-radio-ui i{color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before,.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i{color:#eee}.cube-switch{display:-webkit-box;display:flex;position:relative;-webkit-box-align:center;align-items:center}.cube-switch .cube-switch-input{position:absolute;z-index:1;width:48px;height:28px;opacity:0}.cube-switch .cube-switch-input:checked+.cube-switch-ui{border-color:#fc9153;background-color:#fc9153}.cube-switch .cube-switch-input:checked+.cube-switch-ui:before{-webkit-transform:scale(0);transform:scale(0)}.cube-switch .cube-switch-input:checked+.cube-switch-ui:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.cube-switch .cube-switch-input:disabled+.cube-switch-ui{opacity:.3}.cube-switch .cube-switch-ui{position:relative;display:inline-block;width:48px;height:28px;border:1px solid #e4e4e4;border-radius:28px;background-color:#e4e4e4}.cube-switch .cube-switch-ui:after,.cube-switch .cube-switch-ui:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;background-color:#fff;-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28),-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28)}.cube-switch .cube-switch-ui:after{width:28px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.cube-switch .cube-switch-label{display:inline-block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;pointer-events:none}.cube-popup_mask{pointer-events:auto}.cube-popup_mask .cube-popup-mask{display:block}.cube-popup-container,.cube-popup-mask{position:absolute;width:100%;height:100%}.cube-popup-mask{display:none;overflow:hidden;background-color:#25262d;opacity:.4;pointer-events:auto}.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%);pointer-events:auto}.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-input{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:14px;line-height:1.429;background-color:#fff;position:relative}.cube-input: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 #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-input: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-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-input-field{-webkit-box-flex:1;flex:1;width:100%;padding:10px;box-sizing:border-box;color:#666;line-height:inherit;background-color:inherit;border-radius:2px;outline:none}.cube-input-field::-webkit-input-placeholder{color:#ccc!important;text-overflow:ellipsis}.cube-input-field+.cube-input-append{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.cube-input-prepend+.cube-input-field{margin-left:-5px}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;color:#999}.cube-input-clear>i,.cube-input-eye>i{display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.cube-input-eye>.cubeic-eye-invisible,.cube-input-eye>.cubeic-eye-visible{-webkit-transform:scale(1.4);transform:scale(1.4)}.cube-validator .cube-checkbox,.cube-validator .cube-input input,.cube-validator .cube-radio,.cube-validator .cube-select,.cube-validator .cube-textarea{color:inherit}.cube-validator-msg-def{font-size:14px;color:#e64340}.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;display:-webkit-box;display:flex;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;font-size:14px}.cube-picker-confirm{color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{-webkit-box-flex:1;flex:auto;display:-webkit-box;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;-webkit-box-pack:center;justify-content:center;text-align:center}.cube-picker-title{font-size:18px;line-height:25px;font-weight:400;color:#333}.cube-picker-subtitle{margin-top:2px;line-height:16px;font-size:12px;color:#999}.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}.cube-picker-wheel-scroll{padding:0;margin-top:68px;line-height:36px;list-style:none}.cube-picker-wheel-item{list-style:none;height:36px;overflow:hidden;white-space:nowrap;color:#333}.cube-picker-footer{height:20px}.cube-select{padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.cube-select,.cube-select:after{box-sizing:border-box}.cube-select: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;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-select: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-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-select>span{display:inline-block}.cube-select_active{position:relative}.cube-select_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 #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-select_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-select_active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-select_active .cube-select-icon{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.cube-select_disabled{color:#b8b8b8;background-color:rgba(0,0,0,.04);cursor:not-allowed}.cube-select-placeholder{color:#999}.cube-select-icon{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-style:solid;border-color:#999 transparent transparent;border-width:4px 4px 0;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cube-textarea-wrapper{-webkit-transition:height .2s;transition:height .2s;height:40px;font-size:14px;line-height:1.429;position:relative}.cube-textarea-wrapper textarea::-webkit-input-placeholder{color:#ccc!important;text-overflow:ellipsis}.cube-textarea-wrapper: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 #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea-wrapper: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-textarea-wrapper:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-textarea_expanded{height:80px}.cube-textarea_active{position:relative}.cube-textarea_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 #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea_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-textarea_active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-textarea-indicator{position:absolute;bottom:7px;right:10px;color:#ccc}.cube-textarea{width:100%;height:100%;text-align:left;padding:10px;box-sizing:border-box;font-size:100%;line-height:inherit;color:#666;background-color:#fff;border-radius:2px;resize:none;border:none;outline:none}.cube-rate{list-style:none;display:-webkit-inline-box;display:inline-flex;vertical-align:top;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;flex:0 1 auto;margin-right:6px}.cube-rate-item:after{content:"";display:block;padding:50% 0}.cube-rate-item:last-child{margin-right:0}.cube-rate-item .cube-rate-item-def{position:absolute;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)}}.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)}}.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-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}.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-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-swipe{overflow:hidden}.cube-swipe-enter-active,.cube-swipe-enter-active .cube-swipe-item-inner,.cube-swipe-leave-active,.cube-swipe-leave-active .cube-swipe-item-inner{-webkit-transition:all .3s;transition:all .3s}.cube-swipe-enter .cube-swipe-item-inner,.cube-swipe-leave-to .cube-swipe-item-inner{height:0}.cube-swipe-item{position:relative}.cube-swipe-item-inner{height:60px;line-height:60px;font-size:16px;padding-left:20px}.cube-swipe-btn{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:100%;height:100%;text-align:left;font-size:16px}.cube-swipe-btn .text{-webkit-box-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-drawer{z-index:5;right:0;left:0;color:#333}.cube-drawer,.cube-drawer-main{position:absolute;top:0;bottom:0;overflow:hidden}.cube-drawer-main{left:100%;max-width:90%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-shadow:-2px 0 2px rgba(0,0,0,.2);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cube-drawer-title{position:relative;padding:0 20px;height:50px;line-height:50px;border-bottom:1px solid #eee;font-size:16px;background-color:#fff}.cube-drawer-panels{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index:1;height:100%;-webkit-box-flex:1;flex:1;width:170px;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.cube-drawer-panel+.cube-drawer-panel{margin-left:-67px}.cube-drawer-panel:first-child{box-shadow:none}.cube-drawer-move-enter,.cube-drawer-move-leave-to{-webkit-transform:translate(67px);transform:translate(67px)}.cube-drawer-move-enter-active,.cube-drawer-move-leave-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cube-drawer-item{padding:0 20px;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;font-size:15px}.cube-drawer-item:after{left:20px}.cube-drawer-item:last-child:after{display:none}.cube-drawer-item:first-child:after{display:block}.cube-drawer-item_active{background:rgba(0,0,0,.04)}.cube-form{position:relative;font-size:16px;line-height:1.429;color:#666;background-color:#fff}.cube-form_groups .cube-form-group-legend{padding:10px 15px}.cube-form_groups .cube-form-group-legend:empty{padding-top:5px;padding-bottom:5px}.cube-form_standard .cube-form-item{min-height:46px}.cube-form_standard .cube-form-field{-webkit-box-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;flex:1}.cube-form_standard .cube-validator-msg-def{font-size:0}.cube-form_standard .cube-validator_invalid .cube-validator-msg:before{content:"\E614";padding-left:5px;font-family:cube-icon!important;font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cube-form_standard .cube-form-label{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100px;padding-right:10px}.cube-form_standard .cube-checkbox-group:after,.cube-form_standard .cube-checkbox-group:before,.cube-form_standard .cube-radio-group:after,.cube-form_standard .cube-radio-group:before{display:none}.cube-form_standard .cube-input input{padding:13px 0;background-color:transparent}.cube-form_standard .cube-input:after{display:none}.cube-form_standard .cube-textarea-wrapper{padding:13px 0;height:20px}.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded{height:60px;padding-bottom:20px}.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded .cube-textarea-indicator{bottom:2px}.cube-form_standard .cube-textarea-wrapper .cube-textarea{padding:0;background-color:transparent}.cube-form_standard .cube-textarea-wrapper:after{display:none}.cube-form_standard .cube-select{padding-left:0;background-color:transparent}.cube-form_standard .cube-select:after{display:none}.cube-form_standard .cube-upload-def{padding:5px 0}.cube-form_standard .cube-upload-def .cube-upload-btn,.cube-form_standard .cube-upload-def .cube-upload-file{margin:5px 10px 5px 0}.cube-form_classic .cube-form-item{display:block;padding:15px}.cube-form_classic .cube-form-item:last-child{padding-bottom:30px}.cube-form_classic .cube-form-item:after{display:none}.cube-form_classic .cube-form-item .cube-validator-msg{position:absolute;margin-top:3px}.cube-form_classic .cube-form-item .cube-validator-msg:before{display:none}.cube-form_classic .cube-form-item .cube-validator-msg-def{font-size:12px}.cube-form_classic .cube-form-item_btn{padding-top:0;padding-bottom:0}.cube-form_classic .cube-form-item_btn:last-child{padding-bottom:0}.cube-form_classic .cube-form-label{padding-bottom:15px}.cube-form_fresh .cube-form-item{display:block;padding:2em 15px 10px}.cube-form_fresh .cube-form-item:after{display:none}.cube-form_fresh .cube-form-item .cube-validator-msg{position:absolute;top:1em;right:15px;bottom:auto;margin-top:-.4em;font-size:12px}.cube-form_fresh .cube-form-item .cube-validator-msg:before{display:none}.cube-form_fresh .cube-form-item .cube-validator-msg-def{font-size:100%}.cube-form_fresh .cube-form-item_btn{padding-top:0;padding-bottom:0}.cube-form_fresh .cube-form-item_btn:last-child{padding-bottom:0}.cube-form_fresh .cube-form-label{position:absolute;top:1em;margin-top:-.4em;font-size:12px}.cube-form-group{overflow:hidden}.cube-form-group-legend{font-size:14px;color:#999;background-color:#f3f4f5}.cube-form-item{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 15px}.cube-form-item:last-child:after{display:none}.cube-form-item .cube-checkbox-group,.cube-form-item .cube-radio-group{background-color:transparent}.cube-form-item .cube-checkbox,.cube-form-item .cube-radio{padding-left:0;padding-right:0}.cube-form-item_btn{margin:15px 0}.cube-form-item_btn:after{display:none}.cube-form-label{word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";margin-top:1px;margin-right:.3em;color:#e64340}#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:#edf0f4;box-shadow:0 2px 1px #e9eaea;-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;z-index:1}.cube-content .cube-list .cube-index-list-group .cube-index-list-anchor{font-size:16px}.cube-content .cube-list .cube-index-list-group ul .cube-item{height:40px;line-height:40px;padding-left:16px}.cube-content .cube-list .cube-index-list-group ul .cube-item .link{display:block;position:relative;width:100%;color:#333;text-decoration:none;outline:0}.cube-content .cube-list .cube-index-list-group ul .cube-item .link .cubeic-arrow{position:absolute;right:0;padding:0 5px;color:#ccc}.cube-content .cube-list .cube-index-list-nav{margin-right:0;padding:8px 5px;border-radius:3px 0 0 3px;background:#f7f7f7;box-shadow:0 0 5px hsla(0,0%,50%,.278)}.cube-content .cube-list .cube-index-list-nav>ul>li{padding:8px 0}.cube-content .cube-list .cube-index-list-fixed{font-size:16px}.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:#edf0f4;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-view .content>*{margin:10px 0}.checkbox-view .cube-checkbox{background-color:#fff}.checkbox-group-view .content>*,.radio-view .content>*{margin:10px 0}.radio-view img{width:100px}.switch-view .content>*{margin:10px 0}.switch-view .content .cube-switch{padding:10px;background-color:#fff}.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)}.cube-page.option-demo.input-view .wrapper{background-color:#efeff4}.cube-page.option-demo.input-view .wrapper .group{background-color:#fff}.cube-page.option-demo.input-view .wrapper .value{margin:15px 5px}.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}.textarea-wrapper{margin:30px 0}.component-desc{margin-top:15px;font-size:14px}.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}.rate-wrapper{margin:30px 0}.rate-wrapper .rate-text{text-align:center;margin-top:25px;vertical-align:middle}.rate-wrapper .rate-item{width:100%;height:100%;background-size:100%;background-color:gray}.cube-rate-item.active .rate-item{background-color:orange}.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}.cube-json-view h3{margin-top:15px;font-size:16px}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496}.hljs-comment,.hljs-quote{color:#586e75}.hljs-addition,.hljs-keyword,.hljs-selector-tag{color:#859900}.hljs-doctag,.hljs-literal,.hljs-meta .hljs-meta-string,.hljs-number,.hljs-regexp,.hljs-string{color:#2aa198}.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title{color:#268bd2}.hljs-attr,.hljs-attribute,.hljs-class .hljs-title,.hljs-template-variable,.hljs-type,.hljs-variable{color:#b58900}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol{color:#cb4b16}.hljs-built_in,.hljs-deletion{color:#dc322f}.hljs-formula{background:#073642}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.form-custom .cube-form-item .cube-btn{padding-left:0;padding-right:0;text-align:left;color:inherit;background:none;border:none}.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}.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}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li.active .custom-nav-item{color:#ffcd32}.view-wrapper .index-list-wrapper.custom .custom-nav-item{font-size:12px;color:#909090}.view-wrapper .index-list-wrapper{height:98%;width:94%;margin:0 auto;overflow:hidden}.upload-view-def .content>div,.upload-view-def .content>p{margin:20px 0}.upload-view-def .content>div .cube-btn,.upload-view-def .content>div .cube-upload{margin:10px 0}.upload-view-compress .content>div,.upload-view-compress .content>p{margin:20px 0}.upload-view-compress .content>div .cube-btn,.upload-view-compress .content>div .cube-upload{margin:10px 0}.upload-view-custom .content>div,.upload-view-custom .content>p{margin:20px 0}.upload-view-custom-main{background-color:#fff}.upload-view-custom-main .cube-upload .cube-upload-btn,.upload-view-custom-main .cube-upload .cube-upload-file{margin:0;height:200px}.upload-view-custom-main .cube-upload .cube-upload-file{margin:0}.upload-view-custom-main .cube-upload .cube-upload-file+.cube-upload-btn{margin-top:-200px;opacity:0}.upload-view-custom-main .cube-upload .cube-upload-file-def{width:100%;height:100%}.upload-view-custom-main .cube-upload .cube-upload-file-def .cubeic-wrong{display:none}.upload-view-custom-main .cube-upload .cube-upload-btn{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.upload-view-custom-main .cube-upload .cube-upload-btn>div{text-align:center}.upload-view-custom-main .cube-upload .cube-upload-btn i{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:50px;height:50px;margin-bottom:20px;font-size:32px;line-height:1;font-style:normal;color:#fff;background-color:#333;border-radius:50%}.validator-item{box-sizing:border-box;min-height:70px}.validator-item .custom-msg{color:orange}.swipe-view .swipe-wrapper{position:fixed;top:60px;left:10px;right:10px;bottom:0;background:#fff}.swipe-view .swipe-wrapper .swipe-item-wrapper{overflow:hidden}.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter-active,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter-active .item-inner,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-active,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-active .item-inner{-webkit-transition:all .3s;transition:all .3s}.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter .item-inner,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-to .item-inner{height:0}.swipe-view .swipe-wrapper .item-inner{display:-webkit-box;display:flex;box-sizing:border-box;-webkit-box-align:center;align-items:center;padding:0 20px;height:80px}.swipe-view .swipe-wrapper .item-inner .icon{-webkit-box-flex:0;flex:0 0 60px;width:60px;padding-right:20px}.swipe-view .swipe-wrapper .item-inner .text{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:1;flex:1;line-height:20px;overflow:hidden;font-size:14px}.swipe-view .swipe-wrapper .item-inner .text .item-name{margin-bottom:10px;color:#333}.swipe-view .swipe-wrapper .item-inner .text .item-desc{color:#666}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.view-wrapper .cube-drawer-item_active{color:#fc9153;background-color:transparent}.slide-container-v{height:380px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-container-v .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.slide-container-v .cube-slide-dots .my-dot.active{color:#fc9153}.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} \ No newline at end of file diff --git a/docs/example/index.html b/docs/example/index.html index 4bf5b43cad1934c32fb002ad0a6a1ae0ea2db9fd..c8fff10d53165f0b5c767007eceb0d68185aed20 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.30da88b3ca5d8c67aaa2.js b/docs/example/js/app.30da88b3ca5d8c67aaa2.js new file mode 100644 index 0000000000000000000000000000000000000000..f4f1e1b5fe89fef103bdd7282908863fc12439fc --- /dev/null +++ b/docs/example/js/app.30da88b3ca5d8c67aaa2.js @@ -0,0 +1 @@ +webpackJsonp([0],{"+8WV":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={components:{CubePage:n.default,CubeButtonGroup:u.default},methods:{showTimePicker:function(){this.timePicker||(this.timePicker=this.$createTimePicker({onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.timePicker.show()},showConfigDayPicker:function(){this.configDayPicker||(this.configDayPicker=this.$createTimePicker({minuteStep:5,delay:10,day:{len:5,filter:["今天","明天"],format:"M月D日"},onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.configDayPicker.show()},showSetTimePiker:function(){this.setTimePiker||(this.setTimePiker=this.$createTimePicker({onSelect:this.selectHandler,onCancel:this.cancelHandler}));var t=(new Date).valueOf()+864e5;this.setTimePiker.setTime(t),this.setTimePiker.show()},selectHandler:function(t,e){this.$createDialog({type:"warn",title:"选中的时间戳是 "+t,content:"选中的内容是 "+e,icon:"cubeic-alert"}).show()},cancelHandler:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}},t.exports=e.default})},"+Cpq":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:[]}},"+Ghj":function(t,e,i){var a,l,n;!function(u,c){l=[e,i("UFDc")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addType=t.types=void 0;var i={string:function(t){return"string"==typeof t},number:function(t){return!isNaN(Number(t))},array:function(t){return Array.isArray(t)},date:function(t){return!isNaN(Number(t))},email:function(t){return"string"==typeof t&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)+$/i.test(t)},tel:function(t){return"string"==typeof t&&/^(11|13|14|15|17|18|19)[0-9]{9}$/.test(t)},url:function(t){return"string"==typeof t&&/(https?|ftp|file):\/\/[-A-Za-z0-9+&@#\/%?=~_|!:,.;]+[-A-Za-z0-9+&@#\/%=~_|]/.test(t)}},a=(0,e.createAddAPI)(i);t.types=i,t.addType=a})},"+HHY":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("2DUa")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-index-list-group",props:{group:{type:Object,default:function(){return{}}}},methods:{selectItem:function(t){this.$emit("select",t)}},components:{CubeIndexListItem:a.default}},t.exports=e.default})},"+HVL":function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-drawer-item",props:{item:{type:[String,Object],default:""},index:{type:Number,default:-1}},computed:{itemClass:function(){return this.$parent.$parent.selectedIndex===this.index?"cube-drawer-item_active":""}},methods:{clickItem:function(t){this.$parent.$parent.itemClickHandler(t,this.index)}}},t.exports=e.default})},"+akI":function(t,e){},"+hyH":function(t,e,i){function a(t){i("VvZZ")}var l=i("VU/8")(i("fidG"),i("6u20"),a,null,null);t.exports=l.exports},"+rJ6":function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";function e(t,e,a,l){var n={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(n[t],l).test(e)){var u="year"===t?a.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?a:i(a);e=e.replace(RegExp.$1,u)}return e}function i(t){return("00"+t).substr((""+t).length)}function a(t,i,a){var l={year:t.getFullYear(),month:t.getMonth()+1,date:t.getDate(),hour:t.getHours(),minute:t.getMinutes(),second:t.getSeconds(),quarter:Math.floor((t.getMonth()+3)/3),millisecond:t.getMilliseconds()};for(var n in l)i=e(n,i,l[n],a);return i}function l(t){var e=t.getFullYear(),i=t.getMonth()+1,a=t.getDate();return+new Date(e+"/"+i+"/"+a+" 00:00:00")}function n(t,e){return Math.floor((l(t)-l(e))/o)}function u(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function c(t,e){var i=30;return[1,3,5,7,8,10,12].indexOf(t)>-1?i=31:2===t&&(i=e&&e%400&&(e%4||!(e%100))?28:29),i}Object.defineProperty(t,"__esModule",{value:!0});var o=864e5;t.DAY_TIMESTAMP=o,t.HOUR_TIMESTAMP=36e5,t.MINUTE_TIMESTAMP=6e4,t.pad=i,t.formatType=e,t.formatDate=a,t.getZeroStamp=l,t.getDayDiff=n,t.getNow=u,t.computeNatureMaxDay=c})},"+vzD":function(t,e,i){var a=i("VU/8")(i("eC/x"),i("vuoK"),null,null,null);t.exports=a.exports},"/5me":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("fZjL"),i("s0qb")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t,e,i){function l(e){clearTimeout(w),w=0,t.progress=1,t.status=e,i&&i(t)}var u=e.target,c=e.headers,o=void 0===c?{}:c,s=e.data,r=void 0===s?{}:s,v=e.fileName,d=void 0===v?"file":v,p=e.withCredentials,f=e.timeout,x=e.prop,y=void 0===x?"file":x,h=e.progressInterval,m=void 0===h?100:h,g=e.checkSuccess,b=void 0===g?function(){return!0}:g;t.progress=0,t.status=a.STATUS_UPLOADING;var _=new window.XMLHttpRequest;t._xhr=_;var w=0;if(_.upload){var k=Date.now();_.upload.onprogress=function(e){function i(){t.progress=e.loaded/e.total,k=Date.now()}if(e.total>0)if(w){clearTimeout(w);var a=Date.now(),l=a-k;l>=m?i():w=setTimeout(i,l)}else i(),w=1}}var T=new window.FormData;(0,n.default)(r).forEach(function(t){T.append(t,r[t])}),T.append(d,t[y]),_.onload=function(){if(_.status<200||_.status>=300)return void l(a.STATUS_ERROR);var e=_.responseText||_.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=_.getAllResponseHeaders(),l(b(e)?a.STATUS_SUCCESS:a.STATUS_ERROR)},_.onerror=function(){l(a.STATUS_ERROR)},_.ontimeout=function(){l(a.STATUS_ERROR)},_.open("POST",u,!0),p&&(_.withCredentials=!0),(0,n.default)(o).forEach(function(t){_.setRequestHeader(t,o[t])}),f>0&&(_.timeout=f),_.send(T)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},"/Ca3":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("woOf"),i("t7U9"),i("UFDc"),i("4Gmg"),i("tJl4"),i("M7O5")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(i),r=o(n),v=o(u),d=o(c);e.default={name:"cube-form",mixins:[d.default],props:{action:String,model:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},options:{type:Object,default:function(){return{scrollToInvalidField:!1,layout:v.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{groups:function(){var t=this.schema,e=t.groups||[];return t.fields&&e.unshift({fields:t.fields}),e},layout:function(){var t=this.options;return t&&t.layout||v.default.STANDARD},formClass:function(){var t=this.invalid,e=this.valid,i=this.layout;return{"cube-form_standard":i===v.default.STANDARD,"cube-form_groups":this.groups.length>1,"cube-form_validating":this.validating,"cube-form_pending":this.pending,"cube-form_valid":e,"cube-form_invalid":t,"cube-form_classic":i===v.default.CLASSIC,"cube-form_fresh":i===v.default.FRESH}}},watch:{validatedCount:function(){this.$emit("validate",{validity:this.validity,valid:this.valid,invalid:this.invalid,dirty:this.dirty,firstInvalidFieldIndex:this.firstInvalidFieldIndex})}},beforeCreate:function(){this.form=this,this.fields=[],this.validity={}},mounted:function(){this.immediateValidate&&this.validate()},methods:{submit:function(){(0,a.dispatchEvent)(this.$refs.form,"submit")},reset:function(){(0,a.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(t){var e=this,i=function(i){i?(e.$emit("valid",e.validity),e.$emit("submit",t,e.model)):(t.preventDefault(),e.$emit("invalid",e.validity))};void 0===this.valid?(this._submit(i),(this.validating||this.pending)&&t.preventDefault()):i(this.valid)},resetHandler:function(t){this._reset(),this.$emit("reset",t)},_submit:function(t){var e=this;this.validate(function(){e.invalid&&e.options.scrollToInvalidField&&e.firstInvalidField&&e.firstInvalidField.$el.scrollIntoView(),t&&t(e.valid)})},_reset:function(){this.fields.forEach(function(t){t.reset()}),this.setValidity(),this.setValidating(),this.setPending()},validate:function(t){var e=this,i=(0,l.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var a=0,n=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(i){i.validate(function(){++a===n&&t&&t(e.valid)})}),i},updateValidating:function(){var t=this.fields.some(function(t){return t.validating});this.setValidating(t)},updatePending:function(){var t=this.fields.some(function(t){return t.pending});this.setPending(t)},setValidating:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.validating=t},setPending:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.pending=t},updateValidity:function(t,e,i,a){var l=this.validity[t];l&&l.valid===e&&l.result===i&&l.dirty===a||this.setValidity(t,{valid:e,result:i,dirty:a})},setValidity:function(t,e){var i={};t&&((0,s.default)(i,this.validity),void 0===e?delete i[t]:i[t]=e);var a=!1,l=!1,n=!0,u="";this.fields.forEach(function(t){var e=t.fieldValue.modelKey;if(e){var c=i[e];c?(c.dirty&&(a=!0),!1===c.valid?n=!1:n&&!c.valid&&(n=c.valid),l||!1!==c.valid||(l=!0,u=e)):t.hasRules&&(n&&(n=void 0),i[e]={valid:void 0,result:{},dirty:!1})}}),this.validity=i,this.dirty=a,this.originValid=n,this.setFirstInvalid(u),this.validatedCount++},setFirstInvalid:function(t){var e=this;if(!t)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(i,a){if(i.fieldValue.modelKey===t)return e.firstInvalidField=i,e.firstInvalidFieldIndex=a,!0})},addField:function(t){this.fields.push(t)},destroyField:function(t){var e=this.fields.indexOf(t);this.fields.splice(e,1),this.setValidity(t.fieldValue.modelKey)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:r.default}},t.exports=e.default})},"/Pfp":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("N/gd")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"/W4T":function(t,e){},"/tRR":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"button-view",title:"Select"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-select",{attrs:{title:t.title,options:t.options,placeholder:t.placeholder,"auto-pop":t.autoPop,disabled:t.disabled,cancelTxt:"Cancel",confirmTxt:"Confirm"},on:{change:t.change},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),i("cube-button-group",[i("cube-button",{on:{click:t.modify}},[t._v("modify")])],1)],1)])},staticRenderFns:[]}},"0Bfo":function(t,e){},"0NVV":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"}]}]},"0PCq":function(t,e,i){var a,l,n;!function(u,c){l=[e,i("Dd8w"),i("Kjwe")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function l(t){var e=(0,n.default)({},t);return(0,u.default)(e),e}Object.defineProperty(t,"__esModule",{value:!0}),t.processField=void 0;var n=a(e),u=a(i);t.processField=l})},"0YF1":function(t,e){},"0ZfZ":function(t,e){},"0l/c":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);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,i){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,i){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,i){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:n.default,CubeButtonGroup:u.default}},t.exports=e.default})},"0oyY":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:[]}},"1/C+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-toolbar"},[t.moreActions?i("ul",{directives:[{name:"show",rawName:"v-show",value:t.showMore,expression:"showMore"}],staticClass:"cube-toolbar-group cube-toolbar-group-more"},t._l(t.moreActions,function(e,a){return i("cube-toolbar-item",{key:a,attrs:{action:e},on:{click:function(i){t.itemClick(e)}}})})):t._e(),t._v(" "),i("ul",{staticClass:"cube-toolbar-group"},t._l(t.basicActions,function(e,a){return i("cube-toolbar-item",{key:a,attrs:{action:e},on:{click:function(i){t.itemClick(e)}}})}))])},staticRenderFns:[]}},"12+A":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-index-list"},[i("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.options,data:t.data},on:{scroll:t.scroll,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp}},[i("div",{ref:"content",staticClass:"cube-index-list-content"},[t.title?i("h1",{ref:"title",staticClass:"cube-index-list-title",on:{click:t.titleClick}},[t._v("\n "+t._s(t.title)+"\n ")]):t._e(),t._v(" "),i("ul",[t._t("default",t._l(t.data,function(e,a){return i("cube-index-list-group",{key:a,attrs:{group:e},on:{select:t.selectItem}})}))],2)])]),t._v(" "),t.navbar?i("div",{staticClass:"cube-index-list-nav",on:{touchstart:t.onShortcutTouchStart,touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.onShortcutTouchMove(e)}}},[i("ul",{staticClass:"cube-index-list-nav-list"},t._l(t.shortcutList,function(e,a){return i("li",{key:a,staticClass:"cube-index-list-nav-item",class:{active:t.currentIndex===a},attrs:{"data-index":a}},[t._t("nav-item",[t._v(t._s(e))],{item:e})],2)}))]):t._e(),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedTitle,expression:"fixedTitle"}],ref:"fixed",staticClass:"cube-index-list-fixed cube-index-list-anchor"},[t._v("\n "+t._s(t.fixedTitle)+"\n ")])],1)},staticRenderFns:[]}},"1H2N":function(t,e,i){function a(t){i("Bi/D")}var l=i("VU/8")(i("5D5k"),i("2/BF"),a,null,null);t.exports=l.exports},"1Vb/":function(t,e,i){function a(t){i("FSTv")}var l=i("VU/8")(i("RkVv"),i("WL1h"),a,"data-v-4a2b2c8b",null);t.exports=l.exports},"1Zrt":function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e,i){var a=t.rules&&t.rules[e];"custom"!==e&&a&&"function"!=typeof a&&(t.rules[e]=i)},i=function(t){return function(i,a){return e(i,t,a)}}("required"),a=function(t){return i(t,function(t){return!1!==t})},l=function(t){return i(t,function(t){return t>0})};t.boolRequiredHandler=a,t.numberGT0RequiredHandler=l})},"1btU":function(t,e,i){function a(t){i("Y4Q7")}var l=i("VU/8")(i("ulou"),i("90kD"),a,null,null);t.exports=l.exports},"1fgG":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"drawer",title:"Drawer"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"1ftA":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet(操作列表)"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),i("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),i("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},"1j+8":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("1Vb/"),i("6SSl")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l),s={url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png"};e.default={data:function(){return{items:[{image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png"},{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}},computed:{options:function(){return{eventPassthrough:this.allowVertical?"vertical":""}}},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:c.default,InputOption:o.default}},t.exports=e.default})},"1peF":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("pFYg"),i("fZjL"),i("UFDc"),i("aDIA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a);e.default={name:"cube-validator",props:{model:{required:!0},rules:{type:Object,default:function(){return{}}},messages:{type:[Object,String],default:function(){return{}}},value:{},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!1}},data:function(){return{valid:this.value,validated:!1,msg:"",dirty:!1,validating:!1,result:{}}},computed:{invalid:function(){var t=this.valid;return void 0===t?void 0:!t},isDisabled:function(){var t=this.disabled,e=(0,o.default)(this.rules).length<=0;return t||e},dirtyOrValidated:function(){return(this.dirty||this.validated)&&!this.validating},containerClass:function(){if(!this.isDisabled)return{"cube-validator_invalid":this.invalid,"cube-validator_valid":this.valid,"cube-validator_validating":this.validating}}},watch:{value:function(t){this.valid=t},model:function(t){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},isDisabled:function(t){t||!this.trigger||this.validated||this.validate()}},created:function(){this._validateCount=0,!this.isDisabled&&this.immediate&&this.validate()},methods:{validate:function(t){var e=(0,l.cb2PromiseWithResolve)(t);if(e&&(t=e.resolve),this.isDisabled)return t&&t(this.valid),e;this._validateCount++;var i=this._validateCount,a=this.model,u=this.rules,o=u.type,s=[],r=!0;if(u.required||(r=n.rules.required(a,!0,o)),r){for(var v in u)!function(t){var e=u[t],i=void 0;i="function"==typeof e?e(a,u[t],o):!n.rules[t]||n.rules[t](a,u[t],o),s.push(function(e){var a=function(i){e({key:t,valid:!0===i,ret:i})},l=function(i){e({key:t,valid:!1,ret:i})},n=void 0===i?"undefined":(0,c.default)(i);"object"===n&&null!==i&&"function"==typeof i.then?i.then(a).catch(l):"function"===n?i(a,l):e({key:t,valid:!0===i,ret:i})})}(v)}return this._checkTasks(s,i,t),e},_checkTasks:function(t,e,i){var a=this,u=this.rules,c=!0,o={},s=!0;this.validating=!0,(0,l.parallel)(t,function(t){a._validateCount===e&&(a.validating=!1,t.forEach(function(t){var e=t.key,i=t.valid,l=t.ret,s=a.messages[e]?"function"==typeof a.messages[e]?a.messages[e](l,i):a.messages[e]:(0,n.findMessage)(e,u[e],u.type,a.model);c&&!i&&(c=!1,a.msg=s),o[e]={valid:i,invalid:!i,message:s}}),s||a.$emit("validated",c),a._updateModel(c,o),i&&i(a.valid))}),this.validating&&(s=!1,this.$emit("validating"),this.valid=void 0,this.$emit("input",this.valid))},_updateModel:function(t,e){this.validated=!0,this.result=e,e.required&&e.required.invalid&&(this.msg=e.required.message),t&&(this.msg=""),this.valid=t,this.$emit("input",this.valid)},reset:function(){this._validateCount++,this.validating=!1,this.dirty=!1,this.result={},this.msg="",this.validated=!1,this.valid=void 0,this.$emit("input",this.valid)},msgClickHandler:function(){this.$emit("msg-click")}}},t.exports=e.default})},"2/BF":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"input-view",title:"Input"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-input",{attrs:{type:t.type,placeholder:"please type here...",disabled:t.disabled,readonly:t.readonly,clearable:t.useClear,autocomplete:!0,eye:t.eye},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),i("div",{staticClass:"value"},[t._v("value: "+t._s(t.value))]),t._v(" "),i("div",{staticClass:"options"},[i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"readonly",value:t.readonly},on:{"update:value":t.updateReadonly}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"clearable",value:t.useClear},on:{"update:value":t.updateUseClear}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"password",value:t.isPwd},on:{"update:value":t.updatePwd}}),t._v(" "),t.isPwd?i("switch-option",{staticClass:"item",attrs:{name:"show eye",value:t.showEye},on:{"update:value":t.updateShowEye}}):t._e(),t._v(" "),t.isPwd&&t.showEye?i("switch-option",{staticClass:"item",attrs:{name:"reverse",value:t.reverse},on:{"update:value":t.updateReverse}}):t._e(),t._v(" "),t.isPwd&&t.showEye?i("switch-option",{staticClass:"item",attrs:{name:"password visible",value:t.pwdVisible},on:{"update:value":t.updatePwdVisible}}):t._e()],1)])])],1)])},staticRenderFns:[]}},"2DUa":function(t,e,i){function a(t){i("KkmI")}var l=i("VU/8")(i("3SPU"),i("pvDH"),a,null,null);t.exports=l.exports},"2G9e":function(t,e){},"2Q9x":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"input-option"},[i("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),i("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:[]}},"2iSa":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);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:n.default,CubePage:u.default}},t.exports=e.default})},"34AZ":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ul",{ref:"rateContainer",staticClass:"cube-rate",class:t.rateClass,on:{touchstart:function(e){return e.stopPropagation(),t.handleStart(e)},touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.handleMove(e)},touchend:function(e){return e.stopPropagation(),t.handleEnd(e)},mousedown:function(e){return e.stopPropagation(),t.handleStart(e)},mousemove:function(e){return e.stopPropagation(),t.handleMove(e)},mouseup:function(e){return e.stopPropagation(),t.handleEnd(e)}}},[t._t("default",t._l(t.max,function(t){return i("cube-rate-item",{key:t,attrs:{index:t}})}))],2)},staticRenderFns:[]}},"34KM":function(t,e){},"37es":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-dialog-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog","z-index":t.zIndex,mask:!0,center:!0}},[i("div",{staticClass:"cube-dialog-main"},[i("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[i("i",{staticClass:"cubeic-close"})]),t._v(" "),i("div",{class:t.containerClass},[t.icon?i("p",{staticClass:"cube-dialog-icon"},[i("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?i("h2",{staticClass:"cube-dialog-title"},[t._t("title",[i("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),i("div",{staticClass:"cube-dialog-content"},[t._t("content",[i("div",{staticClass:"cube-dialog-content-def"},[i("p",{domProps:{innerHTML:t._s(t.content)}})])])],2),t._v(" "),i("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm}},[t._t("btns",[t.isConfirm?i("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(" "),i("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:[]}},"3K1Q":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),i("cube-drawer",{ref:"drawer",attrs:{title:"请选择",data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}})],1)])])},staticRenderFns:[]}},"3SPU":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("t7U9")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a="cube-index-list-item_active";e.default={name:"cube-index-list-item",props:{item:{type:Object,default:function(){return{}}}},computed:{itemClass:function(){return this.item.active?a:""}},methods:{addActiveCls:function(t){(0,i.addClass)(t.currentTarget,a)},removeActiveCls:function(t){(0,i.removeClass)(t.currentTarget,a)},selectItem:function(){this.$emit("select",this.item)}}},t.exports=e.default})},"3kPI":function(t,e,i){function a(t){i("7k5H")}var l=i("VU/8")(i("Lg4b"),i("56tM"),a,null,null);t.exports=l.exports},"3ubT":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("5/tf"),i("agqa"),i("5KkG")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);u.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},u.default.Panel=c.default,u.default.Item=o.default,e.default=u.default,t.exports=e.default})},"41pN":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("yjF1")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-checkbox-group",props:{value:{type:Array},horizontal:{type:Boolean,default:!1},shape:{type:String,default:"circle"},position:{type:String,default:"left"},hollowStyle:{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:a.default}},t.exports=e.default})},"4BV0":function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.easeOutBack="cubic-bezier(0.18, 0.89, 0.32, 1.28)",t.easeOutQuart="cubic-bezier(0.165, 0.84, 0.44, 1)",t.easeOutCubic="cubic-bezier(0.22, 0.61, 0.36, 1)"})},"4Gmg":function(t,e,i){function a(t){i("mLUJ")}var l=i("VU/8")(i("f/6s"),i("G4Tv"),a,null,null);t.exports=l.exports},"4Kqh":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";function a(t,e){(0,l.default)(t,e,["timeout"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var l=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},"4sRm":function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-upload-btn",props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}},methods:{changeHandler:function(t){var e=t.currentTarget,i=e.files;i&&(this.$parent.addFiles(i),e.value=null)}}},t.exports=e.default})},"4xIg":function(t,e,i){function a(t){i("byy8")}var l=i("VU/8")(i("XlLO"),i("yVfC"),a,null,null);t.exports=l.exports},"5/tf":function(t,e,i){function a(t){i("HNkC")}var l=i("VU/8")(i("kLzu"),i("7uMP"),a,null,null);t.exports=l.exports},"56tM":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-select",class:{"cube-select_active":t.active,"cube-select_disabled":t.disabled},on:{click:t.showPicker}},[t.selectedText?i("span",{staticClass:"cube-select-text"},[t._v(t._s(t.selectedText))]):i("span",{staticClass:"cube-select-placeholder"},[t._v(t._s(t.placeholder))]),t._v(" "),i("i",{staticClass:"cube-select-icon"})])},staticRenderFns:[]}},"58Ml":function(t,e,i){function a(t){i("lzDd")}var l=i("VU/8")(i("jnfQ"),i("wlGF"),a,null,null);t.exports=l.exports},"5D5k":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("1Vb/")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={data:function(){return{type:"password",value:"",disabled:!1,useClear:!0,readonly:!1,isPwd:!0,showEye:!0,pwdVisible:!0,reverse:!1}},computed:{eye:function(){return!(!this.isPwd||!this.showEye)&&{open:this.reverse?!this.pwdVisible:this.pwdVisible,reverse:this.reverse}}},methods:{updateDisabled:function(t){this.disabled=t},updateReadonly:function(t){this.readonly=t},updateUseClear:function(t){this.useClear=t},updatePwd:function(t){this.isPwd=t,this.type=this.isPwd?"password":"text"},updateShowEye:function(t){this.showEye=t},updatePwdVisible:function(t){this.pwdVisible=t},updateReverse:function(t){this.reverse=t}},components:{CubePage:n.default,SwitchOption:u.default}},t.exports=e.default})},"5Fev":function(t,e,i){function a(t){i("mz/u")}var l=i("VU/8")(i("Dw/u"),i("x1YM"),a,"data-v-c85e7c7a",null);t.exports=l.exports},"5HTY":function(t,e,i){var a=i("VU/8")(i("eWUu"),i("BIY4"),null,null,null);t.exports=a.exports},"5KkG":function(t,e,i){function a(t){i("jWap")}var l=i("VU/8")(i("+HVL"),i("M6zF"),a,null,null);t.exports=l.exports},"5gCL":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"button-view",title:"Button"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("form",{attrs:{action:"/"}},[i("cube-button-group",[i("cube-button",[t._v("Button")]),t._v(" "),i("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),i("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),i("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),i("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),i("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),i("div",[i("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[i("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),i("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),i("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},"5qoB":function(t,e,i){var a,l,n;!function(u,c){l=[e,i("fZjL"),i("pFYg"),i("UFDc"),i("+Ghj")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.addRule=t.rules=void 0;var u=n(e),c=n(i),o={required:function(t,e,i){return i=i||(Array.isArray(t)?"array":void 0===t?"undefined":(0,c.default)(t)),"array"===i&&Array.isArray(t)?t.length>0:""!==t&&void 0!==t&&null!==t},type:function(t,e){return!l.types[e]||l.types[e](t)},min:function(t,e,i){return i=i||(void 0===t?"undefined":(0,c.default)(t)),"number"===i||"date"===i?Number(t)>=e:t.length>=e},max:function(t,e,i){return i=i||(void 0===t?"undefined":(0,c.default)(t)),"number"===i||"date"===i?Number(t)<=e:t.length<=e},len:function(t,e,i){i=i||(void 0===t?"undefined":(0,c.default)(t));var a=t;return void 0===a.length&&(a="object"===i?(0,u.default)(a):String(a)),a.length===e},notWhitespace:function(t,e,i){return!/^\s+$/.test(t)},pattern:function(t,e,i){return e.test(t)},custom:function(t,e,i){return e(t)}},s=(0,a.createAddAPI)(o);t.rules=o,t.addRule=s})},"5zRN":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-page",class:t.type},[i("header",{staticClass:"header"},[i("h1",[t._v(t._s(t.title))]),t._v(" "),i("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),i("div",{staticClass:"wrapper"},[i("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(" "),i("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},"64cm":function(t,e){},"6KDq":function(t,e,i){function a(t){i("DVMH")}var l=i("VU/8")(i("I7KL"),i("oIl+"),a,null,null);t.exports=l.exports},"6SSl":function(t,e,i){function a(t){i("ETXl")}var l=i("VU/8")(i("eAlP"),i("2Q9x"),a,"data-v-311953ea",null);t.exports=l.exports},"6liq":function(t,e,i){var a=i("VU/8")(i("+HHY"),i("97e9"),null,null,null);t.exports=a.exports},"6u20":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":t.expanded,"cube-textarea_active":t.isFocus}},[i("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),i("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.remain))])])},staticRenderFns:[]}},"72CF":function(t,e){},"7ErG":function(t,e,i){function a(t){i("lS1B")}var l=i("VU/8")(i("kZnE"),i("zzMN"),a,null,null);t.exports=l.exports},"7JW3":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form",title:"Form"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("classic")}}},[t._v("Classic style")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("fresh")}}},[t._v("Fresh style")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"7Jhx":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{data:t.pickerData,"selected-index":t.pickerSelectedIndex,pending:t.pending,title:t.title,subtitle:t.subtitle,"z-index":t.zIndex,"cancel-txt":t.cancelTxt,"confirm-txt":t.confirmTxt,"swipe-time":t.swipeTime},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},"7MyF":function(t,e){},"7Sku":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("+hyH")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"7jsq":function(t,e){},"7k5H":function(t,e){},"7lCl":function(t,e,i){function a(t){i("Msz6")}var l=i("VU/8")(i("41pN"),i("pjpa"),a,null,null);t.exports=l.exports},"7uMP":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer",on:{click:t.drawerClick}},[i("div",{staticClass:"cube-drawer-main",style:t.slideStyle,on:{click:function(t){t.stopPropagation()},transitionend:t.transitionend}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.$slots.title||t.title,expression:"$slots.title || title"}],staticClass:"cube-drawer-title"},[t._t("title",[t._v(t._s(t.title))])],2),t._v(" "),i("div",{staticClass:"cube-drawer-panels",on:{transitionend:function(t){t.stopPropagation()}}},[t._t("default",t._l(t.data,function(t,e){return i("cube-drawer-panel",{key:e,attrs:{index:e,data:t}})}))],2)])])},staticRenderFns:[]}},"7wV/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"swipe",title:"Swipe"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"8F4S":function(t,e,i){function a(t){i("/W4T")}var l=i("VU/8")(i("Uo7j"),i("jdO8"),a,null,null);t.exports=l.exports},"8Fl7":function(t,e){},"8GE+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-switch"},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.checkboxValue,expression:"checkboxValue"}],staticClass:"cube-switch-input",attrs:{type:"checkbox",disabled:t.disabled},domProps:{checked:Array.isArray(t.checkboxValue)?t._i(t.checkboxValue,null)>-1:t.checkboxValue},on:{change:function(e){var i=t.checkboxValue,a=e.target,l=!!a.checked;if(Array.isArray(i)){var n=t._i(i,null);a.checked?n<0&&(t.checkboxValue=i.concat([null])):n>-1&&(t.checkboxValue=i.slice(0,n).concat(i.slice(n+1)))}else t.checkboxValue=l}}}),t._v(" "),i("i",{staticClass:"cube-switch-ui"}),t._v(" "),i("span",{staticClass:"cube-switch-label"},[t._t("default")],2)])},staticRenderFns:[]}},"8cOd":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("NTtZ"),i("4Gmg"),i("zuie")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);u.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},u.default.Group=c.default,u.default.Item=o.default,e.default=u.default,t.exports=e.default})},"8jxs":function(t,e,i){function a(t){i("fK3K")}var l=i("VU/8")(i("l+e5"),i("9w0G"),a,null,null);t.exports=l.exports},"8nmV":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("R4Zp")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"90kD":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper"},[i("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},"97e9":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"cube-index-list-group"},[i("h2",{staticClass:"cube-index-list-anchor"},[t._v(t._s(t.group.name))]),t._v(" "),i("ul",[t._t("default",t._l(t.group.items,function(e,a){return i("cube-index-list-item",{key:a,attrs:{item:e},on:{select:t.selectItem}})}))],2)])},staticRenderFns:[]}},"9I0H":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("form",{ref:"form",staticClass:"cube-form",class:t.formClass,attrs:{action:t.action},on:{submit:t.submitHandler,reset:t.resetHandler}},[t._t("default",t._l(t.groups,function(t,e){return i("cube-form-group",{key:e,attrs:{fields:t.fields,legend:t.legend}})}))],2)},staticRenderFns:[]}},"9IQh":function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},"9w0G":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("p",{staticClass:"tip-eg"},[i("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),i("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),i("p",{staticClass:"tip-eg"},[i("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),i("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[i("div",[t._v("Awesome!")])])],1),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},"9xqn":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("a/uE"),i("yjF1"),i("7lCl"),i("N/gd"),i("mkLW"),i("yb46"),i("g9J/"),i("3kPI"),i("R4Zp"),i("+hyH"),i("BD2p")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c,o,s,r,v,d){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=p(i),x=p(a),y=p(l),h=p(n),m=p(u),g=p(c),b=p(o),_=p(s),w=p(r),k=p(v),T=p(d),P=[f.default,x.default,y.default,h.default,m.default,g.default,b.default,_.default,w.default,k.default,T.default],C={};P.forEach(function(t){C[t.name]=t}),e.default=C,t.exports=e.default})},"9zBd":function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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"}]}})},A5db:function(t,e,i){function a(t){i("7jsq")}var l=i("VU/8")(i("KZW3"),i("tmZ1"),a,null,null);t.exports=l.exports},AQXh:function(t,e,i){function a(t){i("HAAd")}var l=i("VU/8")(i("Woua"),i("kftu"),a,null,null);t.exports=l.exports},AdWU:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{action:"//jsonplaceholder.typicode.com/photos/",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){var e=!1;for(var i in t){var a=t[i];a.size>1048576&&(a.ignore=!0,e=!0)}e&&this.$createToast({type:"warn",time:1e3,txt:"You selected >1M files"}).show()}},components:{CubePage:a.default}},t.exports=e.default})},AgjA:function(t,e,i){function a(t){i("nqbe")}var l=i("VU/8")(i("2iSa"),i("T6wA"),a,null,null);t.exports=l.exports},AkiL:function(t,e){},AnsX:function(t,e,i){var a=i("VU/8")(i("WjKT"),i("/tRR"),null,null,null);t.exports=a.exports},B1Rs:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("KATl")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-swipe",props:{data:{type:Array,default:function(){return[]}},autoShrink:{type:Boolean,default:!1}},created:function(){this.activeIndex=-1},methods:{onItemClick:function(t,e){this.$emit("item-click",t,e)},onBtnClick:function(t,e){this.$emit("btn-click",t,e)},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.$refs.swipeItem[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubeSwipeItem:a.default}},t.exports=e.default})},BD2p:function(t,e,i){function a(t){i("YekI")}var l=i("VU/8")(i("u1ui"),i("Vh/j"),a,null,null);t.exports=l.exports},BH5X:function(t,e,i){function a(t){i("hHHY")}var l=i("VU/8")(i("N6Rs"),i("fn00"),a,null,null);t.exports=l.exports},BINl:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-toast-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast","z-index":t.zIndex,mask:t.mask}},[i("i",{directives:[{name:"show",rawName:"v-show",value:!t.isLoading,expression:"!isLoading"}],staticClass:"cube-toast-icon",class:t.iconClass}),t._v(" "),i("cube-loading",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}]}),t._v(" "),i("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:[]}},BIY4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Date Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showDatePicker}},[t._v("Date Picker")]),t._v(" "),i("cube-button",{on:{click:t.showTimePicker}},[t._v("Time Picker")]),t._v(" "),i("cube-button",{on:{click:t.showDateTimePicker}},[t._v("Date Time Picker")]),t._v(" "),i("cube-button",{on:{click:t.showFormatPicker}},[t._v("Use format")]),t._v(" "),i("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")])],1)],1)])},staticRenderFns:[]}},"BRD/":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Gu7T"),i("Z5VE"),i("d64j"),i("wih/")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);e.default={name:"cube-segment-picker",mixins:[o.default,s.default,r.default],props:{data:{type:Array,default:function(){return[]}},nextTxt:{type:String,default:"下一步"},prevTxt:{type:String,default:"上一步"}},data:function(){return{current:0,selectedVal:[],selectedIndex:[],selectedText:[]}},computed:{currentPicker:function(){for(var t=0;t0){for(var t=arguments.length,e=Array(t),i=0;i10元',action:"moreMoney"}],moreActions:[{text:"操作a",action:"showText"},{text:"操作b",action:"showText"},{text:"操作c",icon:"cubeic-right",action:"showText"}]}},methods:{updateMore:function(t){this.more=t},showText:function(t){this.$createToast({type:"correct",txt:"clicked "+t.text,time:1e3}).show()},moreMoney:function(t){this.money+=10,t.text='一口价'+this.money+"元"},clickHandler:function(t){t.action&&this[t.action](t)}}},t.exports=e.default})},C2tW:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,n.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,i){i&&(0,a.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},C78E:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"upload",title:"Upload"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("compress")}}},[t._v("Compress")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},CNZU:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"wrapper",staticClass:"cube-scroll-wrapper"},[i("div",{staticClass:"cube-scroll-content"},[i("div",{ref:"listWrapper",staticClass:"cube-scroll-list-wrapper"},[t._t("default",[i("ul",{staticClass:"cube-scroll-list"},t._l(t.data,function(e,a){return i("li",{key:a,staticClass:"cube-scroll-item border-bottom-1px",on:{click:function(i){t.clickItem(e)}}},[t._v(t._s(e))])}))])],2),t._v(" "),t._t("pullup",[t.pullUpLoad?i("div",{staticClass:"cube-pullup-wrapper"},[t.isPullUpLoad?i("div",{staticClass:"after-trigger"},[i("loading")],1):i("div",{staticClass:"before-trigger"},[i("span",[t._v(t._s(t.pullUpTxt))])])]):t._e()],{pullUpLoad:t.pullUpLoad,isPullUpLoad:t.isPullUpLoad})],2),t._v(" "),t._t("pulldown",[t.pullDownRefresh?i("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[t.beforePullDown?i("div",{staticClass:"before-trigger"},[i("bubble",{attrs:{y:t.bubbleY}})],1):i("div",{staticClass:"after-trigger"},[t.isPullingDown?i("div",{staticClass:"loading"},[i("loading")],1):i("div",[i("span",[t._v(t._s(t.refreshTxt))])])])]):t._e()],{pullDownRefresh:t.pullDownRefresh,pullDownStyle:t.pullDownStyle,beforePullDown:t.beforePullDown,isPullingDown:t.isPullingDown,bubbleY:t.bubbleY})],2)},staticRenderFns:[]}},CRpU:function(t,e){},CkYj:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"time-picker-view",title:"TimePicker(时间选择器)"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showTimePicker}},[t._v("TimePicker")]),t._v(" "),i("cube-button",{on:{click:t.showConfigDayPicker}},[t._v("Config day options")]),t._v(" "),i("cube-button",{on:{click:t.showSetTimePiker}},[t._v("Use setTime")])],1)],1)])},staticRenderFns:[]}},DIVr:function(t,e,i){function a(t){i("nmXI")}var l=i("VU/8")(i("Kjut"),i("1fgG"),a,null,null);t.exports=l.exports},DVMH:function(t,e){},DXQ8:function(t,e,i){function a(t){i("sdgg")}var l=i("VU/8")(i("gBDM"),i("l6Sg"),a,null,null);t.exports=l.exports},"Dw/u":function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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})},EF6b:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-rate-item",props:{index:{type:Number,default:0}}},t.exports=e.default})},EKox:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"checkbox-view",title:"Checkbox"}},[i("template",{slot:"content"},[i("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Checkbox")]),t._v(" "),i("p",[t._v("checked value: "+t._s(t.checked))]),t._v(" "),i("cube-checkbox",{attrs:{position:"right",shape:"square","hollow-style":!0},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Styled Checkbox")]),t._v(" "),i("br"),i("br"),t._v(" "),i("cube-checkbox",{attrs:{option:t.optionValue},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}}),t._v(" "),i("p",[t._v("checked value (with option) : "+t._s(t.checked2))]),t._v(" "),i("cube-checkbox",{attrs:{option:{disabled:!0},"hollow-style":!0},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("\n Disabled Checkbox\n ")])],1)],2)},staticRenderFns:[]}},ES30:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gCE8"),i("6liq"),i("2DUa")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);u.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},u.default.Group=c.default,u.default.Item=o.default,e.default=u.default,t.exports=e.default})},ETXl:function(t,e){},"Eu3/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-action-sheet-fade"}},[i("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,"z-index":t.zIndex},on:{touchmove:function(e){return e.preventDefault(),t.noop(e)},"mask-click":t.cancel}},[i("transition",{attrs:{name:"cube-action-sheet-move"}},[i("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){return e.stopPropagation(),t.noop(e)}}},[i("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(" "),i("div",{staticClass:"cube-action-sheet-content"},[i("ul",{staticClass:"cube-action-sheet-list"},t._l(t.data,function(e,a){return i("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",a===t.active?"cube-action-sheet-item_active":""],attrs:{"data-align":e.align},domProps:{innerHTML:t._s(e.content)},on:{click:function(i){t.itemClick(e,a)}}})}))]),t._v(" "),i("div",{staticClass:"cube-action-sheet-space"}),t._v(" "),i("div",{staticClass:"cube-action-sheet-cancel",on:{click:t.cancel}},[i("span",[t._v("取消")])])])])],1)],1)},staticRenderFns:[]}},EzL5:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("IskU")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{swipeData:a.defaultData}},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var i=this;"delete"===t.action&&this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){i.swipeData.splice(e,1)}}).show()}},components:{CubePage:l.default}},t.exports=e.default})},"FI+X":function(t,e){},FSTv:function(t,e){},Fxpn:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-radio",class:t._containerClass,attrs:{"data-pos":t.position}},[i("label",{staticClass:"cube-radio-wrap",class:t._wrapClass},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:t.option.disabled},domProps:{value:t.option.value||t.option,checked:t._q(t.radioValue,t.option.value||t.option)},on:{change:function(e){t.radioValue=t.option.value||t.option}}}),t._v(" "),t._m(0),t._v(" "),t._t("default",[i("span",{staticClass:"cube-radio-label"},[t._v(t._s(t.option.label||t.option))])])],2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("span",{staticClass:"cube-radio-ui cubeic-round-border"},[i("i")])}]}},G4Tv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-form-group"},[i("p",{staticClass:"cube-form-group-legend"},[t._v(t._s(t.legend))]),t._v(" "),i("div",{staticClass:"cube-form-group-content"},[t._t("default",t._l(t.fields,function(t,e){return i("cube-form-item",{key:e,attrs:{field:t}})}))],2)])},staticRenderFns:[]}},"G59/":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("qqiS"),i("PzHl"),i("Z5VE"),i("d64j")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);e.default={name:"cube-toast",mixins:[s.default,r.default],props:{type:{type:String,default:"loading"},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3},zIndex:{type:Number,default:900}},computed:{iconClass:function(){var t={},e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},i=e[this.type];return i&&(t[i]=!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.$emit("timeout")},t.time))})},hide:function(){this.isVisible=!1,this.clearTimer()},clearTimer:function(){clearTimeout(this.timer),this.timer=null}},components:{CubePopup:o.default,CubeLoading:c.default}},t.exports=e.default})},GJyM:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={components:{CubePage:u.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/slide/"+t)}}},t.exports=e.default})},GWVJ:function(t,e){},Gcl4:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("dz9r")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={data:function(){return{action:{target:"//jsonplaceholder.typicode.com/photos/",prop:"base64Value",checkSuccess:function(t){return!0}}}},methods:{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:n.default}},t.exports=e.default})},Gp4f:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";function a(t,e){(0,l.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var l=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},"H+BD":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("1Vb/"),i("5Fev")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);e.default={data:function(){return{disabled:!1,max:5,value:3,image:"https://p3.pstatp.com/large/593c0006340abbabefa0",customStar:!1,justify:!1,options:[{text:"5",value:5},{text:"10",value:10}]}},methods:{updateDisabled:function(t){this.disabled=t},updateStarNumbers:function(t){this.max=t},updateJustify:function(t){this.justify=t},updateRateItem:function(t){this.customStar=t}},components:{CubePage:c.default,CubeButtonGroup:o.default,SwitchOption:s.default,SelectOption:r.default}},t.exports=e.default})},HAAd:function(t,e){},HBJ7:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("qqiS")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},HNkC:function(t,e){},HOtT:function(t,e){},HS2u:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{attrs:{data:t.data,selectedIndex:t.selectedIndex,title:t.title,subtitle:t.subtitle,"cancel-txt":t.cancelTxt,"confirm-txt":t.confirmTxt,"swipe-time":t.swipeTime,"z-index":t.zIndex},on:{select:t._select,cancel:t._cancel,change:t._change},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},HgDQ:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("70Rd"),i("GdJY"),i("64cm")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.registerLanguage("json",u.default),e.default={props:{data:{type:Object,default:function(){return{}}},title:{type:String,default:""}},data:function(){return{changed:!0}},watch:{data:{handler:function(){var t=this;this.changed=!1,this.$nextTick(function(){t.changed=!0,t.$nextTick(function(){t.$refs.code&&n.default.highlightBlock(t.$refs.code)})})},deep:!0}},mounted:function(){this.$refs.code&&n.default.highlightBlock(this.$refs.code)}},t.exports=e.default})},I7KL:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{checkList:["1","4"],options:["1","2",{label:"3",value:"3",disabled:!0},{label:"4",value:"4",disabled:!0}]}},components:{CubePage:a.default}},t.exports=e.default})},IBT5:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),i("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),i("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},ILCf:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Dd8w"),i("LIRj")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=n(e);var i=(0,u.default)({},t),a={};for(var l in e)if(e.hasOwnProperty(l)){var c=e[l];i[c]&&(a[l]=i[c],delete i[c])}return{props:i,on:a}}function n(t){var e={};return t.forEach(function(t){e[t]=(0,a.camelize)("on-"+t)}),e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},IskU:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.defaultData=[{item:{text:"测试1",value:1},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试2",value:2},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试3",value:3},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:4},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:5},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:6},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:7},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:8},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:9},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:10},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:11},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:12},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:13},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:14},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:15},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:16},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:17},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:18},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:19},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:20},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:21},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:22},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:23},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:24},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]}],t.customData=[{item:{id:"3646653877",name:"还不是因为你长得不好看",desc:"伤感:歌词再狠,也抵不过现实伤人",imgurl:"http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1789676645",name:"秋水浮萍任飘渺",desc:"『武侠配乐』快意恩仇江湖情",imgurl:"http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3649034125",name:"念葳蕊",desc:"江海迦:热恋后哼一首歌为自己悲悯的歌",imgurl:"http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2977781451",name:"风少",desc:"午后甜点:静听浓情爵士,于悠然中尽享",imgurl:"http://p.qpic.cn/music_cover/llTQ9l2AeicK2OLIORnsUdtbhlNRGF89NBDI6SoBxEIzhAlrmV1SmGg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2691498608",name:"虛榮少女",desc:"感性强盗|强势洗榜的那些韩国抒情音乐",imgurl:"http://p.qpic.cn/music_cover/icLTHicH8iakBFAJbiazGT3DnywHfOoiaVzdZWJ4pVcDdoVCqlU5hLx8K7A/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3703029362",name:"哔咯独角兽",desc:"温情摇滚|安抚夜色弥漫时落寞的心",imgurl:"http://p.qpic.cn/music_cover/0yiaX8d9LSmnROyId1RsUUwklzSKKp7RSanBAJ89We5I4kMwdnH5yeg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3606666961",name:"毕业雨季",desc:"小资情调:何为亏欠文艺青年心中的体面",imgurl:"http://p.qpic.cn/music_cover/SXTicaprnQbfAyiaibTsguPlPQK4ZBwicp09O22qKwnTJaO10kp2le37Ww/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3604823742",name:"冷门单曲酱",desc:"放假挤火车回家:等车时的轻快曲",imgurl:"http://p.qpic.cn/music_cover/lricrZ3ca62ybvZbWYjtYa9d3Biab7MTiaJhX9owcjdkv5HMxDEunm7tg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1746389460",name:"私に闻いて风i",desc:"追忆续篇:少女漫中关于邂逅他的故事",imgurl:"http://p.qpic.cn/music_cover/qH8rLHHhL8O8Iibm56uPzJy4mNzibugoib19FAujo6GdTXAAvhicw7Js0Q/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1746020155",name:"同位",desc:"优雅的音乐贵族 大提琴",imgurl:"http://p.qpic.cn/music_cover/e4us58fDgLVdxdbgmSUdTADM7Sl88AfGK3qQqibxmqpqRnmSGHaFaEQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2949232733",name:"香草拿铁",desc:"超级碗中场秀嘉宾歌曲集",imgurl:"http://p.qpic.cn/music_cover/V34Wl85ZuJRskg3Ds3R8yyddp8gI2icb7wXicN8ZEzJZP0icnwHyzNzhQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3691421503",name:"L岺",desc:"寒假赖床指南:吸猫!吸猫!吸猫!",imgurl:"http://p.qpic.cn/music_cover/Ay2w92PeiaO57pZWMwecv6SEWibhUAoWKzkmWgbtcfCsibQYt8bZtq2PA/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2072789141",name:"D.Va",desc:"中国风电音:敢问上天,是否有仙?",imgurl:"http://p.qpic.cn/music_cover/QlZibnBVmII60BjTttickJO9MTQDoTRFvboeks5LDkOJHNEjao8f9t6Q/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]}]})},Iyug:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Z5VE"),i("bh5B"),i("5KkG")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={name:"cube-drawer-panel",mixins:[u.default],props:{data:{type:Array,default:function(){return[]}},index:{type:Number,default:-1}},computed:{selectedIndex:function(){var t=this.$parent.selected[this.index];return void 0===t?-1:t}},watch:{data:function(){this.scrollToTop()},isVisible:function(){var t=this;this.$nextTick(function(){t.refresh()})}},mounted:function(){this.$parent.addPanel(this)},beforeDestroy:function(){this.$parent.removePanel(this)},methods:{refresh:function(){this.$refs.scroll.refresh()},scrollToTop:function(){this.$refs.scroll.scroll&&this.$refs.scroll.scroll.scrollTo(0,0,0)},itemClickHandler:function(t,e){this.selectedIndex!==e&&this.$parent.changeHandler(this.index,t,e)}},components:{CubeScroll:c.default,CubeDrawerItem:o.default}},t.exports=e.default})},J4wF:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={components:{CubePage:u.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/upload/"+t)}}},t.exports=e.default})},JBFj:function(t,e,i){var a=i("VU/8")(i("BRD/"),i("UJHE"),null,null,null);t.exports=a.exports},JHHX:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);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:n.default,CubePage:u.default}},t.exports=e.default})},JOED:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("//Fk"),i("XPXN"),i("O6S8"),i("fGk3")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",rules:{required:!0,uploaded:function(t,e){return c.default.all(t.map(function(t,e){return new c.default(function(i,a){if(t.uploadedUrl)return i();setTimeout(function(){e%2?a(new Error):(t.uploadedUrl="uploaded/url",i())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"classic"}}},methods:{submitHandler:function(t){t.preventDefault(),console.log("submit",t)},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},resetHandler:function(t){console.log("reset",t)}},components:{CubePage:o.default,CubeButtonGroup:s.default,JsonView:r.default}},t.exports=e.default})},JQOp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-picker-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"picker",mask:!0,center:!1,"z-index":t.zIndex},on:{touchmove:function(t){t.preventDefault()},"mask-click":t.cancel}},[i("transition",{attrs:{name:"cube-picker-move"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-picker-panel cube-safe-area-pb",on:{click:function(t){t.stopPropagation()}}},[i("div",{staticClass:"cube-picker-choose border-bottom-1px"},[i("span",{staticClass:"cube-picker-cancel",on:{click:t.cancel}},[t._v(t._s(t.cancelTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title"},[t._v(t._s(t.title))]),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle"},[t._v(t._s(t.subtitle))]):t._e()]),t._v(" "),i("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t.confirmTxt))])]),t._v(" "),i("div",{staticClass:"cube-picker-content"},[i("i",{staticClass:"border-bottom-1px"}),t._v(" "),i("i",{staticClass:"border-top-1px"}),t._v(" "),i("div",{ref:"wheelWrapper",staticClass:"cube-picker-wheel-wrapper"},t._l(t.pickerData,function(e,a){return i("div",{key:a},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,a){return i("li",{key:a,staticClass:"cube-picker-wheel-item"},[t._v(t._s(e[t.textKey]))])}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},JgmB:function(t,e,i){var a=i("VU/8")(i("Ba27"),i("UReh"),null,null,null);t.exports=a.exports},JpKp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"slide",title:"Slide"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("vertical")}}},[t._v("Vertical")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("horizontal")}}},[t._v("Horizontal")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"K/GD":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Mr73")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{components:[{name:"Basic 基础组件",shortcut:"Basic",items:[{path:"/button",text:"Button"},{path:"/loading",text:"Loading"},{path:"/tip",text:"Tip"},{path:"/toolbar",text:"Toolbar"}]},{name:"Form 表单组件",shortcut:"Form",items:[{path:"/checkbox",text:"Checkbox"},{path:"/checkbox-group",text:"CheckboxGroup"},{path:"/radio",text:"Radio"},{path:"/input",text:"Input"},{path:"/textarea",text:"Textarea"},{path:"/select",text:"Select"},{path:"/switch",text:"Switch"},{path:"/rate",text:"Rate"},{path:"/validator",text:"Validator"},{path:"/upload",text:"Upload"},{path:"/form",text:"Form"}]},{name:"Popup 弹窗组件",shortcut:"Popup",items:[{path:"/popup",text:"Popup"},{path:"/toast",text:"Toast"},{path:"/picker",text:"Picker"},{path:"/cascade-picker",text:"CascadePicker"},{path:"/segment-picker",text:"SegmentPicker"},{path:"/date-picker",text:"DatePicker"},{path:"/time-picker",text:"TimePicker"},{path:"/dialog",text:"Dialog"},{path:"/action-sheet",text:"ActionSheet"},{path:"/drawer",text:"Drawer"}]},{name:"Scroll 滚动组件",shortcut:"Scroll",items:[{path:"/scroll",text:"Scroll"},{path:"/slide",text:"Slide"},{path:"/index-list",text:"IndexList"},{path:"/swipe",text:"Swipe"}]}]}},components:{CubeView:a.default}},t.exports=e.default})},K3bW:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[i("template",{slot:"content"},[i("div",{staticClass:"swipe-wrapper"},[i("cube-scroll",[i("cube-swipe",{attrs:{data:t.swipeData},on:{"item-click":t.onItemClick,"btn-click":t.onBtnClick}})],1)],1)])],2)},staticRenderFns:[]}},K5n8:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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:"斯拉达"}],i=[{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:"金箍棒"}],l=[{text:"顺丰",value:"顺丰"},{text:"中通",value:"中通"},{text:"圆通",value:"圆通"}];t.data1=e,t.data2=i,t.data3=a,t.expressData=l})},KATl:function(t,e,i){function a(t){i("0YF1")}var l=i("VU/8")(i("tspx"),i("v7b+"),a,null,null);t.exports=l.exports},KMzT:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),i("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),i("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),i("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")])],1)],1)])},staticRenderFns:[]}},KZW3:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Gu7T"),i("XPXN"),i("o/OE")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={components:{CubePage:c.default},data:function(){return{title:"Current City: BEIJING",data:o.default,pullDownRefresh:{stop:55}}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)},onPullingDown:function(){var t=this;setTimeout(function(){var e;(e=t.data[1].items).push.apply(e,(0,u.default)(o.default[1].items)),t.$refs.indexList.forceUpdate()},1e3)}}},t.exports=e.default})},Kjut:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={components:{CubePage:u.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/drawer/"+t)}}},t.exports=e.default})},Kjwe:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("1Zrt"),i("kjd8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){var e=n[t.type];e&&e(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n={submit:function(t){(0,a.toButtonHandler)(t,"submit")},reset:function(t){(0,a.toButtonHandler)(t,"reset")},checkbox:function(t){(0,i.boolRequiredHandler)(t)},switch:function(t){(0,i.boolRequiredHandler)(t)},rate:function(t){(0,i.numberGT0RequiredHandler)(t)}};t.exports=e.default})},KkmI:function(t,e){},KrQh:function(t,e,i){function a(t){i("W0tM")}var l=i("VU/8")(i("AdWU"),i("U+AE"),a,null,null);t.exports=l.exports},LIRj:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(a,function(t,e){return e?e.toUpperCase():""})}function i(t){return t=String(t),t.replace(/([A-Z])/g,"-$1").toLowerCase()}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e,t.kebab=i;var a=/-(\w)/g})},LXLj:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("//Fk"),i("XPXN"),i("O6S8"),i("fGk3")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",rules:{required:!0,uploaded:function(t,e){return c.default.all(t.map(function(t,e){return new c.default(function(i,a){if(t.uploadedUrl)return i();setTimeout(function(){e%2?a(new Error):(t.uploadedUrl="uploaded/url",i())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"fresh"}}},methods:{submitHandler:function(t){t.preventDefault(),console.log("submit",t)},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},resetHandler:function(t){console.log("reset",t)}},components:{CubePage:o.default,CubeButtonGroup:s.default,JsonView:r.default}},t.exports=e.default})},LeY8:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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"}]}]}]})},Lg4b:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("pFYg"),i("UFDc")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-select",data:function(){return{active:!1}},props:{options:{type:Array,default:function(){return[]}},value:null,placeholder:{type:String,default:"请选择"},autoPop:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:"请选择"},cancelTxt:{type:String,default:"取消"},confirmTxt:{type:String,default:"确定"}},computed:{adaptOptions:function(){return[this.options.map(function(t){return"object"!==(void 0===t?"undefined":(0,l.default)(t))&&(t={value:t,text:t}),t})]},valueIndex:function(){var t=this.value,e=(0,a.findIndex)(this.adaptOptions[0],function(e){return e.value===t});return this.picker&&this.picker.setData(this.adaptOptions,-1!==e?[e]:[0]),e},selectedIndex:function(){return-1!==this.valueIndex?[this.valueIndex]:[0]},selectedText:function(){return-1!==this.valueIndex?this.adaptOptions[0][this.valueIndex].text:""}},created:function(){this.picker=this.$createPicker({$props:{title:"title",data:"adaptOptions",selectedIndex:"selectedIndex",cancelTxt:"cancelTxt",confirmTxt:"confirmTxt"},$events:{select:"selectHandler",cancel:this.hided}}),this.autoPop&&this.showPicker()},methods:{showPicker:function(){this.disabled||(this.picker.show(),this.active=!0,this.$emit("picker-show"))},hided:function(){this.active=!1,this.$emit("picker-hide")},selectHandler:function(t,e,i){this.hided(),t[0]!==this.value&&(this.$emit("input",t[0]),this.$emit("change",t[0],e[0],i[0]))}}},t.exports=e.default})},M2u5:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Dd8w"),i("woOf"),i("PzHl"),i("Z5VE"),i("d64j")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=c(n),d=c(u),p={text:"确定",active:!0,disabled:!1,href:"javascript:;"},f={text:"取消",active:!1,disabled:!1,href:"javascript:;"},x=function(t,e){return"string"==typeof t&&(t={text:t}),(0,s.default)({},e,t)};e.default={name:"cube-dialog",mixins:[v.default,d.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,o.default)({},p)}},cancelBtn:{type:[Object,String],default:function(){return(0,o.default)({},f)}}},data:function(){return{defHref:"javascript:;"}},computed:{_confirmBtn:function(){return x(this.confirmBtn,p)},_cancelBtn:function(){return x(this.cancelBtn,f)},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:r.default}},t.exports=e.default})},M6zF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("li",{staticClass:"cube-drawer-item border-bottom-1px",class:t.itemClass,on:{click:function(e){t.clickItem(t.item)}}},[t._t("default",[t._v("\n "+t._s(t.item.text||t.item)+"\n ")])],2)},staticRenderFns:[]}},M7O5:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{validating:!1,pending:!1,originValid:void 0}},computed:{valid:function(){var t=this.originValid,e=this.pending,i=this.validating;return e||i?void 0:t},invalid:function(){var t=this.valid;return void 0===t?t:!t}}},t.exports=e.default})},MMvM:function(t,e){},MNuz:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("PzHl"),i("Z5VE"),i("d64j")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={name:"cube-action-sheet",mixins:[c.default,o.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:u.default}},t.exports=e.default})},Mr73:function(t,e,i){function a(t){i("w5NG")}var l=i("VU/8")(i("uYby"),i("mwCR"),a,null,null);t.exports=l.exports},Msz6:function(t,e){},"N/gd":function(t,e,i){function a(t){i("7MyF")}var l=i("VU/8")(i("eFmn"),i("q70N"),a,null,null);t.exports=l.exports},N5yD:function(t,e,i){function a(t){i("aSgS")}var l=i("VU/8")(i("B1Rs"),i("iRyi"),a,null,null);t.exports=l.exports},N6Rs:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("Vexm"),i("fGk3"),i("9zBd")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=c(n),d=u.provinceList;d.forEach(function(t){t.children=u.cityList[t.value],t.children.forEach(function(t){t.children=u.areaList[t.value]})});var p={props:{value:{type:Array,default:function(){return[]}}},data:function(){return{selected:[]}},render:function(t){return t("cube-button",{on:{click:this.showPicker}},this.selected.length?this.selected.join(" "):"placeholder")},mounted:function(){this.picker=this.$createCascadePicker({title:"PCA Select",data:d,selectedIndex:this.value,onSelect:this.selectHandler})},methods:{showPicker:function(){this.picker.show()},selectHandler:function(t,e,i){this.selected=i,this.$emit("input",t)}}};e.default={data:function(){return{validity:{},valid:void 0,model:{inputValue:"",pcaValue:[],dateValue:""},fields:[{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0}},{component:p,modelKey:"pcaValue",label:"PCASelect",rules:{required:!0},messages:{required:"请选择"}},{modelKey:"dateValue",label:"Date",rules:{required:!0}}]}},methods:{submitHandler:function(t){console.log("submit")},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},showDatePicker:function(){this.$refs.datePicker.show()},dateSelectHandler:function(t){this.model.dateValue=new Date(t[0],t[1]-1,t[2]).toDateString()}},components:{CubePage:o.default,CubeButtonGroup:s.default,DatePicker:r.default,JsonView:v.default}},t.exports=e.default})},N7CF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Cascade Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showCascadePicker}},[t._v("Cascade Picker")]),t._v(" "),i("cube-button",{on:{click:t.showAddressPicker}},[t._v("Address Picker")]),t._v(" "),i("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Set Data")]),t._v(" "),i("cube-button",{on:{click:t.showAsyncPicker}},[t._v("Async Load Data")])],1)],1)])},staticRenderFns:[]}},NFzl:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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})},NTtZ:function(t,e,i){function a(t){i("U+Iq")}var l=i("VU/8")(i("/Ca3"),i("9I0H"),a,null,null);t.exports=l.exports},NZLs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-popup",{ref:"popup",attrs:{type:"extend-popup"}},[i("div",{staticClass:"cube-extend-popup-content",on:{click:t.hide}},[t._t("default",[t._v(t._s(t.content))])],2)])},staticRenderFns:[]}},NmRe:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Segment Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showDateSegmentPicker}},[t._v("StartDate - EndDate")]),t._v(" "),i("cube-button",{on:{click:t.showCitySegmentPicker}},[t._v("Express - From - To")])],1)],1)])},staticRenderFns:[]}},O1ak:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("kww3"),i("kAHR")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),(0,u.default)(t,n.default)},e.default=n.default,t.exports=e.default})},O6S8:function(t,e,i){function a(t){i("nFiz")}var l=i("VU/8")(i("9IQh"),i("+Cpq"),a,null,null);t.exports=l.exports},Oluj:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("PzHl"),i("niVN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),(0,u.default)(t,n.default)},e.default=n.default,t.exports=e.default})},"P+K9":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("VzLe"),i("qgN4"),i("inlK"),i("t3q3")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);o.default.install=function(t){t.component(c.default.name,c.default),t.component(o.default.name,o.default),(0,r.default)(t,c.default),(0,s.default)(t,o.default)},o.default.CascadePicker=c.default,e.default=o.default,t.exports=e.default})},Pe8L:function(t,e,i){function a(t){i("qKQa")}var l=i("VU/8")(i("J4wF"),i("C78E"),a,null,null);t.exports=l.exports},PpuX:function(t,e){},PzHl:function(t,e,i){function a(t){i("u3HD")}var l=i("VU/8")(i("xomh"),i("S72U"),a,null,null);t.exports=l.exports},"QAv/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-btn"},[t._t("default",[t._m(0)]),t._v(" "),i("input",{staticClass:"cube-upload-input",attrs:{type:"file",multiple:t.multiple,accept:t.accept},on:{change:t.changeHandler}})],2)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-btn-def"},[i("i")])}]}},QMhb:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{options:{type:Object,default:function(){return{}}}}},t.exports=e.default})},QNIf:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("fZjL"),i("0PCq"),i("UFDc"),i("xYoV"),i("tJl4"),i("VLcU"),i("M7O5"),i("9xqn")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=r(i),d=r(n),p=r(u),f=r(o),x=r(s);x.default.CubeValidator=d.default;e.default={name:"cube-form-item",mixins:[f.default],props:{field:{type:Object,default:function(){return{}}}},data:function(){var t=this.field.modelKey,e=t?this.form.model[t]:null;return{validatorDisabled:!1,modelValue:e,validatorModel:e}},computed:{fieldValue:function(){return(0,a.processField)(this.field)},hasRules:function(){return(0,v.default)(this.fieldValue.rules||{}).length>0},isBtnField:function(){return"button"===this.fieldValue.type},itemClass:function(){var t=this.fieldValue.rules;return{"cube-form-item_required":t&&t.required,"cube-form-item_btn":this.isBtnField,"cube-form-item_validating":this.validating,"cube-form-item_pending":this.pending,"cube-form-item_valid":this.valid,"cube-form-item_invalid":this.invalid}},modelVal:function(){return this.form.model[this.fieldValue.modelKey]},componentName:function(){var t=this.fieldValue,e=t.component;if(e)return e;var i=t.type,a="cube-"+i;return x.default[a]?a:i}},watch:{modelVal:function(t){this.modelValue!==t&&(this.modelValue=t)},modelValue:function(t){this.form.model[this.fieldValue.modelKey]=t,this.updateValidatorModel()},originValid:function(t){this.lastOriginValid=t}},beforeCreate:function(){this.form=this.$parent.form},created:function(){var t=this;this.form.addField(this),this.getValidatorModel=function(e){return t.pending=!1,e}},mounted:function(){this.initDebounce(),this.initFocusEvents()},methods:{initDebounce:function(){var t=this,e=this.fieldValue.debounce;!0===e&&(e=200),!e&&0!==e||e<0||"blur"===this.fieldValue.trigger||(this.getValidatorModel=(0,l.debounce)(function(e){return t.pending=!1,t.validatorModel=e,t.form.updatePending(),t.asyncSameCheck(),e},e,!1,this.validatorModel))},asyncSameCheck:function(){var t=this.$refs.validator,e=this.validatorModel;t&&e===t.model&&t&&t.validate()},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.asyncSameCheck()},initFocusEvents:function(){var t=this;if("blur"===this.fieldValue.trigger){var e=this.$refs.formItem;e.addEventListener("focusin",this.focusInHandler,!1),e.addEventListener("focusout",this.focusOutHandler,!1),this.getValidatorModel=function(e){return t.focused?t.validatorModel:(t.pending=!1,t.form.updatePending(),e)}}},removeFocusEvents:function(){var t=this.$refs.formItem;t.removeEventListener("focusin",this.focusInHandler,!1),t.removeEventListener("focusout",this.focusOutHandler,!1)},updateValidatorModel:function(){this.pending=!0,this.validatorModel=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},validatorChangeHandler:function(){this.validatorDisabled||this.originValid&&this.lastOriginValid||this.updateValidity()},validatingHandler:function(){this.validating=!0,this.form.setValidating(!0)},validatedHandler:function(){this.validating=!1,this.form.updateValidating()},updateValidity:function(){var t=this.$refs.validator;t&&this.form.updateValidity(this.fieldValue.modelKey,t.valid,t.result,t.dirty)},validate:function(t){var e=this,i=(0,l.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var a=this.$refs.validator;return a?a.validate(function(){e.validatorDisabled=!0,e.updateValidity(),t&&t(),e.$nextTick(function(){e.validatorDisabled=!1})}):t&&t(),i},reset:function(){var t=this,e=this.fieldValue;if(e.modelKey){var i=(0,c.getResetValueByType)(e.type);this.validatorDisabled=!0,(0,l.resetTypeValue)(this,"modelValue",i),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){t.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===p.default.STANDARD&&this.$createToast&&this.$createToast({type:"warn",txt:this.$refs.validator.msg,time:1e3}).show()}},beforeDestroy:function(){this.removeFocusEvents(),this.form.destroyField(this),this.form=null},components:x.default},t.exports=e.default})},QvWg:function(t,e){},Qx69:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal}},[t._t("default",t._l(t.options,function(e,a){return i("cube-radio",{key:a,attrs:{option:e,position:t.position,"hollow-style":t.hollowStyle},model:{value:t.radioValue,callback:function(e){t.radioValue=e},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},"R+4a":function(t,e){},R082:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("lVze"),i("vhte")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),(0,u.default)(t,n.default)},e.default=n.default,t.exports=e.default})},R4Zp:function(t,e,i){function a(t){i("ir9C")}var l=i("VU/8")(i("gz49"),i("8GE+"),a,null,null);t.exports=l.exports},RGkz:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{action:"//jsonplaceholder.typicode.com/photos/",files:[]}},methods:{addedHandler:function(){var t=this.files[0];t&&this.$refs.upload.removeFile(t)},errHandler:function(t){this.$createToast({type:"warn",txt:"Upload fail",time:1e3}).show()}},components:{CubePage:a.default}},t.exports=e.default})},"RO/E":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("N5yD"),i("KATl")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),t.component(u.default.name,u.default)},n.default.Item=u.default,e.default=n.default,t.exports=e.default})},RO5T:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s",onHide:function(){console.log("hide")}}),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:n.default,CubePage:u.default}},t.exports=e.default})},RQcS:function(t,e){},RVzk:function(t,e){},RkVv:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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})},S5Pj:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("woOf"),i("Dd8w")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}function n(t,e,i,a,l){var n=void 0,o=void 0;void 0===l&&(l={});var s=new t((0,c.default)({},l,{render:function(t){var i=o&&o(t);return i&&!Array.isArray(i)&&(i=[i]),t(e,(0,c.default)({},n),i||[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),document.body.removeChild(this.$el)}}}));s.updateRenderData=function(t,e){n=t,o=e},s.updateRenderData(i,a),s.$mount(),s.init();var r=s.$children[0];return r.$updateProps=function(t){(0,u.default)(n.props,t),s.$forceUpdate()},r}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var u=l(i),c=l(a);t.exports=e.default})},S72U:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.rootClass,style:{"z-index":t.zIndex}},[i("div",{staticClass:"cube-popup-mask",on:{click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:{"cube-popup-center":t.center}},[t.$slots.default?i("div",{staticClass:"cube-popup-content"},[t._t("default")],2):i("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},SOQt:function(t,e,i){function a(t){i("AkiL")}var l=i("VU/8")(i("M2u5"),i("37es"),a,null,null);t.exports=l.exports},SpYO:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("//Fk"),i("XPXN"),i("O6S8"),i("fGk3")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",events:{"file-removed":function(){for(var t=arguments.length,e=Array(t),i=0;i0&&void 0!==arguments[0]&&arguments[0];this.pullDownRefresh&&this.isPullingDown?(this.isPullingDown=!1,this._reboundPullDown().then(function(){t._afterPullDown(e)})):this.pullUpLoad&&this.isPullUpLoad?(this.isPullUpLoad=!1,this.scroll.finishPullUp(),this.pullUpDirty=e,e&&this.refresh()):e&&this.refresh()},resetPullUpTxt:function(){this.pullUpDirty=!0},_listenScrollEvents:function(){var t=this;this.finalScrollEvents.forEach(function(e){t.scroll.on((0,s.camelize)(e),function(){for(var i=arguments.length,a=Array(i),l=0;l1&&void 0!==arguments[1]?arguments[1]:{},i=e.prefix,a=void 0===i?"":i,n=e.firstUpperCase,u=void 0!==n&&n,c=t.name,o=c.replace(/^cube-/i,""),s=""+(0,l.camelize)(""+a+o);return u&&(s=s.charAt(0).toUpperCase()+s.slice(1)),s}Object.defineProperty(t,"__esModule",{value:!0}),t.processComponentName=t.debounce=t.cb2PromiseWithResolve=t.parallel=t.resetTypeValue=t.toLocaleDateString=t.createAddAPI=t.deepAssign=t.findIndex=void 0;var x=n(e),y=n(i),h=n(a),m={_set:function(t,e,i){t[e]=i},string:function(t,e){m._set(t,e,"")},number:function(t,e){m._set(t,e,0)},boolean:function(t,e){m._set(t,e,!1)},object:function(t,e,i){Array.isArray(i)?m._set(t,e,[]):m._set(t,e,{})}};t.findIndex=u,t.deepAssign=c,t.createAddAPI=o,t.toLocaleDateString=s,t.resetTypeValue=r,t.parallel=v,t.cb2PromiseWithResolve=d,t.debounce=p,t.processComponentName=f})},UJHE:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-segment-picker"},t._l(t.data,function(e,a){return i(e.is||"cube-picker",t._b({key:a,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:a,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(a===t.data.length-1?t.confirmTxt:t.nextTxt),"cancel-txt":e.cancelTxt||(0===a?t.cancelTxt:t.prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},UReh:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"loading-view",title:"Loading"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-loading"),t._v(" "),i("cube-loading",{attrs:{size:28}}),t._v(" "),i("cube-loading",{attrs:{size:40}})],1)])},staticRenderFns:[]}},USmt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper custom"},[i("cube-index-list",{attrs:{data:t.singerData},scopedSlots:t._u([{key:"nav-item",fn:function(e){return i("span",{staticClass:"custom-nav-item"},[t._v(t._s(e.item))])}}])},t._l(t.singerData,function(e,a){return i("cube-index-list-group",{key:a,attrs:{group:e}},t._l(e.items,function(e,a){return i("cube-index-list-item",{key:a,attrs:{item:e},on:{select:t.selectItem}},[i("div",{staticClass:"custom-item"},[i("img",{directives:[{name:"lazy",rawName:"v-lazy",value:e.avatar,expression:"item.avatar"}],staticClass:"avatar"}),t._v(" "),i("span",{staticClass:"name"},[t._v(t._s(e.name))])])])}))}))],1)])])])},staticRenderFns:[]}},Uo7j:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("o/OE")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={components:{CubePage:n.default},data:function(){return{title:"Current City: BEIJING",data:u.default.slice(0,4)}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)},onPullingUp:function(){var t=this;setTimeout(function(){var e=t.data.length;e - value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:l.default}},t.exports=e.default})},VKJd:function(t,e,i){function a(t){i("72CF")}var l=i("VU/8")(i("rQlO"),i("li82"),a,null,null);t.exports=l.exports},VLcU:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";function e(t){var e=i[t];return e&&e()}Object.defineProperty(t,"__esModule",{value:!0});var i={checkbox:function(){return!1},select:function(){return null}};t.getResetValueByType=e})},VOzN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),i("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),i("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},VcN6:function(t,e,i){function a(t){i("RVzk")}var l=i("VU/8")(i("XUgO"),i("c4zc"),a,null,null);t.exports=l.exports},Vexm:function(t,e,i){var a=i("VU/8")(i("apY0"),i("0oyY"),null,null,null);t.exports=a.exports},"Vh/j":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload"},[t._t("default",[i("div",{staticClass:"cube-upload-def clear-fix"},[t._l(t.files,function(e,a){return i("upload-file",{key:a,attrs:{file:e},on:{click:t.fileClick}})}),t._v(" "),i("upload-btn",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn,expression:"isShowBtn"}]})],2)])],2)},staticRenderFns:[]}},VjSR:function(t,e){},VvZZ:function(t,e){},VzLe:function(t,e,i){var a=i("VU/8")(i("waH8"),i("7Jhx"),null,null,null);t.exports=a.exports},W0tM:function(t,e){},W2Hj:function(t,e,i){var a=i("VU/8")(i("0l/c"),i("1ftA"),null,null,null);t.exports=a.exports},WL1h:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"switch-option"},[i("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),i("div",{staticClass:"switch-ellipse",class:{active:t.checked},on:{click:t.clickSwitch}},[i("span",{staticClass:"switch-circle",class:{active:t.checked}})])])},staticRenderFns:[]}},WjKT:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={components:{CubePage:n.default,CubeButtonGroup:u.default},data:function(){return{options:[2013,2014,2015,2016,2017,2018],value:2016,title:"Entry time",placeholder:"Please choose entry time",autoPop:!1,disabled:!1}},methods:{change:function(t,e,i){console.log("change",t,e,i)},modify:function(){this.value=2014}}},t.exports=e.default})},Woua:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("s0qb")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={success:"cubeic-right",error:"cubeic-warn"};e.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileStatusCls:function(){var t=this.file,e=t.status;if(t.progress>=.01||e===i.STATUS_SUCCESS||e===i.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 a[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})},XEOk:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("xUY6")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-rate",props:{value:{type:Number,default:0},max:{type:Number,default:5},disabled:{type:Boolean,default:!1},justify:{type:Boolean,default:!1}},data:function(){return{tempValue:this.value}},created:function(){this.mousePressed=!1},computed:{rateClass:function(){return this.justify&&"cube-rate-justify"}},watch:{value:function(t){t!==this.tempValue&&(this.tempValue=t)}},methods:{handleStart:function(t){if(!this.disabled){t.type.indexOf("mouse")>-1&&(this.mousePressed=!0,document.addEventListener("mouseup",this.handleEnd),document.addEventListener("mousemove",this.handleMove));var e=this.$refs.rateContainer.getBoundingClientRect();this.left=e.left,this.containerWidth=e.width}},handleMove:function(t){this.disabled||-1!==t.type.indexOf("mouse")&&!this.mousePressed||this.computeTempValue(-1===t.type.indexOf("mouse")?t.touches[0]:t)},handleEnd:function(t){this.disabled||-1!==t.type.indexOf("mouse")&&!this.mousePressed||(t.type.indexOf("mouse")>-1&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(t.type.indexOf("mouse")>-1?t:t.changedTouches[0]),this.$emit("input",this.tempValue))},computeTempValue:function(t){var e=Math.ceil((t.clientX-this.left)/this.containerWidth*this.max);e>0&&e<=this.max?this.tempValue=e:this.tempValue=e<=0?0:this.max}},components:{CubeRateItem:a.default}},t.exports=e.default})},XInt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"slide",staticClass:"cube-slide"},[i("div",{ref:"slideGroup",staticClass:"cube-slide-group"},[t._t("default",t._l(t.data,function(e,a){return i("cube-slide-item",{key:a,attrs:{item:e},nativeOn:{click:function(i){t.clickItem(e,a)}}})}))],2),t._v(" "),t.showDots?i("div",{staticClass:"cube-slide-dots"},[t._t("dots",t._l(t.dots,function(e,a){return i("span",{key:a,class:{active:t.currentPageIndex===a}})}),{current:t.currentPageIndex,dots:t.dots})],2):t._e()])},staticRenderFns:[]}},XJZo:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("7ErG")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-toolbar",components:{CubeToolbarItem:a.default},props:{actions:{type:Array,default:function(){return[]}},moreActions:{type:Array}},data:function(){return{showMore:!1}},computed:{basicActions:function(){var t=this.actions.slice();return this.moreActions&&t.push({icon:"cubeic-more",$cubeMore:!0}),t}},methods:{itemClick:function(t){t.$cubeMore?(this.showMore=!this.showMore,this.$emit("more-click",this.showMore)):this.$emit("click",t)}}},t.exports=e.default})},XNdS:function(t,e,i){var a=i("VU/8")(i("cbPg"),i("gTcW"),null,null,null);t.exports=a.exports},XPXN:function(t,e,i){function a(t){i("0Bfo")}var l=i("VU/8")(i("twNj"),i("5zRN"),a,null,null);t.exports=l.exports},XRNA:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t,e){},t.tip=function(t,e){}})},XU5Z:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showPicker}},[t._v("Picker")]),t._v(" "),i("cube-button",{on:{click:t.showMutiPicker}},[t._v("Multi-column Picker")]),t._v(" "),i("cube-button",{on:{click:t.showAliasPicker}},[t._v("Use alias")]),t._v(" "),i("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Use setData")]),t._v(" "),i("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")]),t._v(" "),i("cube-button",{on:{click:t.showSubtitlePicker}},[t._v("Use subtitle")])],1)],1)])},staticRenderFns:[]}},XUgO:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("IskU")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{swipeData:a.customData}},created:function(){this.activeIndex=-1},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var i=this;"delete"===t.action?this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){i.swipeData.splice(e,1)}}).show():this.$refs.swipeItem[e].shrink()},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.$refs.swipeItem[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubePage:l.default}},t.exports=e.default})},XlLO:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("O6S8"),i("XPXN"),i("j/Id")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={data:function(){return{type:"popup-dialog",mask:!0,visible1:!1,visible2:!1,visible3:!1,visible4:!1}},methods:{showPopup:function(t){var e=this;this["visible"+t]=!0,setTimeout(function(){e["visible"+t]=!1},1e3)}},components:{CubeButtonGroup:u.default,CubePage:c.default,CubeExtendPopup:o.default}},t.exports=e.default})},XyhL:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("g9J/"),i("xUY6")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),t.component(u.default.name,u.default)},n.default.Item=u.default,e.default=n.default,t.exports=e.default})},"Y+cM":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("/5sW"),i("XPXN"),i("1Vb/"),i("6SSl"),i("5Fev"),i("YlpP"),i("h7Gw")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),v=s(a),d=s(l),p=s(n),f=s(u),x=s(c),y=["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=[];x.default.goods.forEach(function(t){h=h.concat(t.foods)}),e.default={data:function(){return{items:y,itemIndex:y.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,scrollEvents:["scroll"]}},components:{CubePage:v.default,SwitchOption:d.default,InputOption:p.default,SelectOption:f.default},watch:{scrollbarObj:{handler:function(){this.rebuildScroll()},deep:!0},customList:function(t){this.items=t?h:y},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;r.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})},scrollHandler:function(){}}},t.exports=e.default})},Y01l:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("34KM")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},Y4Q7:function(t,e){},YVqS:function(t,e,i){var a=i("VU/8")(i("+8WV"),i("CkYj"),null,null,null);t.exports=a.exports},YekI:function(t,e){},YlpP: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:[]}]}},Yu0J:function(t,e,i){function a(t){i("v1lR")}var l=i("VU/8")(i("s8G+"),i("rViw"),a,null,null);t.exports=l.exports},Z5VE:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={model:{prop:"visible",event:"toggle"},props:{visible:{type:Boolean,default:!1}},data:function(){return{isVisible:!1}},watch:{isVisible:function(t){this.$emit("toggle",t)}},mounted:function(){var t=this;this.$watch("visible",function(e,i){e?t.show():i&&!t._createAPI_reuse&&t.hide()},{immediate:!0})},methods:{show:function(){this.isVisible=!0},hide:function(){this.isVisible=!1}}},t.exports=e.default})},ZDnC:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{checked:!0,checked2:"optionValue",optionValue:{label:"Option Checkbox",value:"optionValue",disabled:!1}}},components:{CubePage:a.default}},t.exports=e.default})},ZhPo:function(t,e,i){function a(t){i("MMvM")}var l=i("VU/8")(i("4sRm"),i("QAv/"),a,null,null);t.exports=l.exports},ZiC1:function(t,e,i){var a=i("VU/8")(i("fZ0D"),i("N7CF"),null,null,null);t.exports=a.exports},Zvx6:function(t,e){},Zw0Y:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-json-view"},[i("h3",[t._v(t._s(t.title))]),t._v(" "),t.changed?i("pre",[t._v(" "),i("code",{ref:"code"},[t._v(t._s(t.data))]),t._v("\n ")]):t._e()])},staticRenderFns:[]}},"a/uE":function(t,e,i){function a(t){i("barY")}var l=i("VU/8")(i("cETb"),i("V13k"),a,null,null);t.exports=l.exports},a5t6:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("UFDc")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={required:"Required.",type:{string:"Please input characters.",number:"Please input numbers.",array:"The data type should be array.",date:"Please select a valid date.",email:"Please input a valid E-mail.",tel:"Please input a valid telphone number.",url:"Please input a valid web site."},min:{string:function(t){return"Please input at least "+t+" characters."},number:function(t){return"The number could not smaller than "+t+"."},array:function(t){return"Please select at least "+t+" items."},date:function(t){return"Please select a date after "+(0,i.toLocaleDateString)(t,"en")},email:function(t){return"Please input at least "+t+" characters."},tel:function(t){return"Please input at least "+t+" characters."},url:function(t){return"Please input at least "+t+" characters."}},max:{string:function(t){return"Please input no more than "+t+" characters."},number:function(t){return"The number could not bigger than "+t},array:function(t){return"Please select no more than "+t+" items"},date:function(t){return"Please select a date before "+(0,i.toLocaleDateString)(t,"en")},email:function(t){return"Please input no more than "+t+" characters."},tel:function(t){return"Please input no more than "+t+" characters."},url:function(t){return"Please input no more than "+t+" characters."}},len:{string:function(t){return"Please input "+t+" characters."},number:function(t){return"The number should equal "+t},array:function(t){return"Please select "+t+" items"},date:function(t){return"Please select "+(0,i.toLocaleDateString)(t,"en")},email:function(t){return"Please input "+t+" characters."},tel:function(t){return"Please input "+t+" characters."},url:function(t){return"Please input "+t+" characters."}},pattern:'The input don"t match pattern.',custom:"Invalid.",notWhitespace:"Whitespace is invalid."},t.exports=e.default})},aA6D:function(t,e){},aDIA:function(t,e,i){var a,l,n;!function(u,c){l=[e,i("5qoB"),i("x9Ds"),i("+Ghj")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"rules",{enumerable:!0,get:function(){return e.rules}}),Object.defineProperty(t,"addRule",{enumerable:!0,get:function(){return e.addRule}}),Object.defineProperty(t,"findMessage",{enumerable:!0,get:function(){return i.findMessage}}),Object.defineProperty(t,"addMessage",{enumerable:!0,get:function(){return i.addMessage}}),Object.defineProperty(t,"setLanguage",{enumerable:!0,get:function(){return i.setLanguage}}),Object.defineProperty(t,"types",{enumerable:!0,get:function(){return a.types}}),Object.defineProperty(t,"addType",{enumerable:!0,get:function(){return a.addType}})})},aSgS:function(t,e){},agqa:function(t,e,i){function a(t){i("lLnp")}var l=i("VU/8")(i("Iyug"),i("dFgm"),a,null,null);t.exports=l.exports},apY0:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";function i(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",l=[],n=t;n<=e;n++){var u=(i&&n<10?"0"+n:n)+a;l.push({text:u,value:n})}return l}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=i(this.min[0],this.max[0],!1,"年");return e.forEach(function(e){var a=e.value===t.min[0]?t.min[1]:1,l=e.value===t.max[0]?t.max[1]:12;e.children=i(a,l,!1,"月"),e.children.forEach(function(a){var l=30;[1,3,5,7,8,10,12].indexOf(a.value)>-1?l=31:2===a.value&&(l=e.value%400&&(e.value%4||!(e.value%100))?28:29);var n=e.value===t.min[0]&&a.value===t.min[1]?t.min[2]:1,u=e.value===t.max[0]&&a.value===t.max[1]?t.max[2]:l;a.children=i(n,u,!1,"日")})}),e}},methods:{show:function(){this.$refs.cascadePicker.show()},hide:function(){this.$refs.cascadePicker.hide()},select:function(t,e,i){this.$emit("select",t,e,i)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},b1gV:function(t,e,i){var a,l,n;!function(u,c){l=[e,i("Y01l"),i("dK69"),i("HBJ7"),i("izCJ"),i("zQyI"),i("rwvr"),i("k+Su"),i("dGNm"),i("/Pfp"),i("7Sku"),i("mok4"),i("8nmV"),i("XyhL"),i("fd7u"),i("oLGW"),i("8cOd"),i("Oluj"),i("v4hj"),i("O1ak"),i("nrl6"),i("P+K9"),i("Ta5O"),i("tNeh"),i("r6LN"),i("R082"),i("3ubT"),i("wT65"),i("eD0J"),i("ES30"),i("RO/E"),i("iQwk"),i("x/Fx")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c,o,s,r,v,d,p,f,x,y,h,m,g,b,_,w,k,T,P,C,j,S,M,V,D,I){"use strict";function R(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BScroll=t.Swipe=t.SwipeItem=t.IndexList=t.Slide=t.SlideItem=t.Scroll=t.Drawer=t.DrawerPanel=t.DrawerItem=t.ActionSheet=t.Dialog=t.SegmentPicker=t.TimePicker=t.DatePicker=t.CascadePicker=t.Picker=t.Toast=t.Popup=t.Form=t.FormGroup=t.FormItem=t.Upload=t.Validator=t.Rate=t.Switch=t.Select=t.Textarea=t.Input=t.RadioGroup=t.Radio=t.CheckboxGroup=t.Checkbox=t.Toolbar=t.Tip=t.Loading=t.Button=t.Style=void 0;var O=R(e),$=R(i),U=R(a),E=R(l),F=R(n),A=R(u),L=R(c),H=R(o),N=R(s),B=R(r),z=R(v),X=R(d),G=R(p),q=R(f),Y=R(x),W=R(y),K=R(h),Z=R(m),J=R(g),Q=R(b),tt=R(_),et=R(w),it=R(k),at=R(T),lt=R(P),nt=R(C),ut=R(j),ct=R(S),ot=R(M),st=R(V),rt=R(D),vt=R(I),dt=W.default.Group,pt=W.default.Item,ft=ct.default.Item,xt=H.default.Radio,yt=st.default.Item,ht=nt.default.Panel,mt=nt.default.Item;t.Style=O.default,t.Button=$.default,t.Loading=U.default,t.Tip=E.default,t.Toolbar=F.default,t.Checkbox=A.default,t.CheckboxGroup=L.default,t.Radio=xt,t.RadioGroup=H.default,t.Input=N.default,t.Textarea=B.default,t.Select=z.default,t.Switch=X.default,t.Rate=G.default,t.Validator=q.default,t.Upload=Y.default,t.FormItem=pt,t.FormGroup=dt,t.Form=W.default,t.Popup=K.default,t.Toast=Z.default,t.Picker=J.default,t.CascadePicker=Q.default,t.DatePicker=tt.default,t.TimePicker=et.default,t.SegmentPicker=it.default,t.Dialog=at.default,t.ActionSheet=lt.default,t.DrawerItem=mt,t.DrawerPanel=ht,t.Drawer=nt.default,t.Scroll=ut.default,t.SlideItem=ft,t.Slide=ct.default,t.IndexList=ot.default,t.SwipeItem=yt,t.Swipe=st.default,t.BScroll=rt.default,t.createAPI=vt.default})},bZrS:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-loading"},[i("span",{staticClass:"cube-loading-spinners",style:t.style},t._l(t.balde,function(t){return i("i",{staticClass:"cube-loading-spinner"})}))])},staticRenderFns:[]}},barY:function(t,e){},bh5B:function(t,e,i){function a(t){i("txtz")}var l=i("VU/8")(i("TAcf"),i("CNZU"),a,null,null);t.exports=l.exports},bp4N:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),i("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),i("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},byy8:function(t,e){},c4zc:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[i("template",{slot:"content"},[i("div",{staticClass:"swipe-wrapper"},[i("cube-scroll",[i("cube-swipe",[i("transition-group",{attrs:{name:"swipe",tag:"ul"}},t._l(t.swipeData,function(e,a){return i("li",{key:e.item.id,staticClass:"swipe-item-wrapper"},[i("cube-swipe-item",{ref:"swipeItem",refInFor:!0,attrs:{btns:e.btns,index:a},on:{"btn-click":t.onBtnClick,active:t.onItemActive}},[i("div",{staticClass:"item-inner",on:{click:function(i){t.onItemClick(e.item,a)}}},[i("div",{staticClass:"icon"},[i("img",{attrs:{width:"60",height:"60",src:e.item.imgurl}})]),t._v(" "),i("div",{staticClass:"text"},[i("h2",{staticClass:"item-name",domProps:{innerHTML:t._s(e.item.name)}}),t._v(" "),i("p",{staticClass:"item-desc",domProps:{innerHTML:t._s(e.item.desc)}})])])])],1)}))],1)],1)],1)])],2)},staticRenderFns:[]}},c8JE:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[i("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.computedOption.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var i=t.checkValue,a=e.target,l=!!a.checked;if(Array.isArray(i)){var n=t._i(i,null);a.checked?n<0&&(t.checkValue=i.concat([null])):n>-1&&(t.checkValue=i.slice(0,n).concat(i.slice(n+1)))}else t.checkValue=l}}}),t._v(" "),i("span",{staticClass:"cube-checkbox-ui",class:t._borderIconClass},[i("i",{class:t._rightIconClass})]),t._v(" "),i("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.computedOption.label))])],2)])])},staticRenderFns:[]}},cETb:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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})},"cL1+":function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.inBrowser="undefined"!=typeof window})},cQz5:function(t,e,i){function a(t){i("vomq")}var l=i("VU/8")(i("GJyM"),i("JpKp"),a,null,null);t.exports=l.exports},cbPg:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{y:{type:Number,default:0}},data:function(){return{width:50,height:80}},computed:{distance:function(){return Math.max(0,Math.min(this.y*this.ratio,this.maxDistance))},style:function(){return"width:"+this.width/this.ratio+"px;height:"+this.height/this.ratio+"px"}},mounted:function(){this.ratio=window.devicePixelRatio,this.width*=this.ratio,this.height*=this.ratio,this.initRadius=18*this.ratio,this.minHeadRadius=12*this.ratio,this.minTailRadius=5*this.ratio,this.initArrowRadius=10*this.ratio,this.minArrowRadius=6*this.ratio,this.arrowWidth=3*this.ratio,this.maxDistance=40*this.ratio,this.initCenterX=25*this.ratio,this.initCenterY=25*this.ratio,this.headCenter={x:this.initCenterX,y:this.initCenterY},this._draw()},methods:{_draw:function(){var t=this.$refs.bubble,e=t.getContext("2d");e.clearRect(0,0,t.width,t.height),this._drawBubble(e),this._drawArrow(e)},_drawBubble:function(t){t.save(),t.beginPath();var e=this.distance/this.maxDistance,i=this.initRadius-(this.initRadius-this.minHeadRadius)*e;this.headCenter.y=this.initCenterY-(this.initRadius-this.minHeadRadius)*e,t.arc(this.headCenter.x,this.headCenter.y,i,0,Math.PI,!0);var a=this.initRadius-(this.initRadius-this.minTailRadius)*e,l={x:this.headCenter.x,y:this.headCenter.y+this.distance},n={x:l.x-a,y:l.y},u={x:n.x,y:n.y-this.distance/2};t.quadraticCurveTo(u.x,u.y,n.x,n.y),t.arc(l.x,l.y,a,Math.PI,0,!0);var c={x:this.headCenter.x+i,y:this.headCenter.y},o={x:l.x+a,y:c.y+this.distance/2};t.quadraticCurveTo(o.x,o.y,c.x,c.y),t.fillStyle="rgb(170,170,170)",t.fill(),t.strokeStyle="rgb(153,153,153)",t.stroke(),t.restore()},_drawArrow:function(t){t.save(),t.beginPath();var e=this.distance/this.maxDistance,i=this.initArrowRadius-(this.initArrowRadius-this.minArrowRadius)*e;t.arc(this.headCenter.x,this.headCenter.y,i-(this.arrowWidth-e),-Math.PI/2,0,!0),t.arc(this.headCenter.x,this.headCenter.y,i,0,3*Math.PI/2,!1),t.lineTo(this.headCenter.x,this.headCenter.y-i-this.arrowWidth/2+e),t.lineTo(this.headCenter.x+2*this.arrowWidth-2*e,this.headCenter.y-i+this.arrowWidth/2),t.lineTo(this.headCenter.x,this.headCenter.y-i+3*this.arrowWidth/2-e),t.fillStyle="rgb(255,255,255)",t.fill(),t.strokeStyle="rgb(170,170,170)",t.stroke(),t.restore()}},watch:{y:function(){this._draw()}}},t.exports=e.default})},clb7:function(t,e,i){function a(t){i("VjSR")}var l=i("VU/8")(i("Y+cM"),i("fUUX"),a,null,null);t.exports=l.exports},d64j:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{zIndex:{type:Number,default:100}}},t.exports=e.default})},d9cM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{ref:"slideWrapper",staticClass:"slide-container"},[i("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,options:t.options},on:{change:t.changePage,click:t.clickPage},scopedSlots:t._u([{key:"dots",fn:function(e){return t.dotsSlot?t._l(e.dots,function(a,l){return i("span",{staticClass:"my-dot",class:{active:e.current===l}},[t._v(t._s(l+1))])}):void 0}}])})],1),t._v(" "),i("div",{staticClass:"options"},[i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"InitialIndex",value:t.initialIndex},on:{"update:value":t.updateInitialIndex}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Loop",value:t.loop},on:{"update:value":t.updateLoop}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Auto Play",value:t.autoPlay},on:{"update:value":t.updateAutoPlay}}),t._v(" "),t.autoPlay?i("input-option",{staticClass:"item sub first last",attrs:{name:"interval",value:t.interval},on:{"update:value":t.updateInterval}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"Threshold",value:t.threshold},on:{"update:value":t.updateThreshold}})],1),t._v(" "),i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"Speed",value:t.speed},on:{"update:value":t.updateSpeed}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Allow Vertical",value:t.allowVertical},on:{"update:value":t.updateAllowVertical}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Add Slide Item3",value:t.addItem3},on:{"update:value":t.updateItem3}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Dots Slot",value:t.dotsSlot},on:{"update:value":t.updateDotsSlot}})],1)])])])])},staticRenderFns:[]}},dFgm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-drawer-move"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer-panel"},[i("div",{staticClass:"cube-drawer-scroll-wrapper"},[i("cube-scroll",{ref:"scroll",attrs:{data:t.data}},[i("ul",{staticClass:"cube-drawer-list"},[t._t("default",t._l(t.data,function(t,e){return i("cube-drawer-item",{key:e,attrs:{item:t,index:e}})}))],2)])],1)])])},staticRenderFns:[]}},dGNm:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("yb46"),i("mkLW")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),t.component(u.default.name,u.default)},n.default.Radio=u.default,e.default=n.default,t.exports=e.default})},dK69:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("a/uE")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},dTzF:function(t,e,i){function a(t){i("GWVJ")}var l=i("VU/8")(i("RGkz"),i("VA5X"),a,null,null);t.exports=l.exports},"de/F":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Gu7T"),i("fZjL"),i("woOf"),i("Z5VE"),i("d64j"),i("wih/"),i("UFDc"),i("+rJ6")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function v(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var d=r(i),p=r(a),f=r(l),x=r(n),y=r(u),h=r(c),m=["year","month","date","hour","minute","second"],g={month:{natureMin:1,natureMax:12},date:{natureMin:1,natureMax:31},hour:{natureMin:0,natureMax:23},minute:{natureMin:0,natureMax:59},second:{natureMin:0,natureMax:59}},b={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[x.default,y.default,h.default],props:{min:{type:[Date,Array],default:function(){return new Date(2010,1,1)}},max:{type:[Date,Array],default:function(){return new Date(2020,12,31)}},startColumn:{type:String,default:function(){return"year"}},columnCount:{type:Number,default:3},format:{type:Object,default:function(){return{}}},value:{type:[Date,Array],default:function(){return this.min}}},computed:{formatConfig:function(){var t=(0,f.default)({},b);return(0,o.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,p.default)(e).forEach(function(i){e[i]=t._range(i,g[i].natureMin,g[i].natureMax)}),e},startIndex:function(){var t=m.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?v(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?v(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?v(this.value).slice(this.startIndex,this.startIndex+this.columnCount):this.value},data:function(){var t=[];return this._generateData(this.startIndex,0,t),t},selectedIndex:function(){for(var t=this,e=[],i=this.data,a=void 0,l=0;l=3&&i.value;i.children=this._range(m[t],c,o,i.isMin,i.isMax,r)}else i.children=this.natureRangeCache[m[t]];e=this.startIndex+this.columnCount?e[a]=g[m[a]].natureMin:e[a]=t[a-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,i,a,l,n){for(var u=[],c=e;c<=i;c++){var o={text:(0,s.formatType)(t,this.formatConfig[t],c,"i"),value:c};a&&c===e&&(o.isMin=!0),l&&c===i&&(o.isMax=!0),n&&(o.year=n),u.push(o)}return u}}},t.exports=e.default})},diWv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),i("cube-drawer",{ref:"drawer",attrs:{data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}},[i("span",{attrs:{slot:"title"},slot:"title"},[t._v(t._s(t.province.text))]),t._v(" "),t._l(t.data,function(e,a){return i("cube-drawer-panel",{key:a,attrs:{index:a,data:e}},t._l(e,function(e,a){return i("cube-drawer-item",{key:a,attrs:{item:e,index:a}},[i("i",{staticClass:"cubeic-round-border"}),t._v(" "),i("span",[t._v(t._s(e.text))])])}))})],2)],1)])])},staticRenderFns:[]}},du89:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("fZjL"),i("pFYg"),i("S5Pj"),i("ILCf")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],l=void 0,n=void 0,u=[],c={before:function(t){u.push(t)},open:function(i,c,o){"function"!=typeof c&&void 0===o&&(o=c,c=null);var v=o;if("object"===(void 0===o?"undefined":(0,s.default)(o))&&(v=o.single,delete o.single),u.forEach(function(t){t(i,c,v)}),void 0===v&&(v=a),v&&l){n.updateRenderData(i,c),l._createAPI_reuse=!0,n.$forceUpdate();var d=l.visible;return l.$nextTick(function(){l._createAPI_reuse=!1,d&&l.visible&&l.show()}),l}var p=(0,r.default)(t,e,i,c,o),f=p.$parent,x=p.remove;p.remove=function(){f.__cube__destroyed||(x&&x.call(this),f.destroy(),f.__cube__destroyed=!0,v&&(l=null,n=null))};var y=p.show;p.show=function(){return y&&y.call(this),this};var h=p.hide;return p.hide=function(){return h&&h.call(this),this},v&&(l=p,n=f),p},create:function(t,e,a){function l(){n.__createAPI_watcher&&(n.__createAPI_watcher(),n.__createAPI_watcher=null)}var n=this,u=!!n.$on,s=(0,v.default)(t,i);l(),function(){var t=s.props.$props;if(t){delete s.props.$props;var e=[],i=[];(0,o.default)(t).forEach(function(a){var l=t[a];"string"==typeof l&&l in n?(s.props[a]=n[l],e.push(a),i.push(l)):s.props[a]=l}),u&&(n.__createAPI_watcher=n.$watch(function(){var t={};return e.forEach(function(e,a){t[e]=n[i[a]]}),t},function(t){d&&d.$updateProps(t)}))}}(),function(){var t=s.props.$events;t&&(delete s.props.$events,(0,o.default)(t).forEach(function(e){var i=t[e];"string"==typeof i&&(i=n[i]),s.on[e]=i}))}(),"function"!=typeof e&&void 0===a&&(a=e,e=null);var r={single:a};u&&(r.parent=n);var d=c.open(s,e,r);if(d.__cube__parent!==n){d.__cube__parent=n;var p=function t(){l(),d.__cube__parent===n&&d.remove(),n.$off("hook:beforeDestroy",t),d.__cube__parent=null};u&&n.$on("hook:beforeDestroy",p)}return d}};return c}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var o=u(i),s=u(a),r=u(l),v=u(n);t.exports=e.default})},dz9r:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";function i(t){var e,i=t.naturalHeight,a=document.createElement("canvas");a.width=1,a.height=i;var l=a.getContext("2d");l.drawImage(t,0,0);try{e=l.getImageData(0,0,1,i).data}catch(t){return console.log("Cannot check verticalSquash: CORS?"),1}for(var n=0,u=i,c=i;c>n;){0===e[4*(c-1)+3]?u=c:n=c,c=u+n>>1}var o=c/i;return 0===o?1:o}function a(t){for(var e=atob(t.split(",")[1]),i=new ArrayBuffer(e.length),a=new Uint8Array(i),l=0;l4&&(t.width=l,t.height=a),i){case 2:e.translate(a,0),e.scale(-1,1);break;case 3:e.translate(a,l),e.rotate(Math.PI);break;case 4:e.translate(0,l),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,-l);break;case 7:e.rotate(.5*Math.PI),e.translate(a,-l),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-a,0)}}function c(t,e,c){var o=new FileReader;o.onload=function(o){if(!1===e.compress)return t.base64=o.target.result,void c(t);var s=new Image;s.onload=function(){var o=i(s),r=n(a(s.src)),v=document.createElement("canvas"),d=v.getContext("2d"),p=e.compress.width,f=e.compress.height,x=s.width,y=s.height,h=void 0;if(xf?(x=parseInt(f*s.width/s.height),y=f):x>=y&&x>p&&(y=parseInt(p*s.height/s.width),x=p),v.width=x,v.height=y,r>0&&u(v,d,r),d.drawImage(s,0,0,x,y/o),h=/image\/jpeg/.test(t.type)||/image\/jpg/.test(t.type)?v.toDataURL("image/jpeg",e.compress.quality):v.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."),c(t);else{var m=l(h);m.id=t.id,m.name=t.name,m.lastModified=t.lastModified,m.lastModifiedDate=t.lastModifiedDate,c(m)}else/;base64,null/.test(h)||/;base64,$/.test(h)?(e.onError(t,new Error("Compress fail, dataURL is "+h+".")),c()):(t.base64=h,c(t))},s.src=o.target.result},o.readAsDataURL(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c,t.exports=e.default})},e3O1:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("K5n8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a);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.updatePropsPicker=this.$createPicker({title:"Use $updateProps",data:[l.data1],selectedIndex:[0],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.subtitlePicker=this.$createPicker({title:"Picker",subtitle:"subtitle",data:[l.data1],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()},showUpdatePropsPicker:function(){var t=this;this.updatePropsPicker.show(),setTimeout(function(){t.updatePropsPicker.$updateProps({title:"Updated",data:[l.data1,l.data2,l.data3],selectedIndex:[1,2,3]})},1e3)},showSubtitlePicker:function(){this.subtitlePicker.show()},selectHandle:function(t,e,i){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:u.default,CubeButtonGroup:c.default}},t.exports=e.default})},eAlP:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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})},eBbK:function(t,e){},"eC/x":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("woOf"),i("+rJ6"),i("Z5VE"),i("d64j"),i("wih/"),i("VzLe"),i("XRNA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),v=s(l),d=s(n),p=s(u),f=s(c),x={value:"now",defaultText:"现在"};e.default={name:"cube-time-picker",mixins:[v.default,d.default,p.default],components:{CubeCascadePicker:f.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,Object],default:!0},minuteStep:{type:Number,default:10}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{nowText:function(){return this.showNow&&this.showNow.text||x.defaultText},minTime:function(){return new Date(+this.now+this.delay*a.MINUTE_TIMESTAMP)},days:function(){for(var t=[],e=(0,a.getDayDiff)(this.minTime,this.now),i=e;i=this.days.length)return void(0,o.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var n=i.getHours(),u=0===l?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,c=n-u,s=Math.floor(i.getMinutes()/this.minuteStep),r=l||(this.showNow?1!==c:c)?0:Math.floor(this.minTime.getMinutes()/this.minuteStep),v=s-r;this.selectedIndex=[l,c,v]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,i){if(t[1]===x.value)this.$emit("select",+new Date,this.nowText);else{var l=(0,a.getZeroStamp)(new Date(t[0]))+t[1]*a.HOUR_TIMESTAMP+t[2]*a.MINUTE_TIMESTAMP,n=i[0]+" "+i[1]+":"+i[2];this.value=l,this.$emit("select",l,n)}},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},eClu:function(t,e,i){function a(t){i("nDaK")}var l=i("VU/8")(i("VAT/"),i("diWv"),a,null,null);t.exports=l.exports},eD0J:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("vJ9C"),i("VKJd")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),t.component(u.default.name,u.default)},n.default.Item=u.default,e.default=n.default,t.exports=e.default})},eE6y:function(t,e,i){function a(t){i("RQcS")}var l=i("VU/8")(i("Gcl4"),i("vx2j"),a,null,null);t.exports=l.exports},eFmn:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("woOf")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-input",props:{value:[String,Number],type:{type:String,default:"text"},disabled:{type:Boolean,default:!1},placeholder:String,readonly:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},autocomplete:{type:Boolean,default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,clearable:{type:Boolean,default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){return this.clearable&&this.inputValue&&!this.readonly&&!this.disabled},_showPwdEye:function(){return"password"===this.type&&this.eye&&!this.disabled},pwdVisible:function(){var t=this.formatedEye;return t.reverse?!t.open:t.open},eyeClass:function(){return this.formatedEye.open?"cubeic-eye-visible":"cubeic-eye-invisible"}},watch:{value:function(t){this.inputValue=t},inputValue:function(t){this.$emit("input",t)},eye:{handler:function(){this.formateEye()},immediate:!0}},methods:{changeHander:function(t){this.$emit("change",t)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,a.default)(this.formatedEye,this.eye)},handleFocus:function(t){this.$emit("focus",t),this.isFocus=!0},handleBlur:function(t){this.$emit("blur",t),this.isFocus=!1},handleClear:function(t){this.inputValue="",this.$refs.input.focus()},handlePwdEye:function(){this.formatedEye.open=!this.formatedEye.open}}},t.exports=e.default})},eLAg:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={components:{CubePage:u.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/form/"+t)}}},t.exports=e.default})},eWUu:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={methods:{showDatePicker:function(){this.datePicker||(this.datePicker=this.$createDatePicker({title:"Date Picker",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.datePicker.show()},showTimePicker:function(){this.timePicker||(this.timePicker=this.$createDatePicker({title:"Time Picker",min:[8,0,0],max:[20,59,59],value:new Date,startColumn:"hour",onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.timePicker.show()},showDateTimePicker:function(){this.dateTimePicker||(this.dateTimePicker=this.$createDatePicker({title:"Date Time Picker",min:new Date(2008,7,8,8,0,0),max:new Date(2020,9,20,20,59,59),value:new Date,columnCount:6,onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.dateTimePicker.show()},showFormatPicker:function(){this.formatPicker||(this.formatPicker=this.$createDatePicker({title:"Use format",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,format:{year:"YY年",month:"MM月",date:"第 D 日"},onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.formatPicker.show()},showUpdatePropsPicker:function(){var t=this;this.updatePropsPicker||(this.updatePropsPicker=this.$createDatePicker({title:"Use $updateProps",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.updatePropsPicker.show(),setTimeout(function(){t.updatePropsPicker.$updateProps({title:"updated",value:new Date(2010,9,1)})},1e3)},selectHandle:function(t,e,i){this.$createDialog({type:"warn",content:"Selected Item:
- date: "+t+"
- value: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:n.default,CubeButtonGroup:u.default}},t.exports=e.default})},eX6E:function(t,e){},eZWf:function(t,e,i){function a(t){i("gfHX")}var l=i("VU/8")(i("ZDnC"),i("EKox"),a,null,null);t.exports=l.exports},ejsb:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("UFDc")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:function(t){return"至少输入 "+t+" 位字符"},number:function(t){return"不得小于 "+t},array:function(t){return"请选择至少 "+t+" 项"},date:function(t){return"请选择 "+(0,i.toLocaleDateString)(t,"zh")+" 之后的时间"},email:function(t){return"至少输入 "+t+" 位字符"},tel:function(t){return"至少输入 "+t+" 位字符"},url:function(t){return"至少输入 "+t+" 位字符"}},max:{string:function(t){return"请勿超过 "+t+" 位字符"},number:function(t){return"请勿大于 "+t},array:function(t){return"最多选择 "+t+" 项"},date:function(t){return"请选择 "+(0,i.toLocaleDateString)(t,"zh")+" 之前的时间"},email:function(t){return"请勿超过 "+t+" 位字符"},tel:function(t){return"请勿超过 "+t+" 位字符"},url:function(t){return"请勿超过 "+t+" 位字符"}},len:{string:function(t){return"请输入 "+t+" 位字符"},number:function(t){return"需等于 "+t},array:function(t){return"请选择 "+t+" 项"},date:function(t){return"请选择 "+(0,i.toLocaleDateString)(t,"zh")},email:function(t){return"请输入 "+t+" 位字符"},tel:function(t){return"请输入 "+t+" 位字符"},url:function(t){return"请输入 "+t+" 位字符"}},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"},t.exports=e.default})},"f/6s":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("zuie")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-form-group",props:{legend:{type:String,default:""},fields:{type:Array,default:function(){return[]}}},beforeCreate:function(){this.form=this.$parent.form},beforeDestroy:function(){this.form=null},components:{CubeFormItem:a.default}},t.exports=e.default})},fGk3:function(t,e,i){function a(t){i("qx+r")}var l=i("VU/8")(i("HgDQ"),i("Zw0Y"),a,null,null);t.exports=l.exports},fK3K:function(t,e){},fUUX:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[i("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"options"},[i("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Scrollbar",value:t.scrollbar},on:{"update:value":t.updateScrollbar}}),t._v(" "),t.scrollbar?i("switch-option",{staticClass:"item sub first last",attrs:{name:"fade",value:t.scrollbarFade},on:{"update:value":t.updateScrollbarFade}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Pull Down Refresh",value:t.pullDownRefresh},on:{"update:value":t.updatePullDownRefresh}}),t._v(" "),t.pullDownRefresh?i("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?i("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?i("input-option",{staticClass:"item sub",attrs:{name:"txt",value:t.pullDownRefreshTxt},on:{"update:value":t.updatePullDownRefreshTxt}}):t._e(),t._v(" "),t.pullDownRefresh?i("switch-option",{staticClass:"item sub last",attrs:{name:"Custom Animation",value:t.customPullDown},on:{"update:value":t.updateCustomPullDown}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Pull Up Load",value:t.pullUpLoad},on:{"update:value":t.updatePullUpLoad}}),t._v(" "),t.pullUpLoad?i("input-option",{staticClass:"item sub first",attrs:{name:"threshold",value:t.pullUpLoadThreshold},on:{"update:value":t.updatePullUpLoadThreshold}}):t._e(),t._v(" "),t.pullUpLoad?i("input-option",{staticClass:"item sub",attrs:{name:"moreTxt",value:t.pullUpLoadMoreTxt},on:{"update:value":t.updatePullUpLoadMoreTxt}}):t._e(),t._v(" "),t.pullUpLoad?i("input-option",{staticClass:"item sub last",attrs:{name:"noMoreTxt",value:t.pullUpLoadNoMoreTxt},on:{"update:value":t.updatePullUpLoadNoMoreTxt}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Custom List",value:t.customList},on:{"update:value":t.updateCustomList}})],1),t._v(" "),i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"startY",value:t.startY},on:{"update:value":t.updateStartY}})],1)])]),t._v(" "),i("div",{staticClass:"demo"},[i("div",{staticClass:"title sub"},[t._v("Demo")]),t._v(" "),i("div",{staticClass:"scroll-list-wrap"},[i("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.scrollOptions,"scroll-events":t.scrollEvents},on:{scroll:t.scrollHandler,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return t.customPullDown?[e.pullDownRefresh?i("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?i("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[i("span",{class:{rotate:e.bubbleY>40}},[t._v("↓")])]):i("div",{staticClass:"after-trigger"},[e.isPullingDown?i("div",{staticClass:"loading"},[i("cube-loading")],1):i("div",[i("span",[t._v("Refresh success")])])])]):t._e()]:void 0}}])},[t.customList?i("ul",{staticClass:"foods-wrapper"},t._l(t.items,function(e){return i("li",{staticClass:"food-item border-1px",on:{click:function(i){t.selectFood(e,i)}}},[i("div",{staticClass:"icon"},[i("img",{attrs:{width:"57",height:"57",src:e.icon}})]),t._v(" "),i("div",{staticClass:"food-content"},[i("h2",{staticClass:"name"},[t._v(t._s(e.name))]),t._v(" "),i("p",{staticClass:"description"},[t._v(t._s(e.description))]),t._v(" "),i("div",{staticClass:"extra"},[i("span",{staticClass:"count"},[t._v("月售"+t._s(e.sellCount)+"份")]),i("span",[t._v("好评率"+t._s(e.rating)+"%")])]),t._v(" "),i("div",{staticClass:"price"},[i("span",{staticClass:"now"},[t._v("¥"+t._s(e.price))]),t._v(" "),i("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(" "),i("div",{staticClass:"methods"},[i("div",{staticClass:"title sub"},[t._v("Methods")]),t._v(" "),i("ul",{staticClass:"method-list"},[i("li",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"x",value:t.scrollToX},on:{"update:value":t.updateScrollToX}}),t._v(" "),i("input-option",{staticClass:"item",attrs:{name:"y",value:t.scrollToY},on:{"update:value":t.updateScrollToY}}),t._v(" "),i("input-option",{staticClass:"item",attrs:{name:"time",value:t.scrollToTime},on:{"update:value":t.updateScrollToTime}}),t._v(" "),i("select-option",{staticClass:"item",attrs:{name:"easing",value:t.scrollToEasing,options:t.scrollToEasingOptions},on:{"update:value":t.updateScrollToEasing}}),t._v(" "),i("button",{on:{click:t.scrollTo}},[t._v("scrollTo")])],1)])])])])},staticRenderFns:[]}},fZ0D:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("mvHQ"),i("XPXN"),i("O6S8"),i("9zBd"),i("LeY8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=n.provinceList.slice(),d=JSON.parse((0,o.default)(n.cityList)),p=JSON.parse((0,o.default)(n.areaList)),f=n.provinceList;f.forEach(function(t){t.children=n.cityList[t.value],t.children.forEach(function(t){t.children=n.areaList[t.value]})});var x=v,y=[0,0,0];x[0].children=d[x[0].value],x[0].children[0].children=p[x[0].children[0].value],e.default={mounted:function(){this.cascadePicker=this.$createCascadePicker({title:"Cascade Picker",data:u.cascadeData,selectedIndex:[0,1,0],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.addressPicker=this.$createCascadePicker({title:"City Picker",data:f,onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.setDataPicker=this.$createCascadePicker({title:"Set Data",onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.asyncPicker=this.$createCascadePicker({title:"Async Load Data",async:!0,data:x,selectedIndex:y.slice(),onSelect:this.selectHandle,onCancel:this.cancelHandle,onChange:this.asyncChangeHandle})},methods:{showCascadePicker:function(){this.cascadePicker.show()},showAddressPicker:function(){this.addressPicker.show()},showSetDataPicker:function(){var t=this;this.setDataPicker.setData(u.cascadeData),this.setDataPicker.show(),setTimeout(function(){t.setDataPicker.setData(f,[1,1,0])},1e3)},showAsyncPicker:function(){this.asyncPicker.show()},asyncChangeHandle:function(t,e){var i=this;e!==y[t]&&(y[t]=e,t<2&&setTimeout(function(){if(0===t){var a=x[e];a.children=a.children||d[a.value],a.children[0].children=a.children[0].children||p[a.children[0].value],y[1]=0,y[2]=0}if(1===t){var l=x[y[0]].children[e];l.children=l.children||p[l.value],y[2]=0}i.asyncPicker.setData(x,y)},500))},selectHandle:function(t,e,i){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.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})},fd7u:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("xYoV"),i("aDIA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(i);l.default.install=function(t){t.component(l.default.name,l.default)},l.default.addRule=a.addRule,l.default.addMessage=a.addMessage,l.default.addType=a.addType,l.default.setLanguage=a.setLanguage,e.default=l.default,t.exports=e.default})},fidG:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-textarea",data:function(){return{textareaValue:this.value,expanded:!1,isFocus:!1}},props:{value:{type:String,default:""},cols:Number,rows:Number,readonly:Boolean,wrap:String,required:Boolean,placeholder:{type:String,default:"please type here..."},dirname:String,form:String,name:String,autofocus:Boolean,disabled:{type:Boolean,default:!1},maxlength:{type:Number,default:60}},computed:{remain:function(){return this.maxlength-this.value.length}},watch:{value:function(t){this.textareaValue=t},textareaValue:function(t){this.$emit("input",t),!this.isFocus&&this.expanded&&(this.expanded=!1)}},methods:{handleFocus:function(t){this.$emit("focus",t),this.expanded=!0,this.isFocus=!0},handleBlur:function(t){this.$emit("blur",t),0===this.textareaValue.length&&(this.expanded=!1),this.isFocus=!1}}},t.exports=e.default})},fn00:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form-custom",title:"Form 表单"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-form",{attrs:{model:t.model},on:{validate:t.validateHandler,submit:t.submitHandler}},[i("cube-form-group",[i("cube-form-item",{attrs:{field:t.fields[0]}}),t._v(" "),i("cube-form-item",{attrs:{field:t.fields[1]}}),t._v(" "),i("cube-form-item",{attrs:{field:t.fields[2]}},[i("cube-button",{on:{click:t.showDatePicker}},[t._v(t._s(t.model.dateValue||"Please select"))]),t._v(" "),i("date-picker",{ref:"datePicker",attrs:{min:[2008,8,8],max:[2020,10,20]},on:{select:t.dateSelectHandler}})],1)],1),t._v(" "),i("cube-form-group",[i("cube-button",{attrs:{type:"submit"}},[t._v("Submit")])],1)],1),t._v(" "),i("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),i("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},"g9J/":function(t,e,i){function a(t){i("oiuS")}var l=i("VU/8")(i("XEOk"),i("34AZ"),a,null,null);t.exports=l.exports},gBDM:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("O6S8"),i("XPXN"),i("1Vb/"),i("6SSl")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);e.default={data:function(){return{text:"",disabled:!1,maxlength:60,width:"274px"}},methods:{updateDisabled:function(t){this.disabled=t},updateMaxlength:function(t){this.maxlength=t},updateWidth:function(t){this.width=t}},components:{CubeButtonGroup:c.default,CubePage:o.default,SwitchOption:s.default,InputOption:r.default}},t.exports=e.default})},gCE8:function(t,e,i){function a(t){i("R+4a")}var l=i("VU/8")(i("pjk/"),i("12+A"),a,null,null);t.exports=l.exports},gLZT:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("UFDc"),i("du89")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t,e,a,l){var u=n.default.apply(this,arguments),c=(0,i.processComponentName)(e,{prefix:"$create-"});return t.prototype[c]=u.create,e.$create=u.create,u}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},gMFX:function(t,e){},gTcW:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("canvas",{ref:"bubble",style:t.style,attrs:{width:t.width,height:t.height}})},staticRenderFns:[]}},gYth:function(t,e,i){var a=i("VU/8")(i("JOED"),i("VOzN"),null,null,null);t.exports=a.exports},gfHX:function(t,e){},gz49:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-switch",props:{value:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{checkboxValue:this.value}},watch:{value:function(t){this.checkboxValue=t},checkboxValue:function(t){this.$emit("input",t)}}},t.exports=e.default})},h1qY:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);e.default={components:{CubePage:u.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/index-list/"+t)}}},t.exports=e.default})},h7Gw:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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}}}})},h8Kk:function(t,e,i){function a(t){i("QvWg")}var l=i("VU/8")(i("1j+8"),i("d9cM"),a,null,null);t.exports=l.exports},"hC+w":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);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}],selected4:"1",options4:[{label:"1",value:"1",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg"},{label:"2",value:"2",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg"},{label:"3",value:"3",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg",disabled:!0}]}},components:{CubePage:a.default}},t.exports=e.default})},hHHY:function(t,e){},hIuT:function(t,e){},hdAL:function(t,e,i){function a(t){i("hIuT")}var l=i("VU/8")(i("eLAg"),i("7JW3"),a,null,null);t.exports=l.exports},hlu4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"formItem",staticClass:"cube-form-item border-bottom-1px",class:t.itemClass},[t.isBtnField?i("cube-button",t._b({},"cube-button",t.fieldValue.props,!1),[t._v(t._s(t.fieldValue.label))]):[t._t("label",[i("div",{directives:[{name:"show",rawName:"v-show",value:t.fieldValue.label,expression:"fieldValue.label"}],staticClass:"cube-form-label"},[i("span",[t._v(t._s(t.fieldValue.label))])])]),t._v(" "),t.hasRules?i("cube-validator",{ref:"validator",staticClass:"cube-form-field",attrs:{disabled:t.validatorDisabled,model:t.validatorModel,rules:t.fieldValue.rules,messages:t.fieldValue.messages},on:{input:t.validatorChangeHandler,validating:t.validatingHandler,validated:t.validatedHandler,"msg-click":t.msgClick},model:{value:t.originValid,callback:function(e){t.originValid=e},expression:"originValid"}},[t._t("default",[i(t.componentName,t._g(t._b({tag:"component",model:{value:t.modelValue,callback:function(e){t.modelValue=e},expression:"modelValue"}},"component",t.fieldValue.props,!1),t.fieldValue.events))])],2):i("div",{staticClass:"cube-form-field"},[t._t("default",[i(t.componentName,t._g(t._b({tag:"component",model:{value:t.modelValue,callback:function(e){t.modelValue=e},expression:"modelValue"}},"component",t.fieldValue.props,!1),t.fieldValue.events))])],2)]],2)},staticRenderFns:[]}},i3b6:function(t,e){},"iQ/X":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("XPXN"),i("O6S8"),i("9zBd"),i("K5n8")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=l.provinceList;s.forEach(function(t){t.children=l.cityList[t.value],t.children.forEach(function(t){t.children=l.areaList[t.value]})});var r=[{is:"cube-date-picker",title:"入学时间",min:new Date(2e3,0,1),max:new Date(2030,11,31)},{is:"cube-date-picker",title:"毕业时间",min:new Date(2e3,0,1),max:new Date(2030,11,31)}];e.default={mounted:function(){var t=this;this.dateSegmentPicker=this.$createSegmentPicker({data:r,onSelect:function(e,i,a){t.$createDialog({type:"warn",content:"Selected Items:
- 入学时间: "+a[0].join("")+"
- 毕业时间: "+a[1].join(""),icon:"cubeic-alert"}).show()},onNext:function(e,i,a,l){r[1].min=i,0===e&&t.dateSegmentPicker.$updateProps({data:r})}}),this.citySegmentPicker=this.$createSegmentPicker({data:[{title:"选择快递",data:[n.expressData],selectedIndex:[1]},{is:"cube-cascade-picker",title:"寄件地址",data:s,selectedIndex:[0,0,0],cancelTxt:"返回"},{is:"cube-cascade-picker",title:"收件地址",data:s,selectedIndex:[0,0,0]}],cancelTxt:"Cancel",confirmTxt:"Confirm",nextTxt:"Next",prevTxt:"Prev",onSelect:function(e,i,a){t.$createDialog({type:"warn",content:"Selected Items:
- 所选快递: "+a[0].join("")+"
- 寄件地址: "+a[1].join("")+"
- 收件地址: "+a[2].join(""),icon:"cubeic-alert"}).show()}})},methods:{showDateSegmentPicker:function(){this.dateSegmentPicker.show()},showCitySegmentPicker:function(){this.citySegmentPicker.show()}},components:{CubePage:c.default,CubeButtonGroup:o.default}},t.exports=e.default})},iQe6:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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})},iQwk:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("GQaK")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default=a.default,t.exports=e.default})},iRyi:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-swipe"},[t._t("default",[i("transition-group",{attrs:{name:"cube-swipe",tag:"ul"}},t._l(t.data,function(e,a){return i("li",{key:e.item.value},[i("cube-swipe-item",{ref:"swipeItem",refInFor:!0,attrs:{btns:e.btns,item:e.item,index:a,"auto-shrink":t.autoShrink},on:{"item-click":t.onItemClick,"btn-click":t.onBtnClick,active:t.onItemActive}})],1)}))])],2)},staticRenderFns:[]}},inlK:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,n.default)(t,e,["select","cancel","value-change"]).before(function(t,e,i){i&&(0,a.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},ir9C:function(t,e){},izCJ:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("Yu0J")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"j/Id":function(t,e,i){function a(t){i("qGk2")}var l=i("VU/8")(i("NFzl"),i("NZLs"),a,null,null);t.exports=l.exports},jC7o:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"radio-view",title:"Radio"}},[i("template",{slot:"content"},[i("cube-radio-group",{attrs:{options:t.options},model:{value:t.selected,callback:function(e){t.selected=e},expression:"selected"}}),t._v(" "),i("p",[t._v("selected value: "+t._s(t.selected))]),t._v(" "),i("cube-radio-group",{attrs:{options:t.options2,position:"right","hollow-style":!0},model:{value:t.selected2,callback:function(e){t.selected2=e},expression:"selected2"}}),t._v(" "),i("p",[t._v("selected value: "+t._s(t.selected2))]),t._v(" "),i("cube-radio-group",{attrs:{options:t.options3,horizontal:!0},model:{value:t.selected3,callback:function(e){t.selected3=e},expression:"selected3"}}),t._v(" "),i("p",[t._v("selected value: "+t._s(t.selected3))]),t._v(" "),i("cube-radio-group",t._l(t.options4,function(e,a){return i("cube-radio",{key:a,attrs:{option:e},model:{value:t.selected4,callback:function(e){t.selected4=e},expression:"selected4"}},[i("img",{attrs:{src:e.src}})])})),t._v(" "),i("p",[t._v("selected img: "+t._s(t.selected4))])],1)],2)},staticRenderFns:[]}},jWap:function(t,e){},jdO8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper"},[i("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,pullUpLoad:!0},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-up":t.onPullingUp}})],1)])])])},staticRenderFns:[]}},jjfl:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(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},option:{type:[Boolean,String,Object],default:function(){return{_def_option:!0}}},position:{type:String,default:"left"},shape:{type:String,default:"circle"},hollowStyle:{type:Boolean,default:!1}},data:function(){var t=this.$parent,e=t.$data._checkboxGroup;return{isInGroup:e,isInHorizontalGroup:e&&t.$props.horizontal}},computed:{computedOption:function(){var t=this.option,e=this.label,i=this.disabled;return!0===t._def_option?t={label:e,value:e,disabled:i}:"string"==typeof t&&(t={label:t,value:t,disabled:!1}),t},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(t){var e=this.computedOption.value,i=e&&t?e:t,a=t?"checked":"cancel-checked";this.$emit("input",i),this.isInGroup&&this.$parent.$emit(a,e||t)}},_containerClass:function(){return{"cube-checkbox-hollow":this.hollowStyle,"cube-checkbox_checked":this.checkValue,"cube-checkbox_disabled":this.computedOption.disabled,"border-right-1px":this.isInHorizontalGroup}},_wrapClass:function(){if(this.isInGroup&&!this.isInHorizontalGroup)return"border-bottom-1px"},isSquare:function(){return"square"===this.shape||this.hollowStyle},_borderIconClass:function(){return this.isSquare?"cubeic-square-border":"cubeic-round-border"},_rightIconClass:function(){return this.isSquare?"cubeic-square-right":"cubeic-right"}}},t.exports=e.default})},jnfQ:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("fZjL"),i("//Fk"),i("XPXN"),i("b1gV")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l);e.default={data:function(){return{immediate:!1,text1:"",isValid:[void 0,void 0,void 0,void 0,void 0,void 0],rules1:{required:!0,type:"email",pattern:/didi.com$/,custom:function(t){return t.length>=12}},messages1:{pattern:"The E-mail suffix need to be didi.com.",custom:"The E-mail need contain at least 12 characters."},text2:"",rules2:{type:"string",pattern:/^cube-/,min:8,max:10},messages2:{pattern:'Please start with "cube-"'},text3:"100",rules3:{type:"number",odd:!0},checkList:[],rules4:{required:!0},rate:0,rules5:{min:1,max:4},captcha:"",rules6:{type:"number",required:!0,len:6,captchaCheck:function(t){return function(e){setTimeout(function(){e("123456"===t)},1e3)}}},messages6:{captchaCheck:'Please input "123456"'}}},created:function(){n.Validator.setLanguage("en"),n.Validator.addRule("odd",function(t,e,i){return Number(t)%2==1}),n.Validator.addMessage("odd","Please input odd."),n.Validator.addType("email",function(t){return"string"==typeof t&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)$/i.test(t)})},methods:{validatingHandler:function(){console.log("validating")},validatedHandler:function(){console.log("validated")},submit:function(){var t=this;o.default.all((0,c.default)(this.$refs).map(function(e){return t.$refs[e].validate()})).then(function(){t.isValid.every(function(t){return t})&&t.$createToast({type:"correct",txt:"Submited",time:1e3}).show()})}},components:{CubePage:s.default}},t.exports=e.default})},"k+Su":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("yjF1"),i("7lCl")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);u.default.install=function(t){t.component(n.default.name,n.default),t.component(u.default.name,u.default)},u.default.Checkbox=n.default,e.default=u.default,t.exports=e.default})},kAHR:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,n.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,a.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},kBQQ:function(t,e,i){function a(t){i("U6M5")}var l=i("VU/8")(i("xH1B"),i("USmt"),a,null,null);t.exports=l.exports},kLzu:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("bOdI"),i("Gu7T"),i("t7U9"),i("agqa"),i("Z5VE"),i("d64j")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(i),r=o(a),v=o(n),d=o(u),p=o(c),f=(0,l.prefixStyle)("transform");e.default={name:"cube-drawer",mixins:[d.default,p.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}}},data:function(){return{index:-1,selectedVal:[],selectedText:[],selected:[].concat((0,r.default)(this.selectedIndex)),slideStyle:(0,s.default)({},f,"translate3d(0, 0, 0)")}},watch:{selectedIndex:function(t){this.selected=[].concat((0,r.default)(t))},index:function(t,e){this.showPanel(),t0){var i=e-1,a=this.selected[i];this.changeHandler(i,this.data[i][a],a)}break}this.computedStyle()}},hide:function(){this.slideStyle[f]="translate3d(0, 0, 0)",this.shouldHide=!0},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)},transitionend:function(){this.shouldHide&&(this.isVisible=!1,this.shouldHide=!1)},refill:function(t,e,i){this.$set(this.data,t,e),this.index=t,this.selected=this.selected.slice(0,t),this.selectedVal=this.selectedVal.slice(0,t),this.selectedText=this.selectedText.slice(0,t),i>=0&&(this.$set(this.selected,t,i),this.changeHandler(t,this.data[t][i],i))},showPanel:function(){for(var t=this.index,e=0;e<=t;)this.panels[e].show(),e++;this.computedStyle()},hidePanel:function(){for(var t=this.data.length,e=this.index+1;e - value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:l.default}},t.exports=e.default})},kYrI:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"toolbar",title:"Toolbar"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"options"},[i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"More Actions",value:t.more},on:{"update:value":t.updateMore}})],1)])]),t._v(" "),i("cube-toolbar",{attrs:{actions:t.actions,"more-actions":t.more?t.moreActions:void 0},on:{click:t.clickHandler}})],1)])},staticRenderFns:[]}},kZnE:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("a/uE"),i("yjF1")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);e.default={name:"cube-toolbar-item",components:{CubeButton:n.default,CubeCheckbox:u.default},props:{action:{type:Object,default:function(){return{}}}},methods:{clickHandler:function(){this.$emit("click")}}},t.exports=e.default})},kftu:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-file",on:{click:t.clickHandler}},[t._t("default",[i("div",{staticClass:"cube-upload-file-def",style:t.fileStyle},[i("i",{staticClass:"cubeic-wrong",on:{click:function(e){return e.stopPropagation(),t.removeFile(e)}}}),t._v(" "),i("div",{staticClass:"cube-upload-file-state",class:t.fileStatusCls},[i("i",{staticClass:"cube-upload-file-status",class:t.statusCls}),t._v(" "),i("span",{staticClass:"cube-upload-file-progress"},[t._v(t._s(t.fileProgress))])])])],{imgStyle:t.fileStyle,progress:t.fileProgress})],2)},staticRenderFns:[]}},kgN1:function(t,e,i){function a(t){i("BbKW")}var l=i("VU/8")(i("txVD"),i("zlrq"),a,null,null);t.exports=l.exports},kjd8:function(t,e,i){var a,l,n;!function(i,u){l=[e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e){t.type="button",t.props||(t.props={}),t.props.type=e};t.toButtonHandler=e})},kww3:function(t,e,i){function a(t){i("o3ex")}var l=i("VU/8")(i("vpa7"),i("JQOp"),a,null,null);t.exports=l.exports},"l+e5":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);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:n.default,CubePage:u.default}},t.exports=e.default})},l6Sg:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"textarea-view",title:"Textarea"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"textarea-wrapper"},[i("cube-textarea",{attrs:{disabled:t.disabled,maxlength:+t.maxlength||60,width:t.width||"300px"},model:{value:t.text,callback:function(e){t.text=e},expression:"text"}})],1),t._v(" "),i("div",{staticClass:"options"},[i("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),i("input-option",{staticClass:"item sub",attrs:{name:"maxlength",value:t.maxlength},on:{"update:value":t.updateMaxlength}}),t._v(" "),i("input-option",{staticClass:"item sub",attrs:{name:"width",value:t.width},on:{"update:value":t.updateWidth}})],1)])])])])},staticRenderFns:[]}},lLnp:function(t,e){},lS1B:function(t,e){},lVK7:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("b1gV"),i("UFDc")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){l.installed||(l.installed=!0,n.forEach(function(e){e!==i.Radio&&e.install(t)}))}Object.defineProperty(e,"__esModule",{value:!0});var n=[i.Button,i.Loading,i.Tip,i.Toolbar,i.Checkbox,i.CheckboxGroup,i.Radio,i.RadioGroup,i.Input,i.Textarea,i.Select,i.Switch,i.Rate,i.Validator,i.Upload,i.Form,i.Popup,i.Toast,i.Picker,i.CascadePicker,i.DatePicker,i.TimePicker,i.SegmentPicker,i.Dialog,i.ActionSheet,i.Drawer,i.Scroll,i.Slide,i.IndexList,i.Swipe],u={version:"1.9.0",install:l,BScroll:i.BScroll,createAPI:i.createAPI};n.forEach(function(t){var e=(0,a.processComponentName)(t,{firstUpperCase:!0});u[e]=t}),"undefined"!=typeof window&&window.Vue&&window.Vue.use(l),e.default=u,t.exports=e.default})},lVze:function(t,e,i){function a(t){i("+akI")}var l=i("VU/8")(i("MNuz"),i("Eu3/"),a,null,null);t.exports=l.exports},li82:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-slide-item"},[t._t("default",[i("a",{attrs:{href:t.item.url}},[i("img",{attrs:{src:t.item.image}})])])],2)},staticRenderFns:[]}},lzDd:function(t,e){},"m/LA":function(t,e,i){function a(t){i("aA6D")}var l=i("VU/8")(i("H+BD"),i("udGh"),a,null,null);t.exports=l.exports},mLUJ:function(t,e){},"mW/s":function(t,e){},mkLW:function(t,e,i){function a(t){i("qITJ")}var l=i("VU/8")(i("oVd1"),i("Fxpn"),a,null,null);t.exports=l.exports},mok4:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("kww3"),i("3kPI"),i("kAHR")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);c.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),(0,o.default)(t,u.default)},c.default.Picker=u.default,e.default=c.default,t.exports=e.default})},mwCR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"page-move"}},[i("router-view",{staticClass:"cube-view"})],1)},staticRenderFns:[]}},"mz/u":function(t,e){},nDaK:function(t,e){},nFiz:function(t,e){},nb3f:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("tx1y"),i("eZWf"),i("6KDq"),i("wIkl"),i("TMiY"),i("JgmB"),i("8jxs"),i("4xIg"),i("yB4N"),i("1H2N"),i("DXQ8"),i("m/LA"),i("hdAL"),i("Bhgd"),i("BH5X"),i("gYth"),i("zZ81"),i("p9oh"),i("ZiC1"),i("pmij"),i("5HTY"),i("YVqS"),i("AnsX"),i("AgjA"),i("W2Hj"),i("clb7"),i("Bf/j"),i("1btU"),i("kBQQ"),i("8F4S"),i("A5db"),i("Pe8L"),i("KrQh"),i("eE6y"),i("dTzF"),i("58Ml"),i("qWZY"),i("zI96"),i("VcN6"),i("DIVr"),i("UqhO"),i("eClu"),i("cQz5"),i("kgN1"),i("h8Kk"),i("uGVW")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c,o,s,r,v,d,p,f,x,y,h,m,g,b,_,w,k,T,P,C,j,S,M,V,D,I,R,O,$,U,E,F,A,L,H,N,B,z,X,G,q){"use strict";function Y(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var W=Y(i),K=Y(a),Z=Y(l),J=Y(n),Q=Y(u),tt=Y(c),et=Y(o),it=Y(s),at=Y(r),lt=Y(v),nt=Y(d),ut=Y(p),ct=Y(f),ot=Y(x),st=Y(y),rt=Y(h),vt=Y(m),dt=Y(g),pt=Y(b),ft=Y(_),xt=Y(w),yt=Y(k),ht=Y(T),mt=Y(P),gt=Y(C),bt=Y(j),_t=Y(S),wt=Y(M),kt=Y(V),Tt=Y(D),Pt=Y(I),Ct=Y(R),jt=Y(O),St=Y($),Mt=Y(U),Vt=Y(E),Dt=Y(F),It=Y(A),Rt=Y(L),Ot=Y(H),$t=Y(N),Ut=Y(B),Et=Y(z),Ft=Y(X),At=Y(G),Lt=Y(q),Ht=[{path:"/button",component:W.default},{path:"/checkbox",component:K.default},{path:"/checkbox-group",component:Z.default},{path:"/radio",component:J.default},{path:"/input",component:lt.default},{path:"/textarea",component:nt.default},{path:"/switch",component:Q.default},{path:"/form",component:ct.default,children:[{path:"default",component:ot.default},{path:"custom",component:st.default},{path:"classic",component:rt.default},{path:"fresh",component:vt.default}]},{path:"/loading",component:tt.default},{path:"/tip",component:et.default},{path:"/popup",component:it.default},{path:"/toast",component:at.default},{path:"/rate",component:ut.default},{path:"/picker",component:dt.default},{path:"/cascade-picker",component:pt.default},{path:"/segment-picker",component:ft.default},{path:"/date-picker",component:xt.default},{path:"/time-picker",component:yt.default},{path:"/select",component:ht.default},{path:"/dialog",component:mt.default},{path:"/action-sheet",component:gt.default},{path:"/scroll",component:bt.default},{path:"/index-list",component:_t.default,children:[{path:"default",component:wt.default},{path:"custom",component:kt.default},{path:"pull-up-load",component:Tt.default},{path:"pull-down-refresh",component:Pt.default}]},{path:"/upload",component:Ct.default,children:[{path:"default",component:jt.default},{path:"compress",component:St.default},{path:"custom",component:Mt.default}]},{path:"/validator",component:Vt.default},{path:"/swipe",component:Dt.default,children:[{path:"default",component:It.default},{path:"custom",component:Rt.default}]},{path:"/drawer",component:Ot.default,children:[{path:"default",component:$t.default},{path:"custom",component:Ut.default}]},{path:"/slide",component:Et.default,children:[{path:"vertical",component:Ft.default},{path:"horizontal",component:At.default}]},{path:"/toolbar",component:Lt.default}];e.default=Ht,t.exports=e.default})},niVN:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";function a(t,e){(0,l.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var l=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},nmXI:function(t,e){},nqbe:function(t,e){},nr3t:function(t,e){},nrl6:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("kww3"),i("VzLe"),i("t3q3"),i("kAHR")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),o=u(a),s=u(l),r=u(n);o.default.install=function(t){t.component(c.default.name,c.default),t.component(o.default.name,o.default),(0,r.default)(t,c.default),(0,s.default)(t,o.default)},o.default.Picker=c.default,e.default=o.default,t.exports=e.default})},"o/OE":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}]}]},o3ex:function(t,e){},"oIl+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[i("template",{slot:"content"},[i("cube-checkbox-group",{attrs:{options:t.options},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),i("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),i("br"),t._v(" "),i("cube-checkbox-group",{attrs:{options:t.options,horizontal:!0,position:"right",shape:"square","hollow-style":!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),i("br"),t._v(" "),i("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[i("cube-checkbox",{attrs:{option:"1"}},[i("i",[t._v("Checkbox 1")])]),t._v(" "),i("cube-checkbox",{attrs:{option:"2"}},[i("i",[t._v("Checkbox 2")])]),t._v(" "),i("cube-checkbox",{attrs:{option:{value:"3",disabled:!0}}},[i("i",[t._v("Disabled Checkbox")])]),t._v(" "),i("cube-checkbox",{attrs:{option:{value:"4",disabled:!0}}},[i("i",[t._v("Disabled & Checked Checkbox")])])],1)],1)],2)},staticRenderFns:[]}},oLGW:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("BD2p"),i("ZhPo"),i("AQXh")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);u.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},u.default.Btn=c.default,u.default.File=o.default,e.default=u.default,t.exports=e.default})},oVd1:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",props:{value:String,option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(t){this.radioValue=t},radioValue:function(t){this.$emit("input",t)}},computed:{_containerClass:function(){var t=this.option;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===(t.value||t),"cube-radio_disabled":t.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){if(!this.$parent.horizontal)return"border-bottom-1px"}}},t.exports=e.default})},oiuS:function(t,e){},ooaU:function(t,e){},p9oh:function(t,e,i){var a=i("VU/8")(i("e3O1"),i("XU5Z"),null,null,null);t.exports=a.exports},"pjk/":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("t7U9"),i("cL1+"),i("bh5B"),i("6liq")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(l),o=u(n),s=a.inBrowser&&window.innerHeight<=480?17:18,r=(0,i.prefixStyle)("transform");e.default={name:"cube-index-list",props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},speed:{type:Number,default:0},navbar:{type:Boolean,default:!0},pullDownRefresh:{type:[Boolean,Object],default:!1},pullUpLoad:{type:[Boolean,Object],default:!1}},data:function(){return{scrollEvents:["scroll"],currentIndex:0,scrollY:-1,diff:-1,titleHeight:0}},computed:{fixedTitle:function(){return this.title&&!this.titleHeight&&this._caculateTitleHeight(),this.scrollY<=-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):""})},options:function(){return{probeType:3,pullDownRefresh:this.pullDownRefresh,pullUpLoad:this.pullUpLoad}}},created:function(){this.groupList=[],this.listHeight=[],this.touch={},this.subTitleHeight=0},mounted:function(){var t=this;this.$nextTick(function(){t.title&&t._caculateTitleHeight(),t._calculateHeight()})},methods:{refresh:function(){this.$refs.scroll.refresh()},selectItem:function(t){this.$emit("select",t)},scroll:function(t){this.scrollY=t.y},titleClick:function(){this.$emit("title-click",this.title)},forceUpdate:function(){this.$refs.scroll.forceUpdate()},onShortcutTouchStart:function(t){var e=(0,i.getMatchedTarget)(t,"cube-index-list-nav-item");if(e){var a=(0,i.getData)(e,"index"),l=t.touches[0];this.touch.y1=l.pageY,this.touch.anchorIndex=a,this._scrollTo(a)}},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var i=(this.touch.y2-this.touch.y1)/s|0,a=parseInt(this.touch.anchorIndex)+i;this._scrollTo(a)},onPullingUp:function(){this.$emit("pulling-up")},onPullingDown:function(){this.$emit("pulling-down")},_caculateTitleHeight:function(){this.titleHeight=this.$refs.title?(0,i.getRect)(this.$refs.title).height:0},_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,i.getRect)(t).height:0,this.listHeight=[],this.groupList){var e=this.titleHeight;this.listHeight.push(e);for(var a=0;athis.listHeight.length-2&&(t=this.listHeight.length-2),this.$refs.scroll.scrollToElement(this.groupList[t],this.speed),this.scrollY=this.$refs.scroll.scroll.y}},watch:{data:function(){var t=this;this.$nextTick(function(){t._calculateHeight()})},title:function(t){var e=this;this.$nextTick(function(){e._caculateTitleHeight(),e._calculateHeight()})},diff:function(t){var e=t>0&&t-this.titleHeight)return void(this.currentIndex=0);for(var i=0;i=a&&-t-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var i=t.inputValue,a=e.target,l=!!a.checked;if(Array.isArray(i)){var n=t._i(i,null);a.checked?n<0&&(t.inputValue=i.concat([null])):n>-1&&(t.inputValue=i.slice(0,n).concat(i.slice(n+1)))}else t.inputValue=l},t.changeHander]}},"input",t.$props,!1)):"radio"===t._type?i("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:t.disabled,readonly:t.readonly,autocomplete:t.autocomplete,autofocus:t.autofocus,type:"radio"},domProps:{checked:t._q(t.inputValue,null)},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){t.inputValue=null},t.changeHander]}},"input",t.$props,!1)):i("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:t.disabled,readonly:t.readonly,autocomplete:t.autocomplete,autofocus:t.autofocus,type:t._type},domProps:{value:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.inputValue=e.target.value)}}},"input",t.$props,!1)),t._v(" "),t.$slots.append||t._showClear||t._showPwdEye?i("div",{staticClass:"cube-input-append"},[t._showClear?i("div",{staticClass:"cube-input-clear",on:{click:t.handleClear}},[i("i",{staticClass:"cubeic-wrong"})]):t._e(),t._v(" "),t._showPwdEye?i("div",{staticClass:"cube-input-eye",on:{click:t.handlePwdEye}},[i("i",{class:t.eyeClass})]):t._e(),t._v(" "),t._t("append")],2):t._e()])},staticRenderFns:[]}},qGk2:function(t,e){},qITJ:function(t,e){},qKQa:function(t,e){},qWZY:function(t,e,i){function a(t){i("nr3t")}var l=i("VU/8")(i("umxa"),i("7wV/"),a,null,null);t.exports=l.exports},qeyv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-validator",class:t.containerClass},[i("div",{staticClass:"cube-validator-content"},[t._t("default")],2),t._v(" "),i("div",{staticClass:"cube-validator-msg",on:{click:t.msgClickHandler}},[t._t("message",[i("span",{staticClass:"cube-validator-msg-def"},[t._v(t._s(t.dirtyOrValidated?t.msg:""))])],{message:t.msg,dirty:t.dirty,validated:t.validated,validating:t.validating,result:t.result})],2)])},staticRenderFns:[]}},qgN4:function(t,e,i){var a=i("VU/8")(i("de/F"),i("HS2u"),null,null,null);t.exports=a.exports},qqiS:function(t,e,i){function a(t){i("gMFX")}var l=i("VU/8")(i("iQe6"),i("bZrS"),a,null,null);t.exports=l.exports},"qx+r":function(t,e){},r6LN:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("SOQt"),i("Gp4f")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);n.default.install=function(t){t.component(n.default.name,n.default),(0,u.default)(t,n.default)},e.default=n.default,t.exports=e.default})},rQlO:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-slide-item",props:{item:{type:Object,default:function(){return{}}}}},t.exports=e.default})},rViw:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-tip-zoom"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-tip",attrs:{"data-dir":t.direction},on:{click:t.handleClick}},[i("i",{ref:"angle",staticClass:"cube-tip-angle"}),t._v(" "),i("button",{staticClass:"cube-tip-close cubeic-close",on:{click:function(e){return e.stopPropagation(),t.close(e)}}}),t._v(" "),i("div",{staticClass:"cube-tip-content"},[t._t("default")],2)])])},staticRenderFns:[]}},rwvr:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("yjF1")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},s0qb:function(t,e,i){var a,l,n;!function(u,c){l=[e,i("cL1+")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";function i(t,e,i,l){for(var n=[],u=t.length,c=0,o=0;o0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=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?"":n(l),base64:u,status:i,progress:a,file:l}}function n(t){return t&&u?u.createObjectURL(t):""}Object.defineProperty(t,"__esModule",{value:!0}),t.STATUS_SUCCESS=t.STATUS_ERROR=t.STATUS_UPLOADING=t.STATUS_READY=t.URL=void 0,t.processFiles=i,t.processFile=a,t.newFile=l;var u=t.URL=e.inBrowser?window.URL||window.webkitURL||window.mozURL:null,c=t.STATUS_READY="ready";t.STATUS_UPLOADING="uploading",t.STATUS_ERROR="error",t.STATUS_SUCCESS="success"})},"s8G+":function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("fZjL"),i("Z5VE")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a);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,i={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(a){var l=t[a.name];if(0!==l){var u="number"==typeof l;e[a.target]=l+(u?"px":""),a.percentFix&&!u&&(0,n.default)(a.percentFix).forEach(function(t){e[t]=a.percentFix[t]}),e[i[a.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},sTLp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("pull-up-load")}}},[t._v("Pull Up Load")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("pull-down-refresh")}}},[t._v("Pull Down Refresh")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},sdgg:function(t,e){},suVo:function(t,e,i){function a(t){i("ooaU")}var l=i("VU/8")(i("G59/"),i("BINl"),a,null,null);t.exports=l.exports},t3q3:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,n.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,a.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},t7U9:function(t,e,i){var a,l,n;!function(u,c){l=[e,i("cL1+")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";function i(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function a(t,e){if(!i(t,e)){var a=t.className.split(" ");a.push(e),t.className=a.join(" ")}}function l(t,e){if(i(t,e)){var a=new RegExp("(^|\\s)"+e+"(\\s|$)","g");t.className=t.className.replace(a," ")}}function n(t,e){return t.getAttribute("data-"+e)}function u(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function c(t){return!1!==r&&("standard"===r?"transitionEnd"===t?"transitionend":t:r+t.charAt(0).toUpperCase()+t.substr(1))}function o(t,e){for(var a=t.target;a&&!i(a,e);){if(a===t.currentTarget)return null;a=a.parentNode}return a}function s(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=i.type,l=void 0===a?"Event":a,n=i.bubbles,u=void 0===n||n,c=i.cancelable,o=void 0===c||c,s=document.createEvent(l);s.initEvent(e,u,o),t.dispatchEvent(s)}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=i,t.addClass=a,t.removeClass=l,t.getData=n,t.getRect=u,t.prefixStyle=c,t.getMatchedTarget=o,t.dispatchEvent=s;var r=function(){if(!e.inBrowser)return!1;var t=document.createElement("div").style,i={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var a in i)if(void 0!==t[i[a]])return a;return!1}()})},tEcF:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("mkLW")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-radio-group",props:{value:String,options:{type:Array,default:function(){return[]}},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(t){this.radioValue=t},radioValue:function(t){this.$emit("input",t)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:a.default}},t.exports=e.default})},tJl4:function(t,e,i){var a,l,n;!function(i,u){l=[t,e],a=u,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={STANDARD:"standard",CLASSIC:"classic",FRESH:"fresh"};e.default=i,t.exports=e.default})},tNeh:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("kww3"),i("VzLe"),i("JBFj"),i("kAHR"),i("t3q3"),i("C2tW")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(i),r=o(a),v=o(l),d=o(n),p=o(u),f=o(c);v.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default),t.component(v.default.name,v.default),(0,d.default)(t,s.default),(0,p.default)(t,r.default),(0,f.default)(t,v.default)},v.default.Picker=s.default,v.default.CascadePicker=r.default,e.default=v.default,t.exports=e.default})},tmZ1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper"},[i("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,pullDownRefresh:t.pullDownRefresh},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-down":t.onPullingDown}})],1)])])])},staticRenderFns:[]}},tspx:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("t7U9"),i("4BV0"),i("+rJ6")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=(0,i.prefixStyle)("transform"),u=(0,i.prefixStyle)("transitionProperty"),c=(0,i.prefixStyle)("transitionDuration"),o=(0,i.prefixStyle)("transitionTimingFunction");e.default={name:"cube-swipe-item",props:{item:{type:Object,default:function(){return{}}},btns:{type:Array,default:function(){return[]}},index:{type:Number,index:-1},autoShrink:{type:Boolean,default:!1}},created:function(){this.x=0,this.state=0},mounted:function(){var t=this;this.scrollerStyle=this.$refs.swipeItem.style,this.$nextTick(function(){t.refresh()}),this.$on("scroll",this._handleBtns)},methods:{_initCachedBtns:function(){this.cachedBtns=[];for(var t=this.$refs.btns.length,e=0;e=0){i=!0;break}e=e.parentNode}return i},_calculateBtnsWidth:function(){for(var t=0,e=this.cachedBtns.length,i=0;i0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[u]=t},_transitionTimingFunction:function(t){this.scrollerStyle[o]=t},_transitionTime:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.scrollerStyle[c]=t+"ms"},_getComputedPositionX:function(){var t=window.getComputedStyle(this.$refs.swipeItem,null);return t=t[n].split(")")[0].split(", "),+(t[12]||t[4])},_translateBtns:function(t,e,i){if(0!==this.btns.length)for(var a=this.$refs.btns.length,l=0,s=0,r=0;r0&&(this._initCachedBtns(),this._calculateBtnsWidth()),this.endTime=0},shrink:function(){var t=this;this.stop(),this.state=0,this.$nextTick(function(){t.scrollTo(0,600,a.easeOutQuart),t._translateBtns(600,a.easeOutQuart)})},grow:function(){this.state=1;var t=this.x300&&n<15)){this.movingDirectionX=i>0?-1:i<0?1:0;var c=this.x+i;c>0&&(c=0),c300&&(this.startTime=u,this.startX=this.x),this.$emit("scroll",this.x)}}}},onTouchEnd:function(){if(this.moved){if(-1===this.movingDirectionX)return void this.shrink();this.endTime=(0,l.getNow)();var t=this.endTime-this.startTime,e=Math.abs(this.x-this.startX);t<300&&e>15||this.xi&&(this.pickerSelectedVal.splice(i),this.pickerSelectedIndex.splice(i)),t=!0);for(var l=0;lt){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})}},components:{CubePopup:d.default}},t.exports=e.default})},vuoK:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"picker",attrs:{data:t.cascadeData,"selected-index":t.selectedIndex,title:t.title,subtitle:t.subtitle,"cancel-txt":t.cancelTxt,"confirm-txt":t.confirmTxt,"swipe-time":t.swipeTime,"z-index":t.zIndex},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},vx2j:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"upload-view-compress",title:"Upload"}},[i("template",{slot:"content"},[i("p",[t._v("Compress&Base64 upload: ")]),t._v(" "),i("div",[i("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1,"process-file":t.processFile},on:{"file-submitted":t.fileSubmitted}})],1)])],2)},staticRenderFns:[]}},w5NG:function(t,e){},wIkl:function(t,e,i){function a(t){i("wbz+")}var l=i("VU/8")(i("hC+w"),i("jC7o"),a,null,null);t.exports=l.exports},wLKS:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("woOf"),i("VKJd"),i("GQaK"),i("QMhb"),i("XRNA"),i("LIRj")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u,c){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(i),r=o(a),v=o(l),d=o(n),p={momentum:!1,click:!0,observeDOM:!1};e.default={name:"cube-slide",mixins:[d.default],props:{data:{type:Array,default:function(){return[]}},initialIndex:{type:Number,default:0},loop:{type:Boolean,default:!0},threshold:{type:Number,default:.3},speed:{type:Number,default:400},autoPlay:{type:Boolean,default:!0},interval:{type:Number,default:4e3},showDots:{type:Boolean,default:!0},direction:{type:String,default:"horizontal"},allowVertical:{type:Boolean,default:!1},stopPropagation:{type:Boolean,default:!1}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},created:function(){var t=this;["data","loop","autoPlay","options.eventPassthrough","threshold","speed","allowVertical"].forEach(function(e){t.$watch(e,function(){"data"===e&&t._destroy(),t.$nextTick(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(){null!==this.slide&&(this._destroy(),clearTimeout(this._timer),this.slide&&(this.currentPageIndex=0),this._updateSlideDom(),this.showDots&&this._initDots(),this.currentPageIndex>=this.dots.length&&(this.currentPageIndex=this.dots.length-1),this._initSlide(),this.autoPlay&&this._play())},_destroy:function(){this.slide&&this.slide.destroy()},_refresh:function(){this._updateSlideDom(!0),this.slide.refresh()},_updateSlideDom:function(t){this._setSlideStyle(t)},_setSlideStyle:function(t){this.children=this.$refs.slideGroup.children;for(var e="horizontal"===this.direction?"width":"height",i=0,a=this.$refs.slide["client"+(e[0].toUpperCase()+e.slice(1))],l=this.children.length,n=0;n1&&(i+=2*a),this.$refs.slideGroup.style[e]=i+"px"},_initSlide:function(){var t=this,e="horizontal"===this.direction&&this.allowVertical?"vertical":"",i=(0,s.default)({},p,{scrollX:"horizontal"===this.direction,scrollY:"vertical"===this.direction,eventPassthrough:e,snap:{loop:this.loop,threshold:this.threshold,speed:this.speed},stopPropagation:this.stopPropagation},this.options);this.slide=new v.default(this.$refs.slide,i),this.slide.goToPage(this.currentPageIndex,0,0),this.slide.on("scrollEnd",this._onScrollEnd);var a=this.$refs.slide;a.removeEventListener("touchend",this._touchEndEvent,!1),this._touchEndEvent=function(){t.autoPlay&&t._play()},a.addEventListener("touchend",this._touchEndEvent,!1),this.slide.on("beforeScrollStart",function(){t.autoPlay&&clearTimeout(t._timer)})},_onScrollEnd:function(){var t=this.slide.getCurrentPage(),e=t.pageX,i=t.pageY,a="horizontal"===this.direction?e:i;this.currentPageIndex!==a&&(this.currentPageIndex=a,this.$emit("change",a)),this.$emit("scroll-end",a),this.autoPlay&&this._play()},_initDots:function(){this.dots=new Array(this.children.length)},_play:function(){var t=this;clearTimeout(this._timer),this._timer=setTimeout(function(){t.slide.next()},this.interval)},_deactivated:function(){clearTimeout(this._timer),clearTimeout(this._resizeTimer),window.removeEventListener("resize",this._resizeHandler);var t=this.$refs.slide;t&&t.removeEventListener("touchend",this._touchEndEvent,!1)},_resizeHandler:function(){var t=this;this.slide&&(clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(function(){t.slide.isInTransition?t._onScrollEnd():t.autoPlay&&t._play(),t._refresh()},60))},_checkDeprecated:function(){var t=this;["allowVertical","stopPropagation"].forEach(function(e){t[e]&&(0,u.tip)('The property "'+(0,c.kebab)(e)+'" is deprecated, please use the recommended property "options" to replace it. Details could be found in https://didi.github.io/cube-ui/#/en-US/docs/slide#cube-Propsconfiguration-anchor',"cube-slide")})}},mounted:function(){var t=this;this.$nextTick(function(){t.refresh()}),window.addEventListener("resize",this._resizeHandler),this._checkDeprecated()},activated:function(){this.autoPlay&&this._play(),window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._deactivated()},destroyed:function(){this._deactivated(),this._destroy(),this.slide=null},components:{CubeSlideItem:r.default}},t.exports=e.default})},wOxr:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,n.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,a.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},wT65:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("bh5B")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},waH8:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("kww3"),i("Z5VE"),i("d64j"),i("yIJW"),i("wih/")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l,n,u){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=c(n),d=c(u);e.default={name:"cube-cascade-picker",mixins:[s.default,r.default,v.default,d.default],props:{async:{type:Boolean,default:!1}},data:function(){return{cascadeData:this.data.slice(),pickerSelectedIndex:this.selectedIndex.slice(),pickerData:[],pending:!1}},created:function(){this._updatePickerData()},methods:{setData:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.pending=!1,this.cascadeData=t.slice(),this.pickerSelectedIndex=e.slice(),this._updatePickerData()},_pickerSelect:function(t,e,i){this.$emit("select",t,e,i)},_pickerCancel:function(){this.$emit("cancel")},_pickerChange:function(t,e){e!==this.pickerSelectedIndex[t]&&(this.pickerSelectedIndex.splice(t,1,e),this.async?this.pending=t!==this.pickerData.length-1: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,i=this.cascadeData,a=0;i;)a>=e&&function(){var l=[];i.forEach(function(e){l.push({value:e[t.valueKey],text:e[t.textKey]})}),t.pickerData[a]=l,t.pickerSelectedIndex[a]=0===e?t.pickerSelectedIndex[a]My Popup Content 3"},model:{value:t.visible3,callback:function(e){t.visible3=e},expression:"visible3"}}),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup(3)}}},[t._v("Show Popup - with content")])],1),t._v(" "),i("div",[i("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",center:!1},model:{value:t.visible4,callback:function(e){t.visible4=e},expression:"visible4"}},[t._v("My Popup Content 4")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup(4)}}},[t._v("Show Popup - bottom")])],1),t._v(" "),i("div",[i("cube-extend-popup",{ref:"extendPopup",attrs:{content:"click here hide"}}),t._v(" "),i("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}},yb46:function(t,e,i){function a(t){i("eBbK")}var l=i("VU/8")(i("tEcF"),i("Qx69"),a,null,null);t.exports=l.exports},yjF1:function(t,e,i){function a(t){i("FI+X")}var l=i("VU/8")(i("jjfl"),i("c8JE"),a,null,null);t.exports=l.exports},z16Y:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("/ocq"),i("nb3f")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=l(i),u=l(a),c=new n.default({routes:u.default});e.default=c,t.exports=e.default})},zI96:function(t,e,i){function a(t){i("Zvx6")}var l=i("VU/8")(i("EzL5"),i("K3bW"),a,null,null);t.exports=l.exports},zIl2:function(t,e){},zQyI:function(t,e,i){var a,l,n;!function(u,c){l=[t,e,i("a/uE"),i("yjF1"),i("yE9A")],a=c,void 0!==(n="function"==typeof a?a.apply(e,l):a)&&(t.exports=n)}(0,function(t,e,i,a,l){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=n(i),c=n(a),o=n(l);o.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},o.default.Button=u.default,o.default.Checkbox=c.default,e.default=o.default,t.exports=e.default})},zZ81:function(t,e,i){var a=i("VU/8")(i("LXLj"),i("IBT5"),null,null,null);t.exports=a.exports},zlrq:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"slide-container-v"},[i("cube-slide",{attrs:{data:t.items,loop:t.loop,showDots:!1,direction:"vertical"},on:{change:t.change}})],1)])])},staticRenderFns:[]}},zuie:function(t,e,i){function a(t){i("i3b6")}var l=i("VU/8")(i("QNIf"),i("hlu4"),a,null,null);t.exports=l.exports},zzMN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"cube-toolbar-item border-right-1px"},[i("cube-button",{attrs:{icon:t.action.icon},on:{click:t.clickHandler}},["checkbox"==t.action.type?i("cube-checkbox",{staticClass:"cube-toolbar-chb",attrs:{label:t.action.text},model:{value:t.action.checked,callback:function(e){t.$set(t.action,"checked",e)},expression:"action.checked"}}):i("span",{domProps:{innerHTML:t._s(t.action.text)}})],1),t._v(" "),i("i",{staticClass:"cube-toolbar-down"})],1)},staticRenderFns:[]}}},["SrUm"]); \ No newline at end of file diff --git a/docs/example/js/app.49c277d6ddc7c47457b9.js b/docs/example/js/app.49c277d6ddc7c47457b9.js deleted file mode 100644 index c7e92859b7a6995bbf696cae46e92447e84e048e..0000000000000000000000000000000000000000 --- a/docs/example/js/app.49c277d6ddc7c47457b9.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([0],{"+8WV":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);e.default={methods:{selectTime:function(){var t=this;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:5,delay:15,onSelect:function(e,i){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+i,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,i){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+i,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,i){t.$createDialog({type:"warn",title:"选中的时间戳是 "+e,content:"选中的内容是 "+i,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:u.default,CubeButtonGroup:n.default}},t.exports=e.default})},"+Cpq":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:[]}},"+Ghj":function(t,e,i){var a,l,u;!function(n,c){l=[e,i("UFDc")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addType=t.types=void 0;var i={string:function(t){return"string"==typeof t},number:function(t){return!isNaN(Number(t))},array:function(t){return Array.isArray(t)},date:function(t){return!isNaN(Number(t))},email:function(t){return"string"==typeof t&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)+$/i.test(t)},tel:function(t){return"string"==typeof t&&/^(11|13|14|15|17|18|19)[0-9]{9}$/.test(t)},url:function(t){return"string"==typeof t&&/(https?|ftp|file):\/\/[-A-Za-z0-9+&@#\/%?=~_|!:,.;]+[-A-Za-z0-9+&@#\/%=~_|]/.test(t)}},a=(0,e.createAddAPI)(i);t.types=i,t.addType=a})},"+HHY":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("2DUa")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-index-list-group",props:{group:{type:Object,default:function(){return{}}}},methods:{selectItem:function(t){this.$emit("select",t)}},components:{CubeIndexListItem:a.default}},t.exports=e.default})},"+HVL":function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-drawer-item",props:{item:{type:[String,Object],default:""},index:{type:Number,default:-1}},computed:{itemClass:function(){return this.$parent.$parent.selectedIndex===this.index?"cube-drawer-item_active":""}},methods:{clickItem:function(t){this.$parent.$parent.itemClickHandler(t,this.index)}}},t.exports=e.default})},"+akI":function(t,e){},"+hyH":function(t,e,i){function a(t){i("VvZZ")}var l=i("VU/8")(i("fidG"),i("6u20"),a,null,null);t.exports=l.exports},"+rJ6":function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";function e(t,e,a,l){var u={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(u[t],l).test(e)){var n="year"===t?a.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?a:i(a);e=e.replace(RegExp.$1,n)}return e}function i(t){return("00"+t).substr((""+t).length)}function a(t,i,a){var l={year:t.getFullYear(),month:t.getMonth()+1,date:t.getDate(),hour:t.getHours(),minute:t.getMinutes(),second:t.getSeconds(),quarter:Math.floor((t.getMonth()+3)/3),millisecond:t.getMilliseconds()};for(var u in l)i=e(u,i,l[u],a);return i}function l(t){var e=t.getFullYear(),i=t.getMonth()+1,a=t.getDate();return new Date(e+"/"+i+"/"+a+" 00:00:00")}function u(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function n(t,e){var i=30;return[1,3,5,7,8,10,12].indexOf(t)>-1?i=31:2===t&&(i=e&&e%400&&(e%4||!(e%100))?28:29),i}Object.defineProperty(t,"__esModule",{value:!0});t.DAY_TIMESTAMP=864e5,t.HOUR_TIMESTAMP=36e5,t.MINUTE_TIMESTAMP=6e4,t.pad=i,t.formatType=e,t.formatDate=a,t.getZeroDate=l,t.getNow=u,t.computeNatureMaxDay=n})},"+vzD":function(t,e,i){var a=i("VU/8")(i("eC/x"),i("vuoK"),null,null,null);t.exports=a.exports},"/5me":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("fZjL"),i("s0qb")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t,e,i){function l(e){clearTimeout(w),w=0,t.progress=1,t.status=e,i&&i(t)}var n=e.target,c=e.headers,o=void 0===c?{}:c,s=e.data,r=void 0===s?{}:s,v=e.fileName,d=void 0===v?"file":v,p=e.withCredentials,x=e.timeout,f=e.prop,y=void 0===f?"file":f,h=e.progressInterval,m=void 0===h?100:h,g=e.checkSuccess,b=void 0===g?function(){return!0}:g;t.progress=0,t.status=a.STATUS_UPLOADING;var _=new window.XMLHttpRequest;t._xhr=_;var w=0;if(_.upload){var k=Date.now();_.upload.onprogress=function(e){function i(){t.progress=e.loaded/e.total,k=Date.now()}if(e.total>0)if(w){clearTimeout(w);var a=Date.now(),l=a-k;l>=m?i():w=setTimeout(i,l)}else i(),w=1}}var T=new window.FormData;(0,u.default)(r).forEach(function(t){T.append(t,r[t])}),T.append(d,t[y]),_.onload=function(){if(_.status<200||_.status>=300)return void l(a.STATUS_ERROR);var e=_.responseText||_.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=_.getAllResponseHeaders(),l(b(e)?a.STATUS_SUCCESS:a.STATUS_ERROR)},_.onerror=function(){l(a.STATUS_ERROR)},_.ontimeout=function(){l(a.STATUS_ERROR)},_.open("POST",n,!0),p&&(_.withCredentials=!0),(0,u.default)(o).forEach(function(t){_.setRequestHeader(t,o[t])}),x>0&&(_.timeout=x),_.send(T)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},"/Ca3":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("woOf"),i("t7U9"),i("UFDc"),i("4Gmg"),i("tJl4"),i("M7O5")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(i),r=o(u),v=o(n),d=o(c);e.default={name:"cube-form",mixins:[d.default],props:{action:String,model:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},options:{type:Object,default:function(){return{scrollToInvalidField:!1,layout:v.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{groups:function(){var t=this.schema,e=t.groups||[];return t.fields&&e.unshift({fields:t.fields}),e},layout:function(){var t=this.options;return t&&t.layout||v.default.STANDARD},formClass:function(){var t=this.invalid,e=this.valid,i=this.layout;return{"cube-form_standard":i===v.default.STANDARD,"cube-form_groups":this.groups.length>1,"cube-form_validating":this.validating,"cube-form_pending":this.pending,"cube-form_valid":e,"cube-form_invalid":t,"cube-form_classic":i===v.default.CLASSIC,"cube-form_fresh":i===v.default.FRESH}}},watch:{validatedCount:function(){this.$emit("validate",{validity:this.validity,valid:this.valid,invalid:this.invalid,dirty:this.dirty,firstInvalidFieldIndex:this.firstInvalidFieldIndex})}},beforeCreate:function(){this.form=this,this.fields=[],this.validity={}},mounted:function(){this.immediateValidate&&this.validate()},methods:{submit:function(){(0,a.dispatchEvent)(this.$refs.form,"submit")},reset:function(){(0,a.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(t){var e=this,i=function(i){i?(e.$emit("valid",e.validity),e.$emit("submit",t,e.model)):(t.preventDefault(),e.$emit("invalid",e.validity))};void 0===this.valid?(this._submit(i),(this.validating||this.pending)&&t.preventDefault()):i(this.valid)},resetHandler:function(t){this._reset(),this.$emit("reset",t)},_submit:function(t){var e=this;this.validate(function(){e.invalid&&e.options.scrollToInvalidField&&e.firstInvalidField&&e.firstInvalidField.$el.scrollIntoView(),t&&t(e.valid)})},_reset:function(){this.fields.forEach(function(t){t.reset()}),this.setValidity(),this.setValidating(),this.setPending()},validate:function(t){var e=this,i=(0,l.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var a=0,u=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(i){i.validate(function(){++a===u&&t&&t(e.valid)})}),i},updateValidating:function(){var t=this.fields.some(function(t){return t.validating});this.setValidating(t)},updatePending:function(){var t=this.fields.some(function(t){return t.pending});this.setPending(t)},setValidating:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.validating=t},setPending:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.pending=t},updateValidity:function(t,e,i,a){var l=this.validity[t];l&&l.valid===e&&l.result===i&&l.dirty===a||this.setValidity(t,{valid:e,result:i,dirty:a})},setValidity:function(t,e){var i={};t&&((0,s.default)(i,this.validity),void 0===e?delete i[t]:i[t]=e);var a=!1,l=!1,u=!0,n="";this.fields.forEach(function(t){var e=t.fieldValue.modelKey;if(e){var c=i[e];c?(c.dirty&&(a=!0),!1===c.valid?u=!1:u&&!c.valid&&(u=c.valid),l||!1!==c.valid||(l=!0,n=e)):t.hasRules&&(u&&(u=void 0),i[e]={valid:void 0,result:{},dirty:!1})}}),this.validity=i,this.dirty=a,this.originValid=u,this.setFirstInvalid(n),this.validatedCount++},setFirstInvalid:function(t){var e=this;if(!t)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(i,a){if(i.fieldValue.modelKey===t)return e.firstInvalidField=i,e.firstInvalidFieldIndex=a,!0})},addField:function(t){this.fields.push(t)},destroyField:function(t){var e=this.fields.indexOf(t);this.fields.splice(e,1),this.setValidity(t.fieldValue.modelKey)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:r.default}},t.exports=e.default})},"/Pfp":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("N/gd")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"/W4T":function(t,e){},"/tRR":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"button-view",title:"Select"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-select",{attrs:{title:t.title,options:t.options,placeholder:t.placeholder,"auto-pop":t.autoPop,disabled:t.disabled,cancelTxt:"Cancel",confirmTxt:"Confirm"},on:{change:t.change},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),i("cube-button-group",[i("cube-button",{on:{click:t.modify}},[t._v("modify")])],1)],1)])},staticRenderFns:[]}},"0Bfo":function(t,e){},"0NVV":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"}]}]},"0PCq":function(t,e,i){var a,l,u;!function(n,c){l=[e,i("Dd8w"),i("Kjwe")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function l(t){var e=(0,u.default)({},t);return(0,n.default)(e),e}Object.defineProperty(t,"__esModule",{value:!0}),t.processField=void 0;var u=a(e),n=a(i);t.processField=l})},"0YF1":function(t,e){},"0l/c":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);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,i){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,i){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,i){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:u.default,CubeButtonGroup:n.default}},t.exports=e.default})},"0oyY":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:[]}},"12+A":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-index-list"},[i("cube-scroll",{ref:"scroll",attrs:{"listen-scroll":t.listenScroll,options:t.options,data:t.data},on:{scroll:t.scroll,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp}},[i("div",{ref:"content",staticClass:"cube-index-list-content"},[t.title?i("h1",{ref:"title",staticClass:"cube-index-list-title",on:{click:t.titleClick}},[t._v("\n "+t._s(t.title)+"\n ")]):t._e(),t._v(" "),i("ul",[t._t("default",t._l(t.data,function(e,a){return i("cube-index-list-group",{key:a,attrs:{group:e},on:{select:t.selectItem}})}))],2)])]),t._v(" "),t.navbar?i("div",{staticClass:"cube-index-list-nav",on:{touchstart:t.onShortcutTouchStart,touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.onShortcutTouchMove(e)}}},[i("ul",{staticClass:"cube-index-list-nav-list"},t._l(t.shortcutList,function(e,a){return i("li",{key:a,staticClass:"cube-index-list-nav-item",class:{active:t.currentIndex===a},attrs:{"data-index":a}},[t._t("nav-item",[t._v(t._s(e))],{item:e})],2)}))]):t._e(),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedTitle,expression:"fixedTitle"}],ref:"fixed",staticClass:"cube-index-list-fixed cube-index-list-anchor"},[t._v("\n "+t._s(t.fixedTitle)+"\n ")])],1)},staticRenderFns:[]}},"1H2N":function(t,e,i){function a(t){i("Bi/D")}var l=i("VU/8")(i("5D5k"),i("2/BF"),a,null,null);t.exports=l.exports},"1Vb/":function(t,e,i){function a(t){i("FSTv")}var l=i("VU/8")(i("RkVv"),i("WL1h"),a,"data-v-4a2b2c8b",null);t.exports=l.exports},"1Zrt":function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e,i){var a=t.rules&&t.rules[e];"custom"!==e&&a&&"function"!=typeof a&&(t.rules[e]=i)},i=function(t){return function(i,a){return e(i,t,a)}}("required"),a=function(t){return i(t,function(t){return!1!==t})},l=function(t){return i(t,function(t){return t>0})};t.boolRequiredHandler=a,t.numberGT0RequiredHandler=l})},"1btU":function(t,e,i){function a(t){i("Y4Q7")}var l=i("VU/8")(i("ulou"),i("90kD"),a,null,null);t.exports=l.exports},"1fgG":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"drawer",title:"Drawer"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"1ftA":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet(操作列表)"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),i("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),i("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},"1j+8":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("1Vb/"),i("6SSl")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l),s={url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png"};e.default={data:function(){return{items:[{image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png"},{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:n.default,SwitchOption:c.default,InputOption:o.default}},t.exports=e.default})},"1peF":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("pFYg"),i("fZjL"),i("UFDc"),i("aDIA")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a);e.default={name:"cube-validator",props:{model:{required:!0},rules:{type:Object,default:function(){return{}}},messages:{type:[Object,String],default:function(){return{}}},value:{},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!1}},data:function(){return{valid:this.value,validated:!1,msg:"",dirty:!1,validating:!1,result:{}}},computed:{invalid:function(){var t=this.valid;return void 0===t?void 0:!t},isDisabled:function(){var t=this.disabled,e=(0,o.default)(this.rules).length<=0;return t||e},dirtyOrValidated:function(){return(this.dirty||this.validated)&&!this.validating},containerClass:function(){if(!this.isDisabled)return{"cube-validator_invalid":this.invalid,"cube-validator_valid":this.valid,"cube-validator_validating":this.validating}}},watch:{value:function(t){this.valid=t},model:function(t){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},isDisabled:function(t){t||!this.trigger||this.validated||this.validate()}},created:function(){this._validateCount=0,!this.isDisabled&&this.immediate&&this.validate()},methods:{validate:function(t){var e=(0,l.cb2PromiseWithResolve)(t);if(e&&(t=e.resolve),this.isDisabled)return t&&t(this.valid),e;this._validateCount++;var i=this._validateCount,a=this.model,n=this.rules,o=n.type,s=[],r=!0;if(n.required||(r=u.rules.required(a,!0,o)),r){for(var v in n)!function(t){var e=n[t],i=void 0;i="function"==typeof e?e(a,n[t],o):!u.rules[t]||u.rules[t](a,n[t],o),s.push(function(e){var a=function(i){e({key:t,valid:!0===i,ret:i})},l=function(i){e({key:t,valid:!1,ret:i})},u=void 0===i?"undefined":(0,c.default)(i);"object"===u&&null!==i&&"function"==typeof i.then?i.then(a).catch(l):"function"===u?i(a,l):e({key:t,valid:!0===i,ret:i})})}(v)}return this._checkTasks(s,i,t),e},_checkTasks:function(t,e,i){var a=this,n=this.rules,c=!0,o={},s=!0;this.validating=!0,(0,l.parallel)(t,function(t){a._validateCount===e&&(a.validating=!1,t.forEach(function(t){var e=t.key,i=t.valid,l=t.ret,s=a.messages[e]?"function"==typeof a.messages[e]?a.messages[e](l,i):a.messages[e]:(0,u.findMessage)(e,n[e],n.type,a.model);c&&!i&&(c=!1,a.msg=s),o[e]={valid:i,invalid:!i,message:s}}),s||a.$emit("validated",c),a._updateModel(c,o),i&&i(a.valid))}),this.validating&&(s=!1,this.$emit("validating"),this.valid=void 0,this.$emit("input",this.valid))},_updateModel:function(t,e){this.validated=!0,this.result=e,e.required&&e.required.invalid&&(this.msg=e.required.message),t&&(this.msg=""),this.valid=t,this.$emit("input",this.valid)},reset:function(){this._validateCount++,this.validating=!1,this.dirty=!1,this.result={},this.msg="",this.validated=!1,this.valid=void 0,this.$emit("input",this.valid)},msgClickHandler:function(){this.$emit("msg-click")}}},t.exports=e.default})},"2/BF":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"input-view",title:"Input"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-input",{attrs:{type:t.type,placeholder:"please type here...",disabled:t.disabled,readonly:t.readonly,clearable:t.useClear,autocomplete:!0,eye:t.eye},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),i("div",{staticClass:"value"},[t._v("value: "+t._s(t.value))]),t._v(" "),i("div",{staticClass:"options"},[i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"readonly",value:t.readonly},on:{"update:value":t.updateReadonly}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"clearable",value:t.useClear},on:{"update:value":t.updateUseClear}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"password",value:t.isPwd},on:{"update:value":t.updatePwd}}),t._v(" "),t.isPwd?i("switch-option",{staticClass:"item",attrs:{name:"show eye",value:t.showEye},on:{"update:value":t.updateShowEye}}):t._e(),t._v(" "),t.isPwd&&t.showEye?i("switch-option",{staticClass:"item",attrs:{name:"reverse",value:t.reverse},on:{"update:value":t.updateReverse}}):t._e(),t._v(" "),t.isPwd&&t.showEye?i("switch-option",{staticClass:"item",attrs:{name:"password visible",value:t.pwdVisible},on:{"update:value":t.updatePwdVisible}}):t._e()],1)])])],1)])},staticRenderFns:[]}},"2DUa":function(t,e,i){function a(t){i("KkmI")}var l=i("VU/8")(i("3SPU"),i("pvDH"),a,null,null);t.exports=l.exports},"2G9e":function(t,e){},"2Q9x":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"input-option"},[i("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),i("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:[]}},"2iSa":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);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:u.default,CubePage:n.default}},t.exports=e.default})},"34AZ":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ul",{ref:"rateContainer",staticClass:"cube-rate",class:t.rateClass,on:{touchstart:function(e){return e.stopPropagation(),t.handleStart(e)},touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.handleMove(e)},touchend:function(e){return e.stopPropagation(),t.handleEnd(e)},mousedown:function(e){return e.stopPropagation(),t.handleStart(e)},mousemove:function(e){return e.stopPropagation(),t.handleMove(e)},mouseup:function(e){return e.stopPropagation(),t.handleEnd(e)}}},[t._t("default",t._l(t.max,function(t){return i("cube-rate-item",{key:t,attrs:{index:t}})}))],2)},staticRenderFns:[]}},"34KM":function(t,e){},"37es":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-dialog-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog","z-index":t.zIndex,mask:!0,center:!0}},[i("div",{staticClass:"cube-dialog-main"},[i("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[i("i",{staticClass:"cubeic-close"})]),t._v(" "),i("div",{class:t.containerClass},[t.icon?i("p",{staticClass:"cube-dialog-icon"},[i("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?i("h2",{staticClass:"cube-dialog-title"},[t._t("title",[i("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),i("div",{staticClass:"cube-dialog-content"},[t._t("content",[i("div",{staticClass:"cube-dialog-content-def"},[i("p",{domProps:{innerHTML:t._s(t.content)}})])])],2),t._v(" "),i("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm}},[t._t("btns",[t.isConfirm?i("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(" "),i("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:[]}},"3K1Q":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),i("cube-drawer",{ref:"drawer",attrs:{title:"请选择",data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}})],1)])])},staticRenderFns:[]}},"3SPU":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("t7U9")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a="cube-index-list-item_active";e.default={name:"cube-index-list-item",props:{item:{type:Object,default:function(){return{}}}},computed:{itemClass:function(){return this.item.active?a:""}},methods:{addActiveCls:function(t){(0,i.addClass)(t.currentTarget,a)},removeActiveCls:function(t){(0,i.removeClass)(t.currentTarget,a)},selectItem:function(){this.$emit("select",this.item)}}},t.exports=e.default})},"3kPI":function(t,e,i){function a(t){i("7k5H")}var l=i("VU/8")(i("Lg4b"),i("56tM"),a,null,null);t.exports=l.exports},"3ubT":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("5/tf"),i("agqa"),i("5KkG")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);n.default.install=function(t){t.component(n.default.name,n.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},n.default.Panel=c.default,n.default.Item=o.default,e.default=n.default,t.exports=e.default})},"41pN":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("yjF1")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-checkbox-group",props:{value:{type:Array},horizontal:{type:Boolean,default:!1},shape:{type:String,default:"circle"},position:{type:String,default:"left"},hollowStyle:{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:a.default}},t.exports=e.default})},"4BV0":function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.easeOutBack="cubic-bezier(0.18, 0.89, 0.32, 1.28)",t.easeOutQuart="cubic-bezier(0.165, 0.84, 0.44, 1)",t.easeOutCubic="cubic-bezier(0.22, 0.61, 0.36, 1)"})},"4Gmg":function(t,e,i){function a(t){i("mLUJ")}var l=i("VU/8")(i("f/6s"),i("G4Tv"),a,null,null);t.exports=l.exports},"4Kqh":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("gLZT")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";function a(t,e){(0,l.default)(t,e,["timeout"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var l=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},"4sRm":function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-upload-btn",props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}},methods:{changeHandler:function(t){var e=t.currentTarget,i=e.files;i&&(this.$parent.addFiles(i),e.value=null)}}},t.exports=e.default})},"4xIg":function(t,e,i){function a(t){i("byy8")}var l=i("VU/8")(i("XlLO"),i("yVfC"),a,null,null);t.exports=l.exports},"5/tf":function(t,e,i){function a(t){i("HNkC")}var l=i("VU/8")(i("kLzu"),i("7uMP"),a,null,null);t.exports=l.exports},"56tM":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-select",class:{"cube-select_active":t.active,"cube-select_disabled":t.disabled},on:{click:t.showPicker}},[t.selectedText?i("span",{staticClass:"cube-select-text"},[t._v(t._s(t.selectedText))]):i("span",{staticClass:"cube-select-placeholder"},[t._v(t._s(t.placeholder))]),t._v(" "),i("i",{staticClass:"cube-select-icon"})])},staticRenderFns:[]}},"58Ml":function(t,e,i){function a(t){i("lzDd")}var l=i("VU/8")(i("jnfQ"),i("wlGF"),a,null,null);t.exports=l.exports},"5D5k":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("1Vb/")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);e.default={data:function(){return{type:"password",value:"",disabled:!1,useClear:!0,readonly:!1,isPwd:!0,showEye:!0,pwdVisible:!0,reverse:!1}},computed:{eye:function(){return!(!this.isPwd||!this.showEye)&&{open:this.pwdVisible,reverse:this.reverse}}},methods:{updateDisabled:function(t){this.disabled=t},updateReadonly:function(t){this.readonly=t},updateUseClear:function(t){this.useClear=t},updatePwd:function(t){this.isPwd=t,this.type=this.isPwd?"password":"text"},updateShowEye:function(t){this.showEye=t},updatePwdVisible:function(t){this.pwdVisible=t},updateReverse:function(t){this.reverse=t}},components:{CubePage:u.default,SwitchOption:n.default}},t.exports=e.default})},"5Fev":function(t,e,i){function a(t){i("mz/u")}var l=i("VU/8")(i("Dw/u"),i("x1YM"),a,"data-v-c85e7c7a",null);t.exports=l.exports},"5HTY":function(t,e,i){var a=i("VU/8")(i("eWUu"),i("BIY4"),null,null,null);t.exports=a.exports},"5KkG":function(t,e,i){function a(t){i("jWap")}var l=i("VU/8")(i("+HVL"),i("M6zF"),a,null,null);t.exports=l.exports},"5gCL":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"button-view",title:"Button"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("form",{attrs:{action:"/"}},[i("cube-button-group",[i("cube-button",[t._v("Button")]),t._v(" "),i("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),i("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),i("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),i("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),i("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),i("div",[i("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[i("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),i("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),i("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},"5qoB":function(t,e,i){var a,l,u;!function(n,c){l=[e,i("fZjL"),i("pFYg"),i("UFDc"),i("+Ghj")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.addRule=t.rules=void 0;var n=u(e),c=u(i),o={required:function(t,e,i){return i=i||(Array.isArray(t)?"array":void 0===t?"undefined":(0,c.default)(t)),"array"===i&&Array.isArray(t)?t.length>0:""!==t&&void 0!==t&&null!==t},type:function(t,e){return!l.types[e]||l.types[e](t)},min:function(t,e,i){return i=i||(void 0===t?"undefined":(0,c.default)(t)),"number"===i||"date"===i?Number(t)>=e:t.length>=e},max:function(t,e,i){return i=i||(void 0===t?"undefined":(0,c.default)(t)),"number"===i||"date"===i?Number(t)<=e:t.length<=e},len:function(t,e,i){i=i||(void 0===t?"undefined":(0,c.default)(t));var a=t;return void 0===a.length&&(a="object"===i?(0,n.default)(a):String(a)),a.length===e},notWhitespace:function(t,e,i){return!/^\s+$/.test(t)},pattern:function(t,e,i){return e.test(t)},custom:function(t,e,i){return e(t)}},s=(0,a.createAddAPI)(o);t.rules=o,t.addRule=s})},"5zRN":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-page",class:t.type},[i("header",{staticClass:"header"},[i("h1",[t._v(t._s(t.title))]),t._v(" "),i("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),i("div",{staticClass:"wrapper"},[i("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(" "),i("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},"64cm":function(t,e){},"6KDq":function(t,e,i){function a(t){i("DVMH")}var l=i("VU/8")(i("I7KL"),i("oIl+"),a,null,null);t.exports=l.exports},"6SSl":function(t,e,i){function a(t){i("ETXl")}var l=i("VU/8")(i("eAlP"),i("2Q9x"),a,"data-v-311953ea",null);t.exports=l.exports},"6liq":function(t,e,i){var a=i("VU/8")(i("+HHY"),i("97e9"),null,null,null);t.exports=a.exports},"6u20":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":t.expanded,"cube-textarea_active":t.isFocus}},[i("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),i("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.remain))])])},staticRenderFns:[]}},"72CF":function(t,e){},"7JW3":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form",title:"Form"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("classic")}}},[t._v("Classic style")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("fresh")}}},[t._v("Fresh style")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"7Jhx":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{data:t.pickerData,"selected-index":t.pickerSelectedIndex,pending:t.pending,title:t.title,subtitle:t.subtitle,"z-index":t.zIndex,"cancel-txt":t.cancelTxt,"confirm-txt":t.confirmTxt,"swipe-time":t.swipeTime},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},"7MyF":function(t,e){},"7Sku":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("+hyH")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"7jsq":function(t,e){},"7k5H":function(t,e){},"7lCl":function(t,e,i){function a(t){i("Msz6")}var l=i("VU/8")(i("41pN"),i("pjpa"),a,null,null);t.exports=l.exports},"7uMP":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer",on:{click:t.drawerClick}},[i("div",{staticClass:"cube-drawer-main",style:t.slideStyle,on:{click:function(t){t.stopPropagation()},transitionend:t.transitionend}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.$slots.title||t.title,expression:"$slots.title || title"}],staticClass:"cube-drawer-title"},[t._t("title",[t._v(t._s(t.title))])],2),t._v(" "),i("div",{staticClass:"cube-drawer-panels",on:{transitionend:function(t){t.stopPropagation()}}},[t._t("default",t._l(t.data,function(t,e){return i("cube-drawer-panel",{key:e,attrs:{index:e,data:t}})}))],2)])])},staticRenderFns:[]}},"7wV/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"swipe",title:"Swipe"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"8F4S":function(t,e,i){function a(t){i("/W4T")}var l=i("VU/8")(i("Uo7j"),i("jdO8"),a,null,null);t.exports=l.exports},"8Fl7":function(t,e){},"8GE+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-switch"},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.checkboxValue,expression:"checkboxValue"}],staticClass:"cube-switch-input",attrs:{type:"checkbox",disabled:t.disabled},domProps:{checked:Array.isArray(t.checkboxValue)?t._i(t.checkboxValue,null)>-1:t.checkboxValue},on:{change:function(e){var i=t.checkboxValue,a=e.target,l=!!a.checked;if(Array.isArray(i)){var u=t._i(i,null);a.checked?u<0&&(t.checkboxValue=i.concat([null])):u>-1&&(t.checkboxValue=i.slice(0,u).concat(i.slice(u+1)))}else t.checkboxValue=l}}}),t._v(" "),i("i",{staticClass:"cube-switch-ui"}),t._v(" "),i("span",{staticClass:"cube-switch-label"},[t._t("default")],2)])},staticRenderFns:[]}},"8cOd":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("NTtZ"),i("4Gmg"),i("zuie")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);n.default.install=function(t){t.component(n.default.name,n.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},n.default.Group=c.default,n.default.Item=o.default,e.default=n.default,t.exports=e.default})},"8jxs":function(t,e,i){function a(t){i("fK3K")}var l=i("VU/8")(i("l+e5"),i("9w0G"),a,null,null);t.exports=l.exports},"8nmV":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("R4Zp")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"90kD":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper"},[i("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},"97e9":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"cube-index-list-group"},[i("h2",{staticClass:"cube-index-list-anchor"},[t._v(t._s(t.group.name))]),t._v(" "),i("ul",[t._t("default",t._l(t.group.items,function(e,a){return i("cube-index-list-item",{key:a,attrs:{item:e},on:{select:t.selectItem}})}))],2)])},staticRenderFns:[]}},"9I0H":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("form",{ref:"form",staticClass:"cube-form",class:t.formClass,attrs:{action:t.action},on:{submit:t.submitHandler,reset:t.resetHandler}},[t._t("default",t._l(t.groups,function(t,e){return i("cube-form-group",{key:e,attrs:{fields:t.fields,legend:t.legend}})}))],2)},staticRenderFns:[]}},"9IQh":function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},"9w0G":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("p",{staticClass:"tip-eg"},[i("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),i("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),i("p",{staticClass:"tip-eg"},[i("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),i("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[i("div",[t._v("Awesome!")])])],1),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},"9xqn":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("a/uE"),i("yjF1"),i("7lCl"),i("N/gd"),i("mkLW"),i("yb46"),i("g9J/"),i("3kPI"),i("R4Zp"),i("+hyH"),i("BD2p")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c,o,s,r,v,d){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var x=p(i),f=p(a),y=p(l),h=p(u),m=p(n),g=p(c),b=p(o),_=p(s),w=p(r),k=p(v),T=p(d),P=[x.default,f.default,y.default,h.default,m.default,g.default,b.default,_.default,w.default,k.default,T.default],C={};P.forEach(function(t){C[t.name]=t}),e.default=C,t.exports=e.default})},"9zBd":function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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"}]}})},A5db:function(t,e,i){function a(t){i("7jsq")}var l=i("VU/8")(i("KZW3"),i("tmZ1"),a,null,null);t.exports=l.exports},AQXh:function(t,e,i){function a(t){i("HAAd")}var l=i("VU/8")(i("Woua"),i("kftu"),a,null,null);t.exports=l.exports},AdWU:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{action:"//jsonplaceholder.typicode.com/photos/",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){var e=!1;for(var i in t){var a=t[i];a.size>1048576&&(a.ignore=!0,e=!0)}e&&this.$createToast({type:"warn",time:1e3,txt:"You selected >1M files"}).show()}},components:{CubePage:a.default}},t.exports=e.default})},AgjA:function(t,e,i){function a(t){i("nqbe")}var l=i("VU/8")(i("2iSa"),i("T6wA"),a,null,null);t.exports=l.exports},AkiL:function(t,e){},AnsX:function(t,e,i){var a=i("VU/8")(i("WjKT"),i("/tRR"),null,null,null);t.exports=a.exports},B1Rs:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("KATl")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-swipe",props:{data:{type:Array,default:function(){return[]}},autoShrink:{type:Boolean,default:!1}},created:function(){this.activeIndex=-1},methods:{onItemClick:function(t,e){this.$emit("item-click",t,e)},onBtnClick:function(t,e){this.$emit("btn-click",t,e)},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.$refs.swipeItem[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubeSwipeItem:a.default}},t.exports=e.default})},BD2p:function(t,e,i){function a(t){i("YekI")}var l=i("VU/8")(i("u1ui"),i("Vh/j"),a,null,null);t.exports=l.exports},BH5X:function(t,e,i){function a(t){i("hHHY")}var l=i("VU/8")(i("N6Rs"),i("fn00"),a,null,null);t.exports=l.exports},BINl:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-toast-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast","z-index":t.zIndex,mask:t.mask}},[i("i",{directives:[{name:"show",rawName:"v-show",value:!t.isLoading,expression:"!isLoading"}],staticClass:"cube-toast-icon",class:t.iconClass}),t._v(" "),i("cube-loading",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}]}),t._v(" "),i("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:[]}},BIY4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Date Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showDatePicker}},[t._v("Date Picker")]),t._v(" "),i("cube-button",{on:{click:t.showTimePicker}},[t._v("Time Picker")]),t._v(" "),i("cube-button",{on:{click:t.showDateTimePicker}},[t._v("Date Time Picker")]),t._v(" "),i("cube-button",{on:{click:t.showFormatPicker}},[t._v("Use format")]),t._v(" "),i("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")])],1)],1)])},staticRenderFns:[]}},"BRD/":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("Gu7T"),i("Z5VE"),i("d64j"),i("wih/")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l),r=n(u);e.default={name:"cube-segment-picker",mixins:[o.default,s.default,r.default],props:{data:{type:Array,default:function(){return[]}},nextTxt:{type:String,default:"下一步"},prevTxt:{type:String,default:"上一步"}},data:function(){return{current:0,selectedVal:[],selectedIndex:[],selectedText:[]}},computed:{currentPicker:function(){for(var t=0;t0){for(var t=arguments.length,e=Array(t),i=0;i0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=u(e);var i=(0,n.default)({},t),a={};for(var l in e)if(e.hasOwnProperty(l)){var c=e[l];i[c]&&(a[l]=i[c],delete i[c])}return{props:i,on:a}}function u(t){var e={};return t.forEach(function(t){e[t]=(0,a.camelize)("on-"+t)}),e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var n=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},IskU:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.defaultData=[{item:{text:"测试1",value:1},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试2",value:2},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试3",value:3},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:4},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:5},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:6},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:7},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:8},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:9},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:10},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:11},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:12},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:13},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:14},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:15},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:16},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:17},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:18},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:19},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:20},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:21},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:22},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:23},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:24},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]}],t.customData=[{item:{id:"3646653877",name:"还不是因为你长得不好看",desc:"伤感:歌词再狠,也抵不过现实伤人",imgurl:"http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1789676645",name:"秋水浮萍任飘渺",desc:"『武侠配乐』快意恩仇江湖情",imgurl:"http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3649034125",name:"念葳蕊",desc:"江海迦:热恋后哼一首歌为自己悲悯的歌",imgurl:"http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2977781451",name:"风少",desc:"午后甜点:静听浓情爵士,于悠然中尽享",imgurl:"http://p.qpic.cn/music_cover/llTQ9l2AeicK2OLIORnsUdtbhlNRGF89NBDI6SoBxEIzhAlrmV1SmGg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2691498608",name:"虛榮少女",desc:"感性强盗|强势洗榜的那些韩国抒情音乐",imgurl:"http://p.qpic.cn/music_cover/icLTHicH8iakBFAJbiazGT3DnywHfOoiaVzdZWJ4pVcDdoVCqlU5hLx8K7A/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3703029362",name:"哔咯独角兽",desc:"温情摇滚|安抚夜色弥漫时落寞的心",imgurl:"http://p.qpic.cn/music_cover/0yiaX8d9LSmnROyId1RsUUwklzSKKp7RSanBAJ89We5I4kMwdnH5yeg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3606666961",name:"毕业雨季",desc:"小资情调:何为亏欠文艺青年心中的体面",imgurl:"http://p.qpic.cn/music_cover/SXTicaprnQbfAyiaibTsguPlPQK4ZBwicp09O22qKwnTJaO10kp2le37Ww/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3604823742",name:"冷门单曲酱",desc:"放假挤火车回家:等车时的轻快曲",imgurl:"http://p.qpic.cn/music_cover/lricrZ3ca62ybvZbWYjtYa9d3Biab7MTiaJhX9owcjdkv5HMxDEunm7tg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1746389460",name:"私に闻いて风i",desc:"追忆续篇:少女漫中关于邂逅他的故事",imgurl:"http://p.qpic.cn/music_cover/qH8rLHHhL8O8Iibm56uPzJy4mNzibugoib19FAujo6GdTXAAvhicw7Js0Q/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1746020155",name:"同位",desc:"优雅的音乐贵族 大提琴",imgurl:"http://p.qpic.cn/music_cover/e4us58fDgLVdxdbgmSUdTADM7Sl88AfGK3qQqibxmqpqRnmSGHaFaEQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2949232733",name:"香草拿铁",desc:"超级碗中场秀嘉宾歌曲集",imgurl:"http://p.qpic.cn/music_cover/V34Wl85ZuJRskg3Ds3R8yyddp8gI2icb7wXicN8ZEzJZP0icnwHyzNzhQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3691421503",name:"L岺",desc:"寒假赖床指南:吸猫!吸猫!吸猫!",imgurl:"http://p.qpic.cn/music_cover/Ay2w92PeiaO57pZWMwecv6SEWibhUAoWKzkmWgbtcfCsibQYt8bZtq2PA/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2072789141",name:"D.Va",desc:"中国风电音:敢问上天,是否有仙?",imgurl:"http://p.qpic.cn/music_cover/QlZibnBVmII60BjTttickJO9MTQDoTRFvboeks5LDkOJHNEjao8f9t6Q/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]}]})},Iyug:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("Z5VE"),i("bh5B"),i("5KkG")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);e.default={name:"cube-drawer-panel",mixins:[n.default],props:{data:{type:Array,default:function(){return[]}},index:{type:Number,default:-1}},computed:{selectedIndex:function(){var t=this.$parent.selected[this.index];return void 0===t?-1:t}},watch:{data:function(){this.scrollToTop()},isVisible:function(){var t=this;this.$nextTick(function(){t.refresh()})}},mounted:function(){this.$parent.addPanel(this)},beforeDestroy:function(){this.$parent.removePanel(this)},methods:{refresh:function(){this.$refs.scroll.refresh()},scrollToTop:function(){this.$refs.scroll.scroll&&this.$refs.scroll.scroll.scrollTo(0,0,0)},itemClickHandler:function(t,e){this.selectedIndex!==e&&this.$parent.changeHandler(this.index,t,e)}},components:{CubeScroll:c.default,CubeDrawerItem:o.default}},t.exports=e.default})},J4wF:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);e.default={components:{CubePage:n.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/upload/"+t)}}},t.exports=e.default})},JBFj:function(t,e,i){var a=i("VU/8")(i("BRD/"),i("UJHE"),null,null,null);t.exports=a.exports},JHHX:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);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:u.default,CubePage:n.default}},t.exports=e.default})},JOED:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("//Fk"),i("XPXN"),i("O6S8"),i("fGk3")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l),r=n(u);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",rules:{required:!0,uploaded:function(t,e){return c.default.all(t.map(function(t,e){return new c.default(function(i,a){if(t.uploadedUrl)return i();setTimeout(function(){e%2?a(new Error):(t.uploadedUrl="uploaded/url",i())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"classic"}}},methods:{submitHandler:function(t){t.preventDefault(),console.log("submit",t)},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},resetHandler:function(t){console.log("reset",t)}},components:{CubePage:o.default,CubeButtonGroup:s.default,JsonView:r.default}},t.exports=e.default})},JQOp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-picker-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"picker",mask:!0,center:!1,"z-index":t.zIndex},on:{touchmove:function(t){t.preventDefault()},"mask-click":t.cancel}},[i("transition",{attrs:{name:"cube-picker-move"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-picker-panel cube-safe-area-pb",on:{click:function(t){t.stopPropagation()}}},[i("div",{staticClass:"cube-picker-choose border-bottom-1px"},[i("span",{staticClass:"cube-picker-cancel",on:{click:t.cancel}},[t._v(t._s(t.cancelTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title"},[t._v(t._s(t.title))]),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle"},[t._v(t._s(t.subtitle))]):t._e()]),t._v(" "),i("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t.confirmTxt))])]),t._v(" "),i("div",{staticClass:"cube-picker-content"},[i("i",{staticClass:"border-bottom-1px"}),t._v(" "),i("i",{staticClass:"border-top-1px"}),t._v(" "),i("div",{ref:"wheelWrapper",staticClass:"cube-picker-wheel-wrapper"},t._l(t.pickerData,function(e,a){return i("div",{key:a},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,a){return i("li",{key:a,staticClass:"cube-picker-wheel-item"},[t._v(t._s(e[t.textKey]))])}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},JgmB:function(t,e,i){var a=i("VU/8")(i("Ba27"),i("UReh"),null,null,null);t.exports=a.exports},JpKp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"slide",title:"Slide"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("vertical")}}},[t._v("Vertical")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("horizontal")}}},[t._v("Horizontal")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},"K/GD":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("Mr73")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{components:[{name:"Basic 基础组件",shortcut:"Basic",items:[{path:"/button",text:"Button"},{path:"/loading",text:"Loading"},{path:"/tip",text:"Tip"}]},{name:"Form 表单组件",shortcut:"Form",items:[{path:"/checkbox",text:"Checkbox"},{path:"/checkbox-group",text:"CheckboxGroup"},{path:"/radio",text:"Radio"},{path:"/input",text:"Input"},{path:"/textarea",text:"Textarea"},{path:"/select",text:"Select"},{path:"/switch",text:"Switch"},{path:"/rate",text:"Rate"},{path:"/validator",text:"Validator"},{path:"/upload",text:"Upload"},{path:"/form",text:"Form"}]},{name:"Popup 弹窗组件",shortcut:"Popup",items:[{path:"/popup",text:"Popup"},{path:"/toast",text:"Toast"},{path:"/picker",text:"Picker"},{path:"/cascade-picker",text:"CascadePicker"},{path:"/segment-picker",text:"SegmentPicker"},{path:"/date-picker",text:"DatePicker"},{path:"/time-picker",text:"TimePicker"},{path:"/dialog",text:"Dialog"},{path:"/action-sheet",text:"ActionSheet"},{path:"/drawer",text:"Drawer"}]},{name:"Scroll 滚动组件",shortcut:"Scroll",items:[{path:"/scroll",text:"Scroll"},{path:"/slide",text:"Slide"},{path:"/index-list",text:"IndexList"},{path:"/swipe",text:"Swipe"}]}]}},components:{CubeView:a.default}},t.exports=e.default})},K3bW:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[i("template",{slot:"content"},[i("div",{staticClass:"swipe-wrapper"},[i("cube-scroll",[i("cube-swipe",{attrs:{data:t.swipeData},on:{"item-click":t.onItemClick,"btn-click":t.onBtnClick}})],1)],1)])],2)},staticRenderFns:[]}},K5n8:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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:"斯拉达"}],i=[{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:"金箍棒"}],l=[{text:"顺丰",value:"顺丰"},{text:"中通",value:"中通"},{text:"圆通",value:"圆通"}];t.data1=e,t.data2=i,t.data3=a,t.expressData=l})},KATl:function(t,e,i){function a(t){i("0YF1")}var l=i("VU/8")(i("tspx"),i("v7b+"),a,null,null);t.exports=l.exports},KMzT:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),i("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),i("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),i("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")])],1)],1)])},staticRenderFns:[]}},KZW3:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("Gu7T"),i("XPXN"),i("o/OE")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);e.default={components:{CubePage:c.default},data:function(){return{title:"Current City: BEIJING",data:o.default,pullDownRefresh:{stop:55}}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)},onPullingDown:function(){var t=this;setTimeout(function(){var e;(e=t.data[1].items).push.apply(e,(0,n.default)(o.default[1].items)),t.$refs.indexList.forceUpdate()},1e3)}}},t.exports=e.default})},Kjut:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);e.default={components:{CubePage:n.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/drawer/"+t)}}},t.exports=e.default})},Kjwe:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("1Zrt"),i("kjd8")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){var e=u[t.type];e&&e(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u={submit:function(t){(0,a.toButtonHandler)(t,"submit")},reset:function(t){(0,a.toButtonHandler)(t,"reset")},checkbox:function(t){(0,i.boolRequiredHandler)(t)},switch:function(t){(0,i.boolRequiredHandler)(t)},rate:function(t){(0,i.numberGT0RequiredHandler)(t)}};t.exports=e.default})},KkmI:function(t,e){},KrQh:function(t,e,i){function a(t){i("W0tM")}var l=i("VU/8")(i("AdWU"),i("U+AE"),a,null,null);t.exports=l.exports},LIRj:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(i,function(t,e){return e?e.toUpperCase():""})}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e;var i=/-(\w)/g})},LXLj:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("//Fk"),i("XPXN"),i("O6S8"),i("fGk3")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l),r=n(u);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",rules:{required:!0,uploaded:function(t,e){return c.default.all(t.map(function(t,e){return new c.default(function(i,a){if(t.uploadedUrl)return i();setTimeout(function(){e%2?a(new Error):(t.uploadedUrl="uploaded/url",i())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"fresh"}}},methods:{submitHandler:function(t){t.preventDefault(),console.log("submit",t)},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},resetHandler:function(t){console.log("reset",t)}},components:{CubePage:o.default,CubeButtonGroup:s.default,JsonView:r.default}},t.exports=e.default})},LeY8:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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"}]}]}]})},Lg4b:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("pFYg"),i("UFDc")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-select",data:function(){return{active:!1}},props:{options:{type:Array,default:function(){return[]}},value:null,placeholder:{type:String,default:"请选择"},autoPop:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:"请选择"},cancelTxt:{type:String,default:"取消"},confirmTxt:{type:String,default:"确定"}},computed:{adaptOptions:function(){return[this.options.map(function(t){return"object"!==(void 0===t?"undefined":(0,l.default)(t))&&(t={value:t,text:t}),t})]},valueIndex:function(){var t=this.value,e=(0,a.findIndex)(this.adaptOptions[0],function(e){return e.value===t});return this.picker&&this.picker.setData(this.adaptOptions,-1!==e?[e]:[0]),e},selectedIndex:function(){return-1!==this.valueIndex?[this.valueIndex]:[0]},selectedText:function(){return-1!==this.valueIndex?this.adaptOptions[0][this.valueIndex].text:""}},created:function(){this.picker=this.$createPicker({$props:{title:"title",data:"adaptOptions",selectedIndex:"selectedIndex",cancelTxt:"cancelTxt",confirmTxt:"confirmTxt"},$events:{select:"selectHandler",cancel:this.hided}}),this.autoPop&&this.showPicker()},methods:{showPicker:function(){this.disabled||(this.picker.show(),this.active=!0,this.$emit("picker-show"))},hided:function(){this.active=!1,this.$emit("picker-hide")},selectHandler:function(t,e,i){this.hided(),t[0]!==this.value&&(this.$emit("input",t[0]),this.$emit("change",t[0],e[0],i[0]))}}},t.exports=e.default})},M2u5:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("Dd8w"),i("woOf"),i("PzHl"),i("Z5VE"),i("d64j")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=c(u),d=c(n),p={text:"确定",active:!0,disabled:!1,href:"javascript:;"},x={text:"取消",active:!1,disabled:!1,href:"javascript:;"},f=function(t,e){return"string"==typeof t&&(t={text:t}),(0,s.default)({},e,t)};e.default={name:"cube-dialog",mixins:[v.default,d.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,o.default)({},p)}},cancelBtn:{type:[Object,String],default:function(){return(0,o.default)({},x)}}},data:function(){return{defHref:"javascript:;"}},computed:{_confirmBtn:function(){return f(this.confirmBtn,p)},_cancelBtn:function(){return f(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:r.default}},t.exports=e.default})},M6zF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("li",{staticClass:"cube-drawer-item border-bottom-1px",class:t.itemClass,on:{click:function(e){t.clickItem(t.item)}}},[t._t("default",[t._v("\n "+t._s(t.item.text||t.item)+"\n ")])],2)},staticRenderFns:[]}},M7O5:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{validating:!1,pending:!1,originValid:void 0}},computed:{valid:function(){var t=this.originValid,e=this.pending,i=this.validating;return e||i?void 0:t},invalid:function(){var t=this.valid;return void 0===t?t:!t}}},t.exports=e.default})},MMvM:function(t,e){},MNuz:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("PzHl"),i("Z5VE"),i("d64j")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);e.default={name:"cube-action-sheet",mixins:[c.default,o.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:n.default}},t.exports=e.default})},Mr73:function(t,e,i){function a(t){i("w5NG")}var l=i("VU/8")(i("uYby"),i("mwCR"),a,null,null);t.exports=l.exports},Msz6:function(t,e){},"N/gd":function(t,e,i){function a(t){i("7MyF")}var l=i("VU/8")(i("eFmn"),i("q70N"),a,null,null);t.exports=l.exports},N5yD:function(t,e,i){function a(t){i("aSgS")}var l=i("VU/8")(i("B1Rs"),i("iRyi"),a,null,null);t.exports=l.exports},N6Rs:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8"),i("Vexm"),i("fGk3"),i("9zBd")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=c(u),d=n.provinceList;d.forEach(function(t){t.children=n.cityList[t.value],t.children.forEach(function(t){t.children=n.areaList[t.value]})});var p={props:{value:{type:Array,default:function(){return[]}}},data:function(){return{selected:[]}},render:function(t){return t("cube-button",{on:{click:this.showPicker}},this.selected.length?this.selected.join(" "):"placeholder")},mounted:function(){this.picker=this.$createCascadePicker({title:"PCA Select",data:d,selectedIndex:this.value,onSelect:this.selectHandler})},methods:{showPicker:function(){this.picker.show()},selectHandler:function(t,e,i){this.selected=i,this.$emit("input",t)}}};e.default={data:function(){return{validity:{},valid:void 0,model:{inputValue:"",pcaValue:[],dateValue:""},fields:[{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0}},{component:p,modelKey:"pcaValue",label:"PCASelect",rules:{required:!0},messages:{required:"请选择"}},{modelKey:"dateValue",label:"Date",rules:{required:!0}}]}},methods:{submitHandler:function(t){console.log("submit")},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},showDatePicker:function(){this.$refs.datePicker.show()},dateSelectHandler:function(t){this.model.dateValue=new Date(t[0],t[1]-1,t[2]).toDateString()}},components:{CubePage:o.default,CubeButtonGroup:s.default,DatePicker:r.default,JsonView:v.default}},t.exports=e.default})},N7CF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Cascade Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showCascadePicker}},[t._v("Cascade Picker")]),t._v(" "),i("cube-button",{on:{click:t.showAddressPicker}},[t._v("Address Picker")]),t._v(" "),i("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Set Data")]),t._v(" "),i("cube-button",{on:{click:t.showAsyncPicker}},[t._v("Async Load Data")])],1)],1)])},staticRenderFns:[]}},NFzl:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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})},NTtZ:function(t,e,i){function a(t){i("U+Iq")}var l=i("VU/8")(i("/Ca3"),i("9I0H"),a,null,null);t.exports=l.exports},NZLs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-popup",{ref:"popup",attrs:{type:"extend-popup"}},[i("div",{staticClass:"cube-extend-popup-content",on:{click:t.hide}},[t._t("default",[t._v(t._s(t.content))])],2)])},staticRenderFns:[]}},NmRe:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Segment Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showDateSegmentPicker}},[t._v("StartDate - EndDate")]),t._v(" "),i("cube-button",{on:{click:t.showCitySegmentPicker}},[t._v("Express - From - To")])],1)],1)])},staticRenderFns:[]}},O6S8:function(t,e,i){function a(t){i("nFiz")}var l=i("VU/8")(i("9IQh"),i("+Cpq"),a,null,null);t.exports=l.exports},Oluj:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("PzHl"),i("niVN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);u.default.install=function(t){t.component(u.default.name,u.default),(0,n.default)(t,u.default)},e.default=u.default,t.exports=e.default})},"P+K9":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("VzLe"),i("qgN4"),i("inlK"),i("t3q3")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l),r=n(u);o.default.install=function(t){t.component(c.default.name,c.default),t.component(o.default.name,o.default),(0,r.default)(t,c.default),(0,s.default)(t,o.default)},o.default.CascadePicker=c.default,e.default=o.default,t.exports=e.default})},Pe8L:function(t,e,i){function a(t){i("qKQa")}var l=i("VU/8")(i("J4wF"),i("C78E"),a,null,null);t.exports=l.exports},PpuX:function(t,e){},PzHl:function(t,e,i){function a(t){i("u3HD")}var l=i("VU/8")(i("xomh"),i("S72U"),a,null,null);t.exports=l.exports},"QAv/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-btn"},[t._t("default",[t._m(0)]),t._v(" "),i("input",{staticClass:"cube-upload-input",attrs:{type:"file",multiple:t.multiple,accept:t.accept},on:{change:t.changeHandler}})],2)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-btn-def"},[i("i")])}]}},QNIf:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("fZjL"),i("0PCq"),i("UFDc"),i("xYoV"),i("tJl4"),i("VLcU"),i("M7O5"),i("9xqn")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=r(i),d=r(u),p=r(n),x=r(o),f=r(s);f.default.CubeValidator=d.default;e.default={name:"cube-form-item",mixins:[x.default],props:{field:{type:Object,default:function(){return{}}}},data:function(){var t=this.field.modelKey,e=t?this.form.model[t]:null;return{validatorDisabled:!1,modelValue:e,validatorModel:e}},computed:{fieldValue:function(){return(0,a.processField)(this.field)},hasRules:function(){return(0,v.default)(this.fieldValue.rules||{}).length>0},isBtnField:function(){return"button"===this.fieldValue.type},itemClass:function(){var t=this.fieldValue.rules;return{"cube-form-item_required":t&&t.required,"cube-form-item_btn":this.isBtnField,"cube-form-item_validating":this.validating,"cube-form-item_pending":this.pending,"cube-form-item_valid":this.valid,"cube-form-item_invalid":this.invalid}},modelVal:function(){return this.form.model[this.fieldValue.modelKey]},componentName:function(){var t=this.fieldValue,e=t.component;if(e)return e;var i=t.type,a="cube-"+i;return f.default[a]?a:i}},watch:{modelVal:function(t){this.modelValue!==t&&(this.modelValue=t)},modelValue:function(t){this.form.model[this.fieldValue.modelKey]=t,this.updateValidatorModel()},originValid:function(t){this.lastOriginValid=t}},beforeCreate:function(){this.form=this.$parent.form},created:function(){var t=this;this.form.addField(this),this.getValidatorModel=function(e){return t.pending=!1,e}},mounted:function(){this.initDebounce(),this.initFocusEvents()},methods:{initDebounce:function(){var t=this,e=this.fieldValue.debounce;!0===e&&(e=200),!e&&0!==e||e<0||"blur"===this.fieldValue.trigger||(this.getValidatorModel=(0,l.debounce)(function(e){return t.pending=!1,t.validatorModel=e,t.form.updatePending(),t.asyncSameCheck(),e},e,!1,this.validatorModel))},asyncSameCheck:function(){var t=this.$refs.validator,e=this.validatorModel;t&&e===t.model&&t&&t.validate()},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.asyncSameCheck()},initFocusEvents:function(){var t=this;if("blur"===this.fieldValue.trigger){var e=this.$refs.formItem;e.addEventListener("focusin",this.focusInHandler,!1),e.addEventListener("focusout",this.focusOutHandler,!1),this.getValidatorModel=function(e){return t.focused?t.validatorModel:(t.pending=!1,t.form.updatePending(),e)}}},removeFocusEvents:function(){var t=this.$refs.formItem;t.removeEventListener("focusin",this.focusInHandler,!1),t.removeEventListener("focusout",this.focusOutHandler,!1)},updateValidatorModel:function(){this.pending=!0,this.validatorModel=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},validatorChangeHandler:function(){this.validatorDisabled||this.originValid&&this.lastOriginValid||this.updateValidity()},validatingHandler:function(){this.validating=!0,this.form.setValidating(!0)},validatedHandler:function(){this.validating=!1,this.form.updateValidating()},updateValidity:function(){var t=this.$refs.validator;t&&this.form.updateValidity(this.fieldValue.modelKey,t.valid,t.result,t.dirty)},validate:function(t){var e=this,i=(0,l.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var a=this.$refs.validator;return a?a.validate(function(){e.validatorDisabled=!0,e.updateValidity(),t&&t(),e.$nextTick(function(){e.validatorDisabled=!1})}):t&&t(),i},reset:function(){var t=this,e=this.fieldValue;if(e.modelKey){var i=(0,c.getResetValueByType)(e.type);this.validatorDisabled=!0,(0,l.resetTypeValue)(this,"modelValue",i),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){t.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===p.default.STANDARD&&this.$createToast&&this.$createToast({type:"warn",txt:this.$refs.validator.msg,time:1e3}).show()}},beforeDestroy:function(){this.removeFocusEvents(),this.form.destroyField(this),this.form=null},components:f.default},t.exports=e.default})},QvWg:function(t,e){},Qx69:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal}},[t._t("default",t._l(t.options,function(e,a){return i("cube-radio",{key:a,attrs:{option:e,position:t.position,"hollow-style":t.hollowStyle},model:{value:t.radioValue,callback:function(e){t.radioValue=e},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},"R+4a":function(t,e){},R082:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("lVze"),i("vhte")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);u.default.install=function(t){t.component(u.default.name,u.default),(0,n.default)(t,u.default)},e.default=u.default,t.exports=e.default})},R4Zp:function(t,e,i){function a(t){i("ir9C")}var l=i("VU/8")(i("gz49"),i("8GE+"),a,null,null);t.exports=l.exports},RGkz:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{action:"//jsonplaceholder.typicode.com/photos/",files:[]}},methods:{addedHandler:function(){var t=this.files[0];t&&this.$refs.upload.removeFile(t)},errHandler:function(t){this.$createToast({type:"warn",txt:"Upload fail",time:1e3}).show()}},components:{CubePage:a.default}},t.exports=e.default})},"RO/E":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("N5yD"),i("KATl")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);u.default.install=function(t){t.component(u.default.name,u.default),t.component(n.default.name,n.default)},u.default.Item=n.default,e.default=u.default,t.exports=e.default})},RO5T:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s",onHide:function(){console.log("hide")}}),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:u.default,CubePage:n.default}},t.exports=e.default})},RQcS:function(t,e){},RVzk:function(t,e){},RkVv:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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})},S5Pj:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("woOf"),i("Dd8w")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}function u(t,e,i,a,l){var u=void 0,o=void 0;void 0===l&&(l={});var s=new t((0,c.default)({},l,{render:function(t){var i=o&&o(t);return i&&!Array.isArray(i)&&(i=[i]),t(e,(0,c.default)({},u),i||[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),document.body.removeChild(this.$el)}}}));s.updateRenderData=function(t,e){u=t,o=e},s.updateRenderData(i,a),s.$mount(),s.init();var r=s.$children[0];return r.$updateProps=function(t){(0,n.default)(u.props,t),s.$forceUpdate()},r}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u;var n=l(i),c=l(a);t.exports=e.default})},S72U:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.rootClass,style:{"z-index":t.zIndex}},[i("div",{staticClass:"cube-popup-mask",on:{click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:{"cube-popup-center":t.center}},[t.$slots.default?i("div",{staticClass:"cube-popup-content"},[t._t("default")],2):i("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},SOQt:function(t,e,i){function a(t){i("AkiL")}var l=i("VU/8")(i("M2u5"),i("37es"),a,null,null);t.exports=l.exports},SpYO:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("//Fk"),i("XPXN"),i("O6S8"),i("fGk3")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l),r=n(u);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",events:{"file-removed":function(){for(var t=arguments.length,e=Array(t),i=0;i0&&void 0!==arguments[0]&&arguments[0];this.pullDownRefresh&&this.isPullingDown?(this.isPullingDown=!1,this._reboundPullDown().then(function(){t._afterPullDown(e)})):this.pullUpLoad&&this.isPullUpLoad?(this.isPullUpLoad=!1,this.scroll.finishPullUp(),this.pullUpDirty=e,e&&this.refresh()):e&&this.refresh()},resetPullUpTxt:function(){this.pullUpDirty=!0},_calculateMinHeight:function(){this.$refs.listWrapper&&(this.$refs.listWrapper.style.minHeight=this.pullDownRefresh||this.pullUpLoad?(0,c.getRect)(this.$refs.wrapper).height+1+"px":0)},_onPullDownRefresh:function(){this.scroll.on("pullingDown",this._pullDownHandle),this.scroll.on("scroll",this._pullDownScrollHandle)},_offPullDownRefresh:function(){this.scroll.off("pullingDown",this._pullDownHandle),this.scroll.off("scroll",this._pullDownScrollHandle)},_pullDownHandle:function(){this.resetPullDownTimer&&clearTimeout(this.resetPullDownTimer),this.beforePullDown=!1,this.isPullingDown=!0,this.$emit("pulling-down")},_pullDownScrollHandle:function(t){this.beforePullDown?(this.bubbleY=Math.max(0,t.y+-50),this.pullDownStyle="top:"+Math.min(t.y+-50,10)+"px"):(this.bubbleY=0,this.pullDownStyle="top:"+Math.min(t.y-30,10)+"px")},_onPullUpLoad:function(){this.scroll.on("pullingUp",this._pullUpHandle)},_offPullUpLoad:function(){this.scroll.off("pullingUp",this._pullUpHandle)},_pullUpHandle:function(){this.isPullUpLoad=!0,this.$emit("pulling-up")},_reboundPullDown:function(){var t=this,e=this.pullDownRefresh.stopTime,i=void 0===e?600:e;return new s.default(function(e){setTimeout(function(){t.scroll.finishPullDown(),e()},i)})},_afterPullDown:function(t){var e=this;this.resetPullDownTimer=setTimeout(function(){e.pullDownStyle="top:-50px",e.beforePullDown=!0,t&&e.refresh()},this.scroll.options.bounceTime)}},components:{Loading:d.default,Bubble:p.default}},t.exports=e.default})},TMiY:function(t,e,i){function a(t){i("2G9e")}var l=i("VU/8")(i("V1uU"),i("Sx9D"),a,null,null);t.exports=l.exports},Ta5O:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("kww3"),i("+vzD"),i("wOxr"),i("kAHR")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l),r=n(u);o.default.install=function(t){t.component(c.default.name,c.default),t.component(o.default.name,o.default),(0,r.default)(t,c.default),(0,s.default)(t,o.default)},o.default.Picker=c.default,e.default=o.default,t.exports=e.default})},"U+AE":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"upload-view-def",title:"Upload"}},[i("template",{slot:"content"},[i("p",[t._v("Normal upload(File max size 1MB): ")]),t._v(" "),i("div",[i("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1},on:{"files-added":t.filesAdded}}),t._v(" "),t.isUploading?i("cube-button",{on:{click:t.pause}},[t._v("Pause")]):i("cube-button",{on:{click:t.upload}},[t._v("Upload")]),t._v(" "),i("cube-button",{on:{click:t.retry}},[t._v("Retry")])],1)])],2)},staticRenderFns:[]}},"U+Iq":function(t,e){},U6M5:function(t,e){},UFDc:function(t,e,i){var a,l,u;!function(n,c){l=[e,i("fZjL"),i("bOdI"),i("pFYg")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}function u(t,e){if(t.findIndex)return t.findIndex(e);var i=-1;return t.some(function(t,a,l){var u=e.call(this,t,a,l);if(u)return i=a,u}),i}function n(t,e){for(var i in e)t[i]&&"object"===(0,f.default)(t[i])?n(t[i],e[i]):t[i]=e[i]}function c(t){return function(){for(var e=arguments.length,i=Array(e),a=0;a - value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:l.default}},t.exports=e.default})},VKJd:function(t,e,i){function a(t){i("72CF")}var l=i("VU/8")(i("rQlO"),i("li82"),a,null,null);t.exports=l.exports},VLcU:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";function e(t){var e=i[t];return e&&e()}Object.defineProperty(t,"__esModule",{value:!0});var i={checkbox:function(){return!1},select:function(){return null}};t.getResetValueByType=e})},VOzN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),i("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),i("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},VcN6:function(t,e,i){function a(t){i("RVzk")}var l=i("VU/8")(i("XUgO"),i("c4zc"),a,null,null);t.exports=l.exports},Vexm:function(t,e,i){var a=i("VU/8")(i("apY0"),i("0oyY"),null,null,null);t.exports=a.exports},"Vh/j":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload"},[t._t("default",[i("div",{staticClass:"cube-upload-def clear-fix"},[t._l(t.files,function(e,a){return i("upload-file",{key:a,attrs:{file:e},on:{click:t.fileClick}})}),t._v(" "),i("upload-btn",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn,expression:"isShowBtn"}]})],2)])],2)},staticRenderFns:[]}},VjSR:function(t,e){},VvZZ:function(t,e){},VzLe:function(t,e,i){var a=i("VU/8")(i("waH8"),i("7Jhx"),null,null,null);t.exports=a.exports},W0tM:function(t,e){},W2Hj:function(t,e,i){var a=i("VU/8")(i("0l/c"),i("1ftA"),null,null,null);t.exports=a.exports},WL1h:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"switch-option"},[i("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),i("div",{staticClass:"switch-ellipse",class:{active:t.checked},on:{click:t.clickSwitch}},[i("span",{staticClass:"switch-circle",class:{active:t.checked}})])])},staticRenderFns:[]}},WjKT:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);e.default={components:{CubePage:u.default,CubeButtonGroup:n.default},data:function(){return{options:[2013,2014,2015,2016,2017,2018],value:2016,title:"Entry time",placeholder:"Please choose entry time",autoPop:!1,disabled:!1}},methods:{change:function(t,e,i){console.log("change",t,e,i)},modify:function(){this.value=2014}}},t.exports=e.default})},Woua:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("s0qb")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={success:"cubeic-right",error:"cubeic-warn"};e.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileStatusCls:function(){var t=this.file,e=t.status;if(t.progress>=.01||e===i.STATUS_SUCCESS||e===i.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 a[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})},XEOk:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("xUY6")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-rate",props:{value:{type:Number,default:0},max:{type:Number,default:5},disabled:{type:Boolean,default:!1},justify:{type:Boolean,default:!1}},data:function(){return{tempValue:this.value}},created:function(){this.mousePressed=!1},computed:{rateClass:function(){return this.justify&&"cube-rate-justify"}},watch:{value:function(t){t!==this.tempValue&&(this.tempValue=t)}},methods:{handleStart:function(t){if(!this.disabled){t.type.indexOf("mouse")>-1&&(this.mousePressed=!0,document.addEventListener("mouseup",this.handleEnd),document.addEventListener("mousemove",this.handleMove));var e=this.$refs.rateContainer.getBoundingClientRect();this.left=e.left,this.containerWidth=e.width}},handleMove:function(t){this.disabled||-1!==t.type.indexOf("mouse")&&!this.mousePressed||this.computeTempValue(-1===t.type.indexOf("mouse")?t.touches[0]:t)},handleEnd:function(t){this.disabled||-1!==t.type.indexOf("mouse")&&!this.mousePressed||(t.type.indexOf("mouse")>-1&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(t.type.indexOf("mouse")>-1?t:t.changedTouches[0]),this.$emit("input",this.tempValue))},computeTempValue:function(t){var e=Math.ceil((t.clientX-this.left)/this.containerWidth*this.max);e>0&&e<=this.max?this.tempValue=e:this.tempValue=e<=0?0:this.max}},components:{CubeRateItem:a.default}},t.exports=e.default})},XInt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"slide",staticClass:"cube-slide"},[i("div",{ref:"slideGroup",staticClass:"cube-slide-group"},[t._t("default",t._l(t.data,function(e,a){return i("cube-slide-item",{key:a,attrs:{item:e},nativeOn:{click:function(i){t.clickItem(e,a)}}})}))],2),t._v(" "),t.showDots?i("div",{staticClass:"cube-slide-dots"},[t._t("dots",t._l(t.dots,function(e,a){return i("span",{key:a,class:{active:t.currentPageIndex===a}})}),{current:t.currentPageIndex,dots:t.dots})],2):t._e()])},staticRenderFns:[]}},XNdS:function(t,e,i){var a=i("VU/8")(i("cbPg"),i("gTcW"),null,null,null);t.exports=a.exports},XPXN:function(t,e,i){function a(t){i("0Bfo")}var l=i("VU/8")(i("twNj"),i("5zRN"),a,null,null);t.exports=l.exports},XRNA:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t){console.warn("[cube-ui warn]: "+t)}})},XU5Z:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Picker",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showPicker}},[t._v("Picker")]),t._v(" "),i("cube-button",{on:{click:t.showMutiPicker}},[t._v("Multi-column Picker")]),t._v(" "),i("cube-button",{on:{click:t.showAliasPicker}},[t._v("Use alias")]),t._v(" "),i("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Use setData")]),t._v(" "),i("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")]),t._v(" "),i("cube-button",{on:{click:t.showSubtitlePicker}},[t._v("Use subtitle")])],1)],1)])},staticRenderFns:[]}},XUgO:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("IskU")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{swipeData:a.customData}},created:function(){this.activeIndex=-1},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var i=this;"delete"===t.action?this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){i.swipeData.splice(e,1)}}).show():this.$refs.swipeItem[e].shrink()},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.$refs.swipeItem[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubePage:l.default}},t.exports=e.default})},XlLO:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("O6S8"),i("XPXN"),i("j/Id")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);e.default={data:function(){return{type:"popup-dialog",mask:!0,visible1:!1,visible2:!1,visible3:!1,visible4:!1}},methods:{showPopup:function(t){var e=this;this["visible"+t]=!0,setTimeout(function(){e["visible"+t]=!1},1e3)}},components:{CubeButtonGroup:n.default,CubePage:c.default,CubeExtendPopup:o.default}},t.exports=e.default})},XyhL:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("g9J/"),i("xUY6")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);u.default.install=function(t){t.component(u.default.name,u.default),t.component(n.default.name,n.default)},u.default.Item=n.default,e.default=u.default,t.exports=e.default})},"Y+cM":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("/5sW"),i("XPXN"),i("1Vb/"),i("6SSl"),i("5Fev"),i("YlpP"),i("h7Gw")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),v=s(a),d=s(l),p=s(u),x=s(n),f=s(c),y=["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=[];f.default.goods.forEach(function(t){h=h.concat(t.foods)}),e.default={data:function(){return{items:y,itemIndex:y.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:v.default,SwitchOption:d.default,InputOption:p.default,SelectOption:x.default},watch:{scrollbarObj:{handler:function(){this.rebuildScroll()},deep:!0},customList:function(t){this.items=t?h:y},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;r.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}}},t.exports=e.default})},Y01l:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("34KM")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},Y4Q7:function(t,e){},YVqS:function(t,e,i){var a=i("VU/8")(i("+8WV"),i("CkYj"),null,null,null);t.exports=a.exports},YekI:function(t,e){},YlpP: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:[]}]}},Yu0J:function(t,e,i){function a(t){i("v1lR")}var l=i("VU/8")(i("s8G+"),i("rViw"),a,null,null);t.exports=l.exports},Z5VE:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={model:{prop:"visible",event:"toggle"},props:{visible:{type:Boolean,default:!1}},data:function(){return{isVisible:!1}},watch:{isVisible:function(t){this.$emit("toggle",t)}},mounted:function(){var t=this;this.$watch("visible",function(e,i){e?t.show():i&&!t._createAPI_reuse&&t.hide()},{immediate:!0})},methods:{show:function(){this.isVisible=!0},hide:function(){this.isVisible=!1}}},t.exports=e.default})},ZDnC:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{checked:!0,checked2:"optionValue",optionValue:{label:"Option Checkbox",value:"optionValue",disabled:!1}}},components:{CubePage:a.default}},t.exports=e.default})},ZhPo:function(t,e,i){function a(t){i("MMvM")}var l=i("VU/8")(i("4sRm"),i("QAv/"),a,null,null);t.exports=l.exports},ZiC1:function(t,e,i){var a=i("VU/8")(i("fZ0D"),i("N7CF"),null,null,null);t.exports=a.exports},Zvx6:function(t,e){},Zw0Y:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-json-view"},[i("h3",[t._v(t._s(t.title))]),t._v(" "),t.changed?i("pre",[t._v(" "),i("code",{ref:"code"},[t._v(t._s(t.data))]),t._v("\n ")]):t._e()])},staticRenderFns:[]}},"a/uE":function(t,e,i){function a(t){i("barY")}var l=i("VU/8")(i("cETb"),i("V13k"),a,null,null);t.exports=l.exports},a5t6:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("UFDc")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={required:"Required.",type:{string:"Please input characters.",number:"Please input numbers.",array:"The data type should be array.",date:"Please select a valid date.",email:"Please input a valid E-mail.",tel:"Please input a valid telphone number.",url:"Please input a valid web site."},min:{string:function(t){return"Please input at least "+t+" characters."},number:function(t){return"The number could not smaller than "+t+"."},array:function(t){return"Please select at least "+t+" items."},date:function(t){return"Please select a date after "+(0,i.toLocaleDateString)(t,"en")},email:function(t){return"Please input at least "+t+" characters."},tel:function(t){return"Please input at least "+t+" characters."},url:function(t){return"Please input at least "+t+" characters."}},max:{string:function(t){return"Please input no more than "+t+" characters."},number:function(t){return"The number could not bigger than "+t},array:function(t){return"Please select no more than "+t+" items"},date:function(t){return"Please select a date before "+(0,i.toLocaleDateString)(t,"en")},email:function(t){return"Please input no more than "+t+" characters."},tel:function(t){return"Please input no more than "+t+" characters."},url:function(t){return"Please input no more than "+t+" characters."}},len:{string:function(t){return"Please input "+t+" characters."},number:function(t){return"The number should equal "+t},array:function(t){return"Please select "+t+" items"},date:function(t){return"Please select "+(0,i.toLocaleDateString)(t,"en")},email:function(t){return"Please input "+t+" characters."},tel:function(t){return"Please input "+t+" characters."},url:function(t){return"Please input "+t+" characters."}},pattern:'The input don"t match pattern.',custom:"Invalid.",notWhitespace:"Whitespace is invalid."},t.exports=e.default})},aA6D:function(t,e){},aDIA:function(t,e,i){var a,l,u;!function(n,c){l=[e,i("5qoB"),i("x9Ds"),i("+Ghj")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"rules",{enumerable:!0,get:function(){return e.rules}}),Object.defineProperty(t,"addRule",{enumerable:!0,get:function(){return e.addRule}}),Object.defineProperty(t,"findMessage",{enumerable:!0,get:function(){return i.findMessage}}),Object.defineProperty(t,"addMessage",{enumerable:!0,get:function(){return i.addMessage}}),Object.defineProperty(t,"setLanguage",{enumerable:!0,get:function(){return i.setLanguage}}),Object.defineProperty(t,"types",{enumerable:!0,get:function(){return a.types}}),Object.defineProperty(t,"addType",{enumerable:!0,get:function(){return a.addType}})})},aSgS:function(t,e){},agqa:function(t,e,i){function a(t){i("lLnp")}var l=i("VU/8")(i("Iyug"),i("dFgm"),a,null,null);t.exports=l.exports},apY0:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";function i(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",l=[],u=t;u<=e;u++){var n=(i&&u<10?"0"+u:u)+a;l.push({text:n,value:u})}return l}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=i(this.min[0],this.max[0],!1,"年");return e.forEach(function(e){var a=e.value===t.min[0]?t.min[1]:1,l=e.value===t.max[0]?t.max[1]:12;e.children=i(a,l,!1,"月"),e.children.forEach(function(a){var l=30;[1,3,5,7,8,10,12].indexOf(a.value)>-1?l=31:2===a.value&&(l=e.value%400&&(e.value%4||!(e.value%100))?28:29);var u=e.value===t.min[0]&&a.value===t.min[1]?t.min[2]:1,n=e.value===t.max[0]&&a.value===t.max[1]?t.max[2]:l;a.children=i(u,n,!1,"日")})}),e}},methods:{show:function(){this.$refs.cascadePicker.show()},hide:function(){this.$refs.cascadePicker.hide()},select:function(t,e,i){this.$emit("select",t,e,i)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},b1gV:function(t,e,i){var a,l,u;!function(n,c){l=[e,i("Y01l"),i("dK69"),i("k+Su"),i("dGNm"),i("8nmV"),i("Oluj"),i("r6LN"),i("v4hj"),i("/Pfp"),i("fd7u"),i("mok4"),i("7Sku"),i("XyhL"),i("8cOd"),i("izCJ"),i("R082"),i("eD0J"),i("ES30"),i("Ta5O"),i("tNeh"),i("P+K9"),i("wT65"),i("oLGW"),i("RO/E"),i("3ubT"),i("iQwk"),i("x/Fx")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c,o,s,r,v,d,p,x,f,y,h,m,g,b,_,w,k,T,P,C,j){"use strict";function S(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BScroll=t.DrawerItem=t.DrawerPanel=t.Drawer=t.SwipeItem=t.Swipe=t.Upload=t.IndexList=t.Loading=t.SlideItem=t.Slide=t.Switch=t.RadioGroup=t.Radio=t.CheckboxGroup=t.Checkbox=t.ActionSheet=t.Rate=t.Textarea=t.Validator=t.Input=t.Toast=t.Tip=t.Dialog=t.FormItem=t.FormGroup=t.Form=t.Select=t.DatePicker=t.SegmentPicker=t.CascadePicker=t.TimePicker=t.Picker=t.Popup=t.Scroll=t.Button=t.Style=void 0;var M=S(e),V=S(i),D=S(a),I=S(l),R=S(u),$=S(n),O=S(c),U=S(o),E=S(s),F=S(r),A=S(v),H=S(d),L=S(p),N=S(x),B=S(f),X=S(y),z=S(h),G=S(m),q=S(g),Y=S(b),W=S(_),K=S(w),Z=S(k),J=S(T),Q=S(P),tt=S(C),et=S(j),it=Y.default.Picker,at=Y.default.CascadePicker,lt=D.default.Checkbox,ut=N.default.Group,nt=N.default.Item,ct=U.default.Loading,ot=z.default.Item,st=I.default.Radio,rt=J.default.Item,vt=Q.default.Panel,dt=Q.default.Item;t.Style=M.default,t.Button=V.default,t.Scroll=K.default,t.Popup=$.default,t.Picker=it,t.TimePicker=q.default,t.CascadePicker=at,t.SegmentPicker=Y.default,t.DatePicker=W.default,t.Select=A.default,t.Form=N.default,t.FormGroup=ut,t.FormItem=nt,t.Dialog=O.default,t.Tip=B.default,t.Toast=U.default,t.Input=E.default,t.Validator=F.default,t.Textarea=H.default,t.Rate=L.default,t.ActionSheet=X.default,t.Checkbox=lt,t.CheckboxGroup=D.default,t.Radio=st,t.RadioGroup=I.default,t.Switch=R.default,t.Slide=z.default,t.SlideItem=ot,t.Loading=ct,t.IndexList=G.default,t.Upload=Z.default,t.Swipe=J.default,t.SwipeItem=rt,t.Drawer=Q.default,t.DrawerPanel=vt,t.DrawerItem=dt,t.BScroll=tt.default,t.createAPI=et.default})},bZrS:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-loading"},[i("span",{staticClass:"cube-loading-spinners",style:t.style},t._l(t.balde,function(t){return i("i",{staticClass:"cube-loading-spinner"})}))])},staticRenderFns:[]}},barY:function(t,e){},bh5B:function(t,e,i){function a(t){i("txtz")}var l=i("VU/8")(i("TAcf"),i("CNZU"),a,null,null);t.exports=l.exports},bp4N:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),i("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),i("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},byy8:function(t,e){},c4zc:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[i("template",{slot:"content"},[i("div",{staticClass:"swipe-wrapper"},[i("cube-scroll",[i("cube-swipe",[i("transition-group",{attrs:{name:"swipe",tag:"ul"}},t._l(t.swipeData,function(e,a){return i("li",{key:e.item.id,staticClass:"swipe-item-wrapper"},[i("cube-swipe-item",{ref:"swipeItem",refInFor:!0,attrs:{btns:e.btns,index:a},on:{"btn-click":t.onBtnClick,active:t.onItemActive}},[i("div",{staticClass:"item-inner",on:{click:function(i){t.onItemClick(e.item,a)}}},[i("div",{staticClass:"icon"},[i("img",{attrs:{width:"60",height:"60",src:e.item.imgurl}})]),t._v(" "),i("div",{staticClass:"text"},[i("h2",{staticClass:"item-name",domProps:{innerHTML:t._s(e.item.name)}}),t._v(" "),i("p",{staticClass:"item-desc",domProps:{innerHTML:t._s(e.item.desc)}})])])])],1)}))],1)],1)],1)])],2)},staticRenderFns:[]}},c8JE:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[i("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.computedOption.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var i=t.checkValue,a=e.target,l=!!a.checked;if(Array.isArray(i)){var u=t._i(i,null);a.checked?u<0&&(t.checkValue=i.concat([null])):u>-1&&(t.checkValue=i.slice(0,u).concat(i.slice(u+1)))}else t.checkValue=l}}}),t._v(" "),i("span",{staticClass:"cube-checkbox-ui",class:t._borderIconClass},[i("i",{class:t._rightIconClass})]),t._v(" "),i("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.computedOption.label))])],2)])])},staticRenderFns:[]}},cETb:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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})},"cL1+":function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.inBrowser="undefined"!=typeof window})},cQz5:function(t,e,i){function a(t){i("vomq")}var l=i("VU/8")(i("GJyM"),i("JpKp"),a,null,null);t.exports=l.exports},cbPg:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{y:{type:Number,default:0}},data:function(){return{width:50,height:80}},computed:{distance:function(){return Math.max(0,Math.min(this.y*this.ratio,this.maxDistance))},style:function(){return"width:"+this.width/this.ratio+"px;height:"+this.height/this.ratio+"px"}},mounted:function(){this.ratio=window.devicePixelRatio,this.width*=this.ratio,this.height*=this.ratio,this.initRadius=18*this.ratio,this.minHeadRadius=12*this.ratio,this.minTailRadius=5*this.ratio,this.initArrowRadius=10*this.ratio,this.minArrowRadius=6*this.ratio,this.arrowWidth=3*this.ratio,this.maxDistance=40*this.ratio,this.initCenterX=25*this.ratio,this.initCenterY=25*this.ratio,this.headCenter={x:this.initCenterX,y:this.initCenterY},this._draw()},methods:{_draw:function(){var t=this.$refs.bubble,e=t.getContext("2d");e.clearRect(0,0,t.width,t.height),this._drawBubble(e),this._drawArrow(e)},_drawBubble:function(t){t.save(),t.beginPath();var e=this.distance/this.maxDistance,i=this.initRadius-(this.initRadius-this.minHeadRadius)*e;this.headCenter.y=this.initCenterY-(this.initRadius-this.minHeadRadius)*e,t.arc(this.headCenter.x,this.headCenter.y,i,0,Math.PI,!0);var a=this.initRadius-(this.initRadius-this.minTailRadius)*e,l={x:this.headCenter.x,y:this.headCenter.y+this.distance},u={x:l.x-a,y:l.y},n={x:u.x,y:u.y-this.distance/2};t.quadraticCurveTo(n.x,n.y,u.x,u.y),t.arc(l.x,l.y,a,Math.PI,0,!0);var c={x:this.headCenter.x+i,y:this.headCenter.y},o={x:l.x+a,y:c.y+this.distance/2};t.quadraticCurveTo(o.x,o.y,c.x,c.y),t.fillStyle="rgb(170,170,170)",t.fill(),t.strokeStyle="rgb(153,153,153)",t.stroke(),t.restore()},_drawArrow:function(t){t.save(),t.beginPath();var e=this.distance/this.maxDistance,i=this.initArrowRadius-(this.initArrowRadius-this.minArrowRadius)*e;t.arc(this.headCenter.x,this.headCenter.y,i-(this.arrowWidth-e),-Math.PI/2,0,!0),t.arc(this.headCenter.x,this.headCenter.y,i,0,3*Math.PI/2,!1),t.lineTo(this.headCenter.x,this.headCenter.y-i-this.arrowWidth/2+e),t.lineTo(this.headCenter.x+2*this.arrowWidth-2*e,this.headCenter.y-i+this.arrowWidth/2),t.lineTo(this.headCenter.x,this.headCenter.y-i+3*this.arrowWidth/2-e),t.fillStyle="rgb(255,255,255)",t.fill(),t.strokeStyle="rgb(170,170,170)",t.stroke(),t.restore()}},watch:{y:function(){this._draw()}}},t.exports=e.default})},clb7:function(t,e,i){function a(t){i("VjSR")}var l=i("VU/8")(i("Y+cM"),i("fUUX"),a,null,null);t.exports=l.exports},d64j:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{zIndex:{type:Number,default:100}}},t.exports=e.default})},d9cM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{ref:"slideWrapper",staticClass:"slide-container"},[i("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(a,l){return i("span",{staticClass:"my-dot",class:{active:e.current===l}},[t._v(t._s(l+1))])}):void 0}}])})],1),t._v(" "),i("div",{staticClass:"options"},[i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"InitialIndex",value:t.initialIndex},on:{"update:value":t.updateInitialIndex}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Loop",value:t.loop},on:{"update:value":t.updateLoop}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Auto Play",value:t.autoPlay},on:{"update:value":t.updateAutoPlay}}),t._v(" "),t.autoPlay?i("input-option",{staticClass:"item sub first last",attrs:{name:"interval",value:t.interval},on:{"update:value":t.updateInterval}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"Threshold",value:t.threshold},on:{"update:value":t.updateThreshold}})],1),t._v(" "),i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"Speed",value:t.speed},on:{"update:value":t.updateSpeed}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Allow Vertical",value:t.allowVertical},on:{"update:value":t.updateAllowVertical}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Add Slide Item3",value:t.addItem3},on:{"update:value":t.updateItem3}})],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Dots Slot",value:t.dotsSlot},on:{"update:value":t.updateDotsSlot}})],1)])])])])},staticRenderFns:[]}},dFgm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-drawer-move"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer-panel"},[i("cube-scroll",{ref:"scroll",attrs:{data:t.data}},[i("ul",{staticClass:"cube-drawer-list"},[t._t("default",t._l(t.data,function(t,e){return i("cube-drawer-item",{key:e,attrs:{item:t,index:e}})}))],2)])],1)])},staticRenderFns:[]}},dGNm:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("yb46"),i("mkLW")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);u.default.install=function(t){t.component(u.default.name,u.default),t.component(n.default.name,n.default)},u.default.Radio=n.default,e.default=u.default,t.exports=e.default})},dK69:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("a/uE")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},dTzF:function(t,e,i){function a(t){i("GWVJ")}var l=i("VU/8")(i("RGkz"),i("VA5X"),a,null,null);t.exports=l.exports},"de/F":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("Gu7T"),i("fZjL"),i("woOf"),i("Z5VE"),i("d64j"),i("wih/"),i("UFDc"),i("+rJ6")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function v(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var d=r(i),p=r(a),x=r(l),f=r(u),y=r(n),h=r(c),m=["year","month","date","hour","minute","second"],g={month:{natureMin:1,natureMax:12},date:{natureMin:1,natureMax:31},hour:{natureMin:0,natureMax:23},minute:{natureMin:0,natureMax:59},second:{natureMin:0,natureMax:59}},b={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[f.default,y.default,h.default],props:{min:{type:[Date,Array],default:function(){return new Date(2010,1,1)}},max:{type:[Date,Array],default:function(){return new Date(2020,12,31)}},startColumn:{type:String,default:function(){return"year"}},columnCount:{type:Number,default:3},format:{type:Object,default:function(){return{}}},value:{type:[Date,Array],default:function(){return this.min}}},computed:{formatConfig:function(){var t=(0,x.default)({},b);return(0,o.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,p.default)(e).forEach(function(i){e[i]=t._range(i,g[i].natureMin,g[i].natureMax)}),e},startIndex:function(){var t=m.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?v(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?v(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?v(this.value).slice(this.startIndex,this.startIndex+this.columnCount):this.value},data:function(){var t=[];return this._generateData(this.startIndex,0,t),t},selectedIndex:function(){for(var t=this,e=[],i=this.data,a=void 0,l=0;l=3&&i.value;i.children=this._range(m[t],c,o,i.isMin,i.isMax,r)}else i.children=this.natureRangeCache[m[t]];e=this.startIndex+this.columnCount?e[a]=g[m[a]].natureMin:e[a]=t[a-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,i,a,l,u){for(var n=[],c=e;c<=i;c++){var o={text:(0,s.formatType)(t,this.formatConfig[t],c,"i"),value:c};a&&c===e&&(o.isMin=!0),l&&c===i&&(o.isMax=!0),u&&(o.year=u),n.push(o)}return n}}},t.exports=e.default})},diWv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),i("cube-drawer",{ref:"drawer",attrs:{data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}},[i("span",{attrs:{slot:"title"},slot:"title"},[t._v(t._s(t.province.text))]),t._v(" "),t._l(t.data,function(e,a){return i("cube-drawer-panel",{key:a,attrs:{index:a,data:e}},t._l(e,function(e,a){return i("cube-drawer-item",{key:a,attrs:{item:e,index:a}},[i("i",{staticClass:"cubeic-round-border"}),t._v(" "),i("span",[t._v(t._s(e.text))])])}))})],2)],1)])])},staticRenderFns:[]}},du89:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("fZjL"),i("pFYg"),i("S5Pj"),i("ILCf")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],l=void 0,u=void 0,n=[],c={before:function(t){n.push(t)},open:function(i,c,o){"function"!=typeof c&&void 0===o&&(o=c,c=null);var v=o;if("object"===(void 0===o?"undefined":(0,s.default)(o))&&(v=o.single,delete o.single),n.forEach(function(t){t(i,c,v)}),void 0===v&&(v=a),v&&l){u.updateRenderData(i,c),l._createAPI_reuse=!0,u.$forceUpdate();var d=l.visible;return l.$nextTick(function(){l._createAPI_reuse=!1,d&&l.visible&&l.show()}),l}var p=(0,r.default)(t,e,i,c,o),x=p.$parent,f=p.remove;p.remove=function(){x.__cube__destroyed||(f&&f.call(this),x.destroy(),x.__cube__destroyed=!0,v&&(l=null,u=null))};var y=p.show;p.show=function(){return y&&y.call(this),this};var h=p.hide;return p.hide=function(){return h&&h.call(this),this},v&&(l=p,u=x),p},create:function(t,e,a){function l(){u.__createAPI_watcher&&(u.__createAPI_watcher(),u.__createAPI_watcher=null)}var u=this,n=!!u.$on,s=(0,v.default)(t,i);l(),function(){var t=s.props.$props;if(t){delete s.props.$props;var e=[],i=[];(0,o.default)(t).forEach(function(a){var l=t[a];"string"==typeof l&&l in u?(s.props[a]=u[l],e.push(a),i.push(l)):s.props[a]=l}),n&&(u.__createAPI_watcher=u.$watch(function(){var t={};return e.forEach(function(e,a){t[e]=u[i[a]]}),t},function(t){d&&d.$updateProps(t)}))}}(),function(){var t=s.props.$events;t&&(delete s.props.$events,(0,o.default)(t).forEach(function(e){var i=t[e];"string"==typeof i&&(i=u[i]),s.on[e]=i}))}(),"function"!=typeof e&&void 0===a&&(a=e,e=null);var r={single:a};n&&(r.parent=u);var d=c.open(s,e,r);if(d.__cube__parent!==u){d.__cube__parent=u;var p=function t(){l(),d.__cube__parent===u&&d.remove(),u.$off("hook:beforeDestroy",t),d.__cube__parent=null};n&&u.$on("hook:beforeDestroy",p)}return d}};return c}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var o=n(i),s=n(a),r=n(l),v=n(u);t.exports=e.default})},dz9r:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";function i(t){var e,i=t.naturalHeight,a=document.createElement("canvas");a.width=1,a.height=i;var l=a.getContext("2d");l.drawImage(t,0,0);try{e=l.getImageData(0,0,1,i).data}catch(t){return console.log("Cannot check verticalSquash: CORS?"),1}for(var u=0,n=i,c=i;c>u;){0===e[4*(c-1)+3]?n=c:u=c,c=n+u>>1}var o=c/i;return 0===o?1:o}function a(t){for(var e=atob(t.split(",")[1]),i=new ArrayBuffer(e.length),a=new Uint8Array(i),l=0;l4&&(t.width=l,t.height=a),i){case 2:e.translate(a,0),e.scale(-1,1);break;case 3:e.translate(a,l),e.rotate(Math.PI);break;case 4:e.translate(0,l),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,-l);break;case 7:e.rotate(.5*Math.PI),e.translate(a,-l),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-a,0)}}function c(t,e,c){var o=new FileReader;o.onload=function(o){if(!1===e.compress)return t.base64=o.target.result,void c(t);var s=new Image;s.onload=function(){var o=i(s),r=u(a(s.src)),v=document.createElement("canvas"),d=v.getContext("2d"),p=e.compress.width,x=e.compress.height,f=s.width,y=s.height,h=void 0;if(fx?(f=parseInt(x*s.width/s.height),y=x):f>=y&&f>p&&(y=parseInt(p*s.height/s.width),f=p),v.width=f,v.height=y,r>0&&n(v,d,r),d.drawImage(s,0,0,f,y/o),h=/image\/jpeg/.test(t.type)||/image\/jpg/.test(t.type)?v.toDataURL("image/jpeg",e.compress.quality):v.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."),c(t);else{var m=l(h);m.id=t.id,m.name=t.name,m.lastModified=t.lastModified,m.lastModifiedDate=t.lastModifiedDate,c(m)}else/;base64,null/.test(h)||/;base64,$/.test(h)?(e.onError(t,new Error("Compress fail, dataURL is "+h+".")),c()):(t.base64=h,c(t))},s.src=o.target.result},o.readAsDataURL(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=c,t.exports=e.default})},e3O1:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8"),i("K5n8")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a);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.updatePropsPicker=this.$createPicker({title:"Use $updateProps",data:[l.data1],selectedIndex:[0],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.subtitlePicker=this.$createPicker({title:"Picker",subtitle:"subtitle",data:[l.data1],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()},showUpdatePropsPicker:function(){var t=this;this.updatePropsPicker.show(),setTimeout(function(){t.updatePropsPicker.$updateProps({title:"Updated",data:[l.data1,l.data2,l.data3],selectedIndex:[1,2,3]})},1e3)},showSubtitlePicker:function(){this.subtitlePicker.show()},selectHandle:function(t,e,i){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:n.default,CubeButtonGroup:c.default}},t.exports=e.default})},eAlP:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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})},eBbK:function(t,e){},"eC/x":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("+rJ6"),i("Z5VE"),i("d64j"),i("wih/"),i("kww3")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}function o(t){return(""+t).length>1?t:"0"+t}function s(t,e){return Math.ceil(t/e)*e}Object.defineProperty(e,"__esModule",{value:!0});var r=c(a),v=c(l),d=c(u),p=c(n);e.default={name:"cube-time-picker",mixins:[r.default,v.default,d.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.isVisible||(this.isVisible=!0,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()}))},setTime:function(t){this.selectedTimeStamp=parseInt(t)},_resetTime:function(){var t=this;if(this.selectedTimeStamp){var e=new Date,a=e.getTime(),l=!1;this.selectedTimeStamp60-this.minuteStep&&24===(e+=1)&&(l=!0)),this.days[this.selectedDayIndex].value - date: "+t+"
- value: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:u.default,CubeButtonGroup:n.default}},t.exports=e.default})},eX6E:function(t,e){},eZWf:function(t,e,i){function a(t){i("gfHX")}var l=i("VU/8")(i("ZDnC"),i("EKox"),a,null,null);t.exports=l.exports},ejsb:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("UFDc")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:function(t){return"至少输入 "+t+" 位字符"},number:function(t){return"不得小于 "+t},array:function(t){return"请选择至少 "+t+" 项"},date:function(t){return"请选择 "+(0,i.toLocaleDateString)(t,"zh")+" 之后的时间"},email:function(t){return"至少输入 "+t+" 位字符"},tel:function(t){return"至少输入 "+t+" 位字符"},url:function(t){return"至少输入 "+t+" 位字符"}},max:{string:function(t){return"请勿超过 "+t+" 位字符"},number:function(t){return"请勿大于 "+t},array:function(t){return"最多选择 "+t+" 项"},date:function(t){return"请选择 "+(0,i.toLocaleDateString)(t,"zh")+" 之前的时间"},email:function(t){return"请勿超过 "+t+" 位字符"},tel:function(t){return"请勿超过 "+t+" 位字符"},url:function(t){return"请勿超过 "+t+" 位字符"}},len:{string:function(t){return"请输入 "+t+" 位字符"},number:function(t){return"需等于 "+t},array:function(t){return"请选择 "+t+" 项"},date:function(t){return"请选择 "+(0,i.toLocaleDateString)(t,"zh")},email:function(t){return"请输入 "+t+" 位字符"},tel:function(t){return"请输入 "+t+" 位字符"},url:function(t){return"请输入 "+t+" 位字符"}},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"},t.exports=e.default})},"f/6s":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("zuie")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-form-group",props:{legend:{type:String,default:""},fields:{type:Array,default:function(){return[]}}},beforeCreate:function(){this.form=this.$parent.form},beforeDestroy:function(){this.form=null},components:{CubeFormItem:a.default}},t.exports=e.default})},fGk3:function(t,e,i){function a(t){i("qx+r")}var l=i("VU/8")(i("HgDQ"),i("Zw0Y"),a,null,null);t.exports=l.exports},fK3K:function(t,e){},fUUX:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[i("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"options"},[i("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Scrollbar",value:t.scrollbar},on:{"update:value":t.updateScrollbar}}),t._v(" "),t.scrollbar?i("switch-option",{staticClass:"item sub first last",attrs:{name:"fade",value:t.scrollbarFade},on:{"update:value":t.updateScrollbarFade}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Pull Down Refresh",value:t.pullDownRefresh},on:{"update:value":t.updatePullDownRefresh}}),t._v(" "),t.pullDownRefresh?i("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?i("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?i("input-option",{staticClass:"item sub",attrs:{name:"txt",value:t.pullDownRefreshTxt},on:{"update:value":t.updatePullDownRefreshTxt}}):t._e(),t._v(" "),t.pullDownRefresh?i("switch-option",{staticClass:"item sub last",attrs:{name:"Custom Animation",value:t.customPullDown},on:{"update:value":t.updateCustomPullDown}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Pull Up Load",value:t.pullUpLoad},on:{"update:value":t.updatePullUpLoad}}),t._v(" "),t.pullUpLoad?i("input-option",{staticClass:"item sub first",attrs:{name:"threshold",value:t.pullUpLoadThreshold},on:{"update:value":t.updatePullUpLoadThreshold}}):t._e(),t._v(" "),t.pullUpLoad?i("input-option",{staticClass:"item sub",attrs:{name:"moreTxt",value:t.pullUpLoadMoreTxt},on:{"update:value":t.updatePullUpLoadMoreTxt}}):t._e(),t._v(" "),t.pullUpLoad?i("input-option",{staticClass:"item sub last",attrs:{name:"noMoreTxt",value:t.pullUpLoadNoMoreTxt},on:{"update:value":t.updatePullUpLoadNoMoreTxt}}):t._e()],1),t._v(" "),i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"Custom List",value:t.customList},on:{"update:value":t.updateCustomList}})],1),t._v(" "),i("div",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"startY",value:t.startY},on:{"update:value":t.updateStartY}})],1)])]),t._v(" "),i("div",{staticClass:"demo"},[i("div",{staticClass:"title sub"},[t._v("Demo")]),t._v(" "),i("div",{staticClass:"scroll-list-wrap"},[i("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?i("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?i("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[i("span",{class:{rotate:e.bubbleY>40}},[t._v("↓")])]):i("div",{staticClass:"after-trigger"},[e.isPullingDown?i("div",{staticClass:"loading"},[i("cube-loading")],1):i("div",[i("span",[t._v("Refresh success")])])])]):t._e()]:void 0}}])},[t.customList?i("ul",{staticClass:"foods-wrapper"},t._l(t.items,function(e){return i("li",{staticClass:"food-item border-1px",on:{click:function(i){t.selectFood(e,i)}}},[i("div",{staticClass:"icon"},[i("img",{attrs:{width:"57",height:"57",src:e.icon}})]),t._v(" "),i("div",{staticClass:"food-content"},[i("h2",{staticClass:"name"},[t._v(t._s(e.name))]),t._v(" "),i("p",{staticClass:"description"},[t._v(t._s(e.description))]),t._v(" "),i("div",{staticClass:"extra"},[i("span",{staticClass:"count"},[t._v("月售"+t._s(e.sellCount)+"份")]),i("span",[t._v("好评率"+t._s(e.rating)+"%")])]),t._v(" "),i("div",{staticClass:"price"},[i("span",{staticClass:"now"},[t._v("¥"+t._s(e.price))]),t._v(" "),i("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(" "),i("div",{staticClass:"methods"},[i("div",{staticClass:"title sub"},[t._v("Methods")]),t._v(" "),i("ul",{staticClass:"method-list"},[i("li",{staticClass:"group"},[i("input-option",{staticClass:"item",attrs:{name:"x",value:t.scrollToX},on:{"update:value":t.updateScrollToX}}),t._v(" "),i("input-option",{staticClass:"item",attrs:{name:"y",value:t.scrollToY},on:{"update:value":t.updateScrollToY}}),t._v(" "),i("input-option",{staticClass:"item",attrs:{name:"time",value:t.scrollToTime},on:{"update:value":t.updateScrollToTime}}),t._v(" "),i("select-option",{staticClass:"item",attrs:{name:"easing",value:t.scrollToEasing,options:t.scrollToEasingOptions},on:{"update:value":t.updateScrollToEasing}}),t._v(" "),i("button",{on:{click:t.scrollTo}},[t._v("scrollTo")])],1)])])])])},staticRenderFns:[]}},fZ0D:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("mvHQ"),i("XPXN"),i("O6S8"),i("9zBd"),i("LeY8")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=u.provinceList.slice(),d=JSON.parse((0,o.default)(u.cityList)),p=JSON.parse((0,o.default)(u.areaList)),x=u.provinceList;x.forEach(function(t){t.children=u.cityList[t.value],t.children.forEach(function(t){t.children=u.areaList[t.value]})});var f=v,y=[0,0,0];f[0].children=d[f[0].value],f[0].children[0].children=p[f[0].children[0].value],e.default={mounted:function(){this.cascadePicker=this.$createCascadePicker({title:"Cascade Picker",data:n.cascadeData,selectedIndex:[0,1,0],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.addressPicker=this.$createCascadePicker({title:"City Picker",data:x,onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.setDataPicker=this.$createCascadePicker({title:"Set Data",onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.asyncPicker=this.$createCascadePicker({title:"Async Load Data",async:!0,data:f,selectedIndex:y.slice(),onSelect:this.selectHandle,onCancel:this.cancelHandle,onChange:this.asyncChangeHandle})},methods:{showCascadePicker:function(){this.cascadePicker.show()},showAddressPicker:function(){this.addressPicker.show()},showSetDataPicker:function(){var t=this;this.setDataPicker.setData(n.cascadeData),this.setDataPicker.show(),setTimeout(function(){t.setDataPicker.setData(x,[1,1,0])},1e3)},showAsyncPicker:function(){this.asyncPicker.show()},asyncChangeHandle:function(t,e){var i=this;e!==y[t]&&(y[t]=e,t<2&&setTimeout(function(){if(0===t){var a=f[e];a.children=a.children||d[a.value],a.children[0].children=a.children[0].children||p[a.children[0].value],y[1]=0,y[2]=0}if(1===t){var l=f[y[0]].children[e];l.children=l.children||p[l.value],y[2]=0}i.asyncPicker.setData(f,y)},500))},selectHandle:function(t,e,i){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.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})},fd7u:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("xYoV"),i("aDIA")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(i);l.default.install=function(t){t.component(l.default.name,l.default)},l.default.addRule=a.addRule,l.default.addMessage=a.addMessage,l.default.addType=a.addType,l.default.setLanguage=a.setLanguage,e.default=l.default,t.exports=e.default})},fidG:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-textarea",data:function(){return{textareaValue:this.value,expanded:!1,isFocus:!1}},props:{value:{type:String,default:""},cols:Number,rows:Number,readonly:Boolean,wrap:String,required:Boolean,placeholder:{type:String,default:"please type here..."},dirname:String,form:String,name:String,autofocus:Boolean,disabled:{type:Boolean,default:!1},maxlength:{type:Number,default:60}},computed:{remain:function(){return this.maxlength-this.value.length}},watch:{value:function(t){this.textareaValue=t},textareaValue:function(t){this.$emit("input",t),!this.isFocus&&this.expanded&&(this.expanded=!1)}},methods:{handleFocus:function(t){this.$emit("focus",t),this.expanded=!0,this.isFocus=!0},handleBlur:function(t){this.$emit("blur",t),0===this.textareaValue.length&&(this.expanded=!1),this.isFocus=!1}}},t.exports=e.default})},fn00:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"form-custom",title:"Form 表单"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-form",{attrs:{model:t.model},on:{validate:t.validateHandler,submit:t.submitHandler}},[i("cube-form-group",[i("cube-form-item",{attrs:{field:t.fields[0]}}),t._v(" "),i("cube-form-item",{attrs:{field:t.fields[1]}}),t._v(" "),i("cube-form-item",{attrs:{field:t.fields[2]}},[i("cube-button",{on:{click:t.showDatePicker}},[t._v(t._s(t.model.dateValue||"Please select"))]),t._v(" "),i("date-picker",{ref:"datePicker",attrs:{min:[2008,8,8],max:[2020,10,20]},on:{select:t.dateSelectHandler}})],1)],1),t._v(" "),i("cube-form-group",[i("cube-button",{attrs:{type:"submit"}},[t._v("Submit")])],1)],1),t._v(" "),i("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),i("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},"g9J/":function(t,e,i){function a(t){i("oiuS")}var l=i("VU/8")(i("XEOk"),i("34AZ"),a,null,null);t.exports=l.exports},gBDM:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("O6S8"),i("XPXN"),i("1Vb/"),i("6SSl")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l),r=n(u);e.default={data:function(){return{text:"",disabled:!1,maxlength:60,width:"274px"}},methods:{updateDisabled:function(t){this.disabled=t},updateMaxlength:function(t){this.maxlength=t},updateWidth:function(t){this.width=t}},components:{CubeButtonGroup:c.default,CubePage:o.default,SwitchOption:s.default,InputOption:r.default}},t.exports=e.default})},gCE8:function(t,e,i){function a(t){i("R+4a")}var l=i("VU/8")(i("pjk/"),i("12+A"),a,null,null);t.exports=l.exports},gLZT:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("LIRj"),i("du89")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t,e,a,l){var n=u.default.apply(this,arguments),c=e.name,o=c.replace(/^cube-/i,""),s="$"+(0,i.camelize)("create-"+o);return t.prototype[s]=n.create,e.$create=n.create,n}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},gMFX:function(t,e){},gTcW:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("canvas",{ref:"bubble",style:t.style,attrs:{width:t.width,height:t.height}})},staticRenderFns:[]}},gYth:function(t,e,i){var a=i("VU/8")(i("JOED"),i("VOzN"),null,null,null);t.exports=a.exports},gfHX:function(t,e){},gz49:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-switch",props:{value:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{checkboxValue:this.value}},watch:{value:function(t){this.checkboxValue=t},checkboxValue:function(t){this.$emit("input",t)}}},t.exports=e.default})},h1qY:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8"),i("Mr73")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);e.default={components:{CubePage:n.default,CubeButtonGroup:c.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/index-list/"+t)}}},t.exports=e.default})},h7Gw:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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}}}})},h8Kk:function(t,e,i){function a(t){i("QvWg")}var l=i("VU/8")(i("1j+8"),i("d9cM"),a,null,null);t.exports=l.exports},"hC+w":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);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}],selected4:"1",options4:[{label:"1",value:"1",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg"},{label:"2",value:"2",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg"},{label:"3",value:"3",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg",disabled:!0}]}},components:{CubePage:a.default}},t.exports=e.default})},hHHY:function(t,e){},hIuT:function(t,e){},hdAL:function(t,e,i){function a(t){i("hIuT")}var l=i("VU/8")(i("eLAg"),i("7JW3"),a,null,null);t.exports=l.exports},hlu4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"formItem",staticClass:"cube-form-item border-bottom-1px",class:t.itemClass},[t.isBtnField?i("cube-button",t._b({},"cube-button",t.fieldValue.props,!1),[t._v(t._s(t.fieldValue.label))]):[t._t("label",[i("div",{directives:[{name:"show",rawName:"v-show",value:t.fieldValue.label,expression:"fieldValue.label"}],staticClass:"cube-form-label"},[i("span",[t._v(t._s(t.fieldValue.label))])])]),t._v(" "),t.hasRules?i("cube-validator",{ref:"validator",staticClass:"cube-form-field",attrs:{disabled:t.validatorDisabled,model:t.validatorModel,rules:t.fieldValue.rules,messages:t.fieldValue.messages},on:{input:t.validatorChangeHandler,validating:t.validatingHandler,validated:t.validatedHandler,"msg-click":t.msgClick},model:{value:t.originValid,callback:function(e){t.originValid=e},expression:"originValid"}},[t._t("default",[i(t.componentName,t._g(t._b({tag:"component",model:{value:t.modelValue,callback:function(e){t.modelValue=e},expression:"modelValue"}},"component",t.fieldValue.props,!1),t.fieldValue.events))])],2):i("div",{staticClass:"cube-form-field"},[t._t("default",[i(t.componentName,t._g(t._b({tag:"component",model:{value:t.modelValue,callback:function(e){t.modelValue=e},expression:"modelValue"}},"component",t.fieldValue.props,!1),t.fieldValue.events))])],2)]],2)},staticRenderFns:[]}},i3b6:function(t,e){},"iQ/X":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("XPXN"),i("O6S8"),i("9zBd"),i("K5n8")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=l.provinceList;s.forEach(function(t){t.children=l.cityList[t.value],t.children.forEach(function(t){t.children=l.areaList[t.value]})});var r=[{is:"cube-date-picker",title:"入学时间",min:new Date(2e3,0,1),max:new Date(2030,11,31)},{is:"cube-date-picker",title:"毕业时间",min:new Date(2e3,0,1),max:new Date(2030,11,31)}];e.default={mounted:function(){var t=this;this.dateSegmentPicker=this.$createSegmentPicker({data:r,onSelect:function(e,i,a){t.$createDialog({type:"warn",content:"Selected Items:
- 入学时间: "+a[0].join("")+"
- 毕业时间: "+a[1].join(""),icon:"cubeic-alert"}).show()},onNext:function(e,i,a,l){r[1].min=i,0===e&&t.dateSegmentPicker.$updateProps({data:r})}}),this.citySegmentPicker=this.$createSegmentPicker({data:[{title:"选择快递",data:[u.expressData],selectedIndex:[1]},{is:"cube-cascade-picker",title:"寄件地址",data:s,selectedIndex:[0,0,0],cancelTxt:"返回"},{is:"cube-cascade-picker",title:"收件地址",data:s,selectedIndex:[0,0,0]}],cancelTxt:"Cancel",confirmTxt:"Confirm",nextTxt:"Next",prevTxt:"Prev",onSelect:function(e,i,a){t.$createDialog({type:"warn",content:"Selected Items:
- 所选快递: "+a[0].join("")+"
- 寄件地址: "+a[1].join("")+"
- 收件地址: "+a[2].join(""),icon:"cubeic-alert"}).show()}})},methods:{showDateSegmentPicker:function(){this.dateSegmentPicker.show()},showCitySegmentPicker:function(){this.citySegmentPicker.show()}},components:{CubePage:c.default,CubeButtonGroup:o.default}},t.exports=e.default})},iQe6:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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})},iQwk:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("GQaK")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default=a.default,t.exports=e.default})},iRyi:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-swipe"},[t._t("default",[i("transition-group",{attrs:{name:"cube-swipe",tag:"ul"}},t._l(t.data,function(e,a){return i("li",{key:e.item.value},[i("cube-swipe-item",{ref:"swipeItem",refInFor:!0,attrs:{btns:e.btns,item:e.item,index:a,"auto-shrink":t.autoShrink},on:{"item-click":t.onItemClick,"btn-click":t.onBtnClick,active:t.onItemActive}})],1)}))])],2)},staticRenderFns:[]}},inlK:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,u.default)(t,e,["select","cancel","value-change"]).before(function(t,e,i){i&&(0,a.warn)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},ir9C:function(t,e){},izCJ:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("Yu0J")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},"j/Id":function(t,e,i){function a(t){i("qGk2")}var l=i("VU/8")(i("NFzl"),i("NZLs"),a,null,null);t.exports=l.exports},jC7o:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"radio-view",title:"Radio"}},[i("template",{slot:"content"},[i("cube-radio-group",{attrs:{options:t.options},model:{value:t.selected,callback:function(e){t.selected=e},expression:"selected"}}),t._v(" "),i("p",[t._v("selected value: "+t._s(t.selected))]),t._v(" "),i("cube-radio-group",{attrs:{options:t.options2,position:"right","hollow-style":!0},model:{value:t.selected2,callback:function(e){t.selected2=e},expression:"selected2"}}),t._v(" "),i("p",[t._v("selected value: "+t._s(t.selected2))]),t._v(" "),i("cube-radio-group",{attrs:{options:t.options3,horizontal:!0},model:{value:t.selected3,callback:function(e){t.selected3=e},expression:"selected3"}}),t._v(" "),i("p",[t._v("selected value: "+t._s(t.selected3))]),t._v(" "),i("cube-radio-group",t._l(t.options4,function(e,a){return i("cube-radio",{key:a,attrs:{option:e},model:{value:t.selected4,callback:function(e){t.selected4=e},expression:"selected4"}},[i("img",{attrs:{src:e.src}})])})),t._v(" "),i("p",[t._v("selected img: "+t._s(t.selected4))])],1)],2)},staticRenderFns:[]}},jWap:function(t,e){},jdO8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper"},[i("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,pullUpLoad:!0},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-up":t.onPullingUp}})],1)])])])},staticRenderFns:[]}},jjfl:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(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},option:{type:[Boolean,String,Object],default:function(){return{_def_option:!0}}},position:{type:String,default:"left"},shape:{type:String,default:"circle"},hollowStyle:{type:Boolean,default:!1}},data:function(){var t=this.$parent,e=t.$data._checkboxGroup;return{isInGroup:e,isInHorizontalGroup:e&&t.$props.horizontal}},computed:{computedOption:function(){var t=this.option,e=this.label,i=this.disabled;return!0===t._def_option?t={label:e,value:e,disabled:i}:"string"==typeof t&&(t={label:t,value:t,disabled:!1}),t},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(t){var e=this.computedOption.value,i=e&&t?e:t,a=t?"checked":"cancel-checked";this.$emit("input",i),this.isInGroup&&this.$parent.$emit(a,e||t)}},_containerClass:function(){return{"cube-checkbox-hollow":this.hollowStyle,"cube-checkbox_checked":this.checkValue,"cube-checkbox_disabled":this.computedOption.disabled,"border-right-1px":this.isInHorizontalGroup}},_wrapClass:function(){if(this.isInGroup&&!this.isInHorizontalGroup)return"border-bottom-1px"},isSquare:function(){return"square"===this.shape||this.hollowStyle},_borderIconClass:function(){return this.isSquare?"cubeic-square-border":"cubeic-round-border"},_rightIconClass:function(){return this.isSquare?"cubeic-square-right":"cubeic-right"}}},t.exports=e.default})},jnfQ:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("fZjL"),i("//Fk"),i("XPXN"),i("b1gV")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(i),o=n(a),s=n(l);e.default={data:function(){return{immediate:!1,text1:"",isValid:[void 0,void 0,void 0,void 0,void 0,void 0],rules1:{required:!0,type:"email",pattern:/didi.com$/,custom:function(t){return t.length>=12}},messages1:{pattern:"The E-mail suffix need to be didi.com.",custom:"The E-mail need contain at least 12 characters."},text2:"",rules2:{type:"string",pattern:/^cube-/,min:8,max:10},messages2:{pattern:'Please start with "cube-"'},text3:"100",rules3:{type:"number",odd:!0},checkList:[],rules4:{required:!0},rate:0,rules5:{min:1,max:4},captcha:"",rules6:{type:"number",required:!0,len:6,captchaCheck:function(t){return function(e){setTimeout(function(){e("123456"===t)},1e3)}}},messages6:{captchaCheck:'Please input "123456"'}}},created:function(){u.Validator.setLanguage("en"),u.Validator.addRule("odd",function(t,e,i){return Number(t)%2==1}),u.Validator.addMessage("odd","Please input odd."),u.Validator.addType("email",function(t){return"string"==typeof t&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)$/i.test(t)})},methods:{validatingHandler:function(){console.log("validating")},validatedHandler:function(){console.log("validated")},submit:function(){var t=this;o.default.all((0,c.default)(this.$refs).map(function(e){return t.$refs[e].validate()})).then(function(){t.isValid.every(function(t){return t})&&t.$createToast({type:"correct",txt:"Submited",time:1e3}).show()})}},components:{CubePage:s.default}},t.exports=e.default})},"k+Su":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("yjF1"),i("7lCl")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);n.default.install=function(t){t.component(u.default.name,u.default),t.component(n.default.name,n.default)},n.default.Checkbox=u.default,e.default=n.default,t.exports=e.default})},kAHR:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,u.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,a.warn)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},kBQQ:function(t,e,i){function a(t){i("U6M5")}var l=i("VU/8")(i("xH1B"),i("USmt"),a,null,null);t.exports=l.exports},kLzu:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("bOdI"),i("Gu7T"),i("t7U9"),i("agqa"),i("Z5VE"),i("d64j")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(i),r=o(a),v=o(u),d=o(n),p=o(c),x=(0,l.prefixStyle)("transform");e.default={name:"cube-drawer",mixins:[d.default,p.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}}},data:function(){return{index:-1,selectedVal:[],selectedText:[],selected:[].concat((0,r.default)(this.selectedIndex)),slideStyle:(0,s.default)({},x,"translate3d(0, 0, 0)")}},watch:{selectedIndex:function(t){this.selected=[].concat((0,r.default)(t))},index:function(t,e){this.showPanel(),t0){var i=e-1,a=this.selected[i];this.changeHandler(i,this.data[i][a],a)}break}this.computedStyle()}},hide:function(){this.slideStyle[x]="translate3d(0, 0, 0)",this.shouldHide=!0},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)},transitionend:function(){this.shouldHide&&(this.isVisible=!1,this.shouldHide=!1)},refill:function(t,e,i){this.$set(this.data,t,e),this.index=t,this.selected=this.selected.slice(0,t),this.selectedVal=this.selectedVal.slice(0,t),this.selectedText=this.selectedText.slice(0,t),i>=0&&(this.$set(this.selected,t,i),this.changeHandler(t,this.data[t][i],i))},showPanel:function(){for(var t=this.index,e=0;e<=t;)this.panels[e].show(),e++;this.computedStyle()},hidePanel:function(){for(var t=this.data.length,e=this.index+1;e - value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+i.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:l.default}},t.exports=e.default})},kftu:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-file",on:{click:t.clickHandler}},[t._t("default",[i("div",{staticClass:"cube-upload-file-def",style:t.fileStyle},[i("i",{staticClass:"cubeic-wrong",on:{click:function(e){return e.stopPropagation(),t.removeFile(e)}}}),t._v(" "),i("div",{staticClass:"cube-upload-file-state",class:t.fileStatusCls},[i("i",{staticClass:"cube-upload-file-status",class:t.statusCls}),t._v(" "),i("span",{staticClass:"cube-upload-file-progress"},[t._v(t._s(t.fileProgress))])])])],{imgStyle:t.fileStyle,progress:t.fileProgress})],2)},staticRenderFns:[]}},kgN1:function(t,e,i){function a(t){i("BbKW")}var l=i("VU/8")(i("txVD"),i("zlrq"),a,null,null);t.exports=l.exports},kjd8:function(t,e,i){var a,l,u;!function(i,n){l=[e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e){t.type="button",t.props||(t.props={}),t.props.type=e};t.toButtonHandler=e})},kww3:function(t,e,i){function a(t){i("o3ex")}var l=i("VU/8")(i("vpa7"),i("JQOp"),a,null,null);t.exports=l.exports},"l+e5":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("O6S8"),i("XPXN")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);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:u.default,CubePage:n.default}},t.exports=e.default})},l6Sg:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"textarea-view",title:"Textarea"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"textarea-wrapper"},[i("cube-textarea",{attrs:{disabled:t.disabled,maxlength:+t.maxlength||60,width:t.width||"300px"},model:{value:t.text,callback:function(e){t.text=e},expression:"text"}})],1),t._v(" "),i("div",{staticClass:"options"},[i("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),i("div",{staticClass:"option-list"},[i("div",{staticClass:"group"},[i("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),i("input-option",{staticClass:"item sub",attrs:{name:"maxlength",value:t.maxlength},on:{"update:value":t.updateMaxlength}}),t._v(" "),i("input-option",{staticClass:"item sub",attrs:{name:"width",value:t.width},on:{"update:value":t.updateWidth}})],1)])])])])},staticRenderFns:[]}},lLnp:function(t,e){},lVK7:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("b1gV")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";function a(t){if(!a.installed){a.installed=!0;[i.Style,i.Button,i.TimePicker,i.SegmentPicker,i.DatePicker,i.Select,i.Dialog,i.Tip,i.Toast,i.Input,i.Validator,i.Textarea,i.Rate,i.CheckboxGroup,i.RadioGroup,i.Switch,i.Form,i.Slide,i.IndexList,i.ActionSheet,i.Scroll,i.Popup,i.Upload,i.Swipe,i.Drawer].forEach(function(e){e.install(t)})}}Object.defineProperty(e,"__esModule",{value:!0});var l={version:"1.8.4",install:a,BScroll:i.BScroll,createAPI:i.createAPI};"undefined"!=typeof window&&window.Vue&&window.Vue.use(a),e.default=l,t.exports=e.default})},lVze:function(t,e,i){function a(t){i("+akI")}var l=i("VU/8")(i("MNuz"),i("Eu3/"),a,null,null);t.exports=l.exports},li82:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-slide-item"},[t._t("default",[i("a",{attrs:{href:t.item.url}},[i("img",{attrs:{src:t.item.image}})])])],2)},staticRenderFns:[]}},lzDd:function(t,e){},"m/LA":function(t,e,i){function a(t){i("aA6D")}var l=i("VU/8")(i("H+BD"),i("udGh"),a,null,null);t.exports=l.exports},mLUJ:function(t,e){},"mW/s":function(t,e){},mkLW:function(t,e,i){function a(t){i("qITJ")}var l=i("VU/8")(i("oVd1"),i("Fxpn"),a,null,null);t.exports=l.exports},mok4:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("kww3"),i("3kPI"),i("kAHR")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);c.default.install=function(t){t.component(n.default.name,n.default),t.component(c.default.name,c.default),(0,o.default)(t,n.default)},c.default.Picker=n.default,e.default=c.default,t.exports=e.default})},mwCR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"page-move"}},[i("router-view",{staticClass:"cube-view"})],1)},staticRenderFns:[]}},"mz/u":function(t,e){},nDaK:function(t,e){},nFiz:function(t,e){},nb3f:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("tx1y"),i("eZWf"),i("6KDq"),i("wIkl"),i("TMiY"),i("JgmB"),i("8jxs"),i("4xIg"),i("yB4N"),i("1H2N"),i("DXQ8"),i("m/LA"),i("hdAL"),i("Bhgd"),i("BH5X"),i("gYth"),i("zZ81"),i("p9oh"),i("ZiC1"),i("pmij"),i("5HTY"),i("YVqS"),i("AnsX"),i("AgjA"),i("W2Hj"),i("clb7"),i("Bf/j"),i("1btU"),i("kBQQ"),i("8F4S"),i("A5db"),i("Pe8L"),i("KrQh"),i("eE6y"),i("dTzF"),i("58Ml"),i("qWZY"),i("zI96"),i("VcN6"),i("DIVr"),i("UqhO"),i("eClu"),i("cQz5"),i("kgN1"),i("h8Kk")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c,o,s,r,v,d,p,x,f,y,h,m,g,b,_,w,k,T,P,C,j,S,M,V,D,I,R,$,O,U,E,F,A,H,L,N,B,X,z,G){"use strict";function q(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var Y=q(i),W=q(a),K=q(l),Z=q(u),J=q(n),Q=q(c),tt=q(o),et=q(s),it=q(r),at=q(v),lt=q(d),ut=q(p),nt=q(x),ct=q(f),ot=q(y),st=q(h),rt=q(m),vt=q(g),dt=q(b),pt=q(_),xt=q(w),ft=q(k),yt=q(T),ht=q(P),mt=q(C),gt=q(j),bt=q(S),_t=q(M),wt=q(V),kt=q(D),Tt=q(I),Pt=q(R),Ct=q($),jt=q(O),St=q(U),Mt=q(E),Vt=q(F),Dt=q(A),It=q(H),Rt=q(L),$t=q(N),Ot=q(B),Ut=q(X),Et=q(z),Ft=q(G),At=[{path:"/button",component:Y.default},{path:"/checkbox",component:W.default},{path:"/checkbox-group",component:K.default},{path:"/radio",component:Z.default},{path:"/input",component:at.default},{path:"/textarea",component:lt.default},{path:"/switch",component:J.default},{path:"/form",component:nt.default,children:[{path:"default",component:ct.default},{path:"custom",component:ot.default},{path:"classic",component:st.default},{path:"fresh",component:rt.default}]},{path:"/loading",component:Q.default},{path:"/tip",component:tt.default},{path:"/popup",component:et.default},{path:"/toast",component:it.default},{path:"/rate",component:ut.default},{path:"/picker",component:vt.default},{path:"/cascade-picker",component:dt.default},{path:"/segment-picker",component:pt.default},{path:"/date-picker",component:xt.default},{path:"/time-picker",component:ft.default},{path:"/select",component:yt.default},{path:"/dialog",component:ht.default},{path:"/action-sheet",component:mt.default},{path:"/scroll",component:gt.default},{path:"/index-list",component:bt.default,children:[{path:"default",component:_t.default},{path:"custom",component:wt.default},{path:"pull-up-load",component:kt.default},{path:"pull-down-refresh",component:Tt.default}]},{path:"/upload",component:Pt.default,children:[{path:"default",component:Ct.default},{path:"compress",component:jt.default},{path:"custom",component:St.default}]},{path:"/validator",component:Mt.default},{path:"/swipe",component:Vt.default,children:[{path:"default",component:Dt.default},{path:"custom",component:It.default}]},{path:"/drawer",component:Rt.default,children:[{path:"default",component:$t.default},{path:"custom",component:Ot.default}]},{path:"/slide",component:Ut.default,children:[{path:"vertical",component:Et.default},{path:"horizontal",component:Ft.default}]}];e.default=At,t.exports=e.default})},niVN:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("gLZT")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";function a(t,e){(0,l.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var l=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},nmXI:function(t,e){},nqbe:function(t,e){},nr3t:function(t,e){},"o/OE":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}]}]},o3ex:function(t,e){},"oIl+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[i("template",{slot:"content"},[i("cube-checkbox-group",{attrs:{options:t.options},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),i("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),i("br"),t._v(" "),i("cube-checkbox-group",{attrs:{options:t.options,horizontal:!0,position:"right",shape:"square","hollow-style":!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),i("br"),t._v(" "),i("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[i("cube-checkbox",{attrs:{option:"1"}},[i("i",[t._v("Checkbox 1")])]),t._v(" "),i("cube-checkbox",{attrs:{option:"2"}},[i("i",[t._v("Checkbox 2")])]),t._v(" "),i("cube-checkbox",{attrs:{option:{value:"3",disabled:!0}}},[i("i",[t._v("Disabled Checkbox")])]),t._v(" "),i("cube-checkbox",{attrs:{option:{value:"4",disabled:!0}}},[i("i",[t._v("Disabled & Checked Checkbox")])])],1)],1)],2)},staticRenderFns:[]}},oLGW:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("BD2p"),i("ZhPo"),i("AQXh")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=u(i),c=u(a),o=u(l);n.default.install=function(t){t.component(n.default.name,n.default),t.component(c.default.name,c.default),t.component(o.default.name,o.default)},n.default.Btn=c.default,n.default.File=o.default,e.default=n.default,t.exports=e.default})},oVd1:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",props:{value:String,option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(t){this.radioValue=t},radioValue:function(t){this.$emit("input",t)}},computed:{_containerClass:function(){var t=this.option;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===(t.value||t),"cube-radio_disabled":t.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){if(!this.$parent.horizontal)return"border-bottom-1px"}}},t.exports=e.default})},oiuS:function(t,e){},ooaU:function(t,e){},p9oh:function(t,e,i){var a=i("VU/8")(i("e3O1"),i("XU5Z"),null,null,null);t.exports=a.exports},"pjk/":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("t7U9"),i("cL1+"),i("bh5B"),i("6liq")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(l),o=n(u),s=a.inBrowser&&window.innerHeight<=480?17:18,r=(0,i.prefixStyle)("transform");e.default={name:"cube-index-list",props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},speed:{type:Number,default:0},navbar:{type:Boolean,default:!0},pullDownRefresh:{type:[Boolean,Object],default:!1},pullUpLoad:{type:[Boolean,Object],default:!1}},data:function(){return{currentIndex:0,scrollY:-1,diff:-1,titleHeight:0}},computed:{fixedTitle:function(){return this.title&&!this.titleHeight&&this._caculateTitleHeight(),this.scrollY<=-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):""})},options:function(){return{probeType:3,pullDownRefresh:this.pullDownRefresh,pullUpLoad:this.pullUpLoad}}},created:function(){this.listenScroll=!0,this.groupList=[],this.listHeight=[],this.touch={},this.subTitleHeight=0},mounted:function(){var t=this;this.$nextTick(function(){t.title&&t._caculateTitleHeight(),t._calculateHeight()})},methods:{refresh:function(){this.$refs.scroll.refresh()},selectItem:function(t){this.$emit("select",t)},scroll:function(t){this.scrollY=t.y},titleClick:function(){this.$emit("title-click",this.title)},forceUpdate:function(){this.$refs.scroll.forceUpdate()},onShortcutTouchStart:function(t){var e=(0,i.getMatchedTarget)(t,"cube-index-list-nav-item");if(e){var a=(0,i.getData)(e,"index"),l=t.touches[0];this.touch.y1=l.pageY,this.touch.anchorIndex=a,this._scrollTo(a)}},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var i=(this.touch.y2-this.touch.y1)/s|0,a=parseInt(this.touch.anchorIndex)+i;this._scrollTo(a)},onPullingUp:function(){this.$emit("pulling-up")},onPullingDown:function(){this.$emit("pulling-down")},_caculateTitleHeight:function(){this.titleHeight=this.$refs.title?(0,i.getRect)(this.$refs.title).height:0},_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,i.getRect)(t).height:0,this.listHeight=[],this.groupList){var e=this.titleHeight;this.listHeight.push(e);for(var a=0;athis.listHeight.length-2&&(t=this.listHeight.length-2),this.$refs.scroll.scrollToElement(this.groupList[t],this.speed),this.scrollY=this.$refs.scroll.scroll.y}},watch:{data:function(){var t=this;this.$nextTick(function(){t._calculateHeight()})},title:function(t){var e=this;this.$nextTick(function(){e._caculateTitleHeight(),e._calculateHeight()})},diff:function(t){var e=t>0&&t-this.titleHeight)return void(this.currentIndex=0);for(var i=0;i=a&&-t-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var i=t.inputValue,a=e.target,l=!!a.checked;if(Array.isArray(i)){var u=t._i(i,null);a.checked?u<0&&(t.inputValue=i.concat([null])):u>-1&&(t.inputValue=i.slice(0,u).concat(i.slice(u+1)))}else t.inputValue=l},t.changeHander]}},"input",t.$props,!1)):"radio"===t._type?i("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:t.disabled,readonly:t.readonly,autocomplete:t.autocomplete,autofocus:t.autofocus,type:"radio"},domProps:{checked:t._q(t.inputValue,null)},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){t.inputValue=null},t.changeHander]}},"input",t.$props,!1)):i("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:t.disabled,readonly:t.readonly,autocomplete:t.autocomplete,autofocus:t.autofocus,type:t._type},domProps:{value:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.inputValue=e.target.value)}}},"input",t.$props,!1)),t._v(" "),t.$slots.append||t._showClear||t._showPwdEye?i("div",{staticClass:"cube-input-append"},[t._showClear?i("div",{staticClass:"cube-input-clear",on:{click:t.handleClear}},[i("i",{staticClass:"cubeic-wrong"})]):t._e(),t._v(" "),t._showPwdEye?i("div",{staticClass:"cube-input-eye",on:{click:t.handlePwdEye}},[i("i",{class:t.eyeClass})]):t._e(),t._v(" "),t._t("append")],2):t._e()])},staticRenderFns:[]}},qGk2:function(t,e){},qITJ:function(t,e){},qKQa:function(t,e){},qWZY:function(t,e,i){function a(t){i("nr3t")}var l=i("VU/8")(i("umxa"),i("7wV/"),a,null,null);t.exports=l.exports},qeyv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-validator",class:t.containerClass},[i("div",{staticClass:"cube-validator-content"},[t._t("default")],2),t._v(" "),i("div",{staticClass:"cube-validator-msg",on:{click:t.msgClickHandler}},[t._t("message",[i("span",{staticClass:"cube-validator-msg-def"},[t._v(t._s(t.dirtyOrValidated?t.msg:""))])],{message:t.msg,dirty:t.dirty,validated:t.validated,validating:t.validating,result:t.result})],2)])},staticRenderFns:[]}},qgN4:function(t,e,i){var a=i("VU/8")(i("de/F"),i("HS2u"),null,null,null);t.exports=a.exports},qqiS:function(t,e,i){function a(t){i("gMFX")}var l=i("VU/8")(i("iQe6"),i("bZrS"),a,null,null);t.exports=l.exports},"qx+r":function(t,e){},r6LN:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("SOQt"),i("Gp4f")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);u.default.install=function(t){t.component(u.default.name,u.default),(0,n.default)(t,u.default)},e.default=u.default,t.exports=e.default})},rQlO:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-slide-item",props:{item:{type:Object,default:function(){return{}}}}},t.exports=e.default})},rViw:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-tip-zoom"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-tip",attrs:{"data-dir":t.direction},on:{click:t.handleClick}},[i("i",{ref:"angle",staticClass:"cube-tip-angle"}),t._v(" "),i("button",{staticClass:"cube-tip-close cubeic-close",on:{click:function(e){return e.stopPropagation(),t.close(e)}}}),t._v(" "),i("div",{staticClass:"cube-tip-content"},[t._t("default")],2)])])},staticRenderFns:[]}},s0qb:function(t,e,i){var a,l,u;!function(n,c){l=[e,i("cL1+")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";function i(t,e,i,l){for(var u=[],n=t.length,c=0,o=0;o0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,l=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,n=l&&l.base64||"";return{name:t,size:e,url:n?"":u(l),base64:n,status:i,progress:a,file:l}}function u(t){return t&&n?n.createObjectURL(t):""}Object.defineProperty(t,"__esModule",{value:!0}),t.STATUS_SUCCESS=t.STATUS_ERROR=t.STATUS_UPLOADING=t.STATUS_READY=t.URL=void 0,t.processFiles=i,t.processFile=a,t.newFile=l;var n=t.URL=e.inBrowser?window.URL||window.webkitURL||window.mozURL:null,c=t.STATUS_READY="ready";t.STATUS_UPLOADING="uploading",t.STATUS_ERROR="error",t.STATUS_SUCCESS="success"})},"s8G+":function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("fZjL"),i("Z5VE")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a);e.default={name:"cube-tip",mixins:[n.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,i={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(a){var l=t[a.name];if(0!==l){var n="number"==typeof l;e[a.target]=l+(n?"px":""),a.percentFix&&!n&&(0,u.default)(a.percentFix).forEach(function(t){e[t]=a.percentFix[t]}),e[i[a.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},sTLp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("pull-up-load")}}},[t._v("Pull Up Load")]),t._v(" "),i("cube-button",{on:{click:function(e){t.goTo("pull-down-refresh")}}},[t._v("Pull Down Refresh")])],1),t._v(" "),i("cube-view")],1)])},staticRenderFns:[]}},sdgg:function(t,e){},suVo:function(t,e,i){function a(t){i("ooaU")}var l=i("VU/8")(i("G59/"),i("BINl"),a,null,null);t.exports=l.exports},t3q3:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,u.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,a.warn)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},t7U9:function(t,e,i){var a,l,u;!function(n,c){l=[e,i("cL1+")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";function i(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function a(t,e){if(!i(t,e)){var a=t.className.split(" ");a.push(e),t.className=a.join(" ")}}function l(t,e){if(i(t,e)){var a=new RegExp("(^|\\s)"+e+"(\\s|$)","g");t.className=t.className.replace(a," ")}}function u(t,e){return t.getAttribute("data-"+e)}function n(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function c(t){return!1!==r&&("standard"===r?"transitionEnd"===t?"transitionend":t:r+t.charAt(0).toUpperCase()+t.substr(1))}function o(t,e){for(var a=t.target;a&&!i(a,e);){if(a===t.currentTarget)return null;a=a.parentNode}return a}function s(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=i.type,l=void 0===a?"Event":a,u=i.bubbles,n=void 0===u||u,c=i.cancelable,o=void 0===c||c,s=document.createEvent(l);s.initEvent(e,n,o),t.dispatchEvent(s)}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=i,t.addClass=a,t.removeClass=l,t.getData=u,t.getRect=n,t.prefixStyle=c,t.getMatchedTarget=o,t.dispatchEvent=s;var r=function(){if(!e.inBrowser)return!1;var t=document.createElement("div").style,i={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var a in i)if(void 0!==t[i[a]])return a;return!1}()})},tEcF:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("mkLW")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-radio-group",props:{value:String,options:{type:Array,default:function(){return[]}},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(t){this.radioValue=t},radioValue:function(t){this.$emit("input",t)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:a.default}},t.exports=e.default})},tJl4:function(t,e,i){var a,l,u;!function(i,n){l=[t,e],a=n,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={STANDARD:"standard",CLASSIC:"classic",FRESH:"fresh"};e.default=i,t.exports=e.default})},tNeh:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("kww3"),i("VzLe"),i("JBFj"),i("kAHR"),i("t3q3"),i("C2tW")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n,c){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(i),r=o(a),v=o(l),d=o(u),p=o(n),x=o(c);v.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default),t.component(v.default.name,v.default),(0,d.default)(t,s.default),(0,p.default)(t,r.default),(0,x.default)(t,v.default)},v.default.Picker=s.default,v.default.CascadePicker=r.default,e.default=v.default,t.exports=e.default})},tmZ1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper"},[i("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,pullDownRefresh:t.pullDownRefresh},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-down":t.onPullingDown}})],1)])])])},staticRenderFns:[]}},tspx:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("t7U9"),i("4BV0"),i("+rJ6")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var u=(0,i.prefixStyle)("transform"),n=(0,i.prefixStyle)("transitionProperty"),c=(0,i.prefixStyle)("transitionDuration"),o=(0,i.prefixStyle)("transitionTimingFunction");e.default={name:"cube-swipe-item",props:{item:{type:Object,default:function(){return{}}},btns:{type:Array,default:function(){return[]}},index:{type:Number,index:-1},autoShrink:{type:Boolean,default:!1}},created:function(){this.x=0,this.state=0},mounted:function(){var t=this;this.scrollerStyle=this.$refs.swipeItem.style,this.$nextTick(function(){t.refresh()}),this.$on("scroll",this._handleBtns)},methods:{_initCachedBtns:function(){this.cachedBtns=[];for(var t=this.$refs.btns.length,e=0;e=0){i=!0;break}e=e.parentNode}return i},_calculateBtnsWidth:function(){for(var t=0,e=this.cachedBtns.length,i=0;i0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[n]=t},_transitionTimingFunction:function(t){this.scrollerStyle[o]=t},_transitionTime:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.scrollerStyle[c]=t+"ms"},_getComputedPositionX:function(){var t=window.getComputedStyle(this.$refs.swipeItem,null);return t=t[u].split(")")[0].split(", "),+(t[12]||t[4])},_translateBtns:function(t,e,i){if(0!==this.btns.length)for(var a=this.$refs.btns.length,l=0,s=0,r=0;r0&&(this._initCachedBtns(),this._calculateBtnsWidth()),this.endTime=0},shrink:function(){var t=this;this.stop(),this.state=0,this.$nextTick(function(){t.scrollTo(0,600,a.easeOutQuart),t._translateBtns(600,a.easeOutQuart)})},grow:function(){this.state=1;var t=this.x300&&u<15)){this.movingDirectionX=i>0?-1:i<0?1:0;var c=this.x+i;c>0&&(c=0),c300&&(this.startTime=n,this.startX=this.x),this.$emit("scroll",this.x)}}}},onTouchEnd:function(){if(this.moved){if(-1===this.movingDirectionX)return void this.shrink();this.endTime=(0,l.getNow)();var t=this.endTime-this.startTime,e=Math.abs(this.x-this.startX);t<300&&e>15||this.xi&&(this.pickerSelectedVal.splice(i),this.pickerSelectedIndex.splice(i)),t=!0);for(var l=0;lt){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})}},components:{CubePopup:d.default}},t.exports=e.default})},vuoK:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{data:t.data,"selected-index":t.selectedIndex,title:t.title,subtitle:t.subtitle,"cancel-txt":t.cancelTxt,"confirm-txt":t.confirmTxt,"swipe-time":t.swipeTime,"z-index":t.zIndex},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},vx2j:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"upload-view-compress",title:"Upload"}},[i("template",{slot:"content"},[i("p",[t._v("Compress&Base64 upload: ")]),t._v(" "),i("div",[i("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1,"process-file":t.processFile},on:{"file-submitted":t.fileSubmitted}})],1)])],2)},staticRenderFns:[]}},w5NG:function(t,e){},wIkl:function(t,e,i){function a(t){i("wbz+")}var l=i("VU/8")(i("hC+w"),i("jC7o"),a,null,null);t.exports=l.exports},wLKS:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("VKJd"),i("GQaK")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(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},stopPropagation:{type:Boolean,default:!1},direction:{type:String,default:"horizontal"},showDots:{type:Boolean,default:!0}},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.$nextTick(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(){null!==this.slide&&(this.slide&&this.slide.destroy(),clearTimeout(this._timer),this.slide&&(this.currentPageIndex=0),this._updateSlideDom(),this.showDots&&this._initDots(),this.currentPageIndex>=this.dots.length&&(this.currentPageIndex=this.dots.length-1),this._initSlide(),this.autoPlay&&this._play())},_refresh:function(){this._updateSlideDom(!0),this.slide.refresh()},_updateSlideDom:function(t){this._setSlideStyle(t)},_setSlideStyle:function(t){this.children=this.$refs.slideGroup.children;for(var e="horizontal"===this.direction?"width":"height",i=0,a=this.$refs.slide["client"+(e[0].toUpperCase()+e.slice(1))],l=this.children.length,u=0;u1&&(i+=2*a),this.$refs.slideGroup.style[e]=i+"px"},_initSlide:function(){var t=this,e="horizontal"===this.direction&&this.allowVertical?"vertical":"";this.slide=new n.default(this.$refs.slide,{scrollX:"horizontal"===this.direction,scrollY:"vertical"===this.direction,momentum:!1,bounce:!1,eventPassthrough:e,snap:{loop:this.loop,threshold:this.threshold,speed:this.speed},stopPropagation:this.stopPropagation,click:!0,observeDOM:!1}),this.slide.goToPage(this.currentPageIndex,0,0),this.slide.on("scrollEnd",this._onScrollEnd);var i=this.$refs.slide;i.removeEventListener("touchend",this._touchEndEvent,!1),this._touchEndEvent=function(){t.autoPlay&&t._play()},i.addEventListener("touchend",this._touchEndEvent,!1),this.slide.on("beforeScrollStart",function(){t.autoPlay&&clearTimeout(t._timer)})},_onScrollEnd:function(){var t=this.slide.getCurrentPage().pageX;this.currentPageIndex!==t&&(this.currentPageIndex=t,this.$emit("change",this.currentPageIndex)),this.autoPlay&&this._play()},_initDots:function(){this.dots=new Array(this.children.length)},_play:function(){var t=this;clearTimeout(this._timer),this._timer=setTimeout(function(){t.slide.next()},this.interval)},_deactivated:function(){clearTimeout(this._timer),clearTimeout(this._resizeTimer),window.removeEventListener("resize",this._resizeHandler);var t=this.$refs.slide;t&&t.removeEventListener("touchend",this._touchEndEvent,!1)},_resizeHandler:function(){var t=this;this.slide&&(clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(function(){t.slide.isInTransition?t._onScrollEnd():t.autoPlay&&t._play(),t._refresh()},60))}},mounted:function(){var t=this;this.$nextTick(function(){t.refresh()}),window.addEventListener("resize",this._resizeHandler)},activated:function(){this.autoPlay&&this._play(),window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._deactivated()},destroyed:function(){this._deactivated(),this.slide&&(this.slide.destroy(),this.slide=null)},components:{CubeSlideItem:u.default}},t.exports=e.default})},wOxr:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("gLZT"),i("XRNA")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t,e){(0,u.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,a.warn)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},wT65:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("bh5B")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},waH8:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("kww3"),i("Z5VE"),i("d64j"),i("yIJW"),i("wih/")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a,l,u,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=c(i),s=c(a),r=c(l),v=c(u),d=c(n);e.default={name:"cube-cascade-picker",mixins:[s.default,r.default,v.default,d.default],props:{async:{type:Boolean,default:!1}},data:function(){return{cascadeData:this.data.slice(),pickerSelectedIndex:this.selectedIndex.slice(),pickerData:[],pending:!1}},created:function(){this._updatePickerData()},methods:{setData:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.pending=!1,this.cascadeData=t.slice(),this.pickerSelectedIndex=e.slice(),this._updatePickerData()},_pickerSelect:function(t,e,i){this.$emit("select",t,e,i)},_pickerCancel:function(){this.$emit("cancel")},_pickerChange:function(t,e){e!==this.pickerSelectedIndex[t]&&(this.pickerSelectedIndex.splice(t,1,e),this.async?this.pending=t!==this.pickerData.length-1: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,i=this.cascadeData,a=0;i;)a>=e&&function(){var l=[];i.forEach(function(e){l.push({value:e[t.valueKey],text:e[t.textKey]})}),t.pickerData[a]=l,t.pickerSelectedIndex[a]=0===e?t.pickerSelectedIndex[a]My Popup Content 3"},model:{value:t.visible3,callback:function(e){t.visible3=e},expression:"visible3"}}),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup(3)}}},[t._v("Show Popup - with content")])],1),t._v(" "),i("div",[i("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",center:!1},model:{value:t.visible4,callback:function(e){t.visible4=e},expression:"visible4"}},[t._v("My Popup Content 4")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup(4)}}},[t._v("Show Popup - bottom")])],1),t._v(" "),i("div",[i("cube-extend-popup",{ref:"extendPopup",attrs:{content:"click here hide"}}),t._v(" "),i("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}},yb46:function(t,e,i){function a(t){i("eBbK")}var l=i("VU/8")(i("tEcF"),i("Qx69"),a,null,null);t.exports=l.exports},yjF1:function(t,e,i){function a(t){i("FI+X")}var l=i("VU/8")(i("jjfl"),i("c8JE"),a,null,null);t.exports=l.exports},z16Y:function(t,e,i){var a,l,u;!function(n,c){l=[t,e,i("/ocq"),i("nb3f")],a=c,void 0!==(u="function"==typeof a?a.apply(e,l):a)&&(t.exports=u)}(0,function(t,e,i,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),n=l(a),c=new u.default({routes:n.default});e.default=c,t.exports=e.default})},zI96:function(t,e,i){function a(t){i("Zvx6")}var l=i("VU/8")(i("EzL5"),i("K3bW"),a,null,null);t.exports=l.exports},zIl2:function(t,e){},zZ81:function(t,e,i){var a=i("VU/8")(i("LXLj"),i("IBT5"),null,null,null);t.exports=a.exports},zlrq:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{ref:"slideWrapper",staticClass:"slide-container-v"},[i("cube-slide",{ref:"slide",attrs:{data:t.items,loop:t.loop,showDots:!1,direction:"vertical"}})],1)])])},staticRenderFns:[]}},zuie:function(t,e,i){function a(t){i("i3b6")}var l=i("VU/8")(i("QNIf"),i("hlu4"),a,null,null);t.exports=l.exports}},["SrUm"]); \ No newline at end of file diff --git a/docs/example/js/vendor.cdf42c86d595e856feff.js b/docs/example/js/vendor.b8b985b977d3b78e5278.js similarity index 63% rename from docs/example/js/vendor.cdf42c86d595e856feff.js rename to docs/example/js/vendor.b8b985b977d3b78e5278.js index edc64a2fd684b3c9173927f0b60664a8bf543b22..50144f0c3c36b6cec39ed924f9897cdf2ffc1556 100644 --- a/docs/example/js/vendor.cdf42c86d595e856feff.js +++ b/docs/example/js/vendor.b8b985b977d3b78e5278.js @@ -1,23 +1,23 @@ -webpackJsonp([1],{"+E39":function(t,e,n){t.exports=!n("S82l")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},"+ZMJ":function(t,e,n){var r=n("lOnJ");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)}}},"+tPU":function(t,e,n){n("xGkn");for(var r=n("7KvD"),i=n("hJx8"),o=n("/bQp"),s=n("dSzd")("toStringTag"),a="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),c=0;c=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 _r.call(t,e)}function g(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function y(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){return t.bind(e)}function _(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function w(t,e){for(var n in e)t[n]=e[n];return t}function x(t){for(var e={},n=0;n-1)if(o&&!m(i,"default"))s=!1;else if(""===s||s===Sr(t)){var c=nt(String,i.type);(c<0||a0&&(s=bt(s,(e||"")+"_"+n),yt(s[0])&&yt(u)&&(l[c]=j(u.text+s[0].text),s.shift()),l.push.apply(l,s)):a(s)?yt(u)?l[c]=j(u.text+s):""!==s&&l.push(j(s)):yt(s)&&yt(u)?l[c]=j(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 _t(t,e){return(t.__esModule||Kr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?e.extend(t):t}function wt(t,e,n,r,i){var o=ri();return o.asyncFactory=t,o.asyncMeta={data:e,context:n,children:r,tag:i},o}function xt(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;tCi&&Ei[n].id>t.id;)n--;Ei.splice(n+1,0,t)}else Ei.push(t);ki||(ki=!0,ct(Yt))}}function Ut(t,e,n){Pi.get=function(){return this[e][n]},Pi.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Pi)}function Wt(t){t._watchers=[];var e=t.$options;e.props&&qt(t,e.props),e.methods&&Zt(t,e.methods),e.data?Vt(t):N(t._data={},!0),e.computed&&Kt(t,e.computed),e.watch&&e.watch!==Hr&&te(t,e.watch)}function qt(t,e){var n=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[];!t.$parent||R(!1);for(var o in e)!function(o){i.push(o);var s=J(o,e,n,t);X(r,o,s),o in t||Ut(t,"_props",o)}(o);R(!0)}function Vt(t){var e=t.$options.data;e=t._data="function"==typeof e?Qt(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)||O(o)||Ut(t,"_data",o)}N(e,!0)}function Qt(t,e){P();try{return t.call(e,e)}catch(t){return rt(t,e,"data()"),{}}finally{L()}}function Kt(t,e){var n=t._computedWatchers=Object.create(null),r=Vr();for(var i in e){var o=e[i],s="function"==typeof o?o:o.get;r||(n[i]=new Mi(t,s||E,E,Li)),i in t||Gt(t,i,o)}}function Gt(t,e,n){var r=!Vr();"function"==typeof n?(Pi.get=r?Jt(e):n,Pi.set=E):(Pi.get=n.get?r&&!1!==n.cache?Jt(e):n.get:E,Pi.set=n.set?n.set:E),Object.defineProperty(t,e,Pi)}function Jt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),Zr.target&&e.depend(),e.value}}function Zt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?E:kr(e[n],t)}function te(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 De(t){this._init(t)}function Re(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=_(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 Ie(t){t.mixin=function(t){return this.options=K(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=K(n.options,t),s.super=n,s.options.props&&Ne(s),s.options.computed&&Xe(s),s.extend=n.extend,s.mixin=n.mixin,s.use=n.use,Mr.forEach(function(t){s[t]=n[t]}),o&&(s.options.components[o]=s),s.superOptions=n.options,s.extendOptions=t,s.sealedOptions=w({},s.options),i[r]=s,s}}function Ne(t){var e=t.options.props;for(var n in e)Ut(t.prototype,"_props",n)}function Xe(t){var e=t.options.computed;for(var n in e)Gt(t.prototype,n,e[n])}function Ye(t){Mr.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 Be(t){return t&&(t.Ctor.options.name||t.tag)}function ze(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=Be(s.componentOptions);a&&!e(a)&&Fe(n,o,r,i)}}}function Fe(t,e,n,r){var i=t[e];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[e]=null,v(n,e)}function Ue(t){for(var e=t.data,n=t,r=t;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=We(r.data,e));for(;i(n=n.parent);)n&&n.data&&(e=We(e,n.data));return qe(e.staticClass,e.class)}function We(t,e){return{staticClass:Ve(t.staticClass,e.staticClass),class:i(t.class)?[t.class,e.class]:e.class}}function qe(t,e){return i(t)||i(e)?Ve(t,Qe(e)):""}function Ve(t,e){return t?e?t+" "+e:t:e||""}function Qe(t){return Array.isArray(t)?Ke(t):c(t)?Ge(t):"string"==typeof t?t:""}function Ke(t){for(var e,n="",r=0,o=t.length;r-1?no[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:no[t]=/HTMLUnknownElement/.test(e.toString())}function tn(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}function en(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 nn(t,e){return document.createElementNS(Ji[t],e)}function rn(t){return document.createTextNode(t)}function on(t){return document.createComment(t)}function sn(t,e,n){t.insertBefore(e,n)}function an(t,e){t.removeChild(e)}function cn(t,e){t.appendChild(e)}function un(t){return t.parentNode}function ln(t){return t.nextSibling}function hn(t){return t.tagName}function fn(t,e){t.textContent=e}function pn(t,e){t.setAttribute(e,"")}function dn(t,e){var n=t.data.ref;if(i(n)){var r=t.context,o=t.componentInstance||t.elm,s=r.$refs;e?Array.isArray(s[n])?v(s[n],o):s[n]===o&&(s[n]=void 0):t.data.refInFor?Array.isArray(s[n])?s[n].indexOf(o)<0&&s[n].push(o):s[n]=[o]:s[n]=o}}function vn(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&i(t.data)===i(e.data)&&mn(t,e)||o(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function mn(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||ro(r)&&ro(o)}function gn(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 yn(t,e){(t.data.directives||e.data.directives)&&bn(t,e)}function bn(t,e){var n,r,i,o=t===so,s=e===so,a=_n(t.data.directives,t.context),c=_n(e.data.directives,e.context),u=[],l=[];for(n in c)r=a[n],i=c[n],r?(i.oldValue=r.value,xn(i,"update",e,t),i.def&&i.def.componentUpdated&&l.push(i)):(xn(i,"bind",e,t),i.def&&i.def.inserted&&u.push(i));if(u.length){var h=function(){for(var n=0;n-1?Sn(t,e,n):qi(e)?Gi(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):Wi(e)?t.setAttribute(e,Gi(n)||"false"===n?"false":"true"):Qi(e)?Gi(n)?t.removeAttributeNS(Vi,Ki(e)):t.setAttributeNS(Vi,e,n):Sn(t,e,n)}function Sn(t,e,n){if(Gi(n))t.removeAttribute(e);else{if(Xr&&!Yr&&"TEXTAREA"===t.tagName&&"placeholder"===e&&!t.__ieph){var r=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(e,n)}}function kn(t,e){var n=e.elm,o=e.data,s=t.data;if(!(r(o.staticClass)&&r(o.class)&&(r(s)||r(s.staticClass)&&r(s.class)))){var a=Ue(e),c=n._transitionClasses;i(c)&&(a=Ve(a,Qe(c))),a!==n._prevClass&&(n.setAttribute("class",a),n._prevClass=a)}}function On(t){if(i(t[po])){var e=Xr?"change":"input";t[e]=[].concat(t[po],t[e]||[]),delete t[po]}i(t[vo])&&(t.change=[].concat(t[vo],t.change||[]),delete t[vo])}function Cn(t,e,n){var r=Bi;return function i(){null!==t.apply(null,arguments)&&Mn(e,i,n,r)}}function An(t,e,n,r,i){e=at(e),n&&(e=Cn(e,t,r)),Bi.addEventListener(t,e,Fr?{capture:r,passive:i}:r)}function Mn(t,e,n,r){(r||Bi).removeEventListener(t,e._withTask||e,n)}function Pn(t,e){if(!r(t.data.on)||!r(e.data.on)){var n=e.data.on||{},i=t.data.on||{};Bi=e.elm,On(n),ft(n,i,An,Mn,e.context),Bi=void 0}}function Ln(t,e){if(!r(t.data.domProps)||!r(e.data.domProps)){var n,o,s=e.elm,a=t.data.domProps||{},c=e.data.domProps||{};i(c.__ob__)&&(c=e.data.domProps=w({},c));for(n in a)r(c[n])&&(s[n]="");for(n in c){if(o=c[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),o===a[n])continue;1===s.childNodes.length&&s.removeChild(s.childNodes[0])}if("value"===n){s._value=o;var u=r(o)?"":String(o);jn(s,u)&&(s.value=u)}else s[n]=o}}}function jn(t,e){return!t.composing&&("OPTION"===t.tagName||Dn(t,e)||Rn(t,e))}function Dn(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}function Rn(t,e){var n=t.value,r=t._vModifiers;if(i(r)){if(r.lazy)return!1;if(r.number)return p(n)!==p(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}function In(t){var e=$n(t.style);return t.staticStyle?w(t.staticStyle,e):e}function $n(t){return Array.isArray(t)?x(t):"string"==typeof t?yo(t):t}function Nn(t,e){var n,r={};if(e)for(var i=t;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=In(i.data))&&w(r,n);(n=In(t.data))&&w(r,n);for(var o=t;o=o.parent;)o.data&&(n=In(o.data))&&w(r,n);return r}function Xn(t,e){var n=e.data,o=t.data;if(!(r(n.staticStyle)&&r(n.style)&&r(o.staticStyle)&&r(o.style))){var s,a,c=e.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},h=u||l,f=$n(e.data.style)||{};e.data.normalizedStyle=i(f.__ob__)?w({},f):f;var p=Nn(e,!0);for(a in h)r(p[a])&&wo(c,a,"");for(a in p)(s=p[a])!==h[a]&&wo(c,a,null==s?"":s)}}function Yn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-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 Bn(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 zn(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&w(e,So(t.name||"v")),w(e,t),e}return"string"==typeof t?So(t):void 0}}function Hn(t){jo(function(){jo(t)})}function Fn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),Yn(t,e))}function Un(t,e){t._transitionClasses&&v(t._transitionClasses,e),Bn(t,e)}function Wn(t,e,n){var r=qn(t,e),i=r.type,o=r.timeout,s=r.propCount;if(!i)return n();var a=i===Oo?Mo:Lo,c=0,u=function(){t.removeEventListener(a,l),n()},l=function(e){e.target===t&&++c>=s&&u()};setTimeout(function(){c0&&(n=Oo,l=s,h=o.length):e===Co?u>0&&(n=Co,l=u,h=c.length):(l=Math.max(s,u),n=l>0?s>u?Oo:Co:null,h=n?n===Oo?o.length:c.length:0),{type:n,timeout:l,propCount:h,hasTransform:n===Oo&&Do.test(r[Ao+"Property"])}}function Vn(t,e){for(;t.length1}function tr(t,e){!0!==e.data.show&&Kn(e)}function er(t,e,n){nr(t,e,n),(Xr||Br)&&setTimeout(function(){nr(t,e,n)},0)}function nr(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(ir(s),r))return void(t.selectedIndex!==a&&(t.selectedIndex=a));i||(t.selectedIndex=-1)}}function rr(t,e){return e.every(function(e){return!T(e,t)})}function ir(t){return"_value"in t?t._value:t.value}function or(t){t.target.composing=!0}function sr(t){t.target.composing&&(t.target.composing=!1,ar(t.target,"input"))}function ar(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function cr(t){return!t.componentInstance||t.data&&t.data.transition?t:cr(t.componentInstance._vnode)}function ur(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?ur(Tt(e.children)):t}function lr(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[xr(o)]=i[o];return e}function hr(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function fr(t){for(;t=t.parent;)if(t.data.transition)return!0}function pr(t,e){return e.key===t.key&&e.tag===t.tag}function dr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function vr(t){t.data.newPos=t.elm.getBoundingClientRect()}function mr(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],{"+E39":function(t,e,n){t.exports=!n("S82l")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},"+ZMJ":function(t,e,n){var r=n("lOnJ");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)}}},"+tPU":function(t,e,n){n("xGkn");for(var r=n("7KvD"),i=n("hJx8"),o=n("/bQp"),s=n("dSzd")("toStringTag"),a="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),c=0;c=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 _r.call(t,e)}function g(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function y(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){return t.bind(e)}function _(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function w(t,e){for(var n in e)t[n]=e[n];return t}function x(t){for(var e={},n=0;n-1)if(o&&!m(i,"default"))s=!1;else if(""===s||s===Sr(t)){var c=nt(String,i.type);(c<0||a0&&(s=bt(s,(e||"")+"_"+n),yt(s[0])&&yt(u)&&(l[c]=j(u.text+s[0].text),s.shift()),l.push.apply(l,s)):a(s)?yt(u)?l[c]=j(u.text+s):""!==s&&l.push(j(s)):yt(s)&&yt(u)?l[c]=j(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 _t(t,e){return(t.__esModule||Kr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?e.extend(t):t}function wt(t,e,n,r,i){var o=ri();return o.asyncFactory=t,o.asyncMeta={data:e,context:n,children:r,tag:i},o}function xt(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;tCi&&Ei[n].id>t.id;)n--;Ei.splice(n+1,0,t)}else Ei.push(t);ki||(ki=!0,ct(Yt))}}function Ut(t,e,n){Pi.get=function(){return this[e][n]},Pi.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Pi)}function Wt(t){t._watchers=[];var e=t.$options;e.props&&qt(t,e.props),e.methods&&Zt(t,e.methods),e.data?Vt(t):N(t._data={},!0),e.computed&&Kt(t,e.computed),e.watch&&e.watch!==Hr&&te(t,e.watch)}function qt(t,e){var n=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[];!t.$parent||R(!1);for(var o in e)!function(o){i.push(o);var s=J(o,e,n,t);X(r,o,s),o in t||Ut(t,"_props",o)}(o);R(!0)}function Vt(t){var e=t.$options.data;e=t._data="function"==typeof e?Qt(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)||O(o)||Ut(t,"_data",o)}N(e,!0)}function Qt(t,e){P();try{return t.call(e,e)}catch(t){return rt(t,e,"data()"),{}}finally{L()}}function Kt(t,e){var n=t._computedWatchers=Object.create(null),r=Vr();for(var i in e){var o=e[i],s="function"==typeof o?o:o.get;r||(n[i]=new Ai(t,s||E,E,Li)),i in t||Gt(t,i,o)}}function Gt(t,e,n){var r=!Vr();"function"==typeof n?(Pi.get=r?Jt(e):n,Pi.set=E):(Pi.get=n.get?r&&!1!==n.cache?Jt(e):n.get:E,Pi.set=n.set?n.set:E),Object.defineProperty(t,e,Pi)}function Jt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),Zr.target&&e.depend(),e.value}}function Zt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?E:kr(e[n],t)}function te(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 De(t){this._init(t)}function Re(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=_(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 Ie(t){t.mixin=function(t){return this.options=K(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=K(n.options,t),s.super=n,s.options.props&&Ne(s),s.options.computed&&Xe(s),s.extend=n.extend,s.mixin=n.mixin,s.use=n.use,Ar.forEach(function(t){s[t]=n[t]}),o&&(s.options.components[o]=s),s.superOptions=n.options,s.extendOptions=t,s.sealedOptions=w({},s.options),i[r]=s,s}}function Ne(t){var e=t.options.props;for(var n in e)Ut(t.prototype,"_props",n)}function Xe(t){var e=t.options.computed;for(var n in e)Gt(t.prototype,n,e[n])}function Ye(t){Ar.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 Be(t){return t&&(t.Ctor.options.name||t.tag)}function ze(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=Be(s.componentOptions);a&&!e(a)&&Fe(n,o,r,i)}}}function Fe(t,e,n,r){var i=t[e];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[e]=null,v(n,e)}function Ue(t){for(var e=t.data,n=t,r=t;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=We(r.data,e));for(;i(n=n.parent);)n&&n.data&&(e=We(e,n.data));return qe(e.staticClass,e.class)}function We(t,e){return{staticClass:Ve(t.staticClass,e.staticClass),class:i(t.class)?[t.class,e.class]:e.class}}function qe(t,e){return i(t)||i(e)?Ve(t,Qe(e)):""}function Ve(t,e){return t?e?t+" "+e:t:e||""}function Qe(t){return Array.isArray(t)?Ke(t):c(t)?Ge(t):"string"==typeof t?t:""}function Ke(t){for(var e,n="",r=0,o=t.length;r-1?no[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:no[t]=/HTMLUnknownElement/.test(e.toString())}function tn(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}function en(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 nn(t,e){return document.createElementNS(Ji[t],e)}function rn(t){return document.createTextNode(t)}function on(t){return document.createComment(t)}function sn(t,e,n){t.insertBefore(e,n)}function an(t,e){t.removeChild(e)}function cn(t,e){t.appendChild(e)}function un(t){return t.parentNode}function ln(t){return t.nextSibling}function hn(t){return t.tagName}function fn(t,e){t.textContent=e}function pn(t,e){t.setAttribute(e,"")}function dn(t,e){var n=t.data.ref;if(i(n)){var r=t.context,o=t.componentInstance||t.elm,s=r.$refs;e?Array.isArray(s[n])?v(s[n],o):s[n]===o&&(s[n]=void 0):t.data.refInFor?Array.isArray(s[n])?s[n].indexOf(o)<0&&s[n].push(o):s[n]=[o]:s[n]=o}}function vn(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&i(t.data)===i(e.data)&&mn(t,e)||o(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function mn(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||ro(r)&&ro(o)}function gn(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 yn(t,e){(t.data.directives||e.data.directives)&&bn(t,e)}function bn(t,e){var n,r,i,o=t===so,s=e===so,a=_n(t.data.directives,t.context),c=_n(e.data.directives,e.context),u=[],l=[];for(n in c)r=a[n],i=c[n],r?(i.oldValue=r.value,xn(i,"update",e,t),i.def&&i.def.componentUpdated&&l.push(i)):(xn(i,"bind",e,t),i.def&&i.def.inserted&&u.push(i));if(u.length){var h=function(){for(var n=0;n-1?Sn(t,e,n):qi(e)?Gi(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):Wi(e)?t.setAttribute(e,Gi(n)||"false"===n?"false":"true"):Qi(e)?Gi(n)?t.removeAttributeNS(Vi,Ki(e)):t.setAttributeNS(Vi,e,n):Sn(t,e,n)}function Sn(t,e,n){if(Gi(n))t.removeAttribute(e);else{if(Xr&&!Yr&&"TEXTAREA"===t.tagName&&"placeholder"===e&&!t.__ieph){var r=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(e,n)}}function kn(t,e){var n=e.elm,o=e.data,s=t.data;if(!(r(o.staticClass)&&r(o.class)&&(r(s)||r(s.staticClass)&&r(s.class)))){var a=Ue(e),c=n._transitionClasses;i(c)&&(a=Ve(a,Qe(c))),a!==n._prevClass&&(n.setAttribute("class",a),n._prevClass=a)}}function On(t){if(i(t[po])){var e=Xr?"change":"input";t[e]=[].concat(t[po],t[e]||[]),delete t[po]}i(t[vo])&&(t.change=[].concat(t[vo],t.change||[]),delete t[vo])}function Cn(t,e,n){var r=Bi;return function i(){null!==t.apply(null,arguments)&&An(e,i,n,r)}}function Mn(t,e,n,r,i){e=at(e),n&&(e=Cn(e,t,r)),Bi.addEventListener(t,e,Fr?{capture:r,passive:i}:r)}function An(t,e,n,r){(r||Bi).removeEventListener(t,e._withTask||e,n)}function Pn(t,e){if(!r(t.data.on)||!r(e.data.on)){var n=e.data.on||{},i=t.data.on||{};Bi=e.elm,On(n),ft(n,i,Mn,An,e.context),Bi=void 0}}function Ln(t,e){if(!r(t.data.domProps)||!r(e.data.domProps)){var n,o,s=e.elm,a=t.data.domProps||{},c=e.data.domProps||{};i(c.__ob__)&&(c=e.data.domProps=w({},c));for(n in a)r(c[n])&&(s[n]="");for(n in c){if(o=c[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),o===a[n])continue;1===s.childNodes.length&&s.removeChild(s.childNodes[0])}if("value"===n){s._value=o;var u=r(o)?"":String(o);jn(s,u)&&(s.value=u)}else s[n]=o}}}function jn(t,e){return!t.composing&&("OPTION"===t.tagName||Dn(t,e)||Rn(t,e))}function Dn(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}function Rn(t,e){var n=t.value,r=t._vModifiers;if(i(r)){if(r.lazy)return!1;if(r.number)return p(n)!==p(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}function In(t){var e=$n(t.style);return t.staticStyle?w(t.staticStyle,e):e}function $n(t){return Array.isArray(t)?x(t):"string"==typeof t?yo(t):t}function Nn(t,e){var n,r={};if(e)for(var i=t;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=In(i.data))&&w(r,n);(n=In(t.data))&&w(r,n);for(var o=t;o=o.parent;)o.data&&(n=In(o.data))&&w(r,n);return r}function Xn(t,e){var n=e.data,o=t.data;if(!(r(n.staticStyle)&&r(n.style)&&r(o.staticStyle)&&r(o.style))){var s,a,c=e.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},h=u||l,f=$n(e.data.style)||{};e.data.normalizedStyle=i(f.__ob__)?w({},f):f;var p=Nn(e,!0);for(a in h)r(p[a])&&wo(c,a,"");for(a in p)(s=p[a])!==h[a]&&wo(c,a,null==s?"":s)}}function Yn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-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 Bn(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 zn(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&w(e,So(t.name||"v")),w(e,t),e}return"string"==typeof t?So(t):void 0}}function Hn(t){jo(function(){jo(t)})}function Fn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),Yn(t,e))}function Un(t,e){t._transitionClasses&&v(t._transitionClasses,e),Bn(t,e)}function Wn(t,e,n){var r=qn(t,e),i=r.type,o=r.timeout,s=r.propCount;if(!i)return n();var a=i===Oo?Ao:Lo,c=0,u=function(){t.removeEventListener(a,l),n()},l=function(e){e.target===t&&++c>=s&&u()};setTimeout(function(){c0&&(n=Oo,l=s,h=o.length):e===Co?u>0&&(n=Co,l=u,h=c.length):(l=Math.max(s,u),n=l>0?s>u?Oo:Co:null,h=n?n===Oo?o.length:c.length:0),{type:n,timeout:l,propCount:h,hasTransform:n===Oo&&Do.test(r[Mo+"Property"])}}function Vn(t,e){for(;t.length1}function tr(t,e){!0!==e.data.show&&Kn(e)}function er(t,e,n){nr(t,e,n),(Xr||Br)&&setTimeout(function(){nr(t,e,n)},0)}function nr(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(ir(s),r))return void(t.selectedIndex!==a&&(t.selectedIndex=a));i||(t.selectedIndex=-1)}}function rr(t,e){return e.every(function(e){return!T(e,t)})}function ir(t){return"_value"in t?t._value:t.value}function or(t){t.target.composing=!0}function sr(t){t.target.composing&&(t.target.composing=!1,ar(t.target,"input"))}function ar(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function cr(t){return!t.componentInstance||t.data&&t.data.transition?t:cr(t.componentInstance._vnode)}function ur(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?ur(Tt(e.children)):t}function lr(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[xr(o)]=i[o];return e}function hr(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function fr(t){for(;t=t.parent;)if(t.data.transition)return!0}function pr(t,e){return e.key===t.key&&e.tag===t.tag}function dr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function vr(t){t.data.newPos=t.elm.getBoundingClientRect()}function mr(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.16 * (c) 2014-2018 Evan You * Released under the MIT License. */ -var gr=Object.freeze({}),yr=Object.prototype.toString,br=(d("slot,component",!0),d("key,ref,slot,slot-scope,is")),_r=Object.prototype.hasOwnProperty,wr=/-(\w)/g,xr=g(function(t){return t.replace(wr,function(t,e){return e?e.toUpperCase():""})}),Er=g(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Tr=/\B([A-Z])/g,Sr=g(function(t){return t.replace(Tr,"-$1").toLowerCase()}),kr=Function.prototype.bind?b:y,Or=function(t,e,n){return!1},Cr=function(t){return t},Ar="data-server-rendered",Mr=["component","directive","filter"],Pr=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Lr={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Or,isReservedAttr:Or,isUnknownElement:Or,getTagNamespace:E,parsePlatformTagName:Cr,mustUseProp:Or,_lifecycleHooks:Pr},jr=/[^\w.$]/,Dr="__proto__"in{},Rr="undefined"!=typeof window,Ir="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,$r=Ir&&WXEnvironment.platform.toLowerCase(),Nr=Rr&&window.navigator.userAgent.toLowerCase(),Xr=Nr&&/msie|trident/.test(Nr),Yr=Nr&&Nr.indexOf("msie 9.0")>0,Br=Nr&&Nr.indexOf("edge/")>0,zr=(Nr&&Nr.indexOf("android"),Nr&&/iphone|ipad|ipod|ios/.test(Nr)||"ios"===$r),Hr=(Nr&&/chrome\/\d+/.test(Nr),{}.watch),Fr=!1;if(Rr)try{var Ur={};Object.defineProperty(Ur,"passive",{get:function(){Fr=!0}}),window.addEventListener("test-passive",null,Ur)}catch(t){}var Wr,qr,Vr=function(){return void 0===Wr&&(Wr=!Rr&&!Ir&&void 0!==t&&"server"===t.process.env.VUE_ENV),Wr},Qr=Rr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Kr="undefined"!=typeof Symbol&&M(Symbol)&&"undefined"!=typeof Reflect&&M(Reflect.ownKeys);qr="undefined"!=typeof Set&&M(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 Gr=E,Jr=0,Zr=function(){this.id=Jr++,this.subs=[]};Zr.prototype.addSub=function(t){this.subs.push(t)},Zr.prototype.removeSub=function(t){v(this.subs,t)},Zr.prototype.depend=function(){Zr.target&&Zr.target.addDep(this)},Zr.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e1?_(n):n;for(var r=_(arguments,1),i=0,o=n.length;iparseInt(this.max)&&Fe(c,u[0],u,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},Yi={KeepAlive:Xi};!function(t){var e={};e.get=function(){return Lr},Object.defineProperty(t,"config",e),t.util={warn:Gr,extend:w,mergeOptions:K,defineReactive:X},t.set=Y,t.delete=B,t.nextTick=ct,t.options=Object.create(null),Mr.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,Yi),Re(t),Ie(t),$e(t),Ye(t)}(De),Object.defineProperty(De.prototype,"$isServer",{get:Vr}),Object.defineProperty(De.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(De,"FunctionalRenderContext",{value:ge}),De.version="2.5.16";var Bi,zi,Hi=d("style,class"),Fi=d("input,textarea,option,select,progress"),Ui=function(t,e,n){return"value"===n&&Fi(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Wi=d("contenteditable,draggable,spellcheck"),qi=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"),Vi="http://www.w3.org/1999/xlink",Qi=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Ki=function(t){return Qi(t)?t.slice(6,t.length):""},Gi=function(t){return null==t||!1===t},Ji={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Zi=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"),to=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),eo=function(t){return Zi(t)||to(t)},no=Object.create(null),ro=d("text,number,password,search,email,tel,url"),io=Object.freeze({createElement:en,createElementNS:nn,createTextNode:rn,createComment:on,insertBefore:sn,removeChild:an,appendChild:cn,parentNode:un,nextSibling:ln,tagName:hn,setTextContent:fn,setStyleScope:pn}),oo={create:function(t,e){dn(e)},update:function(t,e){t.data.ref!==e.data.ref&&(dn(t,!0),dn(e))},destroy:function(t){dn(t,!0)}},so=new ei("",{},[]),ao=["create","activate","update","remove","destroy"],co={create:yn,update:yn,destroy:function(t){yn(t,so)}},uo=Object.create(null),lo=[oo,co],ho={create:En,update:En},fo={create:kn,update:kn},po="__r",vo="__c",mo={create:Pn,update:Pn},go={create:Ln,update:Ln},yo=g(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}),bo=/^--/,_o=/\s*!important$/,wo=function(t,e,n){if(bo.test(e))t.style.setProperty(e,n);else if(_o.test(n))t.style.setProperty(e,n.replace(_o,""),"important");else{var r=Eo(e);if(Array.isArray(n))for(var i=0,o=n.length;id?(h=r(n[g+1])?null:n[g+1].elm,y(t,h,n,p,g,o)):p>g&&_(t,e,f,d)}function E(t,e,n,r){for(var o=n;o-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=Yt(n.shift()),i=n.length>0?Yt(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 Xt(e);if(Array.isArray(n)){var r=[];return n.forEach(function(t){void 0!==t&&(null===t?r.push(Xt(e)):r.push(Xt(e)+"="+Xt(t)))}),r.join("&")}return Xt(e)+"="+Xt(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===zt?t===e:!!e&&(t.path&&e.path?t.path.replace(Bt,"")===e.path.replace(Bt,"")&&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(Bt,"/").indexOf(e.path.replace(Bt,"/"))&&(!e.hash||t.hash===e.hash)&&g(t.query,e.query)}function g(t,e){for(var n in e)if(!(n in t))return!1;return!0}function y(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 E(t){return t.replace(/\/\//g,"/")}function T(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],g=n[7];s&&(r.push(s),s="");var y=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:y,asterisk:!!g,pattern:x?M(x):g?".*":"[^"+A(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:Dt.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(Wt){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 Mt(t){ne?at(At(t)):window.location.hash=t}function Pt(t){ne?ct(At(t)):window.location.replace(At(t))}function Lt(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}function jt(t,e,n){var r="hash"===n?"#"+e:e;return t?E(t+"/"+r):r}Object.defineProperty(e,"__esModule",{value:!0});var Dt,Rt={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 g=a.attrs=a.attrs||{};for(var y in m)v.props&&y in v.props||(g[y]=m[y],delete m[y])}return c(v,a,r)}},It=/[!'()*]/g,$t=function(t){return"%"+t.charCodeAt(0).toString(16)},Nt=/%2C/g,Xt=function(t){return encodeURIComponent(t).replace(It,$t).replace(Nt,",")},Yt=decodeURIComponent,Bt=/\/?$/,zt=l(null,{path:"/"}),Ht=[String,Object],Ft=[String,Array],Ut={name:"router-link",props:{to:{type:Ht,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Ft,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,g=null==this.exactActiveClass?p:this.exactActiveClass,_=o.path?l(null,o,null,n):s;c[g]=d(r,_),c[v]=this.exact?c[g]:m(r,_);var w=function(t){y(t)&&(e.replace?n.replace(o):n.push(o))},x={click:y};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var E={class:c};if("a"===this.tag)E.on=x,E.attrs={href:a};else{var T=b(this.$slots.default);if(T){T.isStatic=!1;var S=Dt.util.extend;(T.data=S({},T.data)).on=x;(T.data.attrs=S({},T.data.attrs)).href=a}else E.on=x}return t(this.tag,E,this.$slots.default)}},Wt="undefined"!=typeof window,qt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Vt=$,Qt=T,Kt=S,Gt=C,Jt=I,Zt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Vt.parse=Qt,Vt.compile=Kt,Vt.tokensToFunction=Gt,Vt.tokensToRegExp=Jt;var te=Object.create(null),ee=Object.create(null),ne=Wt&&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=Wt&&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=zt,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&&V();var o=St(this.base);window.addEventListener("popstate",function(t){var n=r.current,s=St(r.base);r.current===zt&&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(E(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(E(r.base+t.fullPath)),Q(r.router,t,o,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(St(this.base)!==this.current.fullPath){var e=E(this.base+this.current.fullPath);t?at(e):ct(e)}},e.prototype.getCurrentLocation=function(){return St(this.base)},e}(se),ce=function(t){function e(e,n,r){t.call(this,e,n),r&&kt(this.base)||Ot()}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&&V(),window.addEventListener(ne?"popstate":"hashchange",function(){var e=t.current;Ot()&&t.transitionTo(Ct(),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){Mt(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;Ct()!==e&&(t?Mt(e):Pt(e))},e.prototype.getCurrentLocation=function(){return Ct()},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"),Wt||(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 Lt(this.beforeHooks,t)},le.prototype.beforeResolve=function(t){return Lt(this.resolveHooks,t)},le.prototype.afterEach=function(t){return Lt(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=H(t,e||this.history.current,n,this),i=this.match(r,e),o=i.redirectedFrom||i.fullPath;return{location:r,route:i,href:jt(this.history.base,o,this.mode),normalizedTo:r,resolved:i}},le.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==zt&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(le.prototype,he),le.install=_,le.version="2.8.1",Wt&&window.Vue&&window.Vue.use(le),e.default=le},"06OY":function(t,e,n){var r=n("3Eo+")("meta"),i=n("EqjI"),o=n("D2L2"),s=n("evD5").f,a=0,c=Object.isExtensible||function(){return!0},u=!n("S82l")(function(){return c(Object.preventExtensions({}))}),l=function(t){s(t,r,{value:{i:"O"+ ++a,w:{}}})},h=function(t,e){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,r)){if(!c(t))return"F";if(!e)return"E";l(t)}return t[r].i},f=function(t,e){if(!o(t,r)){if(!c(t))return!0;if(!e)return!1;l(t)}return t[r].w},p=function(t){return u&&d.NEED&&c(t)&&!o(t,r)&&l(t),t},d=t.exports={KEY:r,NEED:!1,fastKey:h,getWeak:f,onFreeze:p}},"162o":function(t,e,n){(function(t){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("mypn"),e.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==t&&t.setImmediate||this&&this.setImmediate,e.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==t&&t.clearImmediate||this&&this.clearImmediate}).call(e,n("DuR2"))},"1kS7":function(t,e){e.f=Object.getOwnPropertySymbols},"2KxR":function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},"3Eo+":function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},"3fs2":function(t,e,n){var r=n("RY/4"),i=n("dSzd")("iterator"),o=n("/bQp");t.exports=n("FeBl").getIteratorMethod=function(t){if(void 0!=t)return t[i]||t["@@iterator"]||o[r(t)]}},"4mcu":function(t,e){t.exports=function(){}},"52gC":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"5QVw":function(t,e,n){t.exports={default:n("BwfY"),__esModule:!0}},"5zde":function(t,e,n){n("zQR9"),n("qyJz"),t.exports=n("FeBl").Array.from},"70Rd":function(t,e,n){!function(t){"object"==typeof window&&window||"object"==typeof self&&self;t(e)}(function(t){function e(t){return t.replace(/&/g,"&").replace(//g,">")}function n(t){return t.nodeName.toLowerCase()}function r(t,e){var n=t&&t.exec(e);return n&&0===n.index}function i(t){return k.test(t)}function o(t){var e,n,r,o,s=t.className+" ";if(s+=t.parentNode?t.parentNode.className:"",n=O.exec(s))return w(n[1])?n[1]:"no-highlight";for(s=s.split(/\s+/),e=0,r=s.length;e"}function a(t){l+=""}function c(t){("start"===t.event?s:a)(t.node)}for(var u=0,l="",h=[];t.length||r.length;){var f=o();if(l+=e(i.substring(u,f[0].offset)),u=f[0].offset,f===t){h.reverse().forEach(a);do{c(f.splice(0,1)[0]),f=o()}while(f===t&&f.length&&f[0].offset===u);h.reverse().forEach(s)}else"start"===f[0].event?h.push(f[0].node):h.pop(),c(f.splice(0,1)[0])}return l+e(i.substr(u))}function u(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(e){return s(t,{variants:null},e)})),t.cached_variants||t.endsWithParent&&[s(t)]||[t]}function l(t){function e(t){return t&&t.source||t}function n(n,r){return new RegExp(e(n),"m"+(t.case_insensitive?"i":"")+(r?"g":""))}function r(i,o){if(!i.compiled){if(i.compiled=!0,i.keywords=i.keywords||i.beginKeywords,i.keywords){var s={},a=function(e,n){t.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(t){var n=t.split("|");s[n[0]]=[e,n[1]?Number(n[1]):1]})};"string"==typeof i.keywords?a("keyword",i.keywords):E(i.keywords).forEach(function(t){a(t,i.keywords[t])}),i.keywords=s}i.lexemesRe=n(i.lexemes||/\w+/,!0),o&&(i.beginKeywords&&(i.begin="\\b("+i.beginKeywords.split(" ").join("|")+")\\b"),i.begin||(i.begin=/\B|\b/),i.beginRe=n(i.begin),i.end||i.endsWithParent||(i.end=/\B|\b/),i.end&&(i.endRe=n(i.end)),i.terminator_end=e(i.end)||"",i.endsWithParent&&o.terminator_end&&(i.terminator_end+=(i.end?"|":"")+o.terminator_end)),i.illegal&&(i.illegalRe=n(i.illegal)),null==i.relevance&&(i.relevance=1),i.contains||(i.contains=[]),i.contains=Array.prototype.concat.apply([],i.contains.map(function(t){return u("self"===t?i:t)})),i.contains.forEach(function(t){r(t,i)}),i.starts&&r(i.starts,o);var c=i.contains.map(function(t){return t.beginKeywords?"\\.?("+t.begin+")\\.?":t.begin}).concat([i.terminator_end,i.illegal]).map(e).filter(Boolean);i.terminators=c.length?n(c.join("|"),!0):{exec:function(){return null}}}}r(t)}function h(t,n,i,o){function s(t,e){var n,i;for(n=0,i=e.contains.length;n')+e+s}function d(){var t,n,r,i;if(!x.keywords)return e(k);for(i="",n=0,x.lexemesRe.lastIndex=0,r=x.lexemesRe.exec(k);r;)i+=e(k.substring(n,r.index)),t=u(x,r),t?(O+=t[1],i+=p(t[0],e(r[0]))):i+=e(r[0]),n=x.lexemesRe.lastIndex,r=x.lexemesRe.exec(k);return i+e(k.substr(n))}function v(){var t="string"==typeof x.subLanguage;if(t&&!T[x.subLanguage])return e(k);var n=t?h(x.subLanguage,k,!0,E[x.subLanguage]):f(k,x.subLanguage.length?x.subLanguage:void 0);return x.relevance>0&&(O+=n.relevance),t&&(E[x.subLanguage]=n.top),p(n.language,n.value,!1,!0)}function m(){S+=null!=x.subLanguage?v():d(),k=""}function g(t){S+=t.className?p(t.className,"",!0):"",x=Object.create(t,{parent:{value:x}})}function y(t,e){if(k+=t,null==e)return m(),0;var n=s(e,x);if(n)return n.skip?k+=e:(n.excludeBegin&&(k+=e),m(),n.returnBegin||n.excludeBegin||(k=e)),g(n,e),n.returnBegin?0:e.length;var r=a(x,e);if(r){var i=x;i.skip?k+=e:(i.returnEnd||i.excludeEnd||(k+=e),m(),i.excludeEnd&&(k=e));do{x.className&&(S+=A),x.skip||(O+=x.relevance),x=x.parent}while(x!==r.parent);return r.starts&&g(r.starts,""),i.returnEnd?0:e.length}if(c(e,x))throw new Error('Illegal lexeme "'+e+'" for mode "'+(x.className||"")+'"');return k+=e,e.length||1}var b=w(t);if(!b)throw new Error('Unknown language: "'+t+'"');l(b);var _,x=o||b,E={},S="";for(_=x;_!==b;_=_.parent)_.className&&(S=p(_.className,"",!0)+S);var k="",O=0;try{for(var C,P,L=0;;){if(x.terminators.lastIndex=L,!(C=x.terminators.exec(n)))break;P=y(n.substring(L,C.index),C[0]),L=C.index+P}for(y(n.substr(L)),_=x;_.parent;_=_.parent)_.className&&(S+=A);return{relevance:O,value:S,language:t,top:x}}catch(t){if(t.message&&-1!==t.message.indexOf("Illegal"))return{relevance:0,value:e(n)};throw t}}function f(t,n){n=n||M.languages||E(T);var r={relevance:0,value:e(t)},i=r;return n.filter(w).forEach(function(e){var n=h(e,t,!1);n.language=e,n.relevance>i.relevance&&(i=n),n.relevance>r.relevance&&(i=r,r=n)}),i.language&&(r.second_best=i),r}function p(t){return M.tabReplace||M.useBR?t.replace(C,function(t,e){return M.useBR&&"\n"===t?"
":M.tabReplace?e.replace(/\t/g,M.tabReplace):""}):t}function d(t,e,n){var r=e?S[e]:n,i=[t.trim()];return t.match(/\bhljs\b/)||i.push("hljs"),-1===t.indexOf(r)&&i.push(r),i.join(" ").trim()}function v(t){var e,n,r,s,u,l=o(t);i(l)||(M.useBR?(e=document.createElementNS("http://www.w3.org/1999/xhtml","div"),e.innerHTML=t.innerHTML.replace(/\n/g,"").replace(//g,"\n")):e=t,u=e.textContent,r=l?h(l,u,!0):f(u),n=a(e),n.length&&(s=document.createElementNS("http://www.w3.org/1999/xhtml","div"),s.innerHTML=r.value,r.value=c(n,a(s),u)),r.value=p(r.value),t.innerHTML=r.value,t.className=d(t.className,l,r.language),t.result={language:r.language,re:r.relevance},r.second_best&&(t.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function m(t){M=s(M,t)}function g(){if(!g.called){g.called=!0;var t=document.querySelectorAll("pre code");x.forEach.call(t,v)}}function y(){addEventListener("DOMContentLoaded",g,!1),addEventListener("load",g,!1)}function b(e,n){var r=T[e]=n(t);r.aliases&&r.aliases.forEach(function(t){S[t]=e})}function _(){return E(T)}function w(t){return t=(t||"").toLowerCase(),T[t]||T[S[t]]}var x=[],E=Object.keys,T={},S={},k=/^(no-?highlight|plain|text)$/i,O=/\blang(?:uage)?-([\w-]+)\b/i,C=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,A="",M={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return t.highlight=h,t.highlightAuto=f,t.fixMarkup=p,t.highlightBlock=v,t.configure=m,t.initHighlighting=g,t.initHighlightingOnLoad=y,t.registerLanguage=b,t.listLanguages=_,t.getLanguage=w,t.inherit=s,t.IDENT_RE="[a-zA-Z]\\w*",t.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",t.NUMBER_RE="\\b\\d+(\\.\\d+)?",t.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",t.BINARY_NUMBER_RE="\\b(0b[01]+)",t.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",t.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},t.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},t.COMMENT=function(e,n,r){var i=t.inherit({className:"comment",begin:e,end:n,contains:[]},r||{});return i.contains.push(t.PHRASAL_WORDS_MODE),i.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),i},t.C_LINE_COMMENT_MODE=t.COMMENT("//","$"),t.C_BLOCK_COMMENT_MODE=t.COMMENT("/\\*","\\*/"),t.HASH_COMMENT_MODE=t.COMMENT("#","$"),t.NUMBER_MODE={className:"number",begin:t.NUMBER_RE,relevance:0},t.C_NUMBER_MODE={className:"number",begin:t.C_NUMBER_RE,relevance:0},t.BINARY_NUMBER_MODE={className:"number",begin:t.BINARY_NUMBER_RE,relevance:0},t.CSS_NUMBER_MODE={className:"number",begin:t.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},t.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[t.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[t.BACKSLASH_ESCAPE]}]},t.TITLE_MODE={className:"title",begin:t.IDENT_RE,relevance:0},t.UNDERSCORE_TITLE_MODE={className:"title",begin:t.UNDERSCORE_IDENT_RE,relevance:0},t.METHOD_GUARD={begin:"\\.\\s*"+t.UNDERSCORE_IDENT_RE,relevance:0},t})},"77Pl":function(t,e,n){var r=n("EqjI");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},"7KvD":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)},"7UMu":function(t,e,n){var r=n("R9M2");t.exports=Array.isArray||function(t){return"Array"==r(t)}},"82Mu":function(t,e,n){var r=n("7KvD"),i=n("L42u").set,o=r.MutationObserver||r.WebKitMutationObserver,s=r.process,a=r.Promise,c="process"==n("R9M2")(s);t.exports=function(){var t,e,n,u=function(){var r,i;for(c&&(r=s.domain)&&r.exit();t;){i=t.fn,t=t.next;try{i()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(c)n=function(){s.nextTick(u)};else if(!o||r.navigator&&r.navigator.standalone)if(a&&a.resolve){var l=a.resolve();n=function(){l.then(u)}}else n=function(){i.call(r,u)};else{var h=!0,f=document.createTextNode("");new o(u).observe(f,{characterData:!0}),n=function(){f.data=h=!h}}return function(r){var i={fn:r,next:void 0};e&&(e.next=i),t||(t=i,n()),e=i}}},"880/":function(t,e,n){t.exports=n("hJx8")},"94VQ":function(t,e,n){"use strict";var r=n("Yobk"),i=n("X8DO"),o=n("e6n0"),s={};n("hJx8")(s,n("dSzd")("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(s,{next:i(1,n)}),o(t,e+" Iterator")}},"9bBU":function(t,e,n){n("mClu");var r=n("FeBl").Object;t.exports=function(t,e,n){return r.defineProperty(t,e,n)}},BwfY:function(t,e,n){n("fWfb"),n("M6a0"),n("OYls"),n("QWe/"),t.exports=n("FeBl").Symbol},C4MV:function(t,e,n){t.exports={default:n("9bBU"),__esModule:!0}},CXw9:function(t,e,n){"use strict";var r,i,o,s,a=n("O4g8"),c=n("7KvD"),u=n("+ZMJ"),l=n("RY/4"),h=n("kM2E"),f=n("EqjI"),p=n("lOnJ"),d=n("2KxR"),v=n("NWt+"),m=n("t8x9"),g=n("L42u").set,y=n("82Mu")(),b=n("qARP"),_=n("dNDb"),w=n("fJUb"),x=c.TypeError,E=c.process,T=c.Promise,S="process"==l(E),k=function(){},O=i=b.f,C=!!function(){try{var t=T.resolve(1),e=(t.constructor={})[n("dSzd")("species")]=function(t){t(k,k)};return(S||"function"==typeof PromiseRejectionEvent)&&t.then(k)instanceof e}catch(t){}}(),A=function(t){var e;return!(!f(t)||"function"!=typeof(e=t.then))&&e},M=function(t,e){if(!t._n){t._n=!0;var n=t._c;y(function(){for(var r=t._v,i=1==t._s,o=0;n.length>o;)!function(e){var n,o,s,a=i?e.ok:e.fail,c=e.resolve,u=e.reject,l=e.domain;try{a?(i||(2==t._h&&j(t),t._h=1),!0===a?n=r:(l&&l.enter(),n=a(r),l&&(l.exit(),s=!0)),n===e.promise?u(x("Promise-chain cycle")):(o=A(n))?o.call(n,c,u):c(n)):u(r)}catch(t){l&&!s&&l.exit(),u(t)}}(n[o++]);t._c=[],t._n=!1,e&&!t._h&&P(t)})}},P=function(t){g.call(c,function(){var e,n,r,i=t._v,o=L(t);if(o&&(e=_(function(){S?E.emit("unhandledRejection",i,t):(n=c.onunhandledrejection)?n({promise:t,reason:i}):(r=c.console)&&r.error&&r.error("Unhandled promise rejection",i)}),t._h=S||L(t)?2:1),t._a=void 0,o&&e.e)throw e.v})},L=function(t){return 1!==t._h&&0===(t._a||t._c).length},j=function(t){g.call(c,function(){var e;S?E.emit("rejectionHandled",t):(e=c.onrejectionhandled)&&e({promise:t,reason:t._v})})},D=function(t){var e=this;e._d||(e._d=!0,e=e._w||e,e._v=t,e._s=2,e._a||(e._a=e._c.slice()),M(e,!0))},R=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw x("Promise can't be resolved itself");(e=A(t))?y(function(){var r={_w:n,_d:!1};try{e.call(t,u(R,r,1),u(D,r,1))}catch(t){D.call(r,t)}}):(n._v=t,n._s=1,M(n,!1))}catch(t){D.call({_w:n,_d:!1},t)}}};C||(T=function(t){d(this,T,"Promise","_h"),p(t),r.call(this);try{t(u(R,this,1),u(D,this,1))}catch(t){D.call(this,t)}},r=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=n("xH/j")(T.prototype,{then:function(t,e){var n=O(m(this,T));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=S?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&M(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new r;this.promise=t,this.resolve=u(R,t,1),this.reject=u(D,t,1)},b.f=O=function(t){return t===T||t===s?new o(t):i(t)}),h(h.G+h.W+h.F*!C,{Promise:T}),n("e6n0")(T,"Promise"),n("bRrM")("Promise"),s=n("FeBl").Promise,h(h.S+h.F*!C,"Promise",{reject:function(t){var e=O(this);return(0,e.reject)(t),e.promise}}),h(h.S+h.F*(a||!C),"Promise",{resolve:function(t){return w(a&&this===s?T:this,t)}}),h(h.S+h.F*!(C&&n("dY0y")(function(t){T.all(t).catch(k)})),"Promise",{all:function(t){var e=this,n=O(e),r=n.resolve,i=n.reject,o=_(function(){var n=[],o=0,s=1;v(t,!1,function(t){var a=o++,c=!1;n.push(void 0),s++,e.resolve(t).then(function(t){c||(c=!0,n[a]=t,--s||r(n))},i)}),--s||r(n)});return o.e&&i(o.v),n.promise},race:function(t){var e=this,n=O(e),r=n.reject,i=_(function(){v(t,!1,function(t){e.resolve(t).then(n.resolve,r)})});return i.e&&r(i.v),n.promise}})},Cdx3:function(t,e,n){var r=n("sB3e"),i=n("lktj");n("uqUo")("keys",function(){return function(t){return i(r(t))}})},D2L2:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},Dd8w:function(t,e,n){"use strict";e.__esModule=!0;var r=n("woOf"),i=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=i.default||function(t){for(var e=1;e1?e-1:0),r=1;r0&&(v=i?Math.min(i/4,i/d*a):0,p=l),{destination:Math.round(v),duration:p}}function y(){}function b(t){console.error("[BScroll warn]: "+t)}function _(t,e){if(!t)throw new Error("[BScroll] "+e)}function w(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 x(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,this.sizeRatioX=1,this.sizeRatioY=1,this.maxPosX=0,this.maxPosY=0,this.x=0,this.y=0,e.interactive&&this._addDOMEvents()}function E(t,e){this.wrapper="string"==typeof t?document.querySelector(t):t,this.wrapper||b("Can not resolve the wrapper DOM."),this.scroller=this.wrapper.children[0],this.scroller||b("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.10.1 +var gr=Object.freeze({}),yr=Object.prototype.toString,br=(d("slot,component",!0),d("key,ref,slot,slot-scope,is")),_r=Object.prototype.hasOwnProperty,wr=/-(\w)/g,xr=g(function(t){return t.replace(wr,function(t,e){return e?e.toUpperCase():""})}),Er=g(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Tr=/\B([A-Z])/g,Sr=g(function(t){return t.replace(Tr,"-$1").toLowerCase()}),kr=Function.prototype.bind?b:y,Or=function(t,e,n){return!1},Cr=function(t){return t},Mr="data-server-rendered",Ar=["component","directive","filter"],Pr=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Lr={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Or,isReservedAttr:Or,isUnknownElement:Or,getTagNamespace:E,parsePlatformTagName:Cr,mustUseProp:Or,_lifecycleHooks:Pr},jr=/[^\w.$]/,Dr="__proto__"in{},Rr="undefined"!=typeof window,Ir="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,$r=Ir&&WXEnvironment.platform.toLowerCase(),Nr=Rr&&window.navigator.userAgent.toLowerCase(),Xr=Nr&&/msie|trident/.test(Nr),Yr=Nr&&Nr.indexOf("msie 9.0")>0,Br=Nr&&Nr.indexOf("edge/")>0,zr=(Nr&&Nr.indexOf("android"),Nr&&/iphone|ipad|ipod|ios/.test(Nr)||"ios"===$r),Hr=(Nr&&/chrome\/\d+/.test(Nr),{}.watch),Fr=!1;if(Rr)try{var Ur={};Object.defineProperty(Ur,"passive",{get:function(){Fr=!0}}),window.addEventListener("test-passive",null,Ur)}catch(t){}var Wr,qr,Vr=function(){return void 0===Wr&&(Wr=!Rr&&!Ir&&void 0!==t&&"server"===t.process.env.VUE_ENV),Wr},Qr=Rr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Kr="undefined"!=typeof Symbol&&A(Symbol)&&"undefined"!=typeof Reflect&&A(Reflect.ownKeys);qr="undefined"!=typeof Set&&A(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 Gr=E,Jr=0,Zr=function(){this.id=Jr++,this.subs=[]};Zr.prototype.addSub=function(t){this.subs.push(t)},Zr.prototype.removeSub=function(t){v(this.subs,t)},Zr.prototype.depend=function(){Zr.target&&Zr.target.addDep(this)},Zr.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e1?_(n):n;for(var r=_(arguments,1),i=0,o=n.length;iparseInt(this.max)&&Fe(c,u[0],u,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},Yi={KeepAlive:Xi};!function(t){var e={};e.get=function(){return Lr},Object.defineProperty(t,"config",e),t.util={warn:Gr,extend:w,mergeOptions:K,defineReactive:X},t.set=Y,t.delete=B,t.nextTick=ct,t.options=Object.create(null),Ar.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,Yi),Re(t),Ie(t),$e(t),Ye(t)}(De),Object.defineProperty(De.prototype,"$isServer",{get:Vr}),Object.defineProperty(De.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(De,"FunctionalRenderContext",{value:ge}),De.version="2.5.16";var Bi,zi,Hi=d("style,class"),Fi=d("input,textarea,option,select,progress"),Ui=function(t,e,n){return"value"===n&&Fi(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Wi=d("contenteditable,draggable,spellcheck"),qi=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"),Vi="http://www.w3.org/1999/xlink",Qi=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Ki=function(t){return Qi(t)?t.slice(6,t.length):""},Gi=function(t){return null==t||!1===t},Ji={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Zi=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"),to=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),eo=function(t){return Zi(t)||to(t)},no=Object.create(null),ro=d("text,number,password,search,email,tel,url"),io=Object.freeze({createElement:en,createElementNS:nn,createTextNode:rn,createComment:on,insertBefore:sn,removeChild:an,appendChild:cn,parentNode:un,nextSibling:ln,tagName:hn,setTextContent:fn,setStyleScope:pn}),oo={create:function(t,e){dn(e)},update:function(t,e){t.data.ref!==e.data.ref&&(dn(t,!0),dn(e))},destroy:function(t){dn(t,!0)}},so=new ei("",{},[]),ao=["create","activate","update","remove","destroy"],co={create:yn,update:yn,destroy:function(t){yn(t,so)}},uo=Object.create(null),lo=[oo,co],ho={create:En,update:En},fo={create:kn,update:kn},po="__r",vo="__c",mo={create:Pn,update:Pn},go={create:Ln,update:Ln},yo=g(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}),bo=/^--/,_o=/\s*!important$/,wo=function(t,e,n){if(bo.test(e))t.style.setProperty(e,n);else if(_o.test(n))t.style.setProperty(e,n.replace(_o,""),"important");else{var r=Eo(e);if(Array.isArray(n))for(var i=0,o=n.length;id?(h=r(n[g+1])?null:n[g+1].elm,y(t,h,n,p,g,o)):p>g&&_(t,e,f,d)}function E(t,e,n,r){for(var o=n;o-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=Yt(n.shift()),i=n.length>0?Yt(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 Xt(e);if(Array.isArray(n)){var r=[];return n.forEach(function(t){void 0!==t&&(null===t?r.push(Xt(e)):r.push(Xt(e)+"="+Xt(t)))}),r.join("&")}return Xt(e)+"="+Xt(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===zt?t===e:!!e&&(t.path&&e.path?t.path.replace(Bt,"")===e.path.replace(Bt,"")&&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(Bt,"/").indexOf(e.path.replace(Bt,"/"))&&(!e.hash||t.hash===e.hash)&&g(t.query,e.query)}function g(t,e){for(var n in e)if(!(n in t))return!1;return!0}function y(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 E(t){return t.replace(/\/\//g,"/")}function T(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],g=n[7];s&&(r.push(s),s="");var y=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:y,asterisk:!!g,pattern:x?A(x):g?".*":"[^"+M(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:Dt.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(Wt){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 At(t){ne?at(Mt(t)):window.location.hash=t}function Pt(t){ne?ct(Mt(t)):window.location.replace(Mt(t))}function Lt(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}function jt(t,e,n){var r="hash"===n?"#"+e:e;return t?E(t+"/"+r):r}Object.defineProperty(e,"__esModule",{value:!0});var Dt,Rt={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 g=a.attrs=a.attrs||{};for(var y in m)v.props&&y in v.props||(g[y]=m[y],delete m[y])}return c(v,a,r)}},It=/[!'()*]/g,$t=function(t){return"%"+t.charCodeAt(0).toString(16)},Nt=/%2C/g,Xt=function(t){return encodeURIComponent(t).replace(It,$t).replace(Nt,",")},Yt=decodeURIComponent,Bt=/\/?$/,zt=l(null,{path:"/"}),Ht=[String,Object],Ft=[String,Array],Ut={name:"router-link",props:{to:{type:Ht,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Ft,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,g=null==this.exactActiveClass?p:this.exactActiveClass,_=o.path?l(null,o,null,n):s;c[g]=d(r,_),c[v]=this.exact?c[g]:m(r,_);var w=function(t){y(t)&&(e.replace?n.replace(o):n.push(o))},x={click:y};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var E={class:c};if("a"===this.tag)E.on=x,E.attrs={href:a};else{var T=b(this.$slots.default);if(T){T.isStatic=!1;var S=Dt.util.extend;(T.data=S({},T.data)).on=x;(T.data.attrs=S({},T.data.attrs)).href=a}else E.on=x}return t(this.tag,E,this.$slots.default)}},Wt="undefined"!=typeof window,qt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Vt=$,Qt=T,Kt=S,Gt=C,Jt=I,Zt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Vt.parse=Qt,Vt.compile=Kt,Vt.tokensToFunction=Gt,Vt.tokensToRegExp=Jt;var te=Object.create(null),ee=Object.create(null),ne=Wt&&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=Wt&&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=zt,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&&V();var o=St(this.base);window.addEventListener("popstate",function(t){var n=r.current,s=St(r.base);r.current===zt&&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(E(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(E(r.base+t.fullPath)),Q(r.router,t,o,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(St(this.base)!==this.current.fullPath){var e=E(this.base+this.current.fullPath);t?at(e):ct(e)}},e.prototype.getCurrentLocation=function(){return St(this.base)},e}(se),ce=function(t){function e(e,n,r){t.call(this,e,n),r&&kt(this.base)||Ot()}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&&V(),window.addEventListener(ne?"popstate":"hashchange",function(){var e=t.current;Ot()&&t.transitionTo(Ct(),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){At(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;Ct()!==e&&(t?At(e):Pt(e))},e.prototype.getCurrentLocation=function(){return Ct()},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"),Wt||(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 Lt(this.beforeHooks,t)},le.prototype.beforeResolve=function(t){return Lt(this.resolveHooks,t)},le.prototype.afterEach=function(t){return Lt(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=H(t,e||this.history.current,n,this),i=this.match(r,e),o=i.redirectedFrom||i.fullPath;return{location:r,route:i,href:jt(this.history.base,o,this.mode),normalizedTo:r,resolved:i}},le.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==zt&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(le.prototype,he),le.install=_,le.version="2.8.1",Wt&&window.Vue&&window.Vue.use(le),e.default=le},"06OY":function(t,e,n){var r=n("3Eo+")("meta"),i=n("EqjI"),o=n("D2L2"),s=n("evD5").f,a=0,c=Object.isExtensible||function(){return!0},u=!n("S82l")(function(){return c(Object.preventExtensions({}))}),l=function(t){s(t,r,{value:{i:"O"+ ++a,w:{}}})},h=function(t,e){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,r)){if(!c(t))return"F";if(!e)return"E";l(t)}return t[r].i},f=function(t,e){if(!o(t,r)){if(!c(t))return!0;if(!e)return!1;l(t)}return t[r].w},p=function(t){return u&&d.NEED&&c(t)&&!o(t,r)&&l(t),t},d=t.exports={KEY:r,NEED:!1,fastKey:h,getWeak:f,onFreeze:p}},"162o":function(t,e,n){(function(t){function r(t,e){this._id=t,this._clearFn=e}var i=void 0!==t&&t||"undefined"!=typeof self&&self||window,o=Function.prototype.apply;e.setTimeout=function(){return new r(o.call(setTimeout,i,arguments),clearTimeout)},e.setInterval=function(){return new r(o.call(setInterval,i,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(i,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("mypn"),e.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==t&&t.setImmediate||this&&this.setImmediate,e.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==t&&t.clearImmediate||this&&this.clearImmediate}).call(e,n("DuR2"))},"1kS7":function(t,e){e.f=Object.getOwnPropertySymbols},"2KxR":function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},"3Eo+":function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},"3fs2":function(t,e,n){var r=n("RY/4"),i=n("dSzd")("iterator"),o=n("/bQp");t.exports=n("FeBl").getIteratorMethod=function(t){if(void 0!=t)return t[i]||t["@@iterator"]||o[r(t)]}},"4mcu":function(t,e){t.exports=function(){}},"52gC":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"5QVw":function(t,e,n){t.exports={default:n("BwfY"),__esModule:!0}},"5zde":function(t,e,n){n("zQR9"),n("qyJz"),t.exports=n("FeBl").Array.from},"70Rd":function(t,e,n){!function(t){"object"==typeof window&&window||"object"==typeof self&&self;t(e)}(function(t){function e(t){return t.replace(/&/g,"&").replace(//g,">")}function n(t){return t.nodeName.toLowerCase()}function r(t,e){var n=t&&t.exec(e);return n&&0===n.index}function i(t){return k.test(t)}function o(t){var e,n,r,o,s=t.className+" ";if(s+=t.parentNode?t.parentNode.className:"",n=O.exec(s))return w(n[1])?n[1]:"no-highlight";for(s=s.split(/\s+/),e=0,r=s.length;e"}function a(t){l+=""}function c(t){("start"===t.event?s:a)(t.node)}for(var u=0,l="",h=[];t.length||r.length;){var f=o();if(l+=e(i.substring(u,f[0].offset)),u=f[0].offset,f===t){h.reverse().forEach(a);do{c(f.splice(0,1)[0]),f=o()}while(f===t&&f.length&&f[0].offset===u);h.reverse().forEach(s)}else"start"===f[0].event?h.push(f[0].node):h.pop(),c(f.splice(0,1)[0])}return l+e(i.substr(u))}function u(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(e){return s(t,{variants:null},e)})),t.cached_variants||t.endsWithParent&&[s(t)]||[t]}function l(t){function e(t){return t&&t.source||t}function n(n,r){return new RegExp(e(n),"m"+(t.case_insensitive?"i":"")+(r?"g":""))}function r(i,o){if(!i.compiled){if(i.compiled=!0,i.keywords=i.keywords||i.beginKeywords,i.keywords){var s={},a=function(e,n){t.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(t){var n=t.split("|");s[n[0]]=[e,n[1]?Number(n[1]):1]})};"string"==typeof i.keywords?a("keyword",i.keywords):E(i.keywords).forEach(function(t){a(t,i.keywords[t])}),i.keywords=s}i.lexemesRe=n(i.lexemes||/\w+/,!0),o&&(i.beginKeywords&&(i.begin="\\b("+i.beginKeywords.split(" ").join("|")+")\\b"),i.begin||(i.begin=/\B|\b/),i.beginRe=n(i.begin),i.end||i.endsWithParent||(i.end=/\B|\b/),i.end&&(i.endRe=n(i.end)),i.terminator_end=e(i.end)||"",i.endsWithParent&&o.terminator_end&&(i.terminator_end+=(i.end?"|":"")+o.terminator_end)),i.illegal&&(i.illegalRe=n(i.illegal)),null==i.relevance&&(i.relevance=1),i.contains||(i.contains=[]),i.contains=Array.prototype.concat.apply([],i.contains.map(function(t){return u("self"===t?i:t)})),i.contains.forEach(function(t){r(t,i)}),i.starts&&r(i.starts,o);var c=i.contains.map(function(t){return t.beginKeywords?"\\.?("+t.begin+")\\.?":t.begin}).concat([i.terminator_end,i.illegal]).map(e).filter(Boolean);i.terminators=c.length?n(c.join("|"),!0):{exec:function(){return null}}}}r(t)}function h(t,n,i,o){function s(t,e){var n,i;for(n=0,i=e.contains.length;n')+e+s}function d(){var t,n,r,i;if(!x.keywords)return e(k);for(i="",n=0,x.lexemesRe.lastIndex=0,r=x.lexemesRe.exec(k);r;)i+=e(k.substring(n,r.index)),t=u(x,r),t?(O+=t[1],i+=p(t[0],e(r[0]))):i+=e(r[0]),n=x.lexemesRe.lastIndex,r=x.lexemesRe.exec(k);return i+e(k.substr(n))}function v(){var t="string"==typeof x.subLanguage;if(t&&!T[x.subLanguage])return e(k);var n=t?h(x.subLanguage,k,!0,E[x.subLanguage]):f(k,x.subLanguage.length?x.subLanguage:void 0);return x.relevance>0&&(O+=n.relevance),t&&(E[x.subLanguage]=n.top),p(n.language,n.value,!1,!0)}function m(){S+=null!=x.subLanguage?v():d(),k=""}function g(t){S+=t.className?p(t.className,"",!0):"",x=Object.create(t,{parent:{value:x}})}function y(t,e){if(k+=t,null==e)return m(),0;var n=s(e,x);if(n)return n.skip?k+=e:(n.excludeBegin&&(k+=e),m(),n.returnBegin||n.excludeBegin||(k=e)),g(n,e),n.returnBegin?0:e.length;var r=a(x,e);if(r){var i=x;i.skip?k+=e:(i.returnEnd||i.excludeEnd||(k+=e),m(),i.excludeEnd&&(k=e));do{x.className&&(S+=M),x.skip||(O+=x.relevance),x=x.parent}while(x!==r.parent);return r.starts&&g(r.starts,""),i.returnEnd?0:e.length}if(c(e,x))throw new Error('Illegal lexeme "'+e+'" for mode "'+(x.className||"")+'"');return k+=e,e.length||1}var b=w(t);if(!b)throw new Error('Unknown language: "'+t+'"');l(b);var _,x=o||b,E={},S="";for(_=x;_!==b;_=_.parent)_.className&&(S=p(_.className,"",!0)+S);var k="",O=0;try{for(var C,P,L=0;;){if(x.terminators.lastIndex=L,!(C=x.terminators.exec(n)))break;P=y(n.substring(L,C.index),C[0]),L=C.index+P}for(y(n.substr(L)),_=x;_.parent;_=_.parent)_.className&&(S+=M);return{relevance:O,value:S,language:t,top:x}}catch(t){if(t.message&&-1!==t.message.indexOf("Illegal"))return{relevance:0,value:e(n)};throw t}}function f(t,n){n=n||A.languages||E(T);var r={relevance:0,value:e(t)},i=r;return n.filter(w).forEach(function(e){var n=h(e,t,!1);n.language=e,n.relevance>i.relevance&&(i=n),n.relevance>r.relevance&&(i=r,r=n)}),i.language&&(r.second_best=i),r}function p(t){return A.tabReplace||A.useBR?t.replace(C,function(t,e){return A.useBR&&"\n"===t?"
":A.tabReplace?e.replace(/\t/g,A.tabReplace):""}):t}function d(t,e,n){var r=e?S[e]:n,i=[t.trim()];return t.match(/\bhljs\b/)||i.push("hljs"),-1===t.indexOf(r)&&i.push(r),i.join(" ").trim()}function v(t){var e,n,r,s,u,l=o(t);i(l)||(A.useBR?(e=document.createElementNS("http://www.w3.org/1999/xhtml","div"),e.innerHTML=t.innerHTML.replace(/\n/g,"").replace(//g,"\n")):e=t,u=e.textContent,r=l?h(l,u,!0):f(u),n=a(e),n.length&&(s=document.createElementNS("http://www.w3.org/1999/xhtml","div"),s.innerHTML=r.value,r.value=c(n,a(s),u)),r.value=p(r.value),t.innerHTML=r.value,t.className=d(t.className,l,r.language),t.result={language:r.language,re:r.relevance},r.second_best&&(t.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function m(t){A=s(A,t)}function g(){if(!g.called){g.called=!0;var t=document.querySelectorAll("pre code");x.forEach.call(t,v)}}function y(){addEventListener("DOMContentLoaded",g,!1),addEventListener("load",g,!1)}function b(e,n){var r=T[e]=n(t);r.aliases&&r.aliases.forEach(function(t){S[t]=e})}function _(){return E(T)}function w(t){return t=(t||"").toLowerCase(),T[t]||T[S[t]]}var x=[],E=Object.keys,T={},S={},k=/^(no-?highlight|plain|text)$/i,O=/\blang(?:uage)?-([\w-]+)\b/i,C=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,M="",A={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return t.highlight=h,t.highlightAuto=f,t.fixMarkup=p,t.highlightBlock=v,t.configure=m,t.initHighlighting=g,t.initHighlightingOnLoad=y,t.registerLanguage=b,t.listLanguages=_,t.getLanguage=w,t.inherit=s,t.IDENT_RE="[a-zA-Z]\\w*",t.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",t.NUMBER_RE="\\b\\d+(\\.\\d+)?",t.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",t.BINARY_NUMBER_RE="\\b(0b[01]+)",t.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",t.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},t.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},t.COMMENT=function(e,n,r){var i=t.inherit({className:"comment",begin:e,end:n,contains:[]},r||{});return i.contains.push(t.PHRASAL_WORDS_MODE),i.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),i},t.C_LINE_COMMENT_MODE=t.COMMENT("//","$"),t.C_BLOCK_COMMENT_MODE=t.COMMENT("/\\*","\\*/"),t.HASH_COMMENT_MODE=t.COMMENT("#","$"),t.NUMBER_MODE={className:"number",begin:t.NUMBER_RE,relevance:0},t.C_NUMBER_MODE={className:"number",begin:t.C_NUMBER_RE,relevance:0},t.BINARY_NUMBER_MODE={className:"number",begin:t.BINARY_NUMBER_RE,relevance:0},t.CSS_NUMBER_MODE={className:"number",begin:t.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},t.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[t.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[t.BACKSLASH_ESCAPE]}]},t.TITLE_MODE={className:"title",begin:t.IDENT_RE,relevance:0},t.UNDERSCORE_TITLE_MODE={className:"title",begin:t.UNDERSCORE_IDENT_RE,relevance:0},t.METHOD_GUARD={begin:"\\.\\s*"+t.UNDERSCORE_IDENT_RE,relevance:0},t})},"77Pl":function(t,e,n){var r=n("EqjI");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},"7KvD":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)},"7UMu":function(t,e,n){var r=n("R9M2");t.exports=Array.isArray||function(t){return"Array"==r(t)}},"82Mu":function(t,e,n){var r=n("7KvD"),i=n("L42u").set,o=r.MutationObserver||r.WebKitMutationObserver,s=r.process,a=r.Promise,c="process"==n("R9M2")(s);t.exports=function(){var t,e,n,u=function(){var r,i;for(c&&(r=s.domain)&&r.exit();t;){i=t.fn,t=t.next;try{i()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(c)n=function(){s.nextTick(u)};else if(!o||r.navigator&&r.navigator.standalone)if(a&&a.resolve){var l=a.resolve();n=function(){l.then(u)}}else n=function(){i.call(r,u)};else{var h=!0,f=document.createTextNode("");new o(u).observe(f,{characterData:!0}),n=function(){f.data=h=!h}}return function(r){var i={fn:r,next:void 0};e&&(e.next=i),t||(t=i,n()),e=i}}},"880/":function(t,e,n){t.exports=n("hJx8")},"94VQ":function(t,e,n){"use strict";var r=n("Yobk"),i=n("X8DO"),o=n("e6n0"),s={};n("hJx8")(s,n("dSzd")("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(s,{next:i(1,n)}),o(t,e+" Iterator")}},"9bBU":function(t,e,n){n("mClu");var r=n("FeBl").Object;t.exports=function(t,e,n){return r.defineProperty(t,e,n)}},BwfY:function(t,e,n){n("fWfb"),n("M6a0"),n("OYls"),n("QWe/"),t.exports=n("FeBl").Symbol},C4MV:function(t,e,n){t.exports={default:n("9bBU"),__esModule:!0}},CXw9:function(t,e,n){"use strict";var r,i,o,s,a=n("O4g8"),c=n("7KvD"),u=n("+ZMJ"),l=n("RY/4"),h=n("kM2E"),f=n("EqjI"),p=n("lOnJ"),d=n("2KxR"),v=n("NWt+"),m=n("t8x9"),g=n("L42u").set,y=n("82Mu")(),b=n("qARP"),_=n("dNDb"),w=n("fJUb"),x=c.TypeError,E=c.process,T=c.Promise,S="process"==l(E),k=function(){},O=i=b.f,C=!!function(){try{var t=T.resolve(1),e=(t.constructor={})[n("dSzd")("species")]=function(t){t(k,k)};return(S||"function"==typeof PromiseRejectionEvent)&&t.then(k)instanceof e}catch(t){}}(),M=function(t){var e;return!(!f(t)||"function"!=typeof(e=t.then))&&e},A=function(t,e){if(!t._n){t._n=!0;var n=t._c;y(function(){for(var r=t._v,i=1==t._s,o=0;n.length>o;)!function(e){var n,o,s,a=i?e.ok:e.fail,c=e.resolve,u=e.reject,l=e.domain;try{a?(i||(2==t._h&&j(t),t._h=1),!0===a?n=r:(l&&l.enter(),n=a(r),l&&(l.exit(),s=!0)),n===e.promise?u(x("Promise-chain cycle")):(o=M(n))?o.call(n,c,u):c(n)):u(r)}catch(t){l&&!s&&l.exit(),u(t)}}(n[o++]);t._c=[],t._n=!1,e&&!t._h&&P(t)})}},P=function(t){g.call(c,function(){var e,n,r,i=t._v,o=L(t);if(o&&(e=_(function(){S?E.emit("unhandledRejection",i,t):(n=c.onunhandledrejection)?n({promise:t,reason:i}):(r=c.console)&&r.error&&r.error("Unhandled promise rejection",i)}),t._h=S||L(t)?2:1),t._a=void 0,o&&e.e)throw e.v})},L=function(t){return 1!==t._h&&0===(t._a||t._c).length},j=function(t){g.call(c,function(){var e;S?E.emit("rejectionHandled",t):(e=c.onrejectionhandled)&&e({promise:t,reason:t._v})})},D=function(t){var e=this;e._d||(e._d=!0,e=e._w||e,e._v=t,e._s=2,e._a||(e._a=e._c.slice()),A(e,!0))},R=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw x("Promise can't be resolved itself");(e=M(t))?y(function(){var r={_w:n,_d:!1};try{e.call(t,u(R,r,1),u(D,r,1))}catch(t){D.call(r,t)}}):(n._v=t,n._s=1,A(n,!1))}catch(t){D.call({_w:n,_d:!1},t)}}};C||(T=function(t){d(this,T,"Promise","_h"),p(t),r.call(this);try{t(u(R,this,1),u(D,this,1))}catch(t){D.call(this,t)}},r=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=n("xH/j")(T.prototype,{then:function(t,e){var n=O(m(this,T));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=S?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&A(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new r;this.promise=t,this.resolve=u(R,t,1),this.reject=u(D,t,1)},b.f=O=function(t){return t===T||t===s?new o(t):i(t)}),h(h.G+h.W+h.F*!C,{Promise:T}),n("e6n0")(T,"Promise"),n("bRrM")("Promise"),s=n("FeBl").Promise,h(h.S+h.F*!C,"Promise",{reject:function(t){var e=O(this);return(0,e.reject)(t),e.promise}}),h(h.S+h.F*(a||!C),"Promise",{resolve:function(t){return w(a&&this===s?T:this,t)}}),h(h.S+h.F*!(C&&n("dY0y")(function(t){T.all(t).catch(k)})),"Promise",{all:function(t){var e=this,n=O(e),r=n.resolve,i=n.reject,o=_(function(){var n=[],o=0,s=1;v(t,!1,function(t){var a=o++,c=!1;n.push(void 0),s++,e.resolve(t).then(function(t){c||(c=!0,n[a]=t,--s||r(n))},i)}),--s||r(n)});return o.e&&i(o.v),n.promise},race:function(t){var e=this,n=O(e),r=n.reject,i=_(function(){v(t,!1,function(t){e.resolve(t).then(n.resolve,r)})});return i.e&&r(i.v),n.promise}})},Cdx3:function(t,e,n){var r=n("sB3e"),i=n("lktj");n("uqUo")("keys",function(){return function(t){return i(r(t))}})},D2L2:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},Dd8w:function(t,e,n){"use strict";e.__esModule=!0;var r=n("woOf"),i=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=i.default||function(t){for(var e=1;e1?e-1:0),r=1;r0&&(v=i?Math.min(i/4,i/d*a):0,p=l),{destination:Math.round(v),duration:p}}function _(){}function w(t){console.error("[BScroll warn]: "+t)}function x(t,e){if(!t)throw new Error("[BScroll] "+e)}function E(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 T(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,this.sizeRatioX=1,this.sizeRatioY=1,this.maxPosX=0,this.maxPosY=0,this.x=0,this.y=0,e.interactive&&this._addDOMEvents()}function S(t,e){this.wrapper="string"==typeof t?document.querySelector(t):t,this.wrapper||w("Can not resolve the wrapper DOM."),this.scroller=this.wrapper.children[0],this.scroller||w("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.11.1 * (c) 2016-2018 ustbhuangyi * Released under the MIT License. */ -var T=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")}}(),S=function(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0,M=k&&document.createElement("div").style,P=function(){if(!k)return!1;var t={webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform",standard:"transform"};for(var e in t)if(void 0!==M[t[e]])return e;return!1}(),L=s("transform"),j=k&&s("perspective")in M,D=k&&("ontouchstart"in window||C),R=!1!==L,I=k&&s("transition")in M,$={transform:L,transitionTimingFunction:s("transitionTimingFunction"),transitionDuration:s("transitionDuration"),transitionProperty:s("transitionProperty"),transitionDelay:s("transitionDelay"),transformOrigin:s("transformOrigin"),transitionEnd:s("transitionEnd")},N=1,X={touchstart:N,touchmove:N,touchend:N,mousedown:2,mousemove:2,mouseup:2},Y={startX:0,startY:0,scrollX:!1,scrollY:!0,freeScroll:!1,directionLockThreshold:5,eventPassthrough:"",click:!1,tap:!1,bounce:!0,bounceTime:800,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:D,disableTouch:!D,observeDOM:!0,autoBlur:!0,wheel:!1,snap:!1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1,mouseWheel:!1,stopPropagation:!1},B={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}}},z=function(){return k?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||function(t){return window.setTimeout(t,(t.interval||100/60)/2)}:y}(),H=function(){return k?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||function(t){window.clearTimeout(t)}:y}(),F=1,U=-1,W=1,q=-1,V=1,Q=3;x.prototype.handleEvent=function(t){switch(t.type){case"touchstart":case"mousedown":this._start(t);break;case"touchmove":case"mousemove":this._move(t);break;case"touchend":case"mouseup":case"touchcancel":case"mousecancel":this._end(t)}},x.prototype.refresh=function(){this.transitionTime(),this._calculate(),this.updatePosition()},x.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)}},x.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"}},x.prototype.transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.indicatorStyle[$.transitionDuration]=t+"ms"},x.prototype.transitionTimingFunction=function(t){this.indicatorStyle[$.transitionTimingFunction]=t},x.prototype.destroy=function(){this._removeDOMEvents(),this.wrapper.parentNode.removeChild(this.wrapper)},x.prototype._start=function(t){var e=t.touches?t.touches[0]:t;t.preventDefault(),t.stopPropagation(),this.transitionTime(),this.initiated=!0,this.moved=!1,this.lastPointX=e.pageX,this.lastPointY=e.pageY,this.startTime=r(),this._handleMoveEvents(a),this.scroller.trigger("beforeScrollStart")},x.prototype._move=function(t){var e=t.touches?t.touches[0]:t;t.preventDefault(),t.stopPropagation(),this.moved||this.scroller.trigger("scrollStart"),this.moved=!0;var n=e.pageX-this.lastPointX;this.lastPointX=e.pageX;var r=e.pageY-this.lastPointY;this.lastPointY=e.pageY;var i=this.x+n,o=this.y+r;this._pos(i,o)},x.prototype._end=function(t){if(this.initiated){this.initiated=!1,t.preventDefault(),t.stopPropagation(),this._handleMoveEvents(c);var e=this.scroller.options.snap;if(e){var n=e.speed,r=e.easing,i=void 0===r?B.bounce:r,o=this.scroller._nearestSnap(this.scroller.x,this.scroller.y),s=n||Math.max(Math.max(Math.min(Math.abs(this.scroller.x-o.x),1e3),Math.min(Math.abs(this.scroller.y-o.y),1e3)),300);this.scroller.x===o.x&&this.scroller.y===o.y||(this.scroller.directionX=0,this.scroller.directionY=0,this.scroller.currentPage=o,this.scroller.scrollTo(o.x,o.y,s,i))}this.moved&&this.scroller.trigger("scrollEnd",{x:this.scroller.x,y:this.scroller.y})}},x.prototype._pos=function(t,e){t<0?t=0:t>this.maxPosX&&(t=this.maxPosX),e<0?e=0:e>this.maxPosY&&(e=this.maxPosY),t=Math.round(t/this.sizeRatioX),e=Math.round(e/this.sizeRatioY),this.scroller.scrollTo(t,e),this.scroller.trigger("scroll",{x:this.scroller.x,y:this.scroller.y})},x.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}},x.prototype._addDOMEvents=function(){var t=a;this._handleDOMEvents(t)},x.prototype._removeDOMEvents=function(){var t=c;this._handleDOMEvents(t),this._handleMoveEvents(t)},x.prototype._handleMoveEvents=function(t){this.scroller.options.disableTouch||t(window,"touchmove",this),this.scroller.options.disableMouse||t(window,"mousemove",this)},x.prototype._handleDOMEvents=function(t){this.scroller.options.disableTouch||(t(this.indicator,"touchstart",this),t(window,"touchend",this)),this.scroller.options.disableMouse||(t(this.indicator,"mousedown",this),t(window,"mouseup",this))},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({},Y,t),this.translateZ=this.options.HWCompositing&&j?" translateZ(0)":"",this.options.useTransition=this.options.useTransition&&I,this.options.useTransform=this.options.useTransform&&R,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=a;this._handleDOMEvents(t)},t.prototype._removeDOMEvents=function(){var t=c;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)),D&&!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(),this.options.mouseWheel&&this._initMouseWheel()},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?q:n<0?W:0,this.movingDirectionY=i>0?U:i<0?F:0;var c=this.x+n,u=this.y+i,l=this.options.bounce,h=l.top,f=void 0===h||h,p=l.bottom,d=void 0===p||p,v=l.left,m=void 0===v||v,g=l.right,y=void 0===g||g;(c>0||c0&&m||c0?0:this.maxScrollX),(u>0||u0&&f||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,this.options.probeType===V&&this.trigger("scroll",{x:this.x,y:this.y})),this.options.probeType>V&&this.trigger("scroll",{x:this.x,y:this.y});var b=document.documentElement.scrollLeft||window.pageXOffset||document.body.scrollLeft,_=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop,w=this.pointX-b,x=this.pointY-_;(w>document.documentElement.clientWidth-this.options.momentumLimitDistance||wdocument.documentElement.clientHeight-this.options.momentumLimitDistance)&&this._end(t)}}},t.prototype._end=function(t){if(this.enabled&&!this.destroyed&&X[t.type]===this.initiated){this.initiated=!1,this.options.preventDefault&&!h(t.target,this.options.preventDefaultException)&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),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?q:i<0?W:0,this.directionY=o>0?U:o<0?F:0,!this.options.pullDownRefresh||!this._checkPullDown()){if(this._checkClick(t))return void this.trigger("scrollCancel");if(!this.resetPosition(this.options.bounceTime,B.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 l=this.options.bounce,f=l.top,p=void 0===f||f,d=l.bottom,v=void 0===d||d,m=l.left,y=void 0===m||m,b=l.right,_=void 0===b||b,w=this.directionX===q&&y||this.directionX===W&&_?this.wrapperWidth:0,x=this.directionY===U&&p||this.directionY===F&&v?this.wrapperHeight:0,E=this.hasHorizontalScroll?g(this.x,this.startX,s,this.maxScrollX,w,this.options):{destination:e,duration:0},T=this.hasVerticalScroll?g(this.y,this.startY,s,this.maxScrollY,x,this.options):{destination:n,duration:0};e=E.destination,n=T.destination,u=Math.max(E.duration,T.duration),this.isInTransition=!0}else this.options.wheel&&(n=Math.round(n/this.itemHeight)*this.itemHeight,u=this.options.wheel.adjustTime||400);var S=B.swipe;if(this.options.snap){var k=this._nearestSnap(e,n);this.currentPage=k,u=this.options.snapSpeed||Math.max(Math.max(Math.min(Math.abs(e-k.x),1e3),Math.min(Math.abs(n-k.y),1e3)),300),e=k.x,n=k.y,this.directionX=0,this.directionY=0,S=this.options.snap.easing||B.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=z(o)),s.options.probeType===Q&&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]:B.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]:B.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&&this.options.probeType===Q&&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]:B.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(S(e)),i=0;i1?(d(n[n.length-1].cloneNode(!0),this.scroller),this.scroller.appendChild(n[1].cloneNode(!0))):e.loop=!1}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,u=0,h=void 0,f=0,p=void 0,d=void 0;if(r)for(h=r.length,p=-1;ut.maxScrollX&&f++;else for(a=Math.round(n/2),c=Math.round(i/2);o>-t.scrollerWidth;){for(t.pages[u]=[],h=0,s=0;s>-t.scrollerHeight;)t.pages[u][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,u++}t._checkSnapLoop();var v=e._loopX?1:0,m=e._loopY?1:0;t._goToPage(t.currentPage.pageX||v,t.currentPage.pageY||m,0);var g=e.threshold;g%1==0?(t.snapThresholdX=g,t.snapThresholdY=g):(t.snapThresholdX=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].width*g),t.snapThresholdY=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].height*g))}}),this.on("scrollEnd",function(){e.loop&&(e._loopX?(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)):(0===t.currentPage.pageY&&t._goToPage(t.currentPage.pageX,t.pages[0].length-2,0),t.currentPage.pageY===t.pages[0].length-1&&t._goToPage(t.currentPage.pageX,1,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&&(m(t.scroller,n[n.length-1]),m(t.scroller,n[0]))}})},t.prototype._checkSnapLoop=function(){var t=this.options.snap;t.loop&&this.pages&&this.pages.length&&(this.pages.length>1&&(t._loopX=!0),this.pages[0]&&this.pages[0].length>1&&(t._loopY=!0),t._loopX&&t._loopY&&b("Loop does not support two direction at the same time."))},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&&this.pages.length&&(r=r||i.easing||B.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&&this.pages&&this.pages.length){if(i.loop){var o=void 0;i._loopX?(o=this.pages.length-2,t>=o?t=o-1:t<0&&(t=0),t+=1):(o=this.pages[0].length-2,e>=o?e=o-1:e<0&&(e=0),e+=1)}this._goToPage(t,e,n,r)}},t.prototype.next=function(t,e){if(this.options.snap){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){if(this.options.snap){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?t._loopX?i({},this.currentPage,{pageX:this.currentPage.pageX-1}):i({},this.currentPage,{pageY:this.currentPage.pageY-1}):this.currentPage:null}}(E),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,b("wheel option selectedIndex is required!"))}}(E),function(t){t.prototype._initScrollbar=function(){var t=this,e=this.options.scrollbar,n=e.fade,r=void 0===n||n,i=e.interactive,o=void 0!==i&&i;this.indicators=[];var s=void 0;this.options.scrollX&&(s={el:w("horizontal"),direction:"horizontal",fade:r,interactive:o},this._insertScrollBar(s.el),this.indicators.push(new x(this,s))),this.options.scrollY&&(s={el:w("vertical"),direction:"vertical",fade:r,interactive:o},this._insertScrollBar(s.el),this.indicators.push(new x(this,s))),this.on("refresh",function(){for(var e=0;e0&&void 0!==arguments[0])||arguments[0];this.options.pullDownRefresh=t,this._initPullDown()},t.prototype.closePullDown=function(){this.options.pullDownRefresh=!1}}(E),function(t){t.prototype._initPullUp=function(){this.options.probeType=Q,this.pullupWatching=!1,this._watchPullUp()},t.prototype._watchPullUp=function(){this.pullupWatching||(this.pullupWatching=!0,this.on("scroll",this._checkToEnd))},t.prototype._checkToEnd=function(t){var e=this,n=this.options.pullUpLoad.threshold,r=void 0===n?0:n;this.movingDirectionY===F&&t.y<=this.maxScrollY+r&&(this.once("scrollEnd",function(){e.pullupWatching=!1}),this.trigger("pullingUp"),this.off("scroll",this._checkToEnd))},t.prototype.finishPullUp=function(){var t=this;this.pullupWatching?this.once("scrollEnd",function(){t._watchPullUp()}):this._watchPullUp()},t.prototype.openPullUp=function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.options.pullUpLoad=t,this._initPullUp()},t.prototype.closePullUp=function(){this.options.pullUpLoad=!1,this.pullupWatching&&(this.pullupWatching=!1,this.off("scroll",this._checkToEnd))}}(E),function(t){t.prototype._initMouseWheel=function(){var t=this;this._handleMouseWheelEvent(a),this.on("destroy",function(){clearTimeout(t.mouseWheelTimer),t._handleMouseWheelEvent(c)}),this.firstWheelOpreation=!0},t.prototype._handleMouseWheelEvent=function(t){t(this.wrapper,"wheel",this),t(this.wrapper,"mousewheel",this),t(this.wrapper,"DOMMouseScroll",this)},t.prototype._onMouseWheel=function(t){var e=this;if(this.enabled){t.preventDefault(),this.firstWheelOpreation&&this.trigger("scrollStart"),this.firstWheelOpreation=!1,clearTimeout(this.mouseWheelTimer),this.mouseWheelTimer=setTimeout(function(){e.options.snap||e.trigger("scrollEnd",{x:e.x,y:e.y}),e.firstWheelOpreation=!0},400);var n=this.options.mouseWheel,r=n.speed,i=void 0===r?20:r,o=n.invert,s=void 0!==o&&o,a=n.easeTime,c=void 0===a?300:a,u=void 0,l=void 0;switch(!0){case"deltaX"in t:1===t.deltaMode?(u=-t.deltaX*i,l=-t.deltaY*i):(u=-t.deltaX,l=-t.deltaY);break;case"wheelDeltaX"in t:u=t.wheelDeltaX/120*i,l=t.wheelDeltaY/120*i;break;case"wheelDelta"in t:u=l=t.wheelDelta/120*i;break;case"detail"in t:u=l=-t.detail/3*i;break;default:return}var h=s?-1:1;u*=h,l*=h,this.hasVerticalScroll||(u=l,l=0);var f=void 0,p=void 0;if(this.options.snap)return f=this.currentPage.pageX,p=this.currentPage.pageY,u>0?f--:u<0&&f++,l>0?p--:l<0&&p++,void this._goToPage(f,p);f=this.x+Math.round(this.hasHorizontalScroll?u:0),p=this.y+Math.round(this.hasVerticalScroll?l:0),this.movingDirectionX=this.directionX=u>0?-1:u<0?1:0,this.movingDirectionY=this.directionY=l>0?-1:l<0?1:0,f>0?f=0:f0?p=0:pc;)r(a,n=e[c++])&&(~o(u,n)||u.push(n));return u}},Kh4W:function(t,e,n){e.f=n("dSzd")},L42u:function(t,e,n){var r,i,o,s=n("+ZMJ"),a=n("knuC"),c=n("RPLV"),u=n("ON07"),l=n("7KvD"),h=l.process,f=l.setImmediate,p=l.clearImmediate,d=l.MessageChannel,v=l.Dispatch,m=0,g={},y=function(){var t=+this;if(g.hasOwnProperty(t)){var e=g[t];delete g[t],e()}},b=function(t){y.call(t.data)};f&&p||(f=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return g[++m]=function(){a("function"==typeof t?t:Function(t),e)},r(m),m},p=function(t){delete g[t]},"process"==n("R9M2")(h)?r=function(t){h.nextTick(s(y,t,1))}:v&&v.now?r=function(t){v.now(s(y,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),y.call(t)}}:function(t){setTimeout(s(y,t,1),0)}),t.exports={set:f,clear:p}},LKZe:function(t,e,n){var r=n("NpIQ"),i=n("X8DO"),o=n("TcQ7"),s=n("MmMw"),a=n("D2L2"),c=n("SfB7"),u=Object.getOwnPropertyDescriptor;e.f=n("+E39")?u:function(t,e){if(t=o(t),e=s(e,!0),c)try{return u(t,e)}catch(t){}if(a(t,e))return i(!r.f.call(t,e),t[e])}},M6a0:function(t,e){},MU5D:function(t,e,n){var r=n("R9M2");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},Mhyx:function(t,e,n){var r=n("/bQp"),i=n("dSzd")("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||o[i]===t)}},MmMw:function(t,e,n){var r=n("EqjI");t.exports=function(t,e){if(!r(t))return t;var n,i;if(e&&"function"==typeof(n=t.toString)&&!r(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!r(i=n.call(t)))return i;if(!e&&"function"==typeof(n=t.toString)&&!r(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},"NWt+":function(t,e,n){var r=n("+ZMJ"),i=n("msXi"),o=n("Mhyx"),s=n("77Pl"),a=n("QRG4"),c=n("3fs2"),u={},l={},e=t.exports=function(t,e,n,h,f){var p,d,v,m,g=f?function(){return t}:c(t),y=r(n,h,e?2:1),b=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(o(g)){for(p=a(t.length);p>b;b++)if((m=e?y(s(d=t[b])[0],d[1]):y(t[b]))===u||m===l)return m}else for(v=g.call(t);!(d=v.next()).done;)if((m=i(v,y,d.value,e))===u||m===l)return m};e.BREAK=u,e.RETURN=l},NpIQ:function(t,e){e.f={}.propertyIsEnumerable},O4g8:function(t,e){t.exports=!0},ON07:function(t,e,n){var r=n("EqjI"),i=n("7KvD").document,o=r(i)&&r(i.createElement);t.exports=function(t){return o?i.createElement(t):{}}},OYls:function(t,e,n){n("crlp")("asyncIterator")},PzxK:function(t,e,n){var r=n("D2L2"),i=n("sB3e"),o=n("ax3d")("IE_PROTO"),s=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?s:null}},QRG4:function(t,e,n){var r=n("UuGF"),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},"QWe/":function(t,e,n){n("crlp")("observable")},R4wc:function(t,e,n){var r=n("kM2E");r(r.S+r.F,"Object",{assign:n("To3L")})},R9M2:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},RPLV:function(t,e,n){var r=n("7KvD").document;t.exports=r&&r.documentElement},"RY/4":function(t,e,n){var r=n("R9M2"),i=n("dSzd")("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}},Rrel:function(t,e,n){var r=n("TcQ7"),i=n("n0T6").f,o={}.toString,s="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return i(t)}catch(t){return s.slice()}};t.exports.f=function(t){return s&&"[object Window]"==o.call(t)?a(t):i(r(t))}},S82l:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},SfB7:function(t,e,n){t.exports=!n("+E39")&&!n("S82l")(function(){return 7!=Object.defineProperty(n("ON07")("div"),"a",{get:function(){return 7}}).a})},TcQ7:function(t,e,n){var r=n("MU5D"),i=n("52gC");t.exports=function(t){return r(i(t))}},To3L:function(t,e,n){"use strict";var r=n("lktj"),i=n("1kS7"),o=n("NpIQ"),s=n("sB3e"),a=n("MU5D"),c=Object.assign;t.exports=!c||n("S82l")(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=c({},t)[n]||Object.keys(c({},e)).join("")!=r})?function(t,e){for(var n=s(t),c=arguments.length,u=1,l=i.f,h=o.f;c>u;)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},U5ju:function(t,e,n){n("M6a0"),n("zQR9"),n("+tPU"),n("CXw9"),n("EqBC"),n("jKW+"),t.exports=n("FeBl").Promise},UuGF:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},V3tA:function(t,e,n){n("R4wc"),t.exports=n("FeBl").Object.assign},"VU/8":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}}},W2nU:function(t,e){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function i(t){if(l===setTimeout)return setTimeout(t,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(t,0);try{return l(t,0)}catch(e){try{return l.call(null,t,0)}catch(e){return l.call(this,t,0)}}}function o(t){if(h===clearTimeout)return clearTimeout(t);if((h===r||!h)&&clearTimeout)return h=clearTimeout,clearTimeout(t);try{return h(t)}catch(e){try{return h.call(null,t)}catch(e){return h.call(this,t)}}}function s(){v&&p&&(v=!1,p.length?d=p.concat(d):m=-1,d.length&&a())}function a(){if(!v){var t=i(s);v=!0;for(var e=d.length;e;){for(p=d,d=[];++m1)for(var n=1;nu;)c.call(t,s=a[u++])&&e.push(s);return e}},Yobk:function(t,e,n){var r=n("77Pl"),i=n("qio6"),o=n("xnc9"),s=n("ax3d")("IE_PROTO"),a=function(){},c=function(){var t,e=n("ON07")("iframe"),r=o.length;for(e.style.display="none",n("RPLV").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/10.3e2f3a7467462881a03e.js b/docs/js/10.3e2f3a7467462881a03e.js new file mode 100644 index 0000000000000000000000000000000000000000..de303b7e5c60863210ca4cafccf3ad5286293d42 --- /dev/null +++ b/docs/js/10.3e2f3a7467462881a03e.js @@ -0,0 +1 @@ +webpackJsonp([10],{hpvZ:function(t,s,a){t.exports=a("nl7T")},mqGW: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:"Switch滑动开关"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Switch滑动开关-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Switch 滑动开关")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("滑动开关,用于切换 on/off 状态。")]),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)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.4.0 新增")])])},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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),t._v("\n Switch\n"),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("value")]),t._v("值"),a("code",{pre:!0},[t._v("true")]),t._v("对应着 on 状态(开) ,"),a("code",{pre:!0},[t._v("value")]),t._v("值"),a("code",{pre:!0},[t._v("false")]),t._v("对应着 off 状态(关)。")])]),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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),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 Disbled Switch\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("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("v-model")]),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")])])])])}]}},nl7T:function(t,s,a){var e=a("VU/8")(null,a("mqGW"),null,null,null);t.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/10.fcb6f76202e525f6b1cf.js b/docs/js/11.5940f15fb8be4a868d8b.js similarity index 99% rename from docs/js/10.fcb6f76202e525f6b1cf.js rename to docs/js/11.5940f15fb8be4a868d8b.js index 2ee47eb8192ba90b13cf2d640db435c6c1ca7f8e..43b061279bbb673590d07e50fd557f086b615640 100644 --- a/docs/js/10.fcb6f76202e525f6b1cf.js +++ b/docs/js/11.5940f15fb8be4a868d8b.js @@ -1 +1 @@ -webpackJsonp([10],{HXbc: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:"Swipe滑块组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Swipe滑块组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Swipe 滑块组件")]),s._v(" "),s._m(0),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(1),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(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),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(16),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19),s._v(" "),s._m(20),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(21),s._v(" "),s._m(22)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.5.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件的示例相关代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/swipe"}},[s._v("这里")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("基本使用")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件常见的场景是搭配 "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" 组件使用,既可以纵向滚动,又可以横向左滑出一些按钮对列表项做操作,当然,"),a("code",{pre:!0},[s._v("Swipe")]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@item-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeData"')]),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")])])},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("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("swipeData")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("2")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("3")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n }\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[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",[s._v("自定义插槽")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("实际上我们更常见的需求是需要自定义列表的内容展示,因此 "),a("code",{pre:!0},[s._v("Swipe")]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@active")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemActive"')]),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('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),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('"icon"')]),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("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),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('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),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("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),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 "),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")])])},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("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("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感:歌词再狠,也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦:热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n created() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n },\n onItemActive(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex !== "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" activeItem = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex]\n activeItem.shrink()\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = index\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("默认插槽可以搭配 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 组件实现列表的循环。自定义插槽非常灵活,但它也需要自己手动去写一些逻辑,比如如果你想要在列表删除的时候自定义动画,需要使用 "),a("code",{pre:!0},[s._v("transition-group")]),s._v(",需要手动去管理每个激活的 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 的收缩,如示例代码所示。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),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("用于 "),a("code",{pre:!0},[s._v("swipe")]),s._v(" 列表渲染的数据,当需要使用内置的默认插槽,此参数必传,数组的每一项是一个 Object 类型,包括 "),a("code",{pre:!0},[s._v("item")]),s._v(" 和 "),a("code",{pre:!0},[s._v("btns")]),s._v(",这俩参数见 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),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("autoShrink")]),s._v(" "),a("td",[s._v("用于当点击滑块的按钮后,是否需要自动收缩滑块,如果使用自定义插槽,则直接给 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 传递此值即可。")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe-item")]),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("item")]),s._v(" "),a("td",[s._v("用于 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 列表项渲染的数据,当需要使用内置的默认插槽,此参数必传,且需要有 "),a("code",{pre:!0},[s._v("value")]),s._v(" 和 "),a("code",{pre:!0},[s._v("text")]),s._v(" 2 个字段,分别表示数据项的值和显示的文案,但如果使用自定义插槽,可不传此值。")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("btns")]),s._v(" "),a("td",[s._v("用于 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 列表项渲染按钮数组,数组的每一项是一个 Object 类型,至少要包含 "),a("code",{pre:!0},[s._v("text")]),s._v(" 和 "),a("code",{pre:!0},[s._v("color")]),s._v(" 2 个字段,分别表示按钮的文案和颜色。")]),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("index")]),s._v(" "),a("td",[s._v("表示当前的 "),a("code",{pre:!0},[s._v("swpie-item")]),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("autoShrink")]),s._v(" "),a("td",[s._v("用于当点击滑块的按钮后,是否需要自动收缩滑块。")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe")]),s._v(" 事件")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("当使用自定义插槽时,直接监听 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),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("item-click")]),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("btn-click")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),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("item-click")]),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("btn-click")]),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("active")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),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("shrink")]),s._v(" "),a("td",[s._v("收缩该滑块项")])])])])}]}},YVHs:function(s,t,a){s.exports=a("wCYs")},wCYs:function(s,t,a){var v=a("VU/8")(null,a("HXbc"),null,null,null);s.exports=v.exports}}); \ No newline at end of file +webpackJsonp([11],{HXbc: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:"Swipe滑块组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Swipe滑块组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Swipe 滑块组件")]),s._v(" "),s._m(0),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(1),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(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),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(16),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19),s._v(" "),s._m(20),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(21),s._v(" "),s._m(22)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.5.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件的示例相关代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/swipe"}},[s._v("这里")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("基本使用")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件常见的场景是搭配 "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" 组件使用,既可以纵向滚动,又可以横向左滑出一些按钮对列表项做操作,当然,"),a("code",{pre:!0},[s._v("Swipe")]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@item-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeData"')]),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")])])},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("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("swipeData")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("2")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("3")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n }\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[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",[s._v("自定义插槽")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("实际上我们更常见的需求是需要自定义列表的内容展示,因此 "),a("code",{pre:!0},[s._v("Swipe")]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@active")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemActive"')]),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('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),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('"icon"')]),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("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),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('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),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("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),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 "),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")])])},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("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("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感:歌词再狠,也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦:热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n created() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n },\n onItemActive(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex !== "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" activeItem = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex]\n activeItem.shrink()\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = index\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("默认插槽可以搭配 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 组件实现列表的循环。自定义插槽非常灵活,但它也需要自己手动去写一些逻辑,比如如果你想要在列表删除的时候自定义动画,需要使用 "),a("code",{pre:!0},[s._v("transition-group")]),s._v(",需要手动去管理每个激活的 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 的收缩,如示例代码所示。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),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("用于 "),a("code",{pre:!0},[s._v("swipe")]),s._v(" 列表渲染的数据,当需要使用内置的默认插槽,此参数必传,数组的每一项是一个 Object 类型,包括 "),a("code",{pre:!0},[s._v("item")]),s._v(" 和 "),a("code",{pre:!0},[s._v("btns")]),s._v(",这俩参数见 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),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("autoShrink")]),s._v(" "),a("td",[s._v("用于当点击滑块的按钮后,是否需要自动收缩滑块,如果使用自定义插槽,则直接给 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 传递此值即可。")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe-item")]),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("item")]),s._v(" "),a("td",[s._v("用于 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 列表项渲染的数据,当需要使用内置的默认插槽,此参数必传,且需要有 "),a("code",{pre:!0},[s._v("value")]),s._v(" 和 "),a("code",{pre:!0},[s._v("text")]),s._v(" 2 个字段,分别表示数据项的值和显示的文案,但如果使用自定义插槽,可不传此值。")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("btns")]),s._v(" "),a("td",[s._v("用于 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 列表项渲染按钮数组,数组的每一项是一个 Object 类型,至少要包含 "),a("code",{pre:!0},[s._v("text")]),s._v(" 和 "),a("code",{pre:!0},[s._v("color")]),s._v(" 2 个字段,分别表示按钮的文案和颜色。")]),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("index")]),s._v(" "),a("td",[s._v("表示当前的 "),a("code",{pre:!0},[s._v("swpie-item")]),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("autoShrink")]),s._v(" "),a("td",[s._v("用于当点击滑块的按钮后,是否需要自动收缩滑块。")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe")]),s._v(" 事件")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("当使用自定义插槽时,直接监听 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),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("item-click")]),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("btn-click")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),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("item-click")]),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("btn-click")]),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("active")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),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("shrink")]),s._v(" "),a("td",[s._v("收缩该滑块项")])])])])}]}},YVHs:function(s,t,a){s.exports=a("wCYs")},wCYs:function(s,t,a){var v=a("VU/8")(null,a("HXbc"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/11.f04f0d5795a644417b4b.js b/docs/js/12.0a336125f35135ce330f.js similarity index 99% rename from docs/js/11.f04f0d5795a644417b4b.js rename to docs/js/12.0a336125f35135ce330f.js index a6c30d1ba75a2ca2cad9d7b6608fa261fdd7b1fa..eacee83b567863cc423499610cffb9fb84d09942 100644 --- a/docs/js/11.f04f0d5795a644417b4b.js +++ b/docs/js/12.0a336125f35135ce330f.js @@ -1 +1 @@ -webpackJsonp([11],{"eaw/":function(s,t,a){var r=a("VU/8")(null,a("flel"),null,null,null);s.exports=r.exports},flel: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("。")])}]}},rDWR:function(s,t,a){s.exports=a("eaw/")}}); \ No newline at end of file +webpackJsonp([12],{"eaw/":function(s,t,a){var r=a("VU/8")(null,a("flel"),null,null,null);s.exports=r.exports},flel: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("。")])}]}},rDWR:function(s,t,a){s.exports=a("eaw/")}}); \ No newline at end of file diff --git a/docs/js/12.8b4e93d2cb8689d90bde.js b/docs/js/13.22ec7f054058811826d2.js similarity index 82% rename from docs/js/12.8b4e93d2cb8689d90bde.js rename to docs/js/13.22ec7f054058811826d2.js index bf7cf2cd7586e5871a1ddb8a29a1179c658db9f9..ac3312494cbfe0704317482ab4b33b4ed42a1c46 100644 --- a/docs/js/12.8b4e93d2cb8689d90bde.js +++ b/docs/js/13.22ec7f054058811826d2.js @@ -1 +1 @@ -webpackJsonp([12],{"7yxM":function(s,t,a){s.exports=a("OqL0")},LC2y: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",[s._v("由于 "),a("code",{pre:!0},[s._v("cube-slide")]),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-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),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}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义内容")]),s._v(" "),a("p",[s._v("当然我们也支持自定义内容,使用默认插槽和"),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v("就可以自定义每个轮播页的结构。其中,"),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),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("@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 clickHandler(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("p",[s._v("虽然你使用了自定义内容以后,我们不会用 "),a("code",{pre:!0},[s._v("data")]),s._v(" 生成默认内容,但依然建议你将数据传入 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性,因为只有这样,我们组件内部才能帮你自动进行数据监听和重新渲染,否则你可能会需要自己调用 refresh 方法重新渲染,比如这样 "),a("code",{pre:!0},[s._v("this.$refs.slide.refresh()")]),s._v("。")])]),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("修改 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("data")]),s._v(" "),a("td",[s._v("用于 side-item 列表渲染的数据,当需要使用内置的默认内容,或者让组件自动监听数据变化重新渲染时,此参数必传")]),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("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")])]),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("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("showDots")]),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("stopPropagation")]),s._v(" "),a("td",[s._v("是否阻止事件冒泡,可用于解决嵌套同方向slide时会遇到的事件冒泡问题")]),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("当轮播图内容删减的时候,可以调用此方法进行更新,重新渲染")])])])])}]}},OqL0:function(s,t,a){var v=a("VU/8")(null,a("LC2y"),null,null,null);s.exports=v.exports}}); \ No newline at end of file +webpackJsonp([13],{"7yxM":function(s,t,a){s.exports=a("OqL0")},LC2y: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",[s._v("由于 "),a("code",{pre:!0},[s._v("cube-slide")]),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-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),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}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义内容")]),s._v(" "),a("p",[s._v("当然我们也支持自定义内容,使用默认插槽和"),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v("就可以自定义每个轮播页的结构。其中,"),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),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("@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 clickHandler(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("p",[s._v("虽然你使用了自定义内容以后,我们不会用 "),a("code",{pre:!0},[s._v("data")]),s._v(" 生成默认内容,但依然建议你将数据传入 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性,因为只有这样,我们组件内部才能帮你自动进行数据监听和重新渲染,否则你可能会需要自己调用 refresh 方法重新渲染,比如这样 "),a("code",{pre:!0},[s._v("this.$refs.slide.refresh()")]),s._v("。")])]),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("修改 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("data")]),s._v(" "),a("td",[s._v("用于 side-item 列表渲染的数据,当需要使用内置的默认内容,或者让组件自动监听数据变化重新渲染时,此参数必传")]),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("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("showDots")]),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("direction")]),s._v(" "),a("td",[s._v("轮播方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("options"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("better-scroll 配置项,具体请参考"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" momentum: false,"),a("br"),s._v(" click: true,"),a("br"),s._v(" observeDOM: false"),a("br"),s._v("}")])]),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("是否允许竖向滚动。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v(",推荐使用 "),a("code",{pre:!0},[s._v("options")]),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("stopPropagation")]),s._v(" "),a("td",[s._v("是否阻止事件冒泡,可用于解决嵌套同方向slide时会遇到的事件冒泡问题。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v(",推荐使用 "),a("code",{pre:!0},[s._v("options")]),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("当前页面的索引值")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),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("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("当轮播图内容删减的时候,可以调用此方法进行更新,重新渲染")])])])])}]}},OqL0:function(s,t,a){var v=a("VU/8")(null,a("LC2y"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/13.04fb6c7ae1a9a86803ee.js b/docs/js/14.046618070bec040d09c2.js similarity index 98% rename from docs/js/13.04fb6c7ae1a9a86803ee.js rename to docs/js/14.046618070bec040d09c2.js index bf54c8cb38671585cf5c78759c17de382c94b736..2b4e1d99dbc89e8bd2842badc8b209c2cbb0c7ed 100644 --- a/docs/js/13.04fb6c7ae1a9a86803ee.js +++ b/docs/js/14.046618070bec040d09c2.js @@ -1 +1 @@ -webpackJsonp([13],{"+gXa":function(t,e,s){t.exports=s("dd41")},"Bok/":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 的场景,不支持单例模式。")])}]}},dd41:function(t,e,s){var a=s("VU/8")(null,s("Bok/"),null,null,null);t.exports=a.exports}}); \ No newline at end of file +webpackJsonp([14],{"+gXa":function(t,e,s){t.exports=s("dd41")},"Bok/":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 的场景,不支持单例模式。")])}]}},dd41:function(t,e,s){var a=s("VU/8")(null,s("Bok/"),null,null,null);t.exports=a.exports}}); \ No newline at end of file diff --git a/docs/js/14.5b1654863c74afcd5f6e.js b/docs/js/15.806c2f18962478a05e9c.js similarity index 99% rename from docs/js/14.5b1654863c74afcd5f6e.js rename to docs/js/15.806c2f18962478a05e9c.js index 8c43ceecce35c88f3fda13bc8187477995619cc1..2bef90c887687cd5cf67210e93d59e5a2bb744a9 100644 --- a/docs/js/14.5b1654863c74afcd5f6e.js +++ b/docs/js/15.806c2f18962478a05e9c.js @@ -1 +1 @@ -webpackJsonp([14],{Arul:function(t,s,v){var a=v("VU/8")(null,v("auGc"),null,null,null);t.exports=a.exports},auGc:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("section",[v("h2",{attrs:{id:"Select"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-Select-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Select")]),t._v(" "),t._m(0),t._v(" "),v("p",[t._v("Select 组件,用于单项选择。")]),t._v(" "),t._m(1),t._v(" "),v("h3",{attrs:{id:"示例"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" "),v("h3",{attrs:{id:"Props配置"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),v("p",[t._v("你可以将每个选项定义成一个对象,其中 text 为选项文案,value为选项的值,若没有将该选项定义为对象,比如 2014,则我们内部会把它转化成 { value: 2014, text: 2014 }")]),t._v(" "),v("h3",{attrs:{id:"事件"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("blockquote",[v("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("p",[v("strong",[t._v("注:")]),t._v(" 由于此组件依赖 "),v("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker")]),t._v(" 组件,而 Picker 组件是基于 create-api 实现,所以在使用之前,请确保自己了解过 "),v("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v("。")])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("ul",[v("li",[v("p",[t._v("基本用法")]),t._v(" "),v("p",[t._v("对于 Select 选择组件,你需要传入 options 定义各个选项,选择的结果则绑定在 v-model 上。")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v(">")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),v("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),v("li",[v("p",[t._v("配置和事件")]),t._v(" "),v("p",[t._v("Select 支持选择器标题(title)、占位符(placeholder)、自动弹出选择器(autoPop)、禁用(disabled)的配置。并且在选择时,如果选择的值改变了,会派发 change 事件。")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":title")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"title"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-pop")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"autoPop"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"change"')]),t._v(">")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),v("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),v("span",{attrs:{class:"hljs-string"}},[t._v("'入职时间'")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),v("span",{attrs:{class:"hljs-string"}},[t._v("'请选择入职时间'")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("autoPop")]),t._v(": "),v("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),v("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n },\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n change(value, index, text) {\n "),v("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log("),v("span",{attrs:{class:"hljs-string"}},[t._v("'change'")]),t._v(", value, index, text)\n }\n }\n}\n")])]),t._v(" "),v("p",[t._v("需要注意的一点是,change 事件在你直接赋值修改 value 的值时,不会触发,只会在选择导致的修改时触发。如果你只是想监听 value 的改变,请直接监听 value。")])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("参数")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("类型")]),t._v(" "),v("th",[t._v("可选值")]),t._v(" "),v("th",[t._v("默认值")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("options")]),t._v(" "),v("td",[t._v("选项")]),t._v(" "),v("td",[t._v("Array")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("[]")])]),t._v(" "),v("tr",[v("td",[t._v("v-model")]),t._v(" "),v("td",[t._v("选中的值")]),t._v(" "),v("td",[t._v("Any")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("placeholder")]),t._v(" "),v("td",[t._v("占位文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'请选择'")])]),t._v(" "),v("tr",[v("td",[t._v("auto-pop")]),t._v(" "),v("td",[t._v("是否自动弹出选择器")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("disabled")]),t._v(" "),v("td",[t._v("是否禁用")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("title")]),t._v(" "),v("td",[t._v("选择器的标题")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'请选择'")])]),t._v(" "),v("tr",[v("td",[t._v("cancelTxt")]),t._v(" "),v("td",[t._v("选择器的取消按钮文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'取消'")])]),t._v(" "),v("tr",[v("td",[t._v("confirmTxt")]),t._v(" "),v("td",[t._v("选择器的确认按钮文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'确认'")])])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("ul",[v("li",[v("code",{pre:!0},[t._v("options")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("参数")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("类型")]),t._v(" "),v("th",[t._v("可选值")]),t._v(" "),v("th",[t._v("示例")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("value")]),t._v(" "),v("td",[t._v("该选项的值")]),t._v(" "),v("td",[t._v("Any")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("text")]),t._v(" "),v("td",[t._v("该选项的文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("事件名")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("参数1")]),t._v(" "),v("th",[t._v("参数2")]),t._v(" "),v("th",[t._v("参数3")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("change")]),t._v(" "),v("td",[t._v("在选择时,如果选择的值改变了派发")]),t._v(" "),v("td",[t._v("选中项的值")]),t._v(" "),v("td",[t._v("选中项的索引")]),t._v(" "),v("td",[t._v("选中项的文案")])]),t._v(" "),v("tr",[v("td",[t._v("picker-show")]),t._v(" "),v("td",[t._v("使用的 Picker 显示的时候派发")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("picker-hide")]),t._v(" "),v("td",[t._v("使用的 Picker 隐藏的时候派发(确定或取消都会派发)")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])])])])}]}},eM4Z:function(t,s,v){t.exports=v("Arul")}}); \ No newline at end of file +webpackJsonp([15],{Arul:function(t,s,v){var a=v("VU/8")(null,v("auGc"),null,null,null);t.exports=a.exports},auGc:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("section",[v("h2",{attrs:{id:"Select"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-Select-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Select")]),t._v(" "),t._m(0),t._v(" "),v("p",[t._v("Select 组件,用于单项选择。")]),t._v(" "),t._m(1),t._v(" "),v("h3",{attrs:{id:"示例"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" "),v("h3",{attrs:{id:"Props配置"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),v("p",[t._v("你可以将每个选项定义成一个对象,其中 text 为选项文案,value为选项的值,若没有将该选项定义为对象,比如 2014,则我们内部会把它转化成 { value: 2014, text: 2014 }")]),t._v(" "),v("h3",{attrs:{id:"事件"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("blockquote",[v("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("p",[v("strong",[t._v("注:")]),t._v(" 由于此组件依赖 "),v("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker")]),t._v(" 组件,而 Picker 组件是基于 create-api 实现,所以在使用之前,请确保自己了解过 "),v("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v("。")])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("ul",[v("li",[v("p",[t._v("基本用法")]),t._v(" "),v("p",[t._v("对于 Select 选择组件,你需要传入 options 定义各个选项,选择的结果则绑定在 v-model 上。")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v(">")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),v("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),v("li",[v("p",[t._v("配置和事件")]),t._v(" "),v("p",[t._v("Select 支持选择器标题(title)、占位符(placeholder)、自动弹出选择器(autoPop)、禁用(disabled)的配置。并且在选择时,如果选择的值改变了,会派发 change 事件。")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":title")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"title"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-pop")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"autoPop"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"change"')]),t._v(">")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),v("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),v("span",{attrs:{class:"hljs-string"}},[t._v("'入职时间'")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),v("span",{attrs:{class:"hljs-string"}},[t._v("'请选择入职时间'")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("autoPop")]),t._v(": "),v("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),v("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n },\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n change(value, index, text) {\n "),v("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log("),v("span",{attrs:{class:"hljs-string"}},[t._v("'change'")]),t._v(", value, index, text)\n }\n }\n}\n")])]),t._v(" "),v("p",[t._v("需要注意的一点是,change 事件在你直接赋值修改 value 的值时,不会触发,只会在选择导致的修改时触发。如果你只是想监听 value 的改变,请直接监听 value。")])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("参数")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("类型")]),t._v(" "),v("th",[t._v("可选值")]),t._v(" "),v("th",[t._v("默认值")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("options")]),t._v(" "),v("td",[t._v("选项")]),t._v(" "),v("td",[t._v("Array")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("[]")])]),t._v(" "),v("tr",[v("td",[t._v("v-model")]),t._v(" "),v("td",[t._v("选中的值")]),t._v(" "),v("td",[t._v("Any")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("placeholder")]),t._v(" "),v("td",[t._v("占位文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'请选择'")])]),t._v(" "),v("tr",[v("td",[t._v("auto-pop")]),t._v(" "),v("td",[t._v("是否自动弹出选择器")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("disabled")]),t._v(" "),v("td",[t._v("是否禁用")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("title")]),t._v(" "),v("td",[t._v("选择器的标题")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'请选择'")])]),t._v(" "),v("tr",[v("td",[t._v("cancelTxt")]),t._v(" "),v("td",[t._v("选择器的取消按钮文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'取消'")])]),t._v(" "),v("tr",[v("td",[t._v("confirmTxt")]),t._v(" "),v("td",[t._v("选择器的确认按钮文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'确认'")])])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("ul",[v("li",[v("code",{pre:!0},[t._v("options")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("参数")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("类型")]),t._v(" "),v("th",[t._v("可选值")]),t._v(" "),v("th",[t._v("示例")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("value")]),t._v(" "),v("td",[t._v("该选项的值")]),t._v(" "),v("td",[t._v("Any")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("text")]),t._v(" "),v("td",[t._v("该选项的文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("事件名")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("参数1")]),t._v(" "),v("th",[t._v("参数2")]),t._v(" "),v("th",[t._v("参数3")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("change")]),t._v(" "),v("td",[t._v("在选择时,如果选择的值改变了派发")]),t._v(" "),v("td",[t._v("选中项的值")]),t._v(" "),v("td",[t._v("选中项的索引")]),t._v(" "),v("td",[t._v("选中项的文案")])]),t._v(" "),v("tr",[v("td",[t._v("picker-show")]),t._v(" "),v("td",[t._v("使用的 Picker 显示的时候派发")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("picker-hide")]),t._v(" "),v("td",[t._v("使用的 Picker 隐藏的时候派发(确定或取消都会派发)")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])])])])}]}},eM4Z:function(t,s,v){t.exports=v("Arul")}}); \ No newline at end of file diff --git a/docs/js/15.ffefda21d5a2ce9f0d31.js b/docs/js/16.cb03fdc87601b67a32fa.js similarity index 99% rename from docs/js/15.ffefda21d5a2ce9f0d31.js rename to docs/js/16.cb03fdc87601b67a32fa.js index e4248b882f597a83e375d6f792156dd1c9f46805..8fc2fbab66b510558c9ffda4d1e881677b6209e9 100644 --- a/docs/js/15.ffefda21d5a2ce9f0d31.js +++ b/docs/js/16.cb03fdc87601b67a32fa.js @@ -1 +1 @@ -webpackJsonp([15],{CiMa: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:"SegmentPicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-SegmentPicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" SegmentPicker 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("段选择器,用于实现多段的选择,比如选择时间段:2010年9月1日 - 2014年6月30日。")]),s._v(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),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),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("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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(" 属性定义每个节点选择器的类型和属性,"),a("code",{pre:!0},[s._v("is")]),s._v(" 代表该选择器是用哪种 Picker 组件,既可以是 Cube UI 的 Picker 类组件,也可以是你自己定义的 Picker 组件。比如下面是我们用两个 DatePicker 组件来做时间段选择。")]),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('"showDateSegmentPicker"')]),s._v(">")]),s._v("StartDate - EndDate"),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(" dateSegmentData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\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("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\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("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\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(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData,\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("selectedDates, selectedVals, selectedTexts")]),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 Items:
- 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].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("onNext")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i, selectedDate, selectedValue, selectedText")]),s._v(") =>")]),s._v(" {\n dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].min = selectedDate\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData\n })\n }\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateSegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("并且为了实现两个选择器之间的联动,我们可以在 next 下一步的事件处理函数中,根据第一个的选择,更新第二个选择器,比如这里是,将结束时间的最小值 = 所选的开始时间。")])]),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('"showCitySegmentPicker"')]),s._v(">")]),s._v("Express - From - To"),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(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [{\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(": [expressData],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\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(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'返回'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\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(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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 }],\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("nextTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Next'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prevTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Prev'")]),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("selectedVals, selectedIndexs, selectedTexts")]),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 Items:
- 所选快递: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("].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 })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCitySegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".citySegmentPicker.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("参数")]),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("nextTxt")]),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("prevTxt")]),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("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("subtitle"),a("sup",[s._v("1.8.1")])]),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("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("swipeTime"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("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("is")]),s._v(" "),a("td",[s._v("该节点选择器的组件名")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("cube-picker")]),s._v(" "),a("td",[s._v("cube-date-picker")])]),s._v(" "),a("tr",[a("td",[s._v("其它")]),s._v(" "),a("td",[s._v("该节点选择器的属性")]),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("参数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("各个选择器的 select 事件的参数1,Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数2,Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数3,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",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("next")]),s._v(" "),a("td",[s._v("点击下一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引,Number类型")]),s._v(" "),a("td",[s._v("其余参数为,当前 picker select 时间的参数")]),s._v(" "),a("td",[s._v("···")])]),s._v(" "),a("tr",[a("td",[s._v("prev")]),s._v(" "),a("td",[s._v("点击上一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引,Number类型")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("pickerIndex: 当前滚动 picker 的索引,Number类型")]),s._v(" "),a("td",[s._v("index: 当前滚动列索引,Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引,Number类型")])])])])},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("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},UCq8:function(s,t,a){s.exports=a("spOv")},spOv:function(s,t,a){var v=a("VU/8")(null,a("CiMa"),null,null,null);s.exports=v.exports}}); \ No newline at end of file +webpackJsonp([16],{CiMa: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:"SegmentPicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-SegmentPicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" SegmentPicker 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("段选择器,用于实现多段的选择,比如选择时间段:2010年9月1日 - 2014年6月30日。")]),s._v(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),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),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("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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(" 属性定义每个节点选择器的类型和属性,"),a("code",{pre:!0},[s._v("is")]),s._v(" 代表该选择器是用哪种 Picker 组件,既可以是 Cube UI 的 Picker 类组件,也可以是你自己定义的 Picker 组件。比如下面是我们用两个 DatePicker 组件来做时间段选择。")]),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('"showDateSegmentPicker"')]),s._v(">")]),s._v("StartDate - EndDate"),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(" dateSegmentData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\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("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\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("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\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(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData,\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("selectedDates, selectedVals, selectedTexts")]),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 Items:
- 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].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("onNext")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i, selectedDate, selectedValue, selectedText")]),s._v(") =>")]),s._v(" {\n dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].min = selectedDate\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData\n })\n }\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateSegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("并且为了实现两个选择器之间的联动,我们可以在 next 下一步的事件处理函数中,根据第一个的选择,更新第二个选择器,比如这里是,将结束时间的最小值 = 所选的开始时间。")])]),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('"showCitySegmentPicker"')]),s._v(">")]),s._v("Express - From - To"),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(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [{\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(": [expressData],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\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(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'返回'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\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(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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 }],\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("nextTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Next'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prevTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Prev'")]),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("selectedVals, selectedIndexs, selectedTexts")]),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 Items:
- 所选快递: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("].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 })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCitySegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".citySegmentPicker.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("参数")]),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("nextTxt")]),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("prevTxt")]),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("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("subtitle"),a("sup",[s._v("1.8.1")])]),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("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("swipeTime"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("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("is")]),s._v(" "),a("td",[s._v("该节点选择器的组件名")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("cube-picker")]),s._v(" "),a("td",[s._v("cube-date-picker")])]),s._v(" "),a("tr",[a("td",[s._v("其它")]),s._v(" "),a("td",[s._v("该节点选择器的属性")]),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("参数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("各个选择器的 select 事件的参数1,Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数2,Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数3,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",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("next")]),s._v(" "),a("td",[s._v("点击下一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引,Number类型")]),s._v(" "),a("td",[s._v("其余参数为,当前 picker select 时间的参数")]),s._v(" "),a("td",[s._v("···")])]),s._v(" "),a("tr",[a("td",[s._v("prev")]),s._v(" "),a("td",[s._v("点击上一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引,Number类型")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("pickerIndex: 当前滚动 picker 的索引,Number类型")]),s._v(" "),a("td",[s._v("index: 当前滚动列索引,Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引,Number类型")])])])])},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("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},UCq8:function(s,t,a){s.exports=a("spOv")},spOv:function(s,t,a){var v=a("VU/8")(null,a("CiMa"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/16.0d166ba18cd060423da1.js b/docs/js/17.9d6431c6ec7e4386d92e.js similarity index 77% rename from docs/js/16.0d166ba18cd060423da1.js rename to docs/js/17.9d6431c6ec7e4386d92e.js index cb1e9d6c573b1cf563b75565615482ae511f9f0e..27a564bcfdcf1467d7726f48bf4acd2a89bbad9f 100644 --- a/docs/js/16.0d166ba18cd060423da1.js +++ b/docs/js/17.9d6431c6ec7e4386d92e.js @@ -1 +1 @@ -webpackJsonp([16],{"/Z59":function(s,t,a){var v=a("VU/8")(null,a("3Wrv"),null,null,null);s.exports=v.exports},"3Wrv":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(" "),a("p",[s._v("由于 better-scroll 的滚动原理为:在滚动方向上,第一个子元素的长度超过了容器的长度。")]),s._v(" "),s._m(1),s._v(" "),s._m(2),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:"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(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),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(13),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(14)])},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("p",[s._v("那么对于 Scroll 组件,其实就是内容元素"),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v("在滚动方向上的长度必须大于容器元素 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("。根据滚动方向的不同,有以下两种情况:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("1)纵向滚动:内容元素的高度必须大于容器元素。由于容器元素的高度默认会被子元素的高度撑开,所以为了满足我们的滚动前提,你需要给 Scroll 组件的 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("元素一个非弹性高度。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("2)横向滚动:内容元素的宽度必须大于容器元素。由于在默认情况下,子元素的宽度不会超过容器元素,所以需要给 Scroll 组件的 "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" 元素设置大于 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),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("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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-wrapper")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100px")]),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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("需要注意的是,如果请求结果是没有新数据,也就是数据与之前一模一样没有变化,则必须使用 "),a("code",{pre:!0},[s._v("this.$refs.scroll.forceUpdate()")]),s._v(" 结束此次下拉刷新,这样,Scroll 组件才会开始监听下一次下拉刷新操作。")]),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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("需要注意的是,如果请求结果是没有新数据,也就是数据与之前一模一样没有变化,则必须使用 "),a("code",{pre:!0},[s._v("this.$refs.scroll.forceUpdate()")]),s._v(" 结束此次上拉加载,这样,Scroll 组件才会开始监听下一次上拉加载操作。")])]),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("p",[a("code",{pre:!0},[s._v("options")]),s._v("中 better-scroll 的几个常用配置项,"),a("code",{pre:!0},[s._v("scrollbar")]),s._v("、"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("、"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("这三个配置即可设为 "),a("code",{pre:!0},[s._v("Boolean")]),s._v("("),a("code",{pre:!0},[s._v("false")]),s._v(" 关闭该功能,"),a("code",{pre:!0},[s._v("true")]),s._v(" 开启该功能,并使用默认子配置),也可设为"),a("code",{pre:!0},[s._v("Object")]),s._v(",开启该功能并具体定制其子配置项。")])},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("-")])])])])}]}},kegs:function(s,t,a){s.exports=a("/Z59")}}); \ No newline at end of file +webpackJsonp([17],{"/Z59":function(s,t,a){var v=a("VU/8")(null,a("3Wrv"),null,null,null);s.exports=v.exports},"3Wrv":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(" "),a("p",[s._v("由于 better-scroll 的滚动原理为:在滚动方向上,第一个子元素的长度超过了容器的长度。")]),s._v(" "),s._m(1),s._v(" "),s._m(2),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:"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(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),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(13),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(14)])},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("p",[s._v("那么对于 Scroll 组件,其实就是内容元素"),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v("在滚动方向上的长度必须大于容器元素 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("。根据滚动方向的不同,有以下两种情况:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("1)纵向滚动:内容元素的高度必须大于容器元素。由于容器元素的高度默认会被子元素的高度撑开,所以为了满足我们的滚动前提,你需要给 Scroll 组件的 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("元素一个非弹性高度。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("2)横向滚动:内容元素的宽度必须大于容器元素。由于在默认情况下,子元素的宽度不会超过容器元素,所以需要给 Scroll 组件的 "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" 元素设置大于 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),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("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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-wrapper")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100px")]),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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("需要注意的是,如果请求结果是没有新数据,也就是数据与之前一模一样没有变化,则必须使用 "),a("code",{pre:!0},[s._v("this.$refs.scroll.forceUpdate()")]),s._v(" 结束此次下拉刷新,这样,Scroll 组件才会开始监听下一次下拉刷新操作。")]),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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("需要注意的是,如果请求结果是没有新数据,也就是数据与之前一模一样没有变化,则必须使用 "),a("code",{pre:!0},[s._v("this.$refs.scroll.forceUpdate()")]),s._v(" 结束此次上拉加载,这样,Scroll 组件才会开始监听下一次上拉加载操作。")])]),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("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("options")]),s._v(" "),a("td",[s._v("better-scroll 配置项,具体请参考"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),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("scroll-events"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("配置需要派发的 scroll 事件")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("可包含子项:'scroll', 'before-scroll-start', 'scroll-end'")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("listen-scroll")]),s._v(" "),a("td",[s._v("是否派发 scroll 事件。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v(",推荐使用 "),a("code",{pre:!0},[s._v("scroll-events")]),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("listen-before-scroll")]),s._v(" "),a("td",[s._v("是否派发 before-scroll-start 事件。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v(",推荐使用 "),a("code",{pre:!0},[s._v("scroll-events")]),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("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("p",[a("code",{pre:!0},[s._v("options")]),s._v("中 better-scroll 的几个常用配置项,"),a("code",{pre:!0},[s._v("scrollbar")]),s._v("、"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("、"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("这三个配置即可设为 "),a("code",{pre:!0},[s._v("Boolean")]),s._v("("),a("code",{pre:!0},[s._v("false")]),s._v(" 关闭该功能,"),a("code",{pre:!0},[s._v("true")]),s._v(" 开启该功能,并使用默认子配置),也可设为"),a("code",{pre:!0},[s._v("Object")]),s._v(",开启该功能并具体定制其子配置项。")])},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("当 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 包含 "),a("code",{pre:!0},[s._v("scroll")]),s._v(" 时,根据 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("当 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 包含 "),a("code",{pre:!0},[s._v("before-scroll-start")]),s._v(" 时,在滚动开始之前触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("当 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 包含 "),a("code",{pre:!0},[s._v("scroll-end")]),s._v(" 时,在滚动结束时触发")]),s._v(" "),a("td",[s._v("Object {x, y} - 实时滚动位置的坐标")])]),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("-")])])])])}]}},kegs:function(s,t,a){s.exports=a("/Z59")}}); \ No newline at end of file diff --git a/docs/js/17.d315e8bdcd274e53adcb.js b/docs/js/18.ffaa54e10ec6983428a6.js similarity index 99% rename from docs/js/17.d315e8bdcd274e53adcb.js rename to docs/js/18.ffaa54e10ec6983428a6.js index e063dbe6919264b167b38640672279fae3d810d7..e342f0b71f8cfd79407dc53560a9c5b5ffbbaec8 100644 --- a/docs/js/17.d315e8bdcd274e53adcb.js +++ b/docs/js/18.ffaa54e10ec6983428a6.js @@ -1 +1 @@ -webpackJsonp([17],{IEcz: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:"Rate"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rate-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Rate")]),s._v(" "),s._m(0),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(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:"cube-rate-item的插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-rate-item的插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-rate-item 的插槽")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.5.0 新增")])])},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("使用 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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("多项配置")]),s._v(" "),a("p",[s._v("例如,使用"),a("code",{pre:!0},[s._v("disabled")]),s._v("使评分组件只读,使用"),a("code",{pre:!0},[s._v("max")]),s._v("自定义评分等级,使用 "),a("code",{pre:!0},[s._v("justify")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"disabled"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":justify")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"justify"')]),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("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("justify")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\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-rate-item")]),s._v("组件,并且对自定义的星星元素定义两种样式——普通和活跃(在"),a("code",{pre:!0},[s._v(".cube-rate-item.active")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n in max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":value")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 定制星星示例 --\x3e")]),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('"rate-item"')]),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")])]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("width")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("height")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-size")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("grey")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),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("orange")]),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("v-model")]),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("max")]),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("false")])]),s._v(" "),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("justify")]),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-rate-item 组件")]),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("default")]),s._v(" "),a("td",[s._v("自定义星星元素")]),s._v(" "),a("td",[s._v("-")])])])])}]}},JQnJ:function(s,t,a){s.exports=a("c3c9")},c3c9:function(s,t,a){var v=a("VU/8")(null,a("IEcz"),null,null,null);s.exports=v.exports}}); \ No newline at end of file +webpackJsonp([18],{IEcz: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:"Rate"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rate-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Rate")]),s._v(" "),s._m(0),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(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:"cube-rate-item的插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-rate-item的插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-rate-item 的插槽")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.5.0 新增")])])},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("使用 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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("多项配置")]),s._v(" "),a("p",[s._v("例如,使用"),a("code",{pre:!0},[s._v("disabled")]),s._v("使评分组件只读,使用"),a("code",{pre:!0},[s._v("max")]),s._v("自定义评分等级,使用 "),a("code",{pre:!0},[s._v("justify")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"disabled"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":justify")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"justify"')]),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("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("justify")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\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-rate-item")]),s._v("组件,并且对自定义的星星元素定义两种样式——普通和活跃(在"),a("code",{pre:!0},[s._v(".cube-rate-item.active")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n in max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":value")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 定制星星示例 --\x3e")]),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('"rate-item"')]),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")])]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("width")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("height")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-size")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("grey")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),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("orange")]),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("v-model")]),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("max")]),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("false")])]),s._v(" "),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("justify")]),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-rate-item 组件")]),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("default")]),s._v(" "),a("td",[s._v("自定义星星元素")]),s._v(" "),a("td",[s._v("-")])])])])}]}},JQnJ:function(s,t,a){s.exports=a("c3c9")},c3c9:function(s,t,a){var v=a("VU/8")(null,a("IEcz"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/18.4201a72978187398b7bb.js b/docs/js/19.c2910e8448757c026ff5.js similarity index 99% rename from docs/js/18.4201a72978187398b7bb.js rename to docs/js/19.c2910e8448757c026ff5.js index fbd3b66a8946d32ba075dc631fdb44d6c38df144..74c16f1a6f2d876d8277038c3d01fdd97f53b5b8 100644 --- a/docs/js/18.4201a72978187398b7bb.js +++ b/docs/js/19.c2910e8448757c026ff5.js @@ -1 +1 @@ -webpackJsonp([18],{A1Ze: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(" "),s._m(0),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(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(" "),a("h3",{attrs:{id:"cube-radioProps配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioProps配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-radio Props 配置")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.4.0 新增")])])},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-group")]),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-group")]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),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("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(",则单选框图标位置在右边。设置 "),a("code",{pre:!0},[s._v("hollow-style")]),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-radio-group")]),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(" 改变样式为水平排列。")])]),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-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(option, index) in options4"')]),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(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected4"')]),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('"option.src"')]),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("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("selected4")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options4")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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")])])])])},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")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),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(" 的值都为该字符串的值。")])},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("option")]),s._v(" "),a("td",[s._v("选项配置")]),s._v(" "),a("td",[s._v("Object/String")]),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("hollow-style")]),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("option")]),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")])])])])}]}},mYHr:function(s,t,a){var v=a("VU/8")(null,a("A1Ze"),null,null,null);s.exports=v.exports},wPXv:function(s,t,a){s.exports=a("mYHr")}}); \ No newline at end of file +webpackJsonp([19],{A1Ze: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(" "),s._m(0),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(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(" "),a("h3",{attrs:{id:"cube-radioProps配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioProps配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-radio Props 配置")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.4.0 新增")])])},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-group")]),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-group")]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),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("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(",则单选框图标位置在右边。设置 "),a("code",{pre:!0},[s._v("hollow-style")]),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-radio-group")]),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(" 改变样式为水平排列。")])]),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-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(option, index) in options4"')]),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(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected4"')]),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('"option.src"')]),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("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("selected4")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options4")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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")])])])])},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")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),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(" 的值都为该字符串的值。")])},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("option")]),s._v(" "),a("td",[s._v("选项配置")]),s._v(" "),a("td",[s._v("Object/String")]),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("hollow-style")]),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("option")]),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")])])])])}]}},mYHr:function(s,t,a){var v=a("VU/8")(null,a("A1Ze"),null,null,null);s.exports=v.exports},wPXv:function(s,t,a){s.exports=a("mYHr")}}); \ No newline at end of file diff --git a/docs/js/19.bebe1eca9966c9be0adc.js b/docs/js/20.e7442978b8dbaa5d0509.js similarity index 99% rename from docs/js/19.bebe1eca9966c9be0adc.js rename to docs/js/20.e7442978b8dbaa5d0509.js index 88b447e37ce54de17edbd0eb9c9deda3febefdae..2c253acf031fe42a14959cd14ab43d09e5aa76ca 100644 --- a/docs/js/19.bebe1eca9966c9be0adc.js +++ b/docs/js/20.e7442978b8dbaa5d0509.js @@ -1 +1 @@ -webpackJsonp([19],{"+Ndq":function(s,t,a){var r=a("VU/8")(null,a("TKIV"),null,null,null);s.exports=r.exports},"8XCF":function(s,t,a){s.exports=a("+Ndq")},TKIV: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(" "),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(" "),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(" "),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(5),s._v(" "),s._m(6),s._v(" "),s._m(7),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(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(" "),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(9),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(10),s._v(" "),s._m(11),s._v(" "),a("p",[s._v("你可以选择全局注册也可以选择局部注册:")]),s._v(" "),s._m(12),s._v(" "),a("p",[s._v("所有的可按需引入的组件:")]),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),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(16)])},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/cube-ui/cube-application-guide"}},[s._v("cube-application-guide")])])},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("关于初始化时特殊的配置项,请参考 "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")])])},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 // webpack-transform-modules-plugin 依赖 transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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/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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),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.2.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[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:"4"}},[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")])]),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 // webpack-transform-modules-plugin 依赖 transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 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 plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\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-comment"}},[s._v("// ... more")]),s._v("\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([20],{"+Ndq":function(s,t,a){var r=a("VU/8")(null,a("TKIV"),null,null,null);s.exports=r.exports},"8XCF":function(s,t,a){s.exports=a("+Ndq")},TKIV: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(" "),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(" "),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(" "),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(5),s._v(" "),s._m(6),s._v(" "),s._m(7),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(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(" "),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(9),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(10),s._v(" "),s._m(11),s._v(" "),a("p",[s._v("你可以选择全局注册也可以选择局部注册:")]),s._v(" "),s._m(12),s._v(" "),a("p",[s._v("所有的可按需引入的组件:")]),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),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(16)])},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/cube-ui/cube-application-guide"}},[s._v("cube-application-guide")])])},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("关于初始化时特殊的配置项,请参考 "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")])])},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 // webpack-transform-modules-plugin 依赖 transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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/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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),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.2.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[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:"4"}},[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")])]),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 // webpack-transform-modules-plugin 依赖 transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 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 plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\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-comment"}},[s._v("// ... more")]),s._v("\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/20.c4a66966ab7677bcf86b.js b/docs/js/21.a794fddb8085c99e35ac.js similarity index 99% rename from docs/js/20.c4a66966ab7677bcf86b.js rename to docs/js/21.a794fddb8085c99e35ac.js index ec2596a4055b9df0f411f4042c58f27a9c3e6cdb..03e7261b41574e198668480397fdb80776cbd838 100644 --- a/docs/js/20.c4a66966ab7677bcf86b.js +++ b/docs/js/21.a794fddb8085c99e35ac.js @@ -1 +1 @@ -webpackJsonp([20],{"8Pct":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")])])}]}},Po76:function(e,s,t){var a=t("VU/8")(null,t("8Pct"),null,null,null);e.exports=a.exports},hvjf:function(e,s,t){e.exports=t("Po76")}}); \ No newline at end of file +webpackJsonp([21],{"8Pct":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")])])}]}},Po76:function(e,s,t){var a=t("VU/8")(null,t("8Pct"),null,null,null);e.exports=a.exports},hvjf:function(e,s,t){e.exports=t("Po76")}}); \ No newline at end of file diff --git a/docs/js/21.7ec649313be46622687e.js b/docs/js/22.943c58daf4caa9291db9.js similarity index 99% rename from docs/js/21.7ec649313be46622687e.js rename to docs/js/22.943c58daf4caa9291db9.js index 56d09d4654fce34d149b1be0c619a5e685b0cbac..650c50a5de34606650fac33e386fa5d35ef88c99 100644 --- a/docs/js/21.7ec649313be46622687e.js +++ b/docs/js/22.943c58daf4caa9291db9.js @@ -1 +1 @@ -webpackJsonp([21],{KVpg:function(s,t,a){var v=a("VU/8")(null,a("Q9gR"),null,null,null);s.exports=v.exports},Q9gR: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(" "),s._m(1),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(2),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(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("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/cascade-picker"}},[s._v("CascadePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/date-picker"}},[s._v("DatePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/segment-picker"}},[s._v("SegmentPicker")]),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("p",[a("strong",[s._v("注:")]),s._v(" 以上组件都是基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("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("点击事件对象")])])])])},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("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},ZL7z:function(s,t,a){s.exports=a("KVpg")}}); \ No newline at end of file +webpackJsonp([22],{KVpg:function(s,t,a){var v=a("VU/8")(null,a("Q9gR"),null,null,null);s.exports=v.exports},Q9gR: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(" "),s._m(1),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(2),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(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("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/cascade-picker"}},[s._v("CascadePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/date-picker"}},[s._v("DatePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/segment-picker"}},[s._v("SegmentPicker")]),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("p",[a("strong",[s._v("注:")]),s._v(" 以上组件都是基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("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("点击事件对象")])])])])},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("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},ZL7z:function(s,t,a){s.exports=a("KVpg")}}); \ No newline at end of file diff --git a/docs/js/22.dbafee15c63cba5a48b7.js b/docs/js/23.1e0f934c8e4c3850240a.js similarity index 99% rename from docs/js/22.dbafee15c63cba5a48b7.js rename to docs/js/23.1e0f934c8e4c3850240a.js index 92fc0a052a1417caaa9c9dc29e76163dfb293af3..f59fb115965bc9fc2c3539f40099066c0b59a131 100644 --- a/docs/js/22.dbafee15c63cba5a48b7.js +++ b/docs/js/23.1e0f934c8e4c3850240a.js @@ -1 +1 @@ -webpackJsonp([22],{"92Kx":function(s,t,a){s.exports=a("ouqO")},LDLw: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(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),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),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",[a("code",{pre:!0},[s._v("Picker")]),s._v("组件支持多列选择器及数据联动。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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个参数,都为数组类型。第一个参数为滚轴需要显示的数据,第二个参数为选中值的索引。")])]),s._v(" "),a("li",[a("p",[s._v("副标题")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("subtitle")]),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('"showSubtitlePicker"')]),s._v(">")]),s._v("Use subtitle"),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(".subtitlePicker = "),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("subtitle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'subtitle'")]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSubtitlePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".subtitlePicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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("传入 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("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("subtitle"),a("sup",[s._v("1.8.1")])]),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("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("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动 picker 滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("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类型")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),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("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},ouqO:function(s,t,a){var v=a("VU/8")(null,a("LDLw"),null,null,null);s.exports=v.exports}}); \ No newline at end of file +webpackJsonp([23],{"92Kx":function(s,t,a){s.exports=a("ouqO")},LDLw: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(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),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),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",[a("code",{pre:!0},[s._v("Picker")]),s._v("组件支持多列选择器及数据联动。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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个参数,都为数组类型。第一个参数为滚轴需要显示的数据,第二个参数为选中值的索引。")])]),s._v(" "),a("li",[a("p",[s._v("副标题")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("subtitle")]),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('"showSubtitlePicker"')]),s._v(">")]),s._v("Use subtitle"),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(".subtitlePicker = "),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("subtitle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'subtitle'")]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSubtitlePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".subtitlePicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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("传入 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("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("subtitle"),a("sup",[s._v("1.8.1")])]),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("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("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动 picker 滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("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类型")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),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("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},ouqO:function(s,t,a){var v=a("VU/8")(null,a("LDLw"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/23.fb6dfb26a82e994676ac.js b/docs/js/24.45dca337fd81a1b35a34.js similarity index 97% rename from docs/js/23.fb6dfb26a82e994676ac.js rename to docs/js/24.45dca337fd81a1b35a34.js index 062cda38c3cb46703a9109c88af0973d27333d77..4d8ac425291f2592a3118c055b37831dd5c9d67a 100644 --- a/docs/js/23.fb6dfb26a82e994676ac.js +++ b/docs/js/24.45dca337fd81a1b35a34.js @@ -1 +1 @@ -webpackJsonp([23],{"4qzo":function(s,t,a){var r=a("VU/8")(null,a("rt58"),null,null,null);s.exports=r.exports},dNW6:function(s,t,a){s.exports=a("4qzo")},rt58: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([24],{"4qzo":function(s,t,a){var r=a("VU/8")(null,a("rt58"),null,null,null);s.exports=r.exports},dNW6:function(s,t,a){s.exports=a("4qzo")},rt58: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/24.c9bbd555b055d1f837ac.js b/docs/js/25.e69ab5f633d3928091a5.js similarity index 99% rename from docs/js/24.c9bbd555b055d1f837ac.js rename to docs/js/25.e69ab5f633d3928091a5.js index 1c9a94124dbe9afea4295aa90ddf6dcf5b641924..e3b1266ad321e8a7a4cb9acb8c575de017355f67 100644 --- a/docs/js/24.c9bbd555b055d1f837ac.js +++ b/docs/js/25.e69ab5f633d3928091a5.js @@ -1 +1 @@ -webpackJsonp([24],{S8Me: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/input"}},[t._v("Input 输入框")])]),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("。")])}]}},oycq:function(t,s,a){var e=a("VU/8")(null,a("S8Me"),null,null,null);t.exports=e.exports},zpSu:function(t,s,a){t.exports=a("oycq")}}); \ No newline at end of file +webpackJsonp([25],{S8Me: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/input"}},[t._v("Input 输入框")])]),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("。")])}]}},oycq:function(t,s,a){var e=a("VU/8")(null,a("S8Me"),null,null,null);t.exports=e.exports},zpSu:function(t,s,a){t.exports=a("oycq")}}); \ No newline at end of file diff --git a/docs/js/25.23843ce98192dae79fd5.js b/docs/js/26.b5d432defd613e49c7fe.js similarity index 87% rename from docs/js/25.23843ce98192dae79fd5.js rename to docs/js/26.b5d432defd613e49c7fe.js index 9769e7d68021af484ade471392c83d0a4b5c8a24..14e95ebe396e3bc174f7adc04f02ee6b11907431 100644 --- a/docs/js/25.23843ce98192dae79fd5.js +++ b/docs/js/26.b5d432defd613e49c7fe.js @@ -1 +1 @@ -webpackJsonp([25],{IwIh:function(t,s,a){t.exports=a("equ3")},Urz1: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:"Input"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Input-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Input")]),t._v(" "),t._m(0),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),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(3),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(4),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(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("输入框组件。支持使用"),a("code",{pre:!0},[t._v("v-model")]),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("p",[t._v("使用"),a("code",{pre:!0},[t._v("v-model")]),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-input")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("多项配置")]),t._v(" "),a("p",[t._v("支持原生组件的大部分配置,另外可通过"),a("code",{pre:!0},[t._v("clearable")]),t._v("切换清空按钮以及"),a("code",{pre:!0},[t._v("eye")]),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-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"type"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autocomplete")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autocomplete"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'password'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autocomplete")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("clearable")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-comment"}},[t._v("/*\n * 眼睛可见,且密码可见\n * 如果为 false 则眼睛不可见,密码不可见\n * 如果想要眼睛可见但是密码不可见,则配置为对象 { open: false }\n */")]),t._v("\n eye: "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\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("input类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("text/number/password/date")]),t._v(" "),a("td",[t._v("text")])]),t._v(" "),a("tr",[a("td",[t._v("v-model")]),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("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("readonly")]),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("maxlength")]),t._v(" "),a("td",[t._v("最大输入长度")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),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("autofocus")]),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("autocomplete")]),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("clearable")]),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("eye")]),t._v(" "),a("td",[t._v("默认 false,密码眼睛不可见;如果是 true 则使用密码眼睛,且密码可见;还可配置为对象"),a("code",{pre:!0},[t._v("{ open: false }")]),t._v(",那么眼睛可见,"),a("code",{pre:!0},[t._v("open")]),t._v(" 用来控制密码是否可见")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{open: "),a("code",{pre:!0},[t._v("true/false")]),t._v("}")]),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("tbody",[a("tr",[a("td",[t._v("prepend")]),t._v(" "),a("td",[t._v("前置内容")])]),t._v(" "),a("tr",[a("td",[t._v("append")]),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("focus")]),t._v(" "),a("td",[t._v("输入框聚焦后触发此事件,如果禁用状态,则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("输入框失焦后触发此事件")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])}]}},equ3:function(t,s,a){var v=a("VU/8")(null,a("Urz1"),null,null,null);t.exports=v.exports}}); \ No newline at end of file +webpackJsonp([26],{IwIh:function(t,s,a){t.exports=a("equ3")},Urz1: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:"Input"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Input-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Input")]),t._v(" "),t._m(0),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),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(3),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(4),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(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("输入框组件。支持使用"),a("code",{pre:!0},[t._v("v-model")]),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("p",[t._v("使用"),a("code",{pre:!0},[t._v("v-model")]),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-input")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("多项配置")]),t._v(" "),a("p",[t._v("支持原生组件的大部分配置,另外可通过"),a("code",{pre:!0},[t._v("clearable")]),t._v("切换清空按钮以及"),a("code",{pre:!0},[t._v("eye")]),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-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"type"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autocomplete")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autocomplete"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'password'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autocomplete")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("clearable")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-comment"}},[t._v("/*\n * 眼睛可见,且密码可见\n * 如果为 false 则眼睛不可见,密码不可见\n * 如果想要眼睛可见但是密码不可见,则配置为对象 { open: false }\n */")]),t._v("\n eye: "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\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("input类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("text/number/password/date")]),t._v(" "),a("td",[t._v("text")])]),t._v(" "),a("tr",[a("td",[t._v("v-model")]),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("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("readonly")]),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("maxlength")]),t._v(" "),a("td",[t._v("最大输入长度")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),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("autofocus")]),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("autocomplete")]),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("clearable")]),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("eye")]),t._v(" "),a("td",[t._v("默认 false,密码眼睛不可见;如果是 true ,则相当于配置为对象 "),a("code",{pre:!0},[t._v("{ open: true, reverse: false }")]),t._v("。对象形式表示使用密码眼睛。其中 "),a("code",{pre:!0},[t._v("open")]),t._v(" 控制眼睛张开还是闭合。"),a("code",{pre:!0},[t._v("reverse")]),t._v(" 控制密码可见和眼睛开闭是否相反。")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{open: true/false, reverse: 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("tbody",[a("tr",[a("td",[t._v("prepend")]),t._v(" "),a("td",[t._v("前置内容")])]),t._v(" "),a("tr",[a("td",[t._v("append")]),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("focus")]),t._v(" "),a("td",[t._v("输入框聚焦后触发此事件,如果禁用状态,则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("输入框失焦后触发此事件")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])}]}},equ3:function(t,s,a){var v=a("VU/8")(null,a("Urz1"),null,null,null);t.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/26.0b373df24c628f761397.js b/docs/js/27.7346131efab2651a7d20.js similarity index 99% rename from docs/js/26.0b373df24c628f761397.js rename to docs/js/27.7346131efab2651a7d20.js index a581543842852c5a3d7f0db976ac7196b679a974..28ab10b36f09944e43cff934afa23f7aabd0ae32 100644 --- a/docs/js/26.0b373df24c628f761397.js +++ b/docs/js/27.7346131efab2651a7d20.js @@ -1 +1 @@ -webpackJsonp([26],{BfAM:function(s,t,a){var n=a("VU/8")(null,a("O3xC"),null,null,null);s.exports=n.exports},O3xC: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")])])]),s._v(" "),a("li",[a("p",[s._v("上拉加载")]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" 属性开启上拉加载功能,具体配置同 Scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullUpLoad")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("\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("")]),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("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("data")]),s._v(": cityData.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(")\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 onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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("const")]),s._v(" length = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.length\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (length < cityData.length) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.push(cityData[length])\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("下拉刷新")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" 属性开启下拉刷新功能,具体配置同 Scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullDownRefresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),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("\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("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("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("55")]),s._v("\n }\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 onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items.push(...cityData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items)\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),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("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("navbar")]),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("speed")]),s._v(" "),a("td",[s._v("点击导航栏索引时,滚动到相应位置的动画时间(单位:ms)")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("上拉加载,具体配置参考 scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullUpLoad")])]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("下拉刷新,具体配置参考 scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullDownRefresh")])]),s._v(" "),a("td",[s._v("Boolean/Object")]),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("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属性值")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("当 pullUpLoad 属性为 true 时,在上拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("当 pullDownRefresh 属性为 true 时,在下拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])])])])}]}},hUpT:function(s,t,a){s.exports=a("BfAM")}}); \ No newline at end of file +webpackJsonp([27],{BfAM:function(s,t,a){var n=a("VU/8")(null,a("O3xC"),null,null,null);s.exports=n.exports},O3xC: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")])])]),s._v(" "),a("li",[a("p",[s._v("上拉加载")]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" 属性开启上拉加载功能,具体配置同 Scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullUpLoad")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("\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("")]),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("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("data")]),s._v(": cityData.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(")\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 onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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("const")]),s._v(" length = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.length\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (length < cityData.length) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.push(cityData[length])\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("下拉刷新")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" 属性开启下拉刷新功能,具体配置同 Scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullDownRefresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),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("\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("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("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("55")]),s._v("\n }\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 onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items.push(...cityData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items)\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),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("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("navbar")]),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("speed")]),s._v(" "),a("td",[s._v("点击导航栏索引时,滚动到相应位置的动画时间(单位:ms)")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("上拉加载,具体配置参考 scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullUpLoad")])]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("下拉刷新,具体配置参考 scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullDownRefresh")])]),s._v(" "),a("td",[s._v("Boolean/Object")]),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("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属性值")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("当 pullUpLoad 属性为 true 时,在上拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("当 pullDownRefresh 属性为 true 时,在下拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])])])])}]}},hUpT:function(s,t,a){s.exports=a("BfAM")}}); \ No newline at end of file diff --git a/docs/js/27.5fa2587dbe25593c027a.js b/docs/js/28.2a89e90a65c805e26ed8.js similarity index 99% rename from docs/js/27.5fa2587dbe25593c027a.js rename to docs/js/28.2a89e90a65c805e26ed8.js index 2d4c05db168c5bec4ce083edcd55914a57f6dfe4..65566aa90a7ce1d44835f3fc1477d522f57426e5 100644 --- a/docs/js/27.5fa2587dbe25593c027a.js +++ b/docs/js/28.2a89e90a65c805e26ed8.js @@ -1 +1 @@ -webpackJsonp([27],{"3rpl":function(s,t,a){var v=a("VU/8")(null,a("svlL"),null,null,null);s.exports=v.exports},XO3d:function(s,t,a){s.exports=a("3rpl")},svlL: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:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(0),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(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(" "),a("h4",{attrs:{id:"CubeForm"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeForm-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeForm")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"CubeFormGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeFormGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeFormGroup")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeFormItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeFormItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeFormItem")]),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),s._v(" "),s._m(7),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")]),s._v(" "),a("p",[s._v("从 1.8.0 开始支持blur 时才触发校验以及 debounce,同 Validator 一样也开始支持异步校验。")])])},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("一个完整的包含所有的内置表单相关组件。")]),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-form")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":schema")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"schema"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate-validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),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("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@reset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"resetHandler"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxGroupValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("radioValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("switchValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("textareaValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploadValue")]),s._v(": []\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("schema")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'基础'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please check this field'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxGroupValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'CheckboxGroup'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// validating when blur")]),s._v("\n trigger: "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blur'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radioValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Radio'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'selectValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2015")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2016")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2017")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2019")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switchValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textareaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// debounce validate")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if set to true, the default debounce time will be 200(ms)")]),s._v("\n debounce: "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'高级'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploadValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'file-removed'")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("...args")]),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("'file removed'")]),s._v(", args)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val, config")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all(val.map("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("file, i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve, reject")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.uploadedUrl) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" resolve()\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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(" (i % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n reject("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Error")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n file.uploadedUrl = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploaded/url'")]),s._v("\n resolve()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n })).then("),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("return")]),s._v(" "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'上传失败'")]),s._v("\n }\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Reset'")]),s._v("\n }\n ]\n }\n ]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollToInvalidField")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("layout")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'standard'")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// classic fresh")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n e.preventDefault()\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(", e)\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n resetHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(", e)\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("model")]),s._v(" 就是整个表单需要的数据源,"),a("code",{pre:!0},[s._v("schema")]),s._v(" 就是生成表单所定义的模式,"),a("code",{pre:!0},[s._v("immediate-validate")]),s._v(" 如果为 true 则初始时立即做校验,"),a("code",{pre:!0},[s._v("options")]),s._v(" 则是配置选项。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("submit")]),s._v(" 校验成功后提交事件,"),a("code",{pre:!0},[s._v("validate")]),s._v(" 每次有数据校验更新的事件,"),a("code",{pre:!0},[s._v("reset")]),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-form")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[0]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[1]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[2]"')]),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('"showDatePicker"')]),s._v(">")]),s._v("{{model.dateValue || 'Please select date'}}"),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("date-picker")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"datePicker"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2008, 8, 8]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2020, 10, 20]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dateSelectHandler"')]),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),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-comment"}},[s._v("// province, city, area")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// select component")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" PCA = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Array")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v("() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" []\n }\n }\n },\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(": []\n }\n },\n render(createElement) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-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(".showPicker\n }\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.length ? "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(") : "),a("span",{attrs:{class:"hljs-string"}},[s._v("'placeholder'")]),s._v(")\n },\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(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCA Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".value,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\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 selectHandler(selectedVal, selectedIndex, selectedTxt) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected = selectedTxt\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(", selectedVal)\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("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pcaValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("dateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("component")]),s._v(": PCA,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'pcaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCASelect'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(")\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.datePicker.show()\n },\n dateSelectHandler(selectedVal) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".model.dateValue = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("], selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] - "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("]).toDateString()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n DatePicker\n }\n}\n")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("component")]),s._v(" 指定实现了 "),a("code",{pre:!0},[s._v("v-model")]),s._v(" 的自定义组件,例如示例中的 "),a("code",{pre:!0},[s._v("PCA")]),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("model")]),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("{}")])]),s._v(" "),a("tr",[a("td",[s._v("schema")]),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("{}")])]),s._v(" "),a("tr",[a("td",[s._v("immediate-validate")]),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("action")]),s._v(" "),a("td",[s._v("表单 Form action 的值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("undefined")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),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("{"),a("br"),s._v("scrollToInvalidField: false,"),a("br"),s._v(" layout: 'standard' // or: classic")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("schema")]),s._v(" 子配置项")]),s._v(" "),a("p",[s._v("模式用于定义表单中的各个字段,可以选择是否分组。")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("无分组")]),s._v(" "),a("p",[s._v("直接包含 "),a("code",{pre:!0},[s._v("fields")]),s._v(" 即可:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("有分组")]),s._v(" "),a("p",[s._v("可以设置 "),a("code",{pre:!0},[s._v("groups")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 1'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 2'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n }\n ]\n}\n")])])])]),s._v(" "),a("p",[s._v("不管有没有分组,我们都需要使用 "),a("code",{pre:!0},[s._v("fields")]),s._v(" 定义表单字段,其中每一项可以有如下属性:")]),s._v(" "),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("默认内置的可选类型组件有:"),a("code",{pre:!0},[s._v("button")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox-group")]),s._v(", "),a("code",{pre:!0},[s._v("input")]),s._v(", "),a("code",{pre:!0},[s._v("radio")]),s._v(", "),a("code",{pre:!0},[s._v("radio-group")]),s._v(", "),a("code",{pre:!0},[s._v("rate")]),s._v(", "),a("code",{pre:!0},[s._v("select")]),s._v(", "),a("code",{pre:!0},[s._v("switch")]),s._v(", "),a("code",{pre:!0},[s._v("textarea")]),s._v(", "),a("code",{pre:!0},[s._v("upload")]),s._v(";以及特殊的 "),a("code",{pre:!0},[s._v("submit")]),s._v(" 和 "),a("code",{pre:!0},[s._v("reset")]),s._v(",它们两个会被转换为对应类型的 "),a("code",{pre:!0},[s._v("button")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("component")]),s._v(" "),a("td",[s._v("字段使用的自定义组件,替换 type,该组件组件实现 "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("modelKey")]),s._v(" "),a("td",[s._v("在表单的 "),a("code",{pre:!0},[s._v("model")]),s._v(" 数据源对象中所对应的 key 名字")]),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("label")]),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("props")]),s._v(" "),a("td",[s._v("type 对应的组件或者自定义组件 component 所需要的 props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("events"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("type 对应的组件或者自定义组件 component 的事件回调")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("rules")]),s._v(" "),a("td",[s._v("字段的校验规则,参见 "),a("a",{attrs:{href:"#/zh-CN/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("trigger"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("如果设置为 'blur' 那么则会在离焦后校验")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("blur/change")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("debounce"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("控制校验节奏,值为时间,单位 ms。如果 trigger 设置为 blur 则此项配置不生效")]),s._v(" "),a("td",[s._v("Number/Boolean")]),s._v(" "),a("td",[s._v(">= 0,如果设置为 true,那么时间就是 200(ms)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("messages")]),s._v(" "),a("td",[s._v("字段的校验消息,参见 "),a("a",{attrs:{href:"#/zh-CN/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),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("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("legend")]),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("fields")]),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("[]")])])])])},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("field")]),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("-")])])])])},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("submit")]),s._v(" "),a("td",[s._v("表单校验通过后触发此事件")]),s._v(" "),a("td",[s._v("e - 事件对象")]),s._v(" "),a("td",[s._v("model 值")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("表单重置事件")]),s._v(" "),a("td",[s._v("e - 事件对象")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate")]),s._v(" "),a("td",[s._v("表单校验事件")]),s._v(" "),a("td",[s._v("参数结构如下:"),a("br"),s._v("{"),a("br"),s._v("validity,"),a("br"),s._v(" valid,"),a("br"),s._v(" invalid,"),a("br"),s._v(" dirty,"),a("br"),s._v(" firstInvalidFieldIndex"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("表单校验成功触发")]),s._v(" "),a("td",[s._v("validity 校验结果")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("表单校验失败触发")]),s._v(" "),a("td",[s._v("validity 校验结果")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("validate")]),s._v(" 事件的参数")]),s._v(" "),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("validity")]),s._v(" "),a("td",[s._v("校验结果")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("校验合法,如果还没校验则为 undefined,一旦校验则为 true 或 false")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("校验不合法,如果还没校验则为 undefined,一旦校验则为 true 或 false")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("表单处于 dirty 状态,也就意味着数据源发生了变化")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("firstInvalidFieldIndex")]),s._v(" "),a("td",[s._v("第一个校验不合法的字段索引值")]),s._v(" "),a("td",[s._v("Number")])])])]),s._v(" "),a("ul",[a("li",[a("p",[s._v("校验结果 "),a("code",{pre:!0},[s._v("validity")]),s._v(" 对象")]),s._v(" "),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("valid")]),s._v(" "),a("td",[s._v("校验是否合法")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("result")]),s._v(" "),a("td",[s._v("校验结果,类似于:"),a("br"),s._v("{"),a("br"),s._v(" required: {"),a("br"),s._v("  valid: false,"),a("br"),s._v("  invalid: true,"),a("br"),s._v("  message: 'Required.'"),a("br"),s._v(" }"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),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("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("submit")]),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("reset")]),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("validate(cb)")]),s._v(" "),a("td",[s._v("校验表单")]),s._v(" "),a("td",[s._v("cb: 校验完成后回调函数,主要用于异步校验场景,调用参数为 valid 的值")]),s._v(" "),a("td",[s._v("如果支持 Promise 的话返回值是 Promise 对象(只有 resolved 状态,值为 valid),否则 undefined")])])])])}]}}}); \ No newline at end of file +webpackJsonp([28],{"3rpl":function(s,t,a){var v=a("VU/8")(null,a("svlL"),null,null,null);s.exports=v.exports},XO3d:function(s,t,a){s.exports=a("3rpl")},svlL: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:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(0),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(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(" "),a("h4",{attrs:{id:"CubeForm"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeForm-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeForm")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"CubeFormGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeFormGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeFormGroup")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeFormItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeFormItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeFormItem")]),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),s._v(" "),s._m(7),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")]),s._v(" "),a("p",[s._v("从 1.8.0 开始支持blur 时才触发校验以及 debounce,同 Validator 一样也开始支持异步校验。")])])},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("一个完整的包含所有的内置表单相关组件。")]),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-form")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":schema")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"schema"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate-validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),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("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@reset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"resetHandler"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxGroupValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("radioValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("switchValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("textareaValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploadValue")]),s._v(": []\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("schema")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'基础'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please check this field'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxGroupValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'CheckboxGroup'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// validating when blur")]),s._v("\n trigger: "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blur'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radioValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Radio'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'selectValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2015")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2016")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2017")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2019")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switchValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textareaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// debounce validate")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if set to true, the default debounce time will be 200(ms)")]),s._v("\n debounce: "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'高级'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploadValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'file-removed'")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("...args")]),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("'file removed'")]),s._v(", args)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val, config")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all(val.map("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("file, i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve, reject")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.uploadedUrl) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" resolve()\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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(" (i % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n reject("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Error")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n file.uploadedUrl = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploaded/url'")]),s._v("\n resolve()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n })).then("),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("return")]),s._v(" "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'上传失败'")]),s._v("\n }\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Reset'")]),s._v("\n }\n ]\n }\n ]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollToInvalidField")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("layout")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'standard'")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// classic fresh")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n e.preventDefault()\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(", e)\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n resetHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(", e)\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("model")]),s._v(" 就是整个表单需要的数据源,"),a("code",{pre:!0},[s._v("schema")]),s._v(" 就是生成表单所定义的模式,"),a("code",{pre:!0},[s._v("immediate-validate")]),s._v(" 如果为 true 则初始时立即做校验,"),a("code",{pre:!0},[s._v("options")]),s._v(" 则是配置选项。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("submit")]),s._v(" 校验成功后提交事件,"),a("code",{pre:!0},[s._v("validate")]),s._v(" 每次有数据校验更新的事件,"),a("code",{pre:!0},[s._v("reset")]),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-form")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[0]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[1]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[2]"')]),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('"showDatePicker"')]),s._v(">")]),s._v("{{model.dateValue || 'Please select date'}}"),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("date-picker")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"datePicker"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2008, 8, 8]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2020, 10, 20]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dateSelectHandler"')]),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),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-comment"}},[s._v("// province, city, area")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// select component")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" PCA = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Array")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v("() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" []\n }\n }\n },\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(": []\n }\n },\n render(createElement) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-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(".showPicker\n }\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.length ? "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(") : "),a("span",{attrs:{class:"hljs-string"}},[s._v("'placeholder'")]),s._v(")\n },\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(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCA Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".value,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\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 selectHandler(selectedVal, selectedIndex, selectedTxt) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected = selectedTxt\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(", selectedVal)\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("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pcaValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("dateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("component")]),s._v(": PCA,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'pcaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCASelect'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(")\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.datePicker.show()\n },\n dateSelectHandler(selectedVal) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".model.dateValue = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("], selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] - "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("]).toDateString()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n DatePicker\n }\n}\n")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("component")]),s._v(" 指定实现了 "),a("code",{pre:!0},[s._v("v-model")]),s._v(" 的自定义组件,例如示例中的 "),a("code",{pre:!0},[s._v("PCA")]),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("model")]),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("{}")])]),s._v(" "),a("tr",[a("td",[s._v("schema")]),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("{}")])]),s._v(" "),a("tr",[a("td",[s._v("immediate-validate")]),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("action")]),s._v(" "),a("td",[s._v("表单 Form action 的值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("undefined")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),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("{"),a("br"),s._v("scrollToInvalidField: false,"),a("br"),s._v(" layout: 'standard' // or: classic")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("schema")]),s._v(" 子配置项")]),s._v(" "),a("p",[s._v("模式用于定义表单中的各个字段,可以选择是否分组。")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("无分组")]),s._v(" "),a("p",[s._v("直接包含 "),a("code",{pre:!0},[s._v("fields")]),s._v(" 即可:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("有分组")]),s._v(" "),a("p",[s._v("可以设置 "),a("code",{pre:!0},[s._v("groups")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 1'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 2'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n }\n ]\n}\n")])])])]),s._v(" "),a("p",[s._v("不管有没有分组,我们都需要使用 "),a("code",{pre:!0},[s._v("fields")]),s._v(" 定义表单字段,其中每一项可以有如下属性:")]),s._v(" "),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("默认内置的可选类型组件有:"),a("code",{pre:!0},[s._v("button")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox-group")]),s._v(", "),a("code",{pre:!0},[s._v("input")]),s._v(", "),a("code",{pre:!0},[s._v("radio")]),s._v(", "),a("code",{pre:!0},[s._v("radio-group")]),s._v(", "),a("code",{pre:!0},[s._v("rate")]),s._v(", "),a("code",{pre:!0},[s._v("select")]),s._v(", "),a("code",{pre:!0},[s._v("switch")]),s._v(", "),a("code",{pre:!0},[s._v("textarea")]),s._v(", "),a("code",{pre:!0},[s._v("upload")]),s._v(";以及特殊的 "),a("code",{pre:!0},[s._v("submit")]),s._v(" 和 "),a("code",{pre:!0},[s._v("reset")]),s._v(",它们两个会被转换为对应类型的 "),a("code",{pre:!0},[s._v("button")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("component")]),s._v(" "),a("td",[s._v("字段使用的自定义组件,替换 type,该组件组件实现 "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("modelKey")]),s._v(" "),a("td",[s._v("在表单的 "),a("code",{pre:!0},[s._v("model")]),s._v(" 数据源对象中所对应的 key 名字")]),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("label")]),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("props")]),s._v(" "),a("td",[s._v("type 对应的组件或者自定义组件 component 所需要的 props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("events"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("type 对应的组件或者自定义组件 component 的事件回调")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("rules")]),s._v(" "),a("td",[s._v("字段的校验规则,参见 "),a("a",{attrs:{href:"#/zh-CN/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("trigger"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("如果设置为 'blur' 那么则会在离焦后校验")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("blur/change")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("debounce"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("控制校验节奏,值为时间,单位 ms。如果 trigger 设置为 blur 则此项配置不生效")]),s._v(" "),a("td",[s._v("Number/Boolean")]),s._v(" "),a("td",[s._v(">= 0,如果设置为 true,那么时间就是 200(ms)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("messages")]),s._v(" "),a("td",[s._v("字段的校验消息,参见 "),a("a",{attrs:{href:"#/zh-CN/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),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("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("legend")]),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("fields")]),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("[]")])])])])},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("field")]),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("-")])])])])},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("submit")]),s._v(" "),a("td",[s._v("表单校验通过后触发此事件")]),s._v(" "),a("td",[s._v("e - 事件对象")]),s._v(" "),a("td",[s._v("model 值")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("表单重置事件")]),s._v(" "),a("td",[s._v("e - 事件对象")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate")]),s._v(" "),a("td",[s._v("表单校验事件")]),s._v(" "),a("td",[s._v("参数结构如下:"),a("br"),s._v("{"),a("br"),s._v("validity,"),a("br"),s._v(" valid,"),a("br"),s._v(" invalid,"),a("br"),s._v(" dirty,"),a("br"),s._v(" firstInvalidFieldIndex"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("表单校验成功触发")]),s._v(" "),a("td",[s._v("validity 校验结果")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("表单校验失败触发")]),s._v(" "),a("td",[s._v("validity 校验结果")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("validate")]),s._v(" 事件的参数")]),s._v(" "),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("validity")]),s._v(" "),a("td",[s._v("校验结果")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("校验合法,如果还没校验则为 undefined,一旦校验则为 true 或 false")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("校验不合法,如果还没校验则为 undefined,一旦校验则为 true 或 false")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("表单处于 dirty 状态,也就意味着数据源发生了变化")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("firstInvalidFieldIndex")]),s._v(" "),a("td",[s._v("第一个校验不合法的字段索引值")]),s._v(" "),a("td",[s._v("Number")])])])]),s._v(" "),a("ul",[a("li",[a("p",[s._v("校验结果 "),a("code",{pre:!0},[s._v("validity")]),s._v(" 对象")]),s._v(" "),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("valid")]),s._v(" "),a("td",[s._v("校验是否合法")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("result")]),s._v(" "),a("td",[s._v("校验结果,类似于:"),a("br"),s._v("{"),a("br"),s._v(" required: {"),a("br"),s._v("  valid: false,"),a("br"),s._v("  invalid: true,"),a("br"),s._v("  message: 'Required.'"),a("br"),s._v(" }"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),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("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("submit")]),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("reset")]),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("validate(cb)")]),s._v(" "),a("td",[s._v("校验表单")]),s._v(" "),a("td",[s._v("cb: 校验完成后回调函数,主要用于异步校验场景,调用参数为 valid 的值")]),s._v(" "),a("td",[s._v("如果支持 Promise 的话返回值是 Promise 对象(只有 resolved 状态,值为 valid),否则 undefined")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/28.c1494c7857dd1bf4ac62.js b/docs/js/29.1d627f5a800604de14cd.js similarity index 99% rename from docs/js/28.c1494c7857dd1bf4ac62.js rename to docs/js/29.1d627f5a800604de14cd.js index 0c9d416d9d580f0746bbf3dd9d04274197addf10..d65b725f465d0b2beccd7bdcc066dac916f6fb87 100644 --- a/docs/js/28.c1494c7857dd1bf4ac62.js +++ b/docs/js/29.1d627f5a800604de14cd.js @@ -1 +1 @@ -webpackJsonp([28],{C70t: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:"Drawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Drawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Drawer")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("抽屉,主要用来需要大范围层级进行选择的场景,一般情况下应该是满屏状态。")]),s._v(" "),s._m(1),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(2),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(" "),a("h4",{attrs:{id:"CubeDrawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawer")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeDrawerPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerPanel")]),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CubeDrawerItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerItem")]),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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 组件依赖父容器相对定位或者绝对定位,因为 Drawer 是绝对定位的。")])},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('"showDrawer"')]),s._v(">")]),s._v("Show Drawer"),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\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("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n provinceList,\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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("let")]),s._v(" data\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// procince change, get city data")]),s._v("\n data = cityList[item.value]\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n data = areaList[item.value]\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// refill panel(index + 1) data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v(" 就是标题,可选;"),a("code",{pre:!0},[s._v("data")]),s._v(" 数据源,二维数组,长度决定了抽屉的 Panel 数,初始长度一定要确定;"),a("code",{pre:!0},[s._v("selected-index")]),s._v(" 则是初始选择的索引值;"),a("code",{pre:!0},[s._v("change")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v("、"),a("code",{pre:!0},[s._v("cancel")]),s._v(" 则是对应的三个事件:选择发生改变(选中是非最后一个 Panel 中的项的时候触发)、选中了某个值(选择了最后一个 Panel 中的项触发)、取消(点击左侧空白蒙层触发)。")]),s._v(" "),a("p",[s._v("你可以在 "),a("code",{pre:!0},[s._v("change")]),s._v(" 中通过 Drawer 的 "),a("code",{pre:!0},[s._v("fill")]),s._v(" 方法更新下一个 Panel 的数据,可以是同步更新也可以是异步更新。")])]),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v(">")]),s._v("{{province.text}}"),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-drawer-panel")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(panel, index) in data"')]),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(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"panel"')]),s._v("\n >")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, i) in panel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-round-border"')]),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("span")]),s._v(">")]),s._v("{{item.text}}"),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-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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("province")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// get radom province")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomIndex = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".round("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() * provinceList.length)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomProvince = provinceList[randomIndex]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".province = randomProvince\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", cityList[randomProvince.value])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\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("// city change, get area data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" data = areaList[item.value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[s._v("可以在 "),a("code",{pre:!0},[s._v("cube-drawer")]),s._v(" 组件中使用 "),a("code",{pre:!0},[s._v("cube-drawer-panel")]),s._v(" 以及 "),a("code",{pre:!0},[s._v("cube-drawer-item")]),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("selected-index")]),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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("p",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")]),s._v(" "),a("p",[s._v("是一个数组,数组中每一项仍然为数组,结构类似于:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("[\n [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'value'")]),s._v("\n },\n ...\n ],\n [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text2'")]),s._v(",\n ...\n ]\n]\n")])]),s._v(" "),a("p",[s._v("里层数组的每一项可以是对象(包含 text 和 value),也可以是纯字符串。")])])])},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("index")]),s._v(" "),a("td",[s._v("该数据源在 CubeDrawer 的 data 中的索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("该数据项在 CubeDrawerPanel 的 data 中的索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("th",[s._v("参数4")]),s._v(" "),a("th",[s._v("参数5")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("选择发生改变(选中是非最后一个 Panel 中的项的时候触发)")]),s._v(" "),a("td",[s._v("发生改变的 Panel 的索引")]),s._v(" "),a("td",[s._v("发生改变的数据项")]),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("选择了最后一个 Panel 中的项触发")]),s._v(" "),a("td",[s._v("已选中的值集合")]),s._v(" "),a("td",[s._v("已选中的索引集合")]),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("cancel")]),s._v(" "),a("td",[s._v("点击左侧空白区域触发")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),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("参数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("refill")]),s._v(" "),a("td",[s._v("填充数据,改变某个 Panel 数据")]),s._v(" "),a("td",[s._v("要改变的 Panel 的索引")]),s._v(" "),a("td",[s._v("填充数据")]),s._v(" "),a("td",[s._v("默认选中项(可选,建议不填)")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),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("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},cb3f:function(s,t,a){var v=a("VU/8")(null,a("C70t"),null,null,null);s.exports=v.exports},e4wh:function(s,t,a){s.exports=a("cb3f")}}); \ No newline at end of file +webpackJsonp([29],{C70t: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:"Drawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Drawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Drawer")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("抽屉,主要用来需要大范围层级进行选择的场景,一般情况下应该是满屏状态。")]),s._v(" "),s._m(1),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(2),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(" "),a("h4",{attrs:{id:"CubeDrawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawer")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeDrawerPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerPanel")]),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CubeDrawerItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerItem")]),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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 组件依赖父容器相对定位或者绝对定位,因为 Drawer 是绝对定位的。")])},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('"showDrawer"')]),s._v(">")]),s._v("Show Drawer"),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\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("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n provinceList,\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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("let")]),s._v(" data\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// procince change, get city data")]),s._v("\n data = cityList[item.value]\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n data = areaList[item.value]\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// refill panel(index + 1) data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v(" 就是标题,可选;"),a("code",{pre:!0},[s._v("data")]),s._v(" 数据源,二维数组,长度决定了抽屉的 Panel 数,初始长度一定要确定;"),a("code",{pre:!0},[s._v("selected-index")]),s._v(" 则是初始选择的索引值;"),a("code",{pre:!0},[s._v("change")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v("、"),a("code",{pre:!0},[s._v("cancel")]),s._v(" 则是对应的三个事件:选择发生改变(选中是非最后一个 Panel 中的项的时候触发)、选中了某个值(选择了最后一个 Panel 中的项触发)、取消(点击左侧空白蒙层触发)。")]),s._v(" "),a("p",[s._v("你可以在 "),a("code",{pre:!0},[s._v("change")]),s._v(" 中通过 Drawer 的 "),a("code",{pre:!0},[s._v("fill")]),s._v(" 方法更新下一个 Panel 的数据,可以是同步更新也可以是异步更新。")])]),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v(">")]),s._v("{{province.text}}"),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-drawer-panel")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(panel, index) in data"')]),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(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"panel"')]),s._v("\n >")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, i) in panel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-round-border"')]),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("span")]),s._v(">")]),s._v("{{item.text}}"),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-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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("province")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// get radom province")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomIndex = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".round("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() * provinceList.length)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomProvince = provinceList[randomIndex]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".province = randomProvince\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", cityList[randomProvince.value])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\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("// city change, get area data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" data = areaList[item.value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[s._v("可以在 "),a("code",{pre:!0},[s._v("cube-drawer")]),s._v(" 组件中使用 "),a("code",{pre:!0},[s._v("cube-drawer-panel")]),s._v(" 以及 "),a("code",{pre:!0},[s._v("cube-drawer-item")]),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("selected-index")]),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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("p",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")]),s._v(" "),a("p",[s._v("是一个数组,数组中每一项仍然为数组,结构类似于:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("[\n [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'value'")]),s._v("\n },\n ...\n ],\n [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text2'")]),s._v(",\n ...\n ]\n]\n")])]),s._v(" "),a("p",[s._v("里层数组的每一项可以是对象(包含 text 和 value),也可以是纯字符串。")])])])},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("index")]),s._v(" "),a("td",[s._v("该数据源在 CubeDrawer 的 data 中的索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("该数据项在 CubeDrawerPanel 的 data 中的索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("th",[s._v("参数4")]),s._v(" "),a("th",[s._v("参数5")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("选择发生改变(选中是非最后一个 Panel 中的项的时候触发)")]),s._v(" "),a("td",[s._v("发生改变的 Panel 的索引")]),s._v(" "),a("td",[s._v("发生改变的数据项")]),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("选择了最后一个 Panel 中的项触发")]),s._v(" "),a("td",[s._v("已选中的值集合")]),s._v(" "),a("td",[s._v("已选中的索引集合")]),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("cancel")]),s._v(" "),a("td",[s._v("点击左侧空白区域触发")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),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("参数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("refill")]),s._v(" "),a("td",[s._v("填充数据,改变某个 Panel 数据")]),s._v(" "),a("td",[s._v("要改变的 Panel 的索引")]),s._v(" "),a("td",[s._v("填充数据")]),s._v(" "),a("td",[s._v("默认选中项(可选,建议不填)")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),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("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},cb3f:function(s,t,a){var v=a("VU/8")(null,a("C70t"),null,null,null);s.exports=v.exports},e4wh:function(s,t,a){s.exports=a("cb3f")}}); \ No newline at end of file diff --git a/docs/js/29.d1e659e5b15aa6ba4374.js b/docs/js/30.8a096d7ac1e798990b02.js similarity index 99% rename from docs/js/29.d1e659e5b15aa6ba4374.js rename to docs/js/30.8a096d7ac1e798990b02.js index f059fcadaedd08e76ad27d16ce293e062af16a17..0d67ff1c2b6c062ca1981e3b2cc8a1dd7da3def6 100644 --- a/docs/js/29.d1e659e5b15aa6ba4374.js +++ b/docs/js/30.8a096d7ac1e798990b02.js @@ -1 +1 @@ -webpackJsonp([29],{"3R1C":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(" "),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),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),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),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(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(" "),t._m(10)])},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("p",[a("strong",[t._v("注:")]),t._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),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("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:"#/zh-CN/docs/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:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态,是否可见。"),a("code",{pre:!0},[t._v("v-model")]),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("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")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},"59Sv":function(t,s,a){var v=a("VU/8")(null,a("3R1C"),null,null,null);t.exports=v.exports},DZkJ:function(t,s,a){t.exports=a("59Sv")}}); \ No newline at end of file +webpackJsonp([30],{"3R1C":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(" "),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),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),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),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(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(" "),t._m(10)])},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("p",[a("strong",[t._v("注:")]),t._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),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("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:"#/zh-CN/docs/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:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态,是否可见。"),a("code",{pre:!0},[t._v("v-model")]),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("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")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},"59Sv":function(t,s,a){var v=a("VU/8")(null,a("3R1C"),null,null,null);t.exports=v.exports},DZkJ:function(t,s,a){t.exports=a("59Sv")}}); \ No newline at end of file diff --git a/docs/js/30.ba154c2100f0c6584e69.js b/docs/js/31.77663dae5e201ea4ed02.js similarity index 99% rename from docs/js/30.ba154c2100f0c6584e69.js rename to docs/js/31.77663dae5e201ea4ed02.js index d525bf0986291cf73863473cd8bbbb6a4d52eab9..f8b2367c789a0a56b06b4b85d5e3d69d7f5c86b1 100644 --- a/docs/js/30.ba154c2100f0c6584e69.js +++ b/docs/js/31.77663dae5e201ea4ed02.js @@ -1 +1 @@ -webpackJsonp([30],{pK3h:function(s,t,a){var v=a("VU/8")(null,a("pcBP"),null,null,null);s.exports=v.exports},pcBP: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:"DatePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-DatePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" DatePicker 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("日期选择器,可用于日期选择,选择粒度的灵活配置,如年月日、时分秒、年月日时分秒、年月等。")]),s._v(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),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),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("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("$createDatePicker")]),s._v(" 创建一个组件实例,配置 "),a("code",{pre:!0},[s._v("min")]),s._v("、"),a("code",{pre:!0},[s._v("max")]),s._v(" 设定选择的日期范围,还可以通过 "),a("code",{pre:!0},[s._v("value")]),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("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 showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker) {\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("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("列的配置")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("DatePicker")]),s._v(" 有一个非常灵活的能力,就是可以配置列,总共是年、月、日、时、分、秒六种的列,你可以通过 "),a("code",{pre:!0},[s._v("startColumn")]),s._v(" 和 "),a("code",{pre:!0},[s._v("columnCount")]),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("Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("startColumn")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hour'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),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('"showDateTimePicker"')]),s._v(">")]),s._v("Date Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("columnCount")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("日期格式")]),s._v(" "),a("p",[s._v("你还可以通过 "),a("code",{pre:!0},[s._v("format")]),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('"showFormatPicker"')]),s._v(">")]),s._v("Use format"),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 showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use format'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("format")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("year")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'YY年'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("month")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'MM月'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'第 D 日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),a("p",[s._v("通过"),a("code",{pre:!0},[s._v("$updateProps")]),s._v("方法,可以修改用 createAPI 创建的组件实例的属性。比如 "),a("code",{pre:!0},[s._v("DatePicker")]),s._v("中,我们可以修改 "),a("code",{pre:!0},[s._v("value")]),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('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),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 showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.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-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2010")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])])])},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("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("可选范围的最小值")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2010, 1, 1)")]),s._v(" "),a("td",[s._v("new Date(2008, 7, 8)")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("可选范围的最大值")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2020, 12, 31)")]),s._v(" "),a("td",[s._v("new Date(2020, 9, 20)")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("当前选择的日期")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("可选范围的最小值")]),s._v(" "),a("td",[s._v("new Date()")])]),s._v(" "),a("tr",[a("td",[s._v("startColumn")]),s._v(" "),a("td",[s._v("起始列")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("year/month/date/hour/minute/second")]),s._v(" "),a("td",[s._v("year")]),s._v(" "),a("td",[s._v("hour")])]),s._v(" "),a("tr",[a("td",[s._v("columnCount")]),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("3")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.8.0+")])]),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("{ year: 'YYYY', month: 'M', date: 'D', hour: 'hh', minute: 'mm', second: 'ss' }")]),s._v(" "),a("td",[s._v("{ year: 'YY年', month: 'MM月', date: '第 D 日' }")])]),s._v(" "),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("td",[s._v("'时间选择'")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),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("td",[s._v("-")])]),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("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("td",[s._v("'选择'")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("format")]),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("year")]),s._v(" "),a("td",[s._v("年的格式,"),a("code",{pre:!0},[s._v("YYYY")]),s._v(" 代表完整年份,"),a("code",{pre:!0},[s._v("YY")]),s._v(" 仅年份后两位")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YYYY")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YY年")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("月的格式,"),a("code",{pre:!0},[s._v("M")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("MM")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("M")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("MM月")])])]),s._v(" "),a("tr",[a("td",[s._v("date")]),s._v(" "),a("td",[s._v("日的格式,"),a("code",{pre:!0},[s._v("D")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("DD")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("D")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("第 D 日")])])]),s._v(" "),a("tr",[a("td",[s._v("hour")]),s._v(" "),a("td",[s._v("时的格式,"),a("code",{pre:!0},[s._v("h")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("hh")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("hh")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("h点")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("分的格式,"),a("code",{pre:!0},[s._v("m")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("mm")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm分")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("秒的格式,"),a("code",{pre:!0},[s._v("s")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("ss")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss秒")])])])])])},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("date: 当前选中日期,Date 类型")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值,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")]),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")])])])},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("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},vw3j:function(s,t,a){s.exports=a("pK3h")}}); \ No newline at end of file +webpackJsonp([31],{pK3h:function(s,t,a){var v=a("VU/8")(null,a("pcBP"),null,null,null);s.exports=v.exports},pcBP: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:"DatePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-DatePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" DatePicker 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("日期选择器,可用于日期选择,选择粒度的灵活配置,如年月日、时分秒、年月日时分秒、年月等。")]),s._v(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),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),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("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("$createDatePicker")]),s._v(" 创建一个组件实例,配置 "),a("code",{pre:!0},[s._v("min")]),s._v("、"),a("code",{pre:!0},[s._v("max")]),s._v(" 设定选择的日期范围,还可以通过 "),a("code",{pre:!0},[s._v("value")]),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("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 showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker) {\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("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("列的配置")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("DatePicker")]),s._v(" 有一个非常灵活的能力,就是可以配置列,总共是年、月、日、时、分、秒六种的列,你可以通过 "),a("code",{pre:!0},[s._v("startColumn")]),s._v(" 和 "),a("code",{pre:!0},[s._v("columnCount")]),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("Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("startColumn")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hour'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),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('"showDateTimePicker"')]),s._v(">")]),s._v("Date Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("columnCount")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("日期格式")]),s._v(" "),a("p",[s._v("你还可以通过 "),a("code",{pre:!0},[s._v("format")]),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('"showFormatPicker"')]),s._v(">")]),s._v("Use format"),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 showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use format'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("format")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("year")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'YY年'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("month")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'MM月'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'第 D 日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),a("p",[s._v("通过"),a("code",{pre:!0},[s._v("$updateProps")]),s._v("方法,可以修改用 createAPI 创建的组件实例的属性。比如 "),a("code",{pre:!0},[s._v("DatePicker")]),s._v("中,我们可以修改 "),a("code",{pre:!0},[s._v("value")]),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('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),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 showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.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-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2010")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])])])},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("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("可选范围的最小值")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2010, 1, 1)")]),s._v(" "),a("td",[s._v("new Date(2008, 7, 8)")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("可选范围的最大值")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2020, 12, 31)")]),s._v(" "),a("td",[s._v("new Date(2020, 9, 20)")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("当前选择的日期")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("可选范围的最小值")]),s._v(" "),a("td",[s._v("new Date()")])]),s._v(" "),a("tr",[a("td",[s._v("startColumn")]),s._v(" "),a("td",[s._v("起始列")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("year/month/date/hour/minute/second")]),s._v(" "),a("td",[s._v("year")]),s._v(" "),a("td",[s._v("hour")])]),s._v(" "),a("tr",[a("td",[s._v("columnCount")]),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("3")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.8.0+")])]),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("{ year: 'YYYY', month: 'M', date: 'D', hour: 'hh', minute: 'mm', second: 'ss' }")]),s._v(" "),a("td",[s._v("{ year: 'YY年', month: 'MM月', date: '第 D 日' }")])]),s._v(" "),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("td",[s._v("'时间选择'")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),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("td",[s._v("-")])]),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("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("td",[s._v("'选择'")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),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("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("format")]),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("year")]),s._v(" "),a("td",[s._v("年的格式,"),a("code",{pre:!0},[s._v("YYYY")]),s._v(" 代表完整年份,"),a("code",{pre:!0},[s._v("YY")]),s._v(" 仅年份后两位")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YYYY")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YY年")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("月的格式,"),a("code",{pre:!0},[s._v("M")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("MM")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("M")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("MM月")])])]),s._v(" "),a("tr",[a("td",[s._v("date")]),s._v(" "),a("td",[s._v("日的格式,"),a("code",{pre:!0},[s._v("D")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("DD")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("D")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("第 D 日")])])]),s._v(" "),a("tr",[a("td",[s._v("hour")]),s._v(" "),a("td",[s._v("时的格式,"),a("code",{pre:!0},[s._v("h")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("hh")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("hh")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("h点")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("分的格式,"),a("code",{pre:!0},[s._v("m")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("mm")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm分")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("秒的格式,"),a("code",{pre:!0},[s._v("s")]),s._v(" 不补 0,"),a("code",{pre:!0},[s._v("ss")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss秒")])])])])])},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("date: 当前选中日期,Date 类型")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值,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")]),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")])])])},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("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},vw3j:function(s,t,a){s.exports=a("pK3h")}}); \ No newline at end of file diff --git a/docs/js/31.f5f0943b2ead1c600c3e.js b/docs/js/32.8c9112d344e53f09986d.js similarity index 99% rename from docs/js/31.f5f0943b2ead1c600c3e.js rename to docs/js/32.8c9112d344e53f09986d.js index 7493c06737630dcd0aa3c98a4aff99cab72ad7ea..68df22dc15f1168af666c2c90f7f977b61dfb880 100644 --- a/docs/js/31.f5f0943b2ead1c600c3e.js +++ b/docs/js/32.8c9112d344e53f09986d.js @@ -1 +1 @@ -webpackJsonp([31],{LlmT: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-api模块"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-create-api模块-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 模块")]),s._v(" "),s._m(0),s._v(" "),s._m(1),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(2),s._v(" "),e("h3",{attrs:{id:"如何在普通js文件中或者全局调用"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-如何在普通js文件中或者全局调用-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(" 如何在普通 js 文件中或者全局调用")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),e("p",[s._v("还有一种思路是通过数据驱动,比如用 vuex 维护一个全局 state,在需要调用该组件时更新状态,然后在 App.vue 里去 watch 这个状态变化来调用该组件。")])])},staticRenderFns:[function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[s._v("该模块默认暴露出一个 "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数,可以实现以 API 的形式调用自定义组件。并且既可以在 Vue 实例上下文中调用,也可以"),e("a",{attrs:{href:"https://didi.github.io/cube-ui/#/zh-CN/docs/create-api#cube-%E5%A6%82%E4%BD%95%E5%9C%A8%E6%99%AE%E9%80%9Ajs%E6%96%87%E4%BB%B6%E4%B8%AD%E6%88%96%E8%80%85%E5%85%A8%E5%B1%80%E8%B0%83%E7%94%A8-anchor"}},[s._v("在普通 js 文件中调用")]),s._v("。")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[e("strong",[s._v("注:")]),s._v(" 所有通过 "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" 实现的通过 API 的形式调用的自定义组件都需要通过 "),e("code",{pre:!0},[s._v("Vue.use")]),s._v(" 注册才可以。")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("ul",[e("li",[e("p",[s._v("参数:")]),s._v(" "),e("ul",[e("li",[e("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件,组件必须有 name")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),e("li",[e("p",[s._v("用法:")]),s._v(" "),e("ul",[e("li",[e("p",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),e("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法,这样就可以在其他组件中直接通过 "),e("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" 这样来实例化组件了,而且这个实例化组件的元素是被附加到 "),e("code",{pre:!0},[s._v("body")]),s._v(" 元素下的。")])]),s._v(" "),e("li",[e("p",[e("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, renderFn, single)")])]),s._v(" "),e("p",[s._v("参数:")]),s._v(" "),e("table",[e("thead",[e("tr",[e("th",[s._v("参数")]),s._v(" "),e("th",[s._v("说明")]),s._v(" "),e("th",[s._v("类型")]),s._v(" "),e("th",[s._v("默认值")]),s._v(" "),e("th",[s._v("示例")])])]),s._v(" "),e("tbody",[e("tr",[e("td",[s._v("config")]),s._v(" "),e("td",[s._v("配置参数,经处理后传给组件")]),s._v(" "),e("td",[s._v("Object")]),s._v(" "),e("td",[s._v("{}")]),s._v(" "),e("td",[s._v("-")])]),s._v(" "),e("tr",[e("td",[s._v("renderFn")]),s._v(" "),e("td",[s._v("可选参数,用于生成子 VNode 节点,一般场景是处理 slot")]),s._v(" "),e("td",[s._v("Function")]),s._v(" "),e("td",[s._v("-")]),s._v(" "),e("td",[s._v("function (createElement) {...}")])]),s._v(" "),e("tr",[e("td",[s._v("single")]),s._v(" "),e("td",[s._v("可选参数,创建的时候决定是否是单例的,优先级更高,如果没有传入 renderFn 的话,single 的值就是第二个参数的值")]),s._v(" "),e("td",[s._v("Boolean")]),s._v(" "),e("td",[s._v("createAPI() 中传入的 single")]),s._v(" "),e("td",[s._v("-")])])])]),s._v(" "),e("p",[s._v("配置参数 "),e("code",{pre:!0},[s._v("config")]),s._v(":")]),s._v(" "),e("p",[s._v("默认所有的值都会当做 props,但是要排除 createAPI 传入的 "),e("code",{pre:!0},[s._v("events")]),s._v(" 中的事件(默认会做转换,例如:"),e("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),e("code",{pre:!0},[s._v("['click']")]),s._v(",那么 "),e("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),e("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),e("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数,而不是作为 props 传递给组件)。")]),s._v(" "),e("p",[s._v("1.8.0 版本后 "),e("code",{pre:!0},[s._v("config")]),s._v(" 中可以直接设置 "),e("code",{pre:!0},[s._v("$props")]),s._v(" 和 "),e("code",{pre:!0},[s._v("$events")]),s._v(","),e("code",{pre:!0},[s._v("$props")]),s._v(" 中的值是"),e("strong",[s._v("响应式")]),s._v("的,自动监控当前实例化上下文(即 "),e("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),e("code",{pre:!0},[s._v("this")]),s._v(")的上对应的属性值:")]),s._v(" "),e("table",[e("thead",[e("tr",[e("th",[s._v("参数")]),s._v(" "),e("th",[s._v("说明")]),s._v(" "),e("th",[s._v("类型")]),s._v(" "),e("th",[s._v("默认值")]),s._v(" "),e("th",[s._v("示例")])])]),s._v(" "),e("tbody",[e("tr",[e("td",[s._v("$props")]),s._v(" "),e("td",[s._v("传递给组件的 Props")]),s._v(" "),e("td",[s._v("Object")]),s._v(" "),e("td",[s._v("-")]),s._v(" "),e("td",[s._v("{"),e("br"),s._v(" title: 'title',"),e("br"),s._v(" content: 'my content',"),e("br"),s._v(" open: false"),e("br"),s._v("}")])]),s._v(" "),e("tr",[e("td",[s._v("$events")]),s._v(" "),e("td",[s._v("组件的 Events 事件回调")]),s._v(" "),e("td",[s._v("Object")]),s._v(" "),e("td",[s._v("-")]),s._v(" "),e("td",[s._v("{"),e("br"),s._v(" click: 'clickHandler',"),e("br"),s._v(" select: this.selectHandler"),e("br"),s._v("}")])])])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("$props")]),s._v(" 示例,约定结构 "),e("code",{pre:!0},[s._v("{ [key]: [propKey] }")]),s._v(":")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'title'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'my content'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("open")]),s._v(": "),e("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n}\n")])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("title")]),s._v("、"),e("code",{pre:!0},[s._v("content")]),s._v("、"),e("code",{pre:!0},[s._v("open")]),s._v(" 就是传递给组件的 Prop 的 key,而对应 Prop 的值则按照如下规则获取:")]),s._v(" "),e("ol",[e("li",[s._v("如果是非字符串,则直接取配置的 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),e("li",[s._v("如果是字符串,且配置的 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 不在当前实例上下文属性上,则直接取 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),e("li",[s._v("是字符串,且在当前实例上下文属性上,那么直接获取当前实例上下文对应的 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 的值,且会监控这个值的变化实时更新到组件实例上")])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("$events")]),s._v(" 示例,约定结构 "),e("code",{pre:!0},[s._v("{ [eventName]: [eventValue] }")]),s._v(":")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'clickHandler'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("select")]),s._v(": "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\n}\n")])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("click")]),s._v("、"),e("code",{pre:!0},[s._v("select")]),s._v(" 就是事件名,而对应的事件回调则按照如下规则获取:")]),s._v(" "),e("ol",[e("li",[s._v("如果 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 是非字符串,则直接取配置的 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 作为值")]),s._v(" "),e("li",[s._v("如果 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 是字符串,则直接获取当前实例上下文对应的 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 的值")])]),s._v(" "),e("p",[s._v("返回值 "),e("code",{pre:!0},[s._v("instance")]),s._v(":")]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例,这个实例会被"),e("strong",[s._v("附加")]),s._v("或者"),e("strong",[s._v("代理")]),s._v(" "),e("code",{pre:!0},[s._v("remove")]),s._v(" 方法,如果调用了,该实例就会被销毁且会从 "),e("code",{pre:!0},[s._v("body")]),s._v(" 下移除。如果说实例化上下文(即 "),e("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),e("code",{pre:!0},[s._v("this")]),s._v(")销毁的话会自动移除销毁该实例元素。")])])])]),s._v(" "),e("li",[e("p",[s._v("示例:")]),s._v(" "),e("p",[s._v("我们先编写一个 Hello.vue 组件:")]),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("然后我们再通过 "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" 把 Hello.vue 变成一个 API 式调用的组件并调用。")]),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("// 引入 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("// 创建 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("// 初始化 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("// 直接调用")]),s._v("\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象,默认传入的所有对象全都当做 props 传入组件")]),s._v("\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events,这里对应的就是")]),s._v("\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),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("// 通过 Vue 组件的 $on 也是可以监听的,看使用场景")]),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("'点击确定关闭当前实例'")]),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("// 销毁实例")]),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("示例中就是创建了一个需要 API 调用的组件 "),e("code",{pre:!0},[s._v("Hello")]),s._v(",然后在其他组件中去使用,重点就是 "),e("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情:调用 "),e("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])])])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[s._v("一般当你在 Vue 实例中,你可以直接通过 "),e("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 调用该组件。而如果在普通 JS 中"),e("code",{pre:!0},[s._v("this")]),s._v("不是 Vue 实例,这时就可以通过组件本身的 "),e("code",{pre:!0},[s._v("$create")]),s._v(" 来进行实例化了,比如:")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[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\nHello.$create(config, renderFn)\n")])])}]}},"Nx+F":function(s,t,e){s.exports=e("PtgT")},PtgT:function(s,t,e){var a=e("VU/8")(null,e("LlmT"),null,null,null);s.exports=a.exports}}); \ No newline at end of file +webpackJsonp([32],{LlmT: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-api模块"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-create-api模块-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 模块")]),s._v(" "),s._m(0),s._v(" "),s._m(1),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(2),s._v(" "),e("h3",{attrs:{id:"如何在普通js文件中或者全局调用"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-如何在普通js文件中或者全局调用-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(" 如何在普通 js 文件中或者全局调用")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),e("p",[s._v("还有一种思路是通过数据驱动,比如用 vuex 维护一个全局 state,在需要调用该组件时更新状态,然后在 App.vue 里去 watch 这个状态变化来调用该组件。")])])},staticRenderFns:[function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[s._v("该模块默认暴露出一个 "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数,可以实现以 API 的形式调用自定义组件。并且既可以在 Vue 实例上下文中调用,也可以"),e("a",{attrs:{href:"https://didi.github.io/cube-ui/#/zh-CN/docs/create-api#cube-%E5%A6%82%E4%BD%95%E5%9C%A8%E6%99%AE%E9%80%9Ajs%E6%96%87%E4%BB%B6%E4%B8%AD%E6%88%96%E8%80%85%E5%85%A8%E5%B1%80%E8%B0%83%E7%94%A8-anchor"}},[s._v("在普通 js 文件中调用")]),s._v("。")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[e("strong",[s._v("注:")]),s._v(" 所有通过 "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" 实现的通过 API 的形式调用的自定义组件都需要通过 "),e("code",{pre:!0},[s._v("Vue.use")]),s._v(" 注册才可以。")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("ul",[e("li",[e("p",[s._v("参数:")]),s._v(" "),e("ul",[e("li",[e("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件,组件必须有 name")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),e("li",[e("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),e("li",[e("p",[s._v("用法:")]),s._v(" "),e("ul",[e("li",[e("p",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),e("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法,这样就可以在其他组件中直接通过 "),e("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" 这样来实例化组件了,而且这个实例化组件的元素是被附加到 "),e("code",{pre:!0},[s._v("body")]),s._v(" 元素下的。")])]),s._v(" "),e("li",[e("p",[e("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, renderFn, single)")])]),s._v(" "),e("p",[s._v("参数:")]),s._v(" "),e("table",[e("thead",[e("tr",[e("th",[s._v("参数")]),s._v(" "),e("th",[s._v("说明")]),s._v(" "),e("th",[s._v("类型")]),s._v(" "),e("th",[s._v("默认值")]),s._v(" "),e("th",[s._v("示例")])])]),s._v(" "),e("tbody",[e("tr",[e("td",[s._v("config")]),s._v(" "),e("td",[s._v("配置参数,经处理后传给组件")]),s._v(" "),e("td",[s._v("Object")]),s._v(" "),e("td",[s._v("{}")]),s._v(" "),e("td",[s._v("-")])]),s._v(" "),e("tr",[e("td",[s._v("renderFn")]),s._v(" "),e("td",[s._v("可选参数,用于生成子 VNode 节点,一般场景是处理 slot")]),s._v(" "),e("td",[s._v("Function")]),s._v(" "),e("td",[s._v("-")]),s._v(" "),e("td",[s._v("function (createElement) {...}")])]),s._v(" "),e("tr",[e("td",[s._v("single")]),s._v(" "),e("td",[s._v("可选参数,创建的时候决定是否是单例的,优先级更高,如果没有传入 renderFn 的话,single 的值就是第二个参数的值")]),s._v(" "),e("td",[s._v("Boolean")]),s._v(" "),e("td",[s._v("createAPI() 中传入的 single")]),s._v(" "),e("td",[s._v("-")])])])]),s._v(" "),e("p",[s._v("配置参数 "),e("code",{pre:!0},[s._v("config")]),s._v(":")]),s._v(" "),e("p",[s._v("默认所有的值都会当做 props,但是要排除 createAPI 传入的 "),e("code",{pre:!0},[s._v("events")]),s._v(" 中的事件(默认会做转换,例如:"),e("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),e("code",{pre:!0},[s._v("['click']")]),s._v(",那么 "),e("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),e("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),e("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数,而不是作为 props 传递给组件)。")]),s._v(" "),e("p",[s._v("1.8.0 版本后 "),e("code",{pre:!0},[s._v("config")]),s._v(" 中可以直接设置 "),e("code",{pre:!0},[s._v("$props")]),s._v(" 和 "),e("code",{pre:!0},[s._v("$events")]),s._v(","),e("code",{pre:!0},[s._v("$props")]),s._v(" 中的值是"),e("strong",[s._v("响应式")]),s._v("的,自动监控当前实例化上下文(即 "),e("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),e("code",{pre:!0},[s._v("this")]),s._v(")的上对应的属性值:")]),s._v(" "),e("table",[e("thead",[e("tr",[e("th",[s._v("参数")]),s._v(" "),e("th",[s._v("说明")]),s._v(" "),e("th",[s._v("类型")]),s._v(" "),e("th",[s._v("默认值")]),s._v(" "),e("th",[s._v("示例")])])]),s._v(" "),e("tbody",[e("tr",[e("td",[s._v("$props")]),s._v(" "),e("td",[s._v("传递给组件的 Props")]),s._v(" "),e("td",[s._v("Object")]),s._v(" "),e("td",[s._v("-")]),s._v(" "),e("td",[s._v("{"),e("br"),s._v(" title: 'title',"),e("br"),s._v(" content: 'my content',"),e("br"),s._v(" open: false"),e("br"),s._v("}")])]),s._v(" "),e("tr",[e("td",[s._v("$events")]),s._v(" "),e("td",[s._v("组件的 Events 事件回调")]),s._v(" "),e("td",[s._v("Object")]),s._v(" "),e("td",[s._v("-")]),s._v(" "),e("td",[s._v("{"),e("br"),s._v(" click: 'clickHandler',"),e("br"),s._v(" select: this.selectHandler"),e("br"),s._v("}")])])])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("$props")]),s._v(" 示例,约定结构 "),e("code",{pre:!0},[s._v("{ [key]: [propKey] }")]),s._v(":")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'title'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'my content'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("open")]),s._v(": "),e("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n}\n")])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("title")]),s._v("、"),e("code",{pre:!0},[s._v("content")]),s._v("、"),e("code",{pre:!0},[s._v("open")]),s._v(" 就是传递给组件的 Prop 的 key,而对应 Prop 的值则按照如下规则获取:")]),s._v(" "),e("ol",[e("li",[s._v("如果是非字符串,则直接取配置的 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),e("li",[s._v("如果是字符串,且配置的 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 不在当前实例上下文属性上,则直接取 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),e("li",[s._v("是字符串,且在当前实例上下文属性上,那么直接获取当前实例上下文对应的 "),e("code",{pre:!0},[s._v("propKey")]),s._v(" 的值,且会监控这个值的变化实时更新到组件实例上")])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("$events")]),s._v(" 示例,约定结构 "),e("code",{pre:!0},[s._v("{ [eventName]: [eventValue] }")]),s._v(":")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'clickHandler'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("select")]),s._v(": "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\n}\n")])]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("click")]),s._v("、"),e("code",{pre:!0},[s._v("select")]),s._v(" 就是事件名,而对应的事件回调则按照如下规则获取:")]),s._v(" "),e("ol",[e("li",[s._v("如果 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 是非字符串,则直接取配置的 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 作为值")]),s._v(" "),e("li",[s._v("如果 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 是字符串,则直接获取当前实例上下文对应的 "),e("code",{pre:!0},[s._v("eventValue")]),s._v(" 的值")])]),s._v(" "),e("p",[s._v("返回值 "),e("code",{pre:!0},[s._v("instance")]),s._v(":")]),s._v(" "),e("p",[e("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例,这个实例会被"),e("strong",[s._v("附加")]),s._v("或者"),e("strong",[s._v("代理")]),s._v(" "),e("code",{pre:!0},[s._v("remove")]),s._v(" 方法,如果调用了,该实例就会被销毁且会从 "),e("code",{pre:!0},[s._v("body")]),s._v(" 下移除。如果说实例化上下文(即 "),e("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),e("code",{pre:!0},[s._v("this")]),s._v(")销毁的话会自动移除销毁该实例元素。")])])])]),s._v(" "),e("li",[e("p",[s._v("示例:")]),s._v(" "),e("p",[s._v("我们先编写一个 Hello.vue 组件:")]),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("然后我们再通过 "),e("code",{pre:!0},[s._v("createAPI")]),s._v(" 把 Hello.vue 变成一个 API 式调用的组件并调用。")]),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("// 引入 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("// 创建 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("// 初始化 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("// 直接调用")]),s._v("\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象,默认传入的所有对象全都当做 props 传入组件")]),s._v("\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events,这里对应的就是")]),s._v("\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),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("// 通过 Vue 组件的 $on 也是可以监听的,看使用场景")]),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("'点击确定关闭当前实例'")]),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("// 销毁实例")]),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("示例中就是创建了一个需要 API 调用的组件 "),e("code",{pre:!0},[s._v("Hello")]),s._v(",然后在其他组件中去使用,重点就是 "),e("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情:调用 "),e("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])])])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("p",[s._v("一般当你在 Vue 实例中,你可以直接通过 "),e("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 调用该组件。而如果在普通 JS 中"),e("code",{pre:!0},[s._v("this")]),s._v("不是 Vue 实例,这时就可以通过组件本身的 "),e("code",{pre:!0},[s._v("$create")]),s._v(" 来进行实例化了,比如:")])},function(){var s=this,t=s.$createElement,e=s._self._c||t;return e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[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\nHello.$create(config, renderFn)\n")])])}]}},"Nx+F":function(s,t,e){s.exports=e("PtgT")},PtgT:function(s,t,e){var a=e("VU/8")(null,e("LlmT"),null,null,null);s.exports=a.exports}}); \ No newline at end of file diff --git a/docs/js/32.b4086568340b3069225f.js b/docs/js/33.d180774f1c3aa76ccb46.js similarity index 98% rename from docs/js/32.b4086568340b3069225f.js rename to docs/js/33.d180774f1c3aa76ccb46.js index 75b8e8024eef8abbed8ed1443d9c7cafee96b1b5..da876185608190be2228003ccda9840f6aaa89db 100644 --- a/docs/js/32.b4086568340b3069225f.js +++ b/docs/js/33.d180774f1c3aa76ccb46.js @@ -1 +1 @@ -webpackJsonp([32],{mCyT:function(t,s,a){var v=a("VU/8")(null,a("ujOR"),null,null,null);t.exports=v.exports},n3PG:function(t,s,a){t.exports=a("mCyT")},ujOR: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(" "),t._m(2),t._v(" "),t._m(3)])},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("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(" "),a("p",[t._v("如果选中了,则 "),a("code",{pre:!0},[t._v("checked")]),t._v(" 的值就为 "),a("code",{pre:!0},[t._v("true")]),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-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(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("shape")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"square"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":hollow-style")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Styled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("p",[t._v("设置 "),a("code",{pre:!0},[t._v("position")]),t._v(" 为 "),a("code",{pre:!0},[t._v("'right'")]),t._v(" 则复选框图标位置在右边,且可以通过 "),a("code",{pre:!0},[t._v("shape")]),t._v(" 配置图标形状以及设置 "),a("code",{pre:!0},[t._v("hollow-style")]),t._v(" 为 "),a("code",{pre:!0},[t._v("true")]),t._v(" 代表显示的是镂空样式的(即使 "),a("code",{pre:!0},[t._v("shape")]),t._v(" 不是 "),a("code",{pre:!0},[t._v("square")]),t._v(" 表现的也是方形的)。")])]),t._v(" "),a("li",[a("p",[t._v("改变 model 的值")]),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(":option")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"option"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("checked")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("option")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Option Checkbox'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'optionValue'")]),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 }\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("设置 "),a("code",{pre:!0},[t._v("option")]),t._v(",当复选框选中的时候,"),a("code",{pre:!0},[t._v("checked")]),t._v(" 的值就是 "),a("code",{pre:!0},[t._v("'optionValue'")]),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("option")]),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-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(":option")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"{disabled: true}"')]),t._v(">")]),t._v("\n Disabled Checkbox\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("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("option")]),t._v(" "),a("td",[t._v("配置项")]),t._v(" "),a("td",[t._v("Boolean/String/Object")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),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("shape")]),t._v(" "),a("td",[t._v("图标形状")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("circle/square")]),t._v(" "),a("td",[t._v("circle")])]),t._v(" "),a("tr",[a("td",[t._v("hollow-style")]),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("ul",[a("li",[a("code",{pre:!0},[t._v("option")]),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("label")]),t._v(" "),a("td",[t._v("复选框显示文字")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("复选框的值")]),t._v(" "),a("td",[t._v("String/Number")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("复选框是否被禁用")]),t._v(" "),a("td",[t._v("Boolean")])])])])}]}}}); \ No newline at end of file +webpackJsonp([33],{mCyT:function(t,s,a){var v=a("VU/8")(null,a("ujOR"),null,null,null);t.exports=v.exports},n3PG:function(t,s,a){t.exports=a("mCyT")},ujOR: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(" "),t._m(2),t._v(" "),t._m(3)])},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("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(" "),a("p",[t._v("如果选中了,则 "),a("code",{pre:!0},[t._v("checked")]),t._v(" 的值就为 "),a("code",{pre:!0},[t._v("true")]),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-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(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("shape")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"square"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":hollow-style")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Styled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("p",[t._v("设置 "),a("code",{pre:!0},[t._v("position")]),t._v(" 为 "),a("code",{pre:!0},[t._v("'right'")]),t._v(" 则复选框图标位置在右边,且可以通过 "),a("code",{pre:!0},[t._v("shape")]),t._v(" 配置图标形状以及设置 "),a("code",{pre:!0},[t._v("hollow-style")]),t._v(" 为 "),a("code",{pre:!0},[t._v("true")]),t._v(" 代表显示的是镂空样式的(即使 "),a("code",{pre:!0},[t._v("shape")]),t._v(" 不是 "),a("code",{pre:!0},[t._v("square")]),t._v(" 表现的也是方形的)。")])]),t._v(" "),a("li",[a("p",[t._v("改变 model 的值")]),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(":option")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"option"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("checked")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("option")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Option Checkbox'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'optionValue'")]),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 }\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("设置 "),a("code",{pre:!0},[t._v("option")]),t._v(",当复选框选中的时候,"),a("code",{pre:!0},[t._v("checked")]),t._v(" 的值就是 "),a("code",{pre:!0},[t._v("'optionValue'")]),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("option")]),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-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(":option")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"{disabled: true}"')]),t._v(">")]),t._v("\n Disabled Checkbox\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("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("option")]),t._v(" "),a("td",[t._v("配置项")]),t._v(" "),a("td",[t._v("Boolean/String/Object")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),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("shape")]),t._v(" "),a("td",[t._v("图标形状")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("circle/square")]),t._v(" "),a("td",[t._v("circle")])]),t._v(" "),a("tr",[a("td",[t._v("hollow-style")]),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("ul",[a("li",[a("code",{pre:!0},[t._v("option")]),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("label")]),t._v(" "),a("td",[t._v("复选框显示文字")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("复选框的值")]),t._v(" "),a("td",[t._v("String/Number")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("复选框是否被禁用")]),t._v(" "),a("td",[t._v("Boolean")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/33.bdf974baefc8a322ac09.js b/docs/js/34.8d0af15c70d0911d6951.js similarity index 98% rename from docs/js/33.bdf974baefc8a322ac09.js rename to docs/js/34.8d0af15c70d0911d6951.js index 92149e39ec0a23833ff9ec3784cfd788421e5bdc..c813fe4cee89547fbf0bc8a40bd80338e488fee8 100644 --- a/docs/js/33.bdf974baefc8a322ac09.js +++ b/docs/js/34.8d0af15c70d0911d6951.js @@ -1 +1 @@ -webpackJsonp([33],{"8Xh4":function(s,t,a){var v=a("VU/8")(null,a("TiOf"),null,null,null);s.exports=v.exports},NVJK:function(s,t,a){s.exports=a("8Xh4")},TiOf: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:"CheckboxGroup复选框组"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup复选框组-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),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("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-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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("checkList")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),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("checkList")]),s._v(" 的值是一个数组,代表的是选中的复选框 "),a("code",{pre:!0},[s._v("value")]),s._v(" 的值的集合。")])]),s._v(" "),a("li",[a("p",[s._v("水平排列、图标形状、镂空样式")]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" 改变样式为水平排列,另外,还可以通过 "),a("code",{pre:!0},[s._v("shape")]),s._v(" 配置图标形状以及通过设置 "),a("code",{pre:!0},[s._v("hollow-style")]),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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义 label")]),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-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),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("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 1"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 2"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '3', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled Checkbox"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '4', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled & Checked Checkbox"),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")])]),s._v(" "),a("p",[s._v("可通过默认插槽插入 "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(" 实现自定义每项的结构样子,关于 "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(",请参考其"),a("a",{attrs:{href:"#/zh-CN/docs/checkbox"}},[s._v("文档")]),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("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")])]),s._v(" "),a("tr",[a("td",[s._v("shape")]),s._v(" "),a("td",[s._v("图标形状")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),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 +webpackJsonp([34],{"8Xh4":function(s,t,a){var v=a("VU/8")(null,a("TiOf"),null,null,null);s.exports=v.exports},NVJK:function(s,t,a){s.exports=a("8Xh4")},TiOf: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:"CheckboxGroup复选框组"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup复选框组-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),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("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-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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("checkList")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),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("checkList")]),s._v(" 的值是一个数组,代表的是选中的复选框 "),a("code",{pre:!0},[s._v("value")]),s._v(" 的值的集合。")])]),s._v(" "),a("li",[a("p",[s._v("水平排列、图标形状、镂空样式")]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" 改变样式为水平排列,另外,还可以通过 "),a("code",{pre:!0},[s._v("shape")]),s._v(" 配置图标形状以及通过设置 "),a("code",{pre:!0},[s._v("hollow-style")]),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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义 label")]),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-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),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("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 1"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 2"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '3', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled Checkbox"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '4', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled & Checked Checkbox"),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")])]),s._v(" "),a("p",[s._v("可通过默认插槽插入 "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(" 实现自定义每项的结构样子,关于 "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(",请参考其"),a("a",{attrs:{href:"#/zh-CN/docs/checkbox"}},[s._v("文档")]),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("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")])]),s._v(" "),a("tr",[a("td",[s._v("shape")]),s._v(" "),a("td",[s._v("图标形状")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),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/34.5c0b71c9ed6e9ea65e46.js b/docs/js/35.6ccae1aed38cc8065fd9.js similarity index 99% rename from docs/js/34.5c0b71c9ed6e9ea65e46.js rename to docs/js/35.6ccae1aed38cc8065fd9.js index e4b4c551b8919ee36d28d58418a08dfc92a0c2f1..8556392eca5678ee79eae8c9ef1dc443b50822dc 100644 --- a/docs/js/34.5c0b71c9ed6e9ea65e46.js +++ b/docs/js/35.6ccae1aed38cc8065fd9.js @@ -1 +1 @@ -webpackJsonp([34],{"4WKi":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(" "),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),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(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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.2.0 新增")])])},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("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("0")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])]),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('"showAddressPicker"')]),s._v(">")]),s._v("Address 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(" addressData = provinceList\naddressData.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(".addressPicker = "),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(": addressData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAddressPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),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('"showSetDataPicker"')]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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(addressData, ["),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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("异步加载数据")]),s._v(" "),a("p",[s._v("当数据量太大时,可能难以在最开始就生成完整的级联数据树。这时,你可以配置 "),a("code",{pre:!0},[s._v("async")]),s._v(" 属性开启异步加载级联数据,在 "),a("code",{pre:!0},[s._v("change")]),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('"showAsyncPicker"')]),s._v(">")]),s._v("Async Load Data"),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(" asyncData = provinceList\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncSelectedIndex = ["),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("]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = cityList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = areaList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\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(".asyncPicker = "),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("'Async Load Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("async")]),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(": asyncData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": asyncSelectedIndex.slice(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncChangeHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n asyncChangeHandle(i, newIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== asyncSelectedIndex[i]) {\n asyncSelectedIndex[i] = newIndex\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// If the first two column is changed, request the data for rest columns.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[newIndex]\n current.children = current.children || cityList[current.value]\n current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children || areaList[current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].children[newIndex]\n current.children = current.children || areaList[current.value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.setData(asyncData, asyncSelectedIndex)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(")\n }\n }\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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("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("async"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("异步加载数据")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),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("subtitle"),a("sup",[s._v("1.8.1")])]),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("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("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("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("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类型")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),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("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},kh0H:function(s,t,a){s.exports=a("o77T")},o77T:function(s,t,a){var v=a("VU/8")(null,a("4WKi"),null,null,null);s.exports=v.exports}}); \ No newline at end of file +webpackJsonp([35],{"4WKi":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(" "),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),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(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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.2.0 新增")])])},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("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("0")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])]),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('"showAddressPicker"')]),s._v(">")]),s._v("Address 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(" addressData = provinceList\naddressData.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(".addressPicker = "),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(": addressData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAddressPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),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('"showSetDataPicker"')]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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(addressData, ["),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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("异步加载数据")]),s._v(" "),a("p",[s._v("当数据量太大时,可能难以在最开始就生成完整的级联数据树。这时,你可以配置 "),a("code",{pre:!0},[s._v("async")]),s._v(" 属性开启异步加载级联数据,在 "),a("code",{pre:!0},[s._v("change")]),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('"showAsyncPicker"')]),s._v(">")]),s._v("Async Load Data"),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(" asyncData = provinceList\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncSelectedIndex = ["),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("]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = cityList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = areaList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\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(".asyncPicker = "),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("'Async Load Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("async")]),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(": asyncData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": asyncSelectedIndex.slice(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncChangeHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n asyncChangeHandle(i, newIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== asyncSelectedIndex[i]) {\n asyncSelectedIndex[i] = newIndex\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// If the first two column is changed, request the data for rest columns.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[newIndex]\n current.children = current.children || cityList[current.value]\n current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children || areaList[current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].children[newIndex]\n current.children = current.children || areaList[current.value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.setData(asyncData, asyncSelectedIndex)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(")\n }\n }\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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("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("async"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("异步加载数据")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),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("subtitle"),a("sup",[s._v("1.8.1")])]),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("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("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("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("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类型")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),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("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},kh0H:function(s,t,a){s.exports=a("o77T")},o77T:function(s,t,a){var v=a("VU/8")(null,a("4WKi"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/35.0ab78cff978add52149d.js b/docs/js/36.01f82b69641e6d14d67d.js similarity index 98% rename from docs/js/35.0ab78cff978add52149d.js rename to docs/js/36.01f82b69641e6d14d67d.js index 5880e6a123fde3eb8d7445263768e0e7520e8228..a9d7aad43954d34c39c82281bf5bb21311acfab3 100644 --- a/docs/js/35.0ab78cff978add52149d.js +++ b/docs/js/36.01f82b69641e6d14d67d.js @@ -1 +1 @@ -webpackJsonp([35],{Buia: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 - 事件对象")])])])])}]}},s6Rz:function(t,s,a){t.exports=a("tyYh")},tyYh:function(t,s,a){var v=a("VU/8")(null,a("Buia"),null,null,null);t.exports=v.exports}}); \ No newline at end of file +webpackJsonp([36],{Buia: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 - 事件对象")])])])])}]}},s6Rz:function(t,s,a){t.exports=a("tyYh")},tyYh:function(t,s,a){var v=a("VU/8")(null,a("Buia"),null,null,null);t.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/36.83353a2f2263646331f0.js b/docs/js/37.eb14c3290d327560b177.js similarity index 95% rename from docs/js/36.83353a2f2263646331f0.js rename to docs/js/37.eb14c3290d327560b177.js index ded2364290162df3f59dcbb9f9b3a0522c57d1d3..41d5ebe3a5475cd5107e00f70b4371099964a17b 100644 --- a/docs/js/36.83353a2f2263646331f0.js +++ b/docs/js/37.eb14c3290d327560b177.js @@ -1 +1 @@ -webpackJsonp([36],{JGwD:function(t,e,r){t.exports=r("n0Bv")},daBp: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("官方示例")])])])])}]}},n0Bv:function(t,e,r){var c=r("VU/8")(null,r("daBp"),null,null,null);t.exports=c.exports}}); \ No newline at end of file +webpackJsonp([37],{JGwD:function(t,e,r){t.exports=r("n0Bv")},daBp: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("官方示例")])])])])}]}},n0Bv:function(t,e,r){var c=r("VU/8")(null,r("daBp"),null,null,null);t.exports=c.exports}}); \ No newline at end of file diff --git a/docs/js/37.ca3f596982831581d148.js b/docs/js/38.9291a21fc04b7720919c.js similarity index 99% rename from docs/js/37.ca3f596982831581d148.js rename to docs/js/38.9291a21fc04b7720919c.js index aa2baacf72e587ef9f88fdcc86e3968f089505fd..05eb9c566ed5be7702db9abc65b2392e1c7cf95d 100644 --- a/docs/js/37.ca3f596982831581d148.js +++ b/docs/js/38.9291a21fc04b7720919c.js @@ -1 +1 @@ -webpackJsonp([37],{"44c3":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(" "),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),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),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(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)])},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("操作列表提供了两种常见的样式,灵活可控内容。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注:")]),t._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),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("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('"showActionSheet"')]),t._v(">")]),t._v("操作列表"),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("配置标题 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("data")]),t._v(" 数据项,注意 "),a("code",{pre:!0},[t._v("data")]),t._v(" 中内容是 "),a("code",{pre:!0},[t._v("content")]),t._v(",一段 HTML 字符串,额外还可以配置自定义 class:"),a("code",{pre:!0},[t._v("class")]),t._v(" 和方向:"),a("code",{pre:!0},[t._v("align")]),t._v("(值可以是 "),a("code",{pre:!0},[t._v("left")]),t._v("、"),a("code",{pre:!0},[t._v("right")]),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('"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("通过设置 "),a("code",{pre:!0},[t._v("active")]),t._v(" 属性来控制高亮的是第几个。")])]),t._v(" "),a("li",[a("p",[t._v("Picker 样式设定")]),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",[a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" 属性决定是否使用 Picker 样式。")])])])},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("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("data")]),t._v(" "),a("td",[t._v("需要展示的数据列表")]),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("高亮第几个选项")]),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 样式")]),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("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态,是否可见。"),a("code",{pre:!0},[t._v("v-model")]),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("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),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("content")]),t._v(" "),a("td",[t._v("展示的内容")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("任意 HTML 字符串")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),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("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("自定义 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("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消")]),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("点击某项")]),t._v(" "),a("td",[t._v("点击项 item,即 data[index]")]),t._v(" "),a("td",[t._v("点击项的索引值 index")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},Ezhp:function(t,s,a){t.exports=a("cj7U")},cj7U:function(t,s,a){var v=a("VU/8")(null,a("44c3"),null,null,null);t.exports=v.exports}}); \ No newline at end of file +webpackJsonp([38],{"44c3":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(" "),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),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),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(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)])},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("操作列表提供了两种常见的样式,灵活可控内容。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注:")]),t._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),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("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('"showActionSheet"')]),t._v(">")]),t._v("操作列表"),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("配置标题 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("data")]),t._v(" 数据项,注意 "),a("code",{pre:!0},[t._v("data")]),t._v(" 中内容是 "),a("code",{pre:!0},[t._v("content")]),t._v(",一段 HTML 字符串,额外还可以配置自定义 class:"),a("code",{pre:!0},[t._v("class")]),t._v(" 和方向:"),a("code",{pre:!0},[t._v("align")]),t._v("(值可以是 "),a("code",{pre:!0},[t._v("left")]),t._v("、"),a("code",{pre:!0},[t._v("right")]),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('"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("通过设置 "),a("code",{pre:!0},[t._v("active")]),t._v(" 属性来控制高亮的是第几个。")])]),t._v(" "),a("li",[a("p",[t._v("Picker 样式设定")]),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",[a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" 属性决定是否使用 Picker 样式。")])])])},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("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("data")]),t._v(" "),a("td",[t._v("需要展示的数据列表")]),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("高亮第几个选项")]),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 样式")]),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("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态,是否可见。"),a("code",{pre:!0},[t._v("v-model")]),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("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),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("content")]),t._v(" "),a("td",[t._v("展示的内容")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("任意 HTML 字符串")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),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("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("自定义 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("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消")]),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("点击某项")]),t._v(" "),a("td",[t._v("点击项 item,即 data[index]")]),t._v(" "),a("td",[t._v("点击项的索引值 index")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},Ezhp:function(t,s,a){t.exports=a("cj7U")},cj7U:function(t,s,a){var v=a("VU/8")(null,a("44c3"),null,null,null);t.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/38.aca5d5404bc606e6286b.js b/docs/js/39.95e25c46a61f86cda4ea.js similarity index 99% rename from docs/js/38.aca5d5404bc606e6286b.js rename to docs/js/39.95e25c46a61f86cda4ea.js index ad92d16974ccec1075e3a4e396113e573afa4b2e..70e417529653e2e915c75809d344701f89d6c0eb 100644 --- a/docs/js/38.aca5d5404bc606e6286b.js +++ b/docs/js/39.95e25c46a61f86cda4ea.js @@ -1 +1 @@ -webpackJsonp([38],{BdDp: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:"Validator"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Validator-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(" Validator")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("Validator is used to validate form data and corresponding warning message.")]),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:"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(2),s._v(" "),t("h3",{attrs:{id:"Slot"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-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(" Slot")]),s._v(" "),s._m(3),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(4),s._v(" "),t("h3",{attrs:{id:"Instancemethods"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-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(" Instance methods")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"Rule"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Rule-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(" Rule")]),s._v(" "),s._m(6),s._v(" "),t("h3",{attrs:{id:"Adddefaultmessage"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Adddefaultmessage-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(" Add default message")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),t("h3",{attrs:{id:"addType"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-addType-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(" addType")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.5.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Basic usage")]),s._v(" "),t("p",[s._v("Validator is called as a independent component, which means it has to bind with the form data need validate through the property "),t("code",{pre:!0},[s._v("model")]),s._v(". Then use the property "),t("code",{pre:!0},[s._v("rules")]),s._v(" to define the validating rule, such as type, required, pattern(used to define a validating RegExp), custom(used to define a validating function), you can find the details of rules below. And although we have default message (include English and Chinese) for each build-in rule, you could customize messages by the property "),t("code",{pre:!0},[s._v("messages")]),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-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v(">")]),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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[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("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/didi.com$/")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" val.length >= "),t("span",{attrs:{class:"hljs-number"}},[s._v("12")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail suffix need to be didi.com.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail need contain at least 12 characters.'")]),s._v("\n },\n }\n }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("Add warning style to form component")]),s._v(" "),t("p",[s._v("If you want to add warning style to form component, you could put the form component into the Validator component. Because when the validation failed, the Validator component will get a CSS class "),t("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" so that you could select the descendant form element of class "),t("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" ro add warning 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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),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("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("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v("\n }\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-css"}},[s._v("// "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("add")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("warning")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("style")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("to")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-validator_warn")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("border")]),s._v(": "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("solid")]),s._v(" 1"),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("yellow")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("Customize message slot")]),s._v(" "),t("p",[s._v("Beside default message, you could customize the warning template to contain icons and images by "),t("code",{pre:!0},[s._v("message")]),s._v(" slot. This is a sloped slot which could meet almost all the demands. It contains "),t("code",{pre:!0},[s._v("dirty")]),s._v(" (whether the form data has ever changed), "),t("code",{pre:!0},[s._v("validated")]),s._v(" (whether the validator has ever validated), "),t("code",{pre:!0},[s._v("message")]),s._v(" (message of first failed rule), "),t("code",{pre:!0},[s._v("result")]),s._v(" ( an Object, which contains validating result and message of each rule, such as "),t("code",{pre:!0},[s._v("{ required: { valid: false, invalid: true, message: 'required' } }")]),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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"component name"')]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"message"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"custom-msg"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(props.dirty || props.validated) && !valid"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"dd-cubeic-important"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v(" {{ props.message }}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in Object.values(props.result)"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.inValid"')]),s._v(">")]),s._v("\n {{ item.message + ' ' }}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\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("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("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^cube-/")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The component name need start with \"cube-\"'")]),s._v("\n },\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-css"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-msg")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("Async validate "),t("sup",[s._v("1.8.0+")])]),s._v(" "),t("p",[s._v("If the rule function returned a function("),t("strong",[s._v("this function receives a "),t("code",{pre:!0},[s._v("resolve")]),s._v(" callback, if this function called with "),t("code",{pre:!0},[s._v("true")]),s._v(" then it will be treated as success, otherwise it will be treated as failure")]),s._v(") or a "),t("code",{pre:!0},[s._v("Promise")]),s._v(" object("),t("strong",[s._v("if "),t("code",{pre:!0},[s._v("resolve")]),s._v(" value is "),t("code",{pre:!0},[s._v("true")]),s._v(" then it will be treated as success, otherwise it will be treated as failure")]),s._v("), then it will be validate asynchronously. And when validating the "),t("code",{pre:!0},[s._v("validating")]),s._v(" event will be emited.")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator-item"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("Async validate: "),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-validator")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"immediate"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@validating")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validatingHandler"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@validated")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validatedHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"Please input captcha"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\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("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("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captcha")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n setTimeout("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n resolve(val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'123456'")]),s._v(")\n }, "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("/** or return promise:\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(val === '123456')\n }, 1000)\n })\n **/")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input \"123456\"'")]),s._v("\n }\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n validatingHandler() {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'validating'")]),s._v(")\n },\n validatedHandler() {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'validated'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("captchaCheck")]),s._v(" is an async rule.")])]),s._v(" "),t("li",[t("p",[s._v("Submit")]),s._v(" "),t("p",[s._v("Although submit is not inside of Validator, it usually be relative with Validator. Therefore, we want to introduce our best practice about submit here. It focus on the handles of multi-validator and warn message no matter whether the form data has ever changed.")]),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-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"Required"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[0]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules0"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[1]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules1"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"TEL"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[2]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules2"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),t("span",{attrs:{class:"hljs-tag"}},[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("result")]),s._v(": ["),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text0")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules0")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text1")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules1")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text2")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules2")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submit() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".result.every("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("item")]),s._v(" =>")]),s._v(" item)) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Submited'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n }\n}\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("model")]),s._v(" "),t("td",[s._v("Required, figure the data need to validate")]),s._v(" "),t("td",[s._v("Any")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("v-model")]),s._v(" "),t("td",[s._v("the validation result,whether the data is valid")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("rules")]),s._v(" "),t("td",[s._v("the rules for validation, you can find the details of rules below")]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{}")])]),s._v(" "),t("tr",[t("td",[s._v("messages")]),s._v(" "),t("td",[s._v("custom messages for the corresponding rule")]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{}")])]),s._v(" "),t("tr",[t("td",[s._v("immediate")]),s._v(" "),t("td",[s._v("Immediate validate after loaded")]),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("disabled"),t("sup",[s._v("1.7.0+")])]),s._v(" "),t("td",[s._v("disabled validate or not")]),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("Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Scope Parameters")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("the relative form component or element")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("warning message")]),s._v(" "),t("td",[s._v("dirty: if the data have ever changed "),t("br"),s._v(" validating: whether is validating "),t("br"),s._v(" validated: if the validator have ever validated "),t("br"),s._v(" message: the message of the first failed rule "),t("br"),s._v(" result: an object, which contains the resule and message of each rule, such as, { required: { valid: false, invalid: true, message: '必填' } }")])])])])},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("validating")]),s._v(" "),t("td",[s._v("validating (only triggered when async validateing)")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("validated")]),s._v(" "),t("td",[s._v("validated (only triggered when async validateing)")]),s._v(" "),t("td",[s._v("valid: 校验是否成功")])]),s._v(" "),t("tr",[t("td",[s._v("msg-click")]),s._v(" "),t("td",[s._v("click error message ele")]),s._v(" "),t("td",[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("Method name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Parameters")]),s._v(" "),t("th",[s._v("Returned value")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validate(cb)")]),s._v(" "),t("td",[s._v("Validate")]),s._v(" "),t("td",[s._v("cb: validated callback function, used to async validating cases normally. The arguments is the "),t("code",{pre:!0},[s._v("valid")]),s._v(" value")]),s._v(" "),t("td",[s._v("If supported Promise then the returned value will be Promise instance(Only have resolved state, the resolved value is "),t("code",{pre:!0},[s._v("valid")]),s._v("), otherwise the returned value is "),t("code",{pre:!0},[s._v("undefined")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Build-in rules")]),s._v(" "),t("p",[s._v("There are some build-in rules here, include required、type、min、max、len、notWhitespace、pattern、custom.")]),s._v(" "),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("Demo")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("required")]),s._v(" "),t("td",[s._v("required")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("type")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("'string', 'number', 'array', 'date', 'email', 'tel', 'url'")]),s._v(" "),t("td",[s._v("'tel'")])]),s._v(" "),t("tr",[t("td",[s._v("min")]),s._v(" "),t("td",[s._v("when the type is number or date, it means the data need not smaller than min. Otherwise, it means the length of the data need not smaller than min")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("6")])]),s._v(" "),t("tr",[t("td",[s._v("max")]),s._v(" "),t("td",[s._v("when the type is number or date, it means the data need not bigger than max. Otherwise, it means the length of the data need not bigger than max")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("8")])]),s._v(" "),t("tr",[t("td",[s._v("len")]),s._v(" "),t("td",[s._v("when the type is number or date, it means the data need equal to min. Otherwise, it means the length of the data need equal to len")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("7")])]),s._v(" "),t("tr",[t("td",[s._v("notWhitespace")]),s._v(" "),t("td",[s._v("don't allowed to be whitespace")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("pattern")]),s._v(" "),t("td",[s._v("RegExp match")]),s._v(" "),t("td",[s._v("RegExp")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("/1$/")])]),s._v(" "),t("tr",[t("td",[s._v("custom")]),s._v(" "),t("td",[s._v("Costomized validation function. Only valid when the "),t("code",{pre:!0},[s._v("return")]),s._v(" is strict equaled to "),t("code",{pre:!0},[s._v("true")])]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("val => val.length === 7")])])])])]),s._v(" "),t("li",[t("p",[s._v("Add rule")]),s._v(" "),t("p",[s._v("Beside the build-in rules, you could use the method "),t("code",{pre:!0},[s._v("addRule")]),s._v(" of Validator to add customized common rule, and "),t("code",{pre:!0},[s._v("addMessage")]),s._v(" method to add corresponding default warning message.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addRule("),t("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", (val, config, type) => !config || "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Number")]),s._v("(val) % "),t("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" === "),t("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input odd.'")]),s._v(")\n")])]),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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rule"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"odd"')]),s._v(">")]),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("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("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'100'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("odd")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n }\n}\n")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("At first, let's see the build-in default messages. You can use "),t("code",{pre:!0},[s._v("addMessage")]),s._v(" to modify the special sub-message.")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("Build-in default messages")])])},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("{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Required.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input characters.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input numbers.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The data type should be array.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a valid date.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid E-mail.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid telphone number.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid web site.'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`The number could not smaller than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(".`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" items.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select a date after "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${toLocaleDateString(config, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'en'")]),s._v(")}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`The number could not bigger than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" items`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select a date before "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${toLocaleDateString(config, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'en'")]),s._v(")}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`The number should equal "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" items`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${toLocaleDateString(config, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'en'")]),s._v(")}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The input don\"t match pattern.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Invalid.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Whitespace is invalid.'")]),s._v("\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("Modify the build-in message")])])},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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input this.'")]),s._v(")\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("Add new type")])])},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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),t("span",{attrs:{class:"hljs-string"}},[s._v("'yourType'")]),s._v(", (val) => {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+/i")]),s._v(".test(val)\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("modify the build-in type")])])},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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(", (val) => {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+@[a-z0-9_-]+(\\.[a-z0-9_-]+)$/i")]),s._v(".test(val)\n})\n")])])}]}},UO5F:function(s,a,t){var l=t("VU/8")(null,t("BdDp"),null,null,null);s.exports=l.exports},hl6N:function(s,a,t){s.exports=t("UO5F")}}); \ No newline at end of file +webpackJsonp([39],{BdDp: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:"Validator"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Validator-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(" Validator")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("Validator is used to validate form data and corresponding warning message.")]),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:"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(2),s._v(" "),t("h3",{attrs:{id:"Slot"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-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(" Slot")]),s._v(" "),s._m(3),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(4),s._v(" "),t("h3",{attrs:{id:"Instancemethods"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-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(" Instance methods")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"Rule"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Rule-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(" Rule")]),s._v(" "),s._m(6),s._v(" "),t("h3",{attrs:{id:"Adddefaultmessage"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Adddefaultmessage-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(" Add default message")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),t("h3",{attrs:{id:"addType"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-addType-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(" addType")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.5.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Basic usage")]),s._v(" "),t("p",[s._v("Validator is called as a independent component, which means it has to bind with the form data need validate through the property "),t("code",{pre:!0},[s._v("model")]),s._v(". Then use the property "),t("code",{pre:!0},[s._v("rules")]),s._v(" to define the validating rule, such as type, required, pattern(used to define a validating RegExp), custom(used to define a validating function), you can find the details of rules below. And although we have default message (include English and Chinese) for each build-in rule, you could customize messages by the property "),t("code",{pre:!0},[s._v("messages")]),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-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v(">")]),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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[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("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/didi.com$/")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" val.length >= "),t("span",{attrs:{class:"hljs-number"}},[s._v("12")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail suffix need to be didi.com.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail need contain at least 12 characters.'")]),s._v("\n },\n }\n }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("Add warning style to form component")]),s._v(" "),t("p",[s._v("If you want to add warning style to form component, you could put the form component into the Validator component. Because when the validation failed, the Validator component will get a CSS class "),t("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" so that you could select the descendant form element of class "),t("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" ro add warning 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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),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("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("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v("\n }\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-css"}},[s._v("// "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("add")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("warning")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("style")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("to")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-validator_warn")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("border")]),s._v(": "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("solid")]),s._v(" 1"),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("yellow")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("Customize message slot")]),s._v(" "),t("p",[s._v("Beside default message, you could customize the warning template to contain icons and images by "),t("code",{pre:!0},[s._v("message")]),s._v(" slot. This is a sloped slot which could meet almost all the demands. It contains "),t("code",{pre:!0},[s._v("dirty")]),s._v(" (whether the form data has ever changed), "),t("code",{pre:!0},[s._v("validated")]),s._v(" (whether the validator has ever validated), "),t("code",{pre:!0},[s._v("message")]),s._v(" (message of first failed rule), "),t("code",{pre:!0},[s._v("result")]),s._v(" ( an Object, which contains validating result and message of each rule, such as "),t("code",{pre:!0},[s._v("{ required: { valid: false, invalid: true, message: 'required' } }")]),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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"component name"')]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"message"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"custom-msg"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(props.dirty || props.validated) && !valid"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"dd-cubeic-important"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v(" {{ props.message }}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in Object.values(props.result)"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.inValid"')]),s._v(">")]),s._v("\n {{ item.message + ' ' }}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\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("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("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^cube-/")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The component name need start with \"cube-\"'")]),s._v("\n },\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-css"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-msg")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("Async validate "),t("sup",[s._v("1.8.0+")])]),s._v(" "),t("p",[s._v("If the rule function returned a function("),t("strong",[s._v("this function receives a "),t("code",{pre:!0},[s._v("resolve")]),s._v(" callback, if this function called with "),t("code",{pre:!0},[s._v("true")]),s._v(" then it will be treated as success, otherwise it will be treated as failure")]),s._v(") or a "),t("code",{pre:!0},[s._v("Promise")]),s._v(" object("),t("strong",[s._v("if "),t("code",{pre:!0},[s._v("resolve")]),s._v(" value is "),t("code",{pre:!0},[s._v("true")]),s._v(" then it will be treated as success, otherwise it will be treated as failure")]),s._v("), then it will be validate asynchronously. And when validating the "),t("code",{pre:!0},[s._v("validating")]),s._v(" event will be emited.")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator-item"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("Async validate: "),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-validator")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"immediate"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@validating")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validatingHandler"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@validated")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validatedHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"Please input captcha"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\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("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("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captcha")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n setTimeout("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n resolve(val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'123456'")]),s._v(")\n }, "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("/** or return promise:\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(val === '123456')\n }, 1000)\n })\n **/")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input \"123456\"'")]),s._v("\n }\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n validatingHandler() {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'validating'")]),s._v(")\n },\n validatedHandler() {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'validated'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("captchaCheck")]),s._v(" is an async rule.")])]),s._v(" "),t("li",[t("p",[s._v("Submit")]),s._v(" "),t("p",[s._v("Although submit is not inside of Validator, it usually be relative with Validator. Therefore, we want to introduce our best practice about submit here. It focus on the handles of multi-validator and warn message no matter whether the form data has ever changed.")]),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-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"Required"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[0]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules0"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[1]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules1"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"TEL"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[2]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules2"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),t("span",{attrs:{class:"hljs-tag"}},[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("result")]),s._v(": ["),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text0")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules0")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text1")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules1")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text2")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules2")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submit() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".result.every("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("item")]),s._v(" =>")]),s._v(" item)) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Submited'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n }\n}\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("model")]),s._v(" "),t("td",[s._v("Required, figure the data need to validate")]),s._v(" "),t("td",[s._v("Any")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("v-model")]),s._v(" "),t("td",[s._v("the validation result,whether the data is valid")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("rules")]),s._v(" "),t("td",[s._v("the rules for validation, you can find the details of rules below")]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{}")])]),s._v(" "),t("tr",[t("td",[s._v("messages")]),s._v(" "),t("td",[s._v("custom messages for the corresponding rule")]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{}")])]),s._v(" "),t("tr",[t("td",[s._v("immediate")]),s._v(" "),t("td",[s._v("Immediate validate after loaded")]),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("disabled"),t("sup",[s._v("1.7.0+")])]),s._v(" "),t("td",[s._v("disabled validate or not")]),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("Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Scope Parameters")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("the relative form component or element")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("warning message")]),s._v(" "),t("td",[s._v("dirty: if the data have ever changed "),t("br"),s._v(" validating: whether is validating "),t("br"),s._v(" validated: if the validator have ever validated "),t("br"),s._v(" message: the message of the first failed rule "),t("br"),s._v(" result: an object, which contains the resule and message of each rule, such as, { required: { valid: false, invalid: true, message: '必填' } }")])])])])},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("validating")]),s._v(" "),t("td",[s._v("validating (only triggered when async validateing)")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("validated")]),s._v(" "),t("td",[s._v("validated (only triggered when async validateing)")]),s._v(" "),t("td",[s._v("valid: 校验是否成功")])]),s._v(" "),t("tr",[t("td",[s._v("msg-click")]),s._v(" "),t("td",[s._v("click error message ele")]),s._v(" "),t("td",[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("Method name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Parameters")]),s._v(" "),t("th",[s._v("Returned value")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validate(cb)")]),s._v(" "),t("td",[s._v("Validate")]),s._v(" "),t("td",[s._v("cb: validated callback function, used to async validating cases normally. The arguments is the "),t("code",{pre:!0},[s._v("valid")]),s._v(" value")]),s._v(" "),t("td",[s._v("If supported Promise then the returned value will be Promise instance(Only have resolved state, the resolved value is "),t("code",{pre:!0},[s._v("valid")]),s._v("), otherwise the returned value is "),t("code",{pre:!0},[s._v("undefined")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Build-in rules")]),s._v(" "),t("p",[s._v("There are some build-in rules here, include required、type、min、max、len、notWhitespace、pattern、custom.")]),s._v(" "),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("Demo")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("required")]),s._v(" "),t("td",[s._v("required")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("type")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("'string', 'number', 'array', 'date', 'email', 'tel', 'url'")]),s._v(" "),t("td",[s._v("'tel'")])]),s._v(" "),t("tr",[t("td",[s._v("min")]),s._v(" "),t("td",[s._v("when the type is number or date, it means the data need not smaller than min. Otherwise, it means the length of the data need not smaller than min")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("6")])]),s._v(" "),t("tr",[t("td",[s._v("max")]),s._v(" "),t("td",[s._v("when the type is number or date, it means the data need not bigger than max. Otherwise, it means the length of the data need not bigger than max")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("8")])]),s._v(" "),t("tr",[t("td",[s._v("len")]),s._v(" "),t("td",[s._v("when the type is number or date, it means the data need equal to min. Otherwise, it means the length of the data need equal to len")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("7")])]),s._v(" "),t("tr",[t("td",[s._v("notWhitespace")]),s._v(" "),t("td",[s._v("don't allowed to be whitespace")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("pattern")]),s._v(" "),t("td",[s._v("RegExp match")]),s._v(" "),t("td",[s._v("RegExp")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("/1$/")])]),s._v(" "),t("tr",[t("td",[s._v("custom")]),s._v(" "),t("td",[s._v("Costomized validation function. Only valid when the "),t("code",{pre:!0},[s._v("return")]),s._v(" is strict equaled to "),t("code",{pre:!0},[s._v("true")])]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("val => val.length === 7")])])])])]),s._v(" "),t("li",[t("p",[s._v("Add rule")]),s._v(" "),t("p",[s._v("Beside the build-in rules, you could use the method "),t("code",{pre:!0},[s._v("addRule")]),s._v(" of Validator to add customized common rule, and "),t("code",{pre:!0},[s._v("addMessage")]),s._v(" method to add corresponding default warning message.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addRule("),t("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", (val, config, type) => !config || "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Number")]),s._v("(val) % "),t("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" === "),t("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input odd.'")]),s._v(")\n")])]),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-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rule"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"odd"')]),s._v(">")]),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("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("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'100'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("odd")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n }\n}\n")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("At first, let's see the build-in default messages. You can use "),t("code",{pre:!0},[s._v("addMessage")]),s._v(" to modify the special sub-message.")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("Build-in default messages")])])},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("{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Required.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input characters.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input numbers.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The data type should be array.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a valid date.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid E-mail.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid telphone number.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid web site.'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`The number could not smaller than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(".`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" items.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select a date after "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${toLocaleDateString(config, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'en'")]),s._v(")}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input at least "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`The number could not bigger than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" items`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select a date before "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${toLocaleDateString(config, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'en'")]),s._v(")}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input no more than "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`The number should equal "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" items`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please select "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${toLocaleDateString(config, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'en'")]),s._v(")}")]),s._v("`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("config")]),s._v(") =>")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`Please input "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${config}")]),s._v(" characters.`")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The input don\"t match pattern.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Invalid.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Whitespace is invalid.'")]),s._v("\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("Modify the build-in message")])])},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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input this.'")]),s._v(")\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("Add new type")])])},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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),t("span",{attrs:{class:"hljs-string"}},[s._v("'yourType'")]),s._v(", (val) => {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+/i")]),s._v(".test(val)\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("modify the build-in type")])])},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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(", (val) => {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+@[a-z0-9_-]+(\\.[a-z0-9_-]+)$/i")]),s._v(".test(val)\n})\n")])])}]}},UO5F:function(s,a,t){var l=t("VU/8")(null,t("BdDp"),null,null,null);s.exports=l.exports},hl6N:function(s,a,t){s.exports=t("UO5F")}}); \ No newline at end of file diff --git a/docs/js/4.230d1dda7659f57bb325.js b/docs/js/4.230d1dda7659f57bb325.js new file mode 100644 index 0000000000000000000000000000000000000000..ab7bf5911576de50164ca20f97a48e7503028736 --- /dev/null +++ b/docs/js/4.230d1dda7659f57bb325.js @@ -0,0 +1 @@ +webpackJsonp([4],{"1dH2":function(s,t,a){s.exports=a("wDjb")},ZPV3: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:"Toolbar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toolbar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toolbar")]),s._v(" "),s._m(0),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(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("blockquote",[a("p",[s._v("1.9.0 新增")])])},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("actions")]),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-toolbar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("money")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\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("'clicked '")]),s._v(" + item.text,\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 moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("更多操作")]),s._v(" "),a("p",[s._v("你还可以通过 "),a("code",{pre:!0},[s._v("moreActions")]),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-toolbar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":more-actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"moreActions"')]),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(">")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" money = "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("moreActions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作a'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作b'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作c'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-right'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\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("'clicked '")]),s._v(" + item.text,\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 moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\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("actions")]),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("[ {text: '完成订单' } ]")])]),s._v(" "),a("tr",[a("td",[s._v("moreActions")]),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("[ {text: '完成订单' } ]")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("actions")]),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("type")]),s._v(" "),a("td",[s._v("类型,包括 button 和 checkbox")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("button/checkbox")]),s._v(" "),a("td",[s._v("button")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),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("checked")]),s._v(" "),a("td",[s._v("当为 checkbox 类型时,checkbox的初始状态")]),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("click")]),s._v(" "),a("td",[s._v("点击某一项触发")]),s._v(" "),a("td",[s._v("该项 item 的值")])]),s._v(" "),a("tr",[a("td",[s._v("more-click")]),s._v(" "),a("td",[s._v("当有更多操作时,点击更多按钮时触发")]),s._v(" "),a("td",[s._v("更多操作是否是显示状态")])])])])}]}},wDjb:function(s,t,a){var n=a("VU/8")(null,a("ZPV3"),null,null,null);s.exports=n.exports}}); \ No newline at end of file diff --git a/docs/js/39.d551331953125f1e121a.js b/docs/js/40.2a82e8a0329b570fc7ae.js similarity index 99% rename from docs/js/39.d551331953125f1e121a.js rename to docs/js/40.2a82e8a0329b570fc7ae.js index 00cefc18902eafe658b5299b49469f4c1c702994..4f52baca41e42786c63932697810cea4a8da9bb0 100644 --- a/docs/js/39.d551331953125f1e121a.js +++ b/docs/js/40.2a82e8a0329b570fc7ae.js @@ -1 +1 @@ -webpackJsonp([39],{S5Uo: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:"Upload"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Upload")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),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(4),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(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),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(11),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(12)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.3.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Upload")]),s._v(" component.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" In this document, all the original File will be called "),a("strong",[s._v("original file")]),s._v(", since the wrapped file object will be called "),a("strong",[s._v("file object")]),s._v(". The structure of "),a("strong",[s._v("file object")]),s._v(" show as following:")])},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("file name")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("file size")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("url")]),s._v(" "),a("td",[s._v("file url, created by URL.createObjectURL, for preview")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("base64")]),s._v(" "),a("td",[s._v("file base64 value, the value is equaled to the original file's base64 value. It is "),a("code",{pre:!0},[s._v("''")]),s._v(" by default, but you can have some plugins to added this "),a("code",{pre:!0},[s._v("base64")]),s._v(" value, like the compress plugin below")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("file status, one of: ready, uploading, success, error")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("progress")]),s._v(" "),a("td",[s._v("file progress, number 0~1")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("file")]),s._v(" "),a("td",[s._v("the original file")]),s._v(" "),a("td",[s._v("File")])]),s._v(" "),a("tr",[a("td",[s._v("response")]),s._v(" "),a("td",[s._v("response data(try to parse to JSON)")]),s._v(" "),a("td",[s._v("Object/Array/String")])]),s._v(" "),a("tr",[a("td",[s._v("responseHeaders")]),s._v(" "),a("td",[s._v("all response headers")]),s._v(" "),a("td",[s._v("String")])])])])},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-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"//jsonplaceholder.typicode.com/photos/"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"filesAdded"')]),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 filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 1M")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("in")]),s._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("action")]),s._v(" to configure the upload target URL for the multipart POST request.")]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("simultaneous-uploads")]),s._v(" to configure the max number of files uploading simultaneously .")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("files-added")]),s._v(" event is used for file validation, and you can filter file by setting "),a("code",{pre:!0},[s._v("file.ignore = true")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Compress and uploaded through Base64")]),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-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":process-file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"processFile"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-submitted")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fileSubmitted"')]),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("import")]),s._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../modules/image'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action2")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("target")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prop")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'base64Value'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("compress")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("quality")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("action")]),s._v(" is an object which contains "),a("code",{pre:!0},[s._v("target")]),s._v(" and "),a("code",{pre:!0},[s._v("prop")]),s._v(". the "),a("code",{pre:!0},[s._v("prop")]),s._v(" could configure which property in file object will be uploaded).")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("process-file")]),s._v(" is a function which is used to process the original file, like compress, "),a("code",{pre:!0},[s._v("next")]),s._v(" must be called with the processed file.")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("file-submitted")]),s._v(" event will be trigged after the file is processed and added to the "),a("code",{pre:!0},[s._v("upload.files")]),s._v(" with a parameter -- the file object.")])]),s._v(" "),a("li",[a("p",[s._v("Use slots")]),s._v(" "),a("p",[s._v("You can use slots to define your custom HTML structure.")]),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-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"files"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"addedHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-error")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"errHandler"')]),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('"clear-fix"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(file, i) in files"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"file"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),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-upload-btn")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":multiple")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),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("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),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("p")]),s._v(">")]),s._v("Please click to upload ID card"),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("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("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("files")]),s._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".files["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// const msg = file.response.message")]),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("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload fail'")]),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")])]),s._v(" "),a("p",[s._v("Custom Style:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),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("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),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-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": -"),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file-def")]),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("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cubeic-wrong")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-align")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("32px")]),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-style")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),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("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50%")]),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("Demo")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("upload action config")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("{ target: '/upload' }")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("max upload files number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("auto")]),s._v(" "),a("td",[s._v("whether auto start upload")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("simultaneousUploads")]),s._v(" "),a("td",[s._v("the number of simultaneous uploads")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("1")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("processFile")]),s._v(" "),a("td",[s._v("process the original file")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (file, next) { next(file) }")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("action")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If "),a("code",{pre:!0},[s._v("action")]),s._v(" is a string, it will be transformed into "),a("code",{pre:!0},[s._v("{ target: action }")]),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("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("target")]),s._v(" "),a("td",[s._v("the upload target URL for the multipart POST request")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("fileName")]),s._v(" "),a("td",[s._v("the name of the multipart POST parameter")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("prop")]),s._v(" "),a("td",[s._v("which property in file object will be uploaded")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("headers")]),s._v(" "),a("td",[s._v("extra headers to include in the multipart POST")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("extra data to include in the multipart POST")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("withCredentials")]),s._v(" "),a("td",[s._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")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("upload request timeout value")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("progressInterval")]),s._v(" "),a("td",[s._v("The time interval between progress reports (Unit: ms)")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("checkSuccess")]),s._v(" "),a("td",[s._v("Check the response should be successful, the parameter is "),a("code",{pre:!0},[s._v("response")]),s._v(" object. If return true then it will be treated as successful")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (res) { return true }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("processFile")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("A function with two parameters: "),a("code",{pre:!0},[s._v("(file, next)")]),s._v(", the "),a("code",{pre:!0},[s._v("file")]),s._v(" is the original file and the "),a("code",{pre:!0},[s._v("next")]),s._v(" callback must be called with the processed file.")])},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("files-added")]),s._v(" "),a("td",[s._v("triggers when files are added, usually used for file validation")]),s._v(" "),a("td",[s._v("original files")])]),s._v(" "),a("tr",[a("td",[s._v("file-submitted")]),s._v(" "),a("td",[s._v("triggers when a file is added to the "),a("code",{pre:!0},[s._v("upload.files")])]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-removed")]),s._v(" "),a("td",[s._v("triggers when a file is removed")]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-success")]),s._v(" "),a("td",[s._v("triggers when a file is uploaded successfully")]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-error")]),s._v(" "),a("td",[s._v("triggers when a file is failed to upload")]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-click")]),s._v(" "),a("td",[s._v("triggers when a file is clicked")]),s._v(" "),a("td",[s._v("the file object")])])])])},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("Parameter")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("start")]),s._v(" "),a("td",[s._v("start uploading")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pause")]),s._v(" "),a("td",[s._v("pause uploading")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("retry")]),s._v(" "),a("td",[s._v("retry uploading")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("removeFile")]),s._v(" "),a("td",[s._v("remove file")]),s._v(" "),a("td",[s._v("the file object")])])])])}]}},YJZO:function(s,t,a){s.exports=a("aeWw")},aeWw:function(s,t,a){var e=a("VU/8")(null,a("S5Uo"),null,null,null);s.exports=e.exports}}); \ No newline at end of file +webpackJsonp([40],{S5Uo: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:"Upload"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Upload")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),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(4),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(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),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(11),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(12)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.3.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Upload")]),s._v(" component.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" In this document, all the original File will be called "),a("strong",[s._v("original file")]),s._v(", since the wrapped file object will be called "),a("strong",[s._v("file object")]),s._v(". The structure of "),a("strong",[s._v("file object")]),s._v(" show as following:")])},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("file name")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("file size")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("url")]),s._v(" "),a("td",[s._v("file url, created by URL.createObjectURL, for preview")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("base64")]),s._v(" "),a("td",[s._v("file base64 value, the value is equaled to the original file's base64 value. It is "),a("code",{pre:!0},[s._v("''")]),s._v(" by default, but you can have some plugins to added this "),a("code",{pre:!0},[s._v("base64")]),s._v(" value, like the compress plugin below")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("file status, one of: ready, uploading, success, error")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("progress")]),s._v(" "),a("td",[s._v("file progress, number 0~1")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("file")]),s._v(" "),a("td",[s._v("the original file")]),s._v(" "),a("td",[s._v("File")])]),s._v(" "),a("tr",[a("td",[s._v("response")]),s._v(" "),a("td",[s._v("response data(try to parse to JSON)")]),s._v(" "),a("td",[s._v("Object/Array/String")])]),s._v(" "),a("tr",[a("td",[s._v("responseHeaders")]),s._v(" "),a("td",[s._v("all response headers")]),s._v(" "),a("td",[s._v("String")])])])])},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-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"//jsonplaceholder.typicode.com/photos/"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"filesAdded"')]),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 filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 1M")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("in")]),s._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("action")]),s._v(" to configure the upload target URL for the multipart POST request.")]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("simultaneous-uploads")]),s._v(" to configure the max number of files uploading simultaneously .")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("files-added")]),s._v(" event is used for file validation, and you can filter file by setting "),a("code",{pre:!0},[s._v("file.ignore = true")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Compress and uploaded through Base64")]),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-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":process-file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"processFile"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-submitted")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fileSubmitted"')]),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("import")]),s._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../modules/image'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action2")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("target")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prop")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'base64Value'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("compress")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("quality")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("action")]),s._v(" is an object which contains "),a("code",{pre:!0},[s._v("target")]),s._v(" and "),a("code",{pre:!0},[s._v("prop")]),s._v(". the "),a("code",{pre:!0},[s._v("prop")]),s._v(" could configure which property in file object will be uploaded).")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("process-file")]),s._v(" is a function which is used to process the original file, like compress, "),a("code",{pre:!0},[s._v("next")]),s._v(" must be called with the processed file.")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("file-submitted")]),s._v(" event will be trigged after the file is processed and added to the "),a("code",{pre:!0},[s._v("upload.files")]),s._v(" with a parameter -- the file object.")])]),s._v(" "),a("li",[a("p",[s._v("Use slots")]),s._v(" "),a("p",[s._v("You can use slots to define your custom HTML structure.")]),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-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"files"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"addedHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-error")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"errHandler"')]),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('"clear-fix"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(file, i) in files"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"file"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),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-upload-btn")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":multiple")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),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("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),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("p")]),s._v(">")]),s._v("Please click to upload ID card"),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("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("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("files")]),s._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".files["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// const msg = file.response.message")]),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("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload fail'")]),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")])]),s._v(" "),a("p",[s._v("Custom Style:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),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("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),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-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": -"),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file-def")]),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("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cubeic-wrong")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-align")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("32px")]),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-style")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),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("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50%")]),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("Demo")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("upload action config")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("{ target: '/upload' }")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("max upload files number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("auto")]),s._v(" "),a("td",[s._v("whether auto start upload")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("simultaneousUploads")]),s._v(" "),a("td",[s._v("the number of simultaneous uploads")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("1")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("processFile")]),s._v(" "),a("td",[s._v("process the original file")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (file, next) { next(file) }")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("action")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If "),a("code",{pre:!0},[s._v("action")]),s._v(" is a string, it will be transformed into "),a("code",{pre:!0},[s._v("{ target: action }")]),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("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("target")]),s._v(" "),a("td",[s._v("the upload target URL for the multipart POST request")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("fileName")]),s._v(" "),a("td",[s._v("the name of the multipart POST parameter")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("prop")]),s._v(" "),a("td",[s._v("which property in file object will be uploaded")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("headers")]),s._v(" "),a("td",[s._v("extra headers to include in the multipart POST")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("extra data to include in the multipart POST")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("withCredentials")]),s._v(" "),a("td",[s._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")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("upload request timeout value")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("progressInterval")]),s._v(" "),a("td",[s._v("The time interval between progress reports (Unit: ms)")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("checkSuccess")]),s._v(" "),a("td",[s._v("Check the response should be successful, the parameter is "),a("code",{pre:!0},[s._v("response")]),s._v(" object. If return true then it will be treated as successful")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (res) { return true }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("processFile")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("A function with two parameters: "),a("code",{pre:!0},[s._v("(file, next)")]),s._v(", the "),a("code",{pre:!0},[s._v("file")]),s._v(" is the original file and the "),a("code",{pre:!0},[s._v("next")]),s._v(" callback must be called with the processed file.")])},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("files-added")]),s._v(" "),a("td",[s._v("triggers when files are added, usually used for file validation")]),s._v(" "),a("td",[s._v("original files")])]),s._v(" "),a("tr",[a("td",[s._v("file-submitted")]),s._v(" "),a("td",[s._v("triggers when a file is added to the "),a("code",{pre:!0},[s._v("upload.files")])]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-removed")]),s._v(" "),a("td",[s._v("triggers when a file is removed")]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-success")]),s._v(" "),a("td",[s._v("triggers when a file is uploaded successfully")]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-error")]),s._v(" "),a("td",[s._v("triggers when a file is failed to upload")]),s._v(" "),a("td",[s._v("the file object")])]),s._v(" "),a("tr",[a("td",[s._v("file-click")]),s._v(" "),a("td",[s._v("triggers when a file is clicked")]),s._v(" "),a("td",[s._v("the file object")])])])])},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("Parameter")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("start")]),s._v(" "),a("td",[s._v("start uploading")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pause")]),s._v(" "),a("td",[s._v("pause uploading")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("retry")]),s._v(" "),a("td",[s._v("retry uploading")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("removeFile")]),s._v(" "),a("td",[s._v("remove file")]),s._v(" "),a("td",[s._v("the file object")])])])])}]}},YJZO:function(s,t,a){s.exports=a("aeWw")},aeWw:function(s,t,a){var e=a("VU/8")(null,a("S5Uo"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/41.b236c6092c36173cef66.js b/docs/js/41.b236c6092c36173cef66.js new file mode 100644 index 0000000000000000000000000000000000000000..4c9bf9c2a912895e68fd1792b671ba49cf9a4eb6 --- /dev/null +++ b/docs/js/41.b236c6092c36173cef66.js @@ -0,0 +1 @@ +webpackJsonp([41],{bNJT:function(s,t,a){var n=a("VU/8")(null,a("xlMk"),null,null,null);s.exports=n.exports},xlMk: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:"Toolbar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toolbar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toolbar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Toolbar, with actions & more-actions.")]),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:"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:"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)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.9.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("actions")]),s._v(" to define the toolbar actions.")]),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-toolbar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("money")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\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("'clicked '")]),s._v(" + item.text,\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 moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can use handle the action in "),a("code",{pre:!0},[s._v("click")]),s._v(" event handler.")])]),s._v(" "),a("li",[a("p",[s._v("More actions")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("moreActions")]),s._v(" to define more actions.")]),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-toolbar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":more-actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"moreActions"')]),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(">")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" money = "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("moreActions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作a'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作b'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作c'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-right'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\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("'clicked '")]),s._v(" + item.text,\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 moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\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("Demo")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("actions")]),s._v(" "),a("td",[s._v("actions description")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[ {text: '完成订单' } ]")])]),s._v(" "),a("tr",[a("td",[s._v("moreActions")]),s._v(" "),a("td",[s._v("more actions")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[ {text: '完成订单' } ]")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("actions")]),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("type")]),s._v(" "),a("td",[s._v("type, button or checkbox")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("button/checkbox")]),s._v(" "),a("td",[s._v("button")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("text, support html string")]),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("checked")]),s._v(" "),a("td",[s._v("if type is checkbox, then this value will be the Checkbox's model alue")]),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("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("clicked one item")]),s._v(" "),a("td",[s._v("item value")])]),s._v(" "),a("tr",[a("td",[s._v("more-click")]),s._v(" "),a("td",[s._v("clicked more item")]),s._v(" "),a("td",[s._v("whether more actions is visible")])])])])}]}},yyOQ:function(s,t,a){s.exports=a("bNJT")}}); \ No newline at end of file diff --git a/docs/js/42.42687fb3566204d67bb4.js b/docs/js/42.42687fb3566204d67bb4.js deleted file mode 100644 index 522574a7cd80d8d2d3862b621c248c707936c7bb..0000000000000000000000000000000000000000 --- a/docs/js/42.42687fb3566204d67bb4.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([42],{BGpj:function(t,s,a){t.exports=a("IJyB")},IJyB:function(t,s,a){var e=a("VU/8")(null,a("ZAq/"),null,null,null);t.exports=e.exports},"ZAq/":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(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),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(6),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(7)])},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("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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("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")])]),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("tr",[a("td",[t._v("subtitle"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("subtitle")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the text of the cancel button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("confirmTxt"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the text of the confirm button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'确定'")])]),t._v(" "),a("tr",[a("td",[t._v("swipeTime")]),t._v(" "),a("td",[t._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("2500")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(" "),a("td",[t._v("Boolean")]),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("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")])]),t._v(" "),a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/40.b1fbdacd9977ec9997c4.js b/docs/js/42.d372bae9eed83025792e.js similarity index 99% rename from docs/js/40.b1fbdacd9977ec9997c4.js rename to docs/js/42.d372bae9eed83025792e.js index 837d5fdf77afc562e48c9e4815003509073abcba..89311e5049073282072364c0f6a6efc608940849 100644 --- a/docs/js/40.b1fbdacd9977ec9997c4.js +++ b/docs/js/42.d372bae9eed83025792e.js @@ -1 +1 @@ -webpackJsonp([40],{"2Nnc":function(t,s,a){var e=a("VU/8")(null,a("Np57"),null,null,null);t.exports=e.exports},Np57: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:"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"}})])]),t._v(" Toast")]),t._v(" "),t._m(0),t._v(" "),t._m(1),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(2),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(3),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(4),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(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Toast")]),t._v(" component.You can use it to show non-modal tip message without user interaction.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Duration of display")]),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('"showToastTime"')]),t._v(">")]),t._v("Toast - time 1s"),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("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToastTime0"')]),t._v(">")]),t._v("Toast - time 0"),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 showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\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("'Toast time 1s'")]),t._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Toast time 0'")]),t._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(")\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("time")]),t._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},[t._v("hide")]),t._v(" method manually to hide it.")])]),t._v(" "),a("li",[a("p",[t._v("Show mask layer")]),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('"showToastMask"')]),t._v(">")]),t._v("Toast- with mask"),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 showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Loading...'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("mask")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("mask")]),t._v(" to "),a("code",{pre:!0},[t._v("true")]),t._v(" to display mask.")])]),t._v(" "),a("li",[a("p",[t._v("Tip 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('"showToastType"')]),t._v(">")]),t._v("Toast - 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 showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Correct'")]),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 })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("type")]),t._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[t._v("Props configuration")]),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("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("toast type(different types of icons)")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("loading/correct/error/warn")]),t._v(" "),a("td",[t._v("loading")])]),t._v(" "),a("tr",[a("td",[t._v("mask")]),t._v(" "),a("td",[t._v("whether to show mask layer")]),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("txt")]),t._v(" "),a("td",[t._v("tip 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("time")]),t._v(" "),a("td",[t._v("display duration, millisecond")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("3000")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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("tbody",[a("tr",[a("td",[t._v("timeout")]),t._v(" "),a("td",[t._v("triggers when the display time is out")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},jUSb:function(t,s,a){t.exports=a("2Nnc")}}); \ No newline at end of file +webpackJsonp([42],{"2Nnc":function(t,s,a){var e=a("VU/8")(null,a("Np57"),null,null,null);t.exports=e.exports},Np57: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:"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"}})])]),t._v(" Toast")]),t._v(" "),t._m(0),t._v(" "),t._m(1),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(2),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(3),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(4),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(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Toast")]),t._v(" component.You can use it to show non-modal tip message without user interaction.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Duration of display")]),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('"showToastTime"')]),t._v(">")]),t._v("Toast - time 1s"),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("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToastTime0"')]),t._v(">")]),t._v("Toast - time 0"),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 showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\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("'Toast time 1s'")]),t._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Toast time 0'")]),t._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(")\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("time")]),t._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},[t._v("hide")]),t._v(" method manually to hide it.")])]),t._v(" "),a("li",[a("p",[t._v("Show mask layer")]),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('"showToastMask"')]),t._v(">")]),t._v("Toast- with mask"),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 showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Loading...'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("mask")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("mask")]),t._v(" to "),a("code",{pre:!0},[t._v("true")]),t._v(" to display mask.")])]),t._v(" "),a("li",[a("p",[t._v("Tip 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('"showToastType"')]),t._v(">")]),t._v("Toast - 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 showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Correct'")]),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 })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("type")]),t._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[t._v("Props configuration")]),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("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("toast type(different types of icons)")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("loading/correct/error/warn")]),t._v(" "),a("td",[t._v("loading")])]),t._v(" "),a("tr",[a("td",[t._v("mask")]),t._v(" "),a("td",[t._v("whether to show mask layer")]),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("txt")]),t._v(" "),a("td",[t._v("tip 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("time")]),t._v(" "),a("td",[t._v("display duration, millisecond")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("3000")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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("tbody",[a("tr",[a("td",[t._v("timeout")]),t._v(" "),a("td",[t._v("triggers when the display time is out")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},jUSb:function(t,s,a){t.exports=a("2Nnc")}}); \ No newline at end of file diff --git a/docs/js/41.9e58a45205e4be1f8924.js b/docs/js/43.468a7bc1286665c09a78.js similarity index 99% rename from docs/js/41.9e58a45205e4be1f8924.js rename to docs/js/43.468a7bc1286665c09a78.js index 196ab3623c82eb0323c35a6f103b948ceb56ef96..9de39364600ad51d77e7e8a1a754cd1141edc664 100644 --- a/docs/js/41.9e58a45205e4be1f8924.js +++ b/docs/js/43.468a7bc1286665c09a78.js @@ -1 +1 @@ -webpackJsonp([41],{"3Nl1":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")])])])])}]}},"R/8E":function(s,t,a){var e=a("VU/8")(null,a("3Nl1"),null,null,null);s.exports=e.exports},"X+F9":function(s,t,a){s.exports=a("R/8E")}}); \ No newline at end of file +webpackJsonp([43],{"3Nl1":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")])])])])}]}},"R/8E":function(s,t,a){var e=a("VU/8")(null,a("3Nl1"),null,null,null);s.exports=e.exports},"X+F9":function(s,t,a){s.exports=a("R/8E")}}); \ No newline at end of file diff --git a/docs/js/44.2e6a581113ac30b3caa1.js b/docs/js/44.2e6a581113ac30b3caa1.js new file mode 100644 index 0000000000000000000000000000000000000000..fdc712bdef7ebc3686fa5b5a91ca5f54698c43a1 --- /dev/null +++ b/docs/js/44.2e6a581113ac30b3caa1.js @@ -0,0 +1 @@ +webpackJsonp([44],{BGpj:function(t,s,a){t.exports=a("IJyB")},IJyB:function(t,s,a){var e=a("VU/8")(null,a("ZAq/"),null,null,null);t.exports=e.exports},"ZAq/":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(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),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),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(9)])},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("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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("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 now; configure the text of option now"),a("sup",[t._v("1.9.0")])]),t._v(" "),a("td",[t._v("Boolean, Object"),a("sup",[t._v("1.9.0")])]),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")])]),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("tr",[a("td",[t._v("subtitle"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("subtitle")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the text of the cancel button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("confirmTxt"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the text of the confirm button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'确定'")])]),t._v(" "),a("tr",[a("td",[t._v("swipeTime")]),t._v(" "),a("td",[t._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("2500")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(" "),a("td",[t._v("Boolean")]),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("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("ul",[a("li",[a("code",{pre:!0},[t._v("showNow")]),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("text"),a("sup",[t._v("1.9.0")])]),t._v(" "),a("td",[t._v("the text of option now")]),t._v(" "),a("td",[t._v("String")]),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("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")])]),t._v(" "),a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/43.68f683a4f1bed2e4424e.js b/docs/js/45.afd6c1b76e1703749f84.js similarity index 99% rename from docs/js/43.68f683a4f1bed2e4424e.js rename to docs/js/45.afd6c1b76e1703749f84.js index 63606bfa44f558b4451e12c0cc0d72e982ab7e00..b338de87288c289b0b8d9a7ad0d92ee0576de8d7 100644 --- a/docs/js/43.68f683a4f1bed2e4424e.js +++ b/docs/js/45.afd6c1b76e1703749f84.js @@ -1 +1 @@ -webpackJsonp([43],{f3Lu: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("// bubble")]),s._v("\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("-"),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-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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-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("-hollow-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-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-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("-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("// radio")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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("$radio")]),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-comment"}},[s._v("/// selected")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-selected-"),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("$radio")]),s._v("-hollow-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\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("// loading")]),s._v("\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("//scroll")]),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("// time-picker")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// upload")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("$upload")]),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("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("box-shadow")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("6px")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("2px")]),s._v(" "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e5e5e5")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", ."),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-state-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-variable"}},[s._v("$upload")]),s._v("-file-success-"),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("$upload")]),s._v("-file-error-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f43530")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-status-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-progress-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// switch")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-on-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e4e4e4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// input")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),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("$input")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-placeholder-"),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("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v("-icon-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//textarea")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("$textarea")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-placeholder-"),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("$textarea")]),s._v("-indicator-"),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("// validator")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$validator")]),s._v("-msg-def-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// select")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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("$select")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#b8b8b8")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v("-active-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-placeholder-"),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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// swipe")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$swipe")]),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("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),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("$form")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-invalid-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-"),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("$form")]),s._v("-group-legend-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-label-required-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// drawer")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-"),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("$drawer")]),s._v("-title-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-panel-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-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")])])},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")])])}]}},qVBK:function(s,a,t){s.exports=t("rKy5")},rKy5:function(s,a,t){var l=t("VU/8")(null,t("f3Lu"),null,null,null);s.exports=l.exports}}); \ No newline at end of file +webpackJsonp([45],{f3Lu: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("// bubble")]),s._v("\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("-"),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-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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-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("-hollow-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-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-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("-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("// radio")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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("$radio")]),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-comment"}},[s._v("/// selected")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-selected-"),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("$radio")]),s._v("-hollow-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\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("// loading")]),s._v("\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("//scroll")]),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("// time-picker")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// upload")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("$upload")]),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("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("box-shadow")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("6px")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("2px")]),s._v(" "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e5e5e5")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", ."),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-state-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-variable"}},[s._v("$upload")]),s._v("-file-success-"),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("$upload")]),s._v("-file-error-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f43530")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-status-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-progress-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// switch")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-on-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e4e4e4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// input")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),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("$input")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-placeholder-"),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("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v("-icon-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//textarea")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("$textarea")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-placeholder-"),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("$textarea")]),s._v("-indicator-"),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("// validator")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$validator")]),s._v("-msg-def-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// select")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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("$select")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#b8b8b8")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v("-active-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-placeholder-"),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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// swipe")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$swipe")]),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("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),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("$form")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-invalid-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-"),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("$form")]),s._v("-group-legend-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-label-required-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// drawer")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-"),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("$drawer")]),s._v("-title-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-panel-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-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")])])},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")])])}]}},qVBK:function(s,a,t){s.exports=t("rKy5")},rKy5:function(s,a,t){var l=t("VU/8")(null,t("f3Lu"),null,null,null);s.exports=l.exports}}); \ No newline at end of file diff --git a/docs/js/44.4fd5629c696a793fbfb1.js b/docs/js/46.fdec4d07bcdddf37dfea.js similarity index 98% rename from docs/js/44.4fd5629c696a793fbfb1.js rename to docs/js/46.fdec4d07bcdddf37dfea.js index e07757262c7efa265782411a4ca33ccc73aae082..520f480f93f69db290b72a3e64c8eccd14996ddd 100644 --- a/docs/js/44.4fd5629c696a793fbfb1.js +++ b/docs/js/46.fdec4d07bcdddf37dfea.js @@ -1 +1 @@ -webpackJsonp([44],{"2f7N":function(t,a,s){var e=s("VU/8")(null,s("HwEt"),null,null,null);t.exports=e.exports},"9woc":function(t,a,s){t.exports=s("2f7N")},HwEt: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:"Textarea"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Textarea-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(" Textarea")]),t._v(" "),t._m(0),t._v(" "),t._m(1),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(2),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(3),t._v(" "),s("h3",{attrs:{id:"Event"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Event-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(" Event")]),t._v(" "),t._m(4)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("blockquote",[s("p",[t._v("New in 1.5.0+")])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("p",[t._v("Multi-line input box components. You can use the "),s("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings. The component expands or fold according to whether there is content, whether it is focused.")])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("Basic usage")]),t._v(" "),s("p",[t._v("You can use the "),s("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings.")]),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-textarea")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),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-javascript"}},[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("value")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),s("li",[s("p",[t._v("Multiple configurations")]),t._v(" "),s("p",[t._v("Support the native attributes of the textarea element.")]),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-textarea")]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n>")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'please type here'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),s("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\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("Accepted Values")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("v-model")]),t._v(" "),s("td",[t._v("bound value")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("empty")])]),t._v(" "),s("tr",[s("td",[t._v("disabled")]),t._v(" "),s("td",[t._v("disabled status")]),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("readonly")]),t._v(" "),s("td",[t._v("readonly status")]),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("maxlength")]),t._v(" "),s("td",[t._v("maxlength of input")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("60")])]),t._v(" "),s("tr",[s("td",[t._v("placeholder")]),t._v(" "),s("td",[t._v("placeholder of input")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("empty")])]),t._v(" "),s("tr",[s("td",[t._v("autofocus")]),t._v(" "),s("td",[t._v("autofocus status")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;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("focus")]),t._v(" "),s("td",[t._v("This event is triggered after the textarea box is focused. If Textarea is disabled, it will not be triggered")]),t._v(" "),s("td",[t._v("e - event")])]),t._v(" "),s("tr",[s("td",[t._v("blur")]),t._v(" "),s("td",[t._v("This event is triggered after the textarea box blur")]),t._v(" "),s("td",[t._v("e - event")])])])])}]}}}); \ No newline at end of file +webpackJsonp([46],{"2f7N":function(t,a,s){var e=s("VU/8")(null,s("HwEt"),null,null,null);t.exports=e.exports},"9woc":function(t,a,s){t.exports=s("2f7N")},HwEt: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:"Textarea"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Textarea-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(" Textarea")]),t._v(" "),t._m(0),t._v(" "),t._m(1),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(2),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(3),t._v(" "),s("h3",{attrs:{id:"Event"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Event-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(" Event")]),t._v(" "),t._m(4)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("blockquote",[s("p",[t._v("New in 1.5.0+")])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("p",[t._v("Multi-line input box components. You can use the "),s("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings. The component expands or fold according to whether there is content, whether it is focused.")])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("Basic usage")]),t._v(" "),s("p",[t._v("You can use the "),s("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings.")]),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-textarea")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),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-javascript"}},[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("value")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),s("li",[s("p",[t._v("Multiple configurations")]),t._v(" "),s("p",[t._v("Support the native attributes of the textarea element.")]),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-textarea")]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n>")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'please type here'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),s("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\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("Accepted Values")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("v-model")]),t._v(" "),s("td",[t._v("bound value")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("empty")])]),t._v(" "),s("tr",[s("td",[t._v("disabled")]),t._v(" "),s("td",[t._v("disabled status")]),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("readonly")]),t._v(" "),s("td",[t._v("readonly status")]),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("maxlength")]),t._v(" "),s("td",[t._v("maxlength of input")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("60")])]),t._v(" "),s("tr",[s("td",[t._v("placeholder")]),t._v(" "),s("td",[t._v("placeholder of input")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("empty")])]),t._v(" "),s("tr",[s("td",[t._v("autofocus")]),t._v(" "),s("td",[t._v("autofocus status")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;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("focus")]),t._v(" "),s("td",[t._v("This event is triggered after the textarea box is focused. If Textarea is disabled, it will not be triggered")]),t._v(" "),s("td",[t._v("e - event")])]),t._v(" "),s("tr",[s("td",[t._v("blur")]),t._v(" "),s("td",[t._v("This event is triggered after the textarea box blur")]),t._v(" "),s("td",[t._v("e - event")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/45.6212df17192e02891916.js b/docs/js/47.3d67b1d0feae49de9372.js similarity index 97% rename from docs/js/45.6212df17192e02891916.js rename to docs/js/47.3d67b1d0feae49de9372.js index ee29a43f1fb173f00cf79e0e26dac4eb0049bc1e..24cd46d709bf304cbf7727eb5ac704750e698d26 100644 --- a/docs/js/45.6212df17192e02891916.js +++ b/docs/js/47.3d67b1d0feae49de9372.js @@ -1 +1 @@ -webpackJsonp([45],{"1RKI":function(t,s,a){var e=a("VU/8")(null,a("Ejpb"),null,null,null);t.exports=e.exports},"2nyi":function(t,s,a){t.exports=a("1RKI")},Ejpb: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:"Switch"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Switch-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Switch")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("Switch usually used to switch the state of on/off.")]),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)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.4.0+")])])},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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),t._v("\n Switch\n"),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("value: true")]),t._v(" correspond to the state of on, "),a("code",{pre:!0},[t._v("value: false")]),t._v(" correspond to the state of off.")])]),t._v(" "),a("li",[a("p",[t._v("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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),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 Disbled Switch\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("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("v-model")]),t._v(" "),a("td",[t._v("the state of on/off, two-way data binding")]),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 disabled")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])}]}}}); \ No newline at end of file +webpackJsonp([47],{"1RKI":function(t,s,a){var e=a("VU/8")(null,a("Ejpb"),null,null,null);t.exports=e.exports},"2nyi":function(t,s,a){t.exports=a("1RKI")},Ejpb: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:"Switch"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Switch-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Switch")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("Switch usually used to switch the state of on/off.")]),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)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.4.0+")])])},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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),t._v("\n Switch\n"),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("value: true")]),t._v(" correspond to the state of on, "),a("code",{pre:!0},[t._v("value: false")]),t._v(" correspond to the state of off.")])]),t._v(" "),a("li",[a("p",[t._v("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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),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 Disbled Switch\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("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("v-model")]),t._v(" "),a("td",[t._v("the state of on/off, two-way data binding")]),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 disabled")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/46.76c78609e4d90e3afb4a.js b/docs/js/48.a0694393bb24a2c255e2.js similarity index 99% rename from docs/js/46.76c78609e4d90e3afb4a.js rename to docs/js/48.a0694393bb24a2c255e2.js index 046c3101241d4ee3c7cb680dc3a55005eebf8ee0..5050728a6521ce07dbf3ea0c38010f7e5b510087 100644 --- a/docs/js/46.76c78609e4d90e3afb4a.js +++ b/docs/js/48.a0694393bb24a2c255e2.js @@ -1 +1 @@ -webpackJsonp([46],{FRSy:function(s,t,a){s.exports=a("pYiz")},H4PD: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:"Swipe"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Swipe-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Swipe")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("The Swipe component, which provides a WeChat list left slip function, makes it easy to do some functional operations on the list items.")]),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(" "),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(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),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(16),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19),s._v(" "),s._m(20),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(21),s._v(" "),s._m(22)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.5.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/swipe"}},[s._v("here")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Basic Usage")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The common scenario of "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component is to match "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" components. It can not only scroll vertically, but also slide out some buttons to do list items. Of course, "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" components can also be used separately.")])},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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@item-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeData"')]),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")])])},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("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("swipeData")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("2")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("3")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n }\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If the "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component uses a default slot, you need to pass the data structure shown in the example.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Custom slots")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In fact, our more common requirement is the need for a display of the content of a custom list, so the "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component also supports the use of slots, as follows:")])},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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@active")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemActive"')]),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('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),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('"icon"')]),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("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),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('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),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("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),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 "),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")])])},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("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("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感:歌词再狠,也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦:热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n created() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n },\n onItemActive(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex !== "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" activeItem = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex]\n activeItem.shrink()\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = index\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The default slot can be used with the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" component to realize the loop of the list. A custom slot is very flexible, but it also need to manually write some logic, for example if you want to customize the list when deleted animation, need to use "),a("code",{pre:!0},[s._v("transition-group")]),s._v(" to manage each need to manually activate the "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" contraction, as shown in the example code.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),s._v(" 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("data")]),s._v(" "),a("td",[s._v("For "),a("code",{pre:!0},[s._v("swipe")]),s._v(" list rendered data, when you need to use the built-in default slot, this parameter will be passed. Every item in the array is an Object type, including "),a("code",{pre:!0},[s._v("item")]),s._v(" and "),a("code",{pre:!0},[s._v("btns")]),s._v(". These two parameters are described in "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(". If a custom slot is used, this value may not be passed.")]),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("autoShrink")]),s._v(" "),a("td",[s._v("Decide whether to automatically shrink the slider when the button is clicked, If you use a custom slot, you can pass this value directly to the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(".")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe-item")]),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("item")]),s._v(" "),a("td",[s._v("Data for "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" list item rendering, when you need to use the built-in default slot, this parameter must be transmitted, and there are 2 fields, "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", representing the value of the data item and the displayed copy respectively, but if you use custom slot, you can not pass this value.")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("btns")]),s._v(" "),a("td",[s._v("For "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" list item rendering button array, each item of the array is a Object type. It contains at least 2 fields, "),a("code",{pre:!0},[s._v("text")]),s._v(" and "),a("code",{pre:!0},[s._v("color")]),s._v(", which represent the copy and color of the button respectively.")]),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("index")]),s._v(" "),a("td",[s._v("The index value of the current "),a("code",{pre:!0},[s._v("swpie-item")]),s._v(" in the entire list, must be passed.")]),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("autoShrink")]),s._v(" "),a("td",[s._v("Decide whether to automatically shrink the slider when the button is clicked.")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe")]),s._v(" event")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("When you use a custom slot, you can listen directly to the events on the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),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("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("Triggered when the list item is clicked")]),s._v(" "),a("td",[s._v("Clicked list item")]),s._v(" "),a("td",[s._v("The Index of the clicked list item in the list")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("Triggered when the button is clicked")]),s._v(" "),a("td",[s._v("Clicked button")]),s._v(" "),a("td",[s._v("The index of the clicked button in the list")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" event")])])},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("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("Triggered when the list item is clicked")]),s._v(" "),a("td",[s._v("Clicked list item")]),s._v(" "),a("td",[s._v("The Index of the clicked list item")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("Triggered when the button is clicked")]),s._v(" "),a("td",[s._v("Clicked button")]),s._v(" "),a("td",[s._v("The index of the clicked button in the list")])]),s._v(" "),a("tr",[a("td",[s._v("active")]),s._v(" "),a("td",[s._v("Triggered when you start sliding one of the list item")]),s._v(" "),a("td",[s._v("The index of the activation item in the list")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" instance methods")])])},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("shrink")]),s._v(" "),a("td",[s._v("Shrink the swipe item")])])])])}]}},pYiz:function(s,t,a){var n=a("VU/8")(null,a("H4PD"),null,null,null);s.exports=n.exports}}); \ No newline at end of file +webpackJsonp([48],{FRSy:function(s,t,a){s.exports=a("pYiz")},H4PD: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:"Swipe"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Swipe-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Swipe")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("The Swipe component, which provides a WeChat list left slip function, makes it easy to do some functional operations on the list items.")]),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(" "),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(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),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(16),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19),s._v(" "),s._m(20),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(21),s._v(" "),s._m(22)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.5.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/swipe"}},[s._v("here")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Basic Usage")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The common scenario of "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component is to match "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" components. It can not only scroll vertically, but also slide out some buttons to do list items. Of course, "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" components can also be used separately.")])},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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@item-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeData"')]),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")])])},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("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("swipeData")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("2")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),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-number"}},[s._v("3")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n }\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If the "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component uses a default slot, you need to pass the data structure shown in the example.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Custom slots")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In fact, our more common requirement is the need for a display of the content of a custom list, so the "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component also supports the use of slots, as follows:")])},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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-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(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@active")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemActive"')]),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('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),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('"icon"')]),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("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),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('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),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("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),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 "),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")])])},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("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("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感:歌词再狠,也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦:热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n created() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\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 {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),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(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n },\n onItemActive(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex !== "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" activeItem = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex]\n activeItem.shrink()\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = index\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The default slot can be used with the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" component to realize the loop of the list. A custom slot is very flexible, but it also need to manually write some logic, for example if you want to customize the list when deleted animation, need to use "),a("code",{pre:!0},[s._v("transition-group")]),s._v(" to manage each need to manually activate the "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" contraction, as shown in the example code.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),s._v(" 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("data")]),s._v(" "),a("td",[s._v("For "),a("code",{pre:!0},[s._v("swipe")]),s._v(" list rendered data, when you need to use the built-in default slot, this parameter will be passed. Every item in the array is an Object type, including "),a("code",{pre:!0},[s._v("item")]),s._v(" and "),a("code",{pre:!0},[s._v("btns")]),s._v(". These two parameters are described in "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(". If a custom slot is used, this value may not be passed.")]),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("autoShrink")]),s._v(" "),a("td",[s._v("Decide whether to automatically shrink the slider when the button is clicked, If you use a custom slot, you can pass this value directly to the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(".")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe-item")]),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("item")]),s._v(" "),a("td",[s._v("Data for "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" list item rendering, when you need to use the built-in default slot, this parameter must be transmitted, and there are 2 fields, "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", representing the value of the data item and the displayed copy respectively, but if you use custom slot, you can not pass this value.")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("btns")]),s._v(" "),a("td",[s._v("For "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" list item rendering button array, each item of the array is a Object type. It contains at least 2 fields, "),a("code",{pre:!0},[s._v("text")]),s._v(" and "),a("code",{pre:!0},[s._v("color")]),s._v(", which represent the copy and color of the button respectively.")]),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("index")]),s._v(" "),a("td",[s._v("The index value of the current "),a("code",{pre:!0},[s._v("swpie-item")]),s._v(" in the entire list, must be passed.")]),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("autoShrink")]),s._v(" "),a("td",[s._v("Decide whether to automatically shrink the slider when the button is clicked.")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),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("cube-swipe")]),s._v(" event")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("When you use a custom slot, you can listen directly to the events on the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),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("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("Triggered when the list item is clicked")]),s._v(" "),a("td",[s._v("Clicked list item")]),s._v(" "),a("td",[s._v("The Index of the clicked list item in the list")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("Triggered when the button is clicked")]),s._v(" "),a("td",[s._v("Clicked button")]),s._v(" "),a("td",[s._v("The index of the clicked button in the list")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" event")])])},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("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("Triggered when the list item is clicked")]),s._v(" "),a("td",[s._v("Clicked list item")]),s._v(" "),a("td",[s._v("The Index of the clicked list item")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("Triggered when the button is clicked")]),s._v(" "),a("td",[s._v("Clicked button")]),s._v(" "),a("td",[s._v("The index of the clicked button in the list")])]),s._v(" "),a("tr",[a("td",[s._v("active")]),s._v(" "),a("td",[s._v("Triggered when you start sliding one of the list item")]),s._v(" "),a("td",[s._v("The index of the activation item in the list")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" instance methods")])])},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("shrink")]),s._v(" "),a("td",[s._v("Shrink the swipe item")])])])])}]}},pYiz:function(s,t,a){var n=a("VU/8")(null,a("H4PD"),null,null,null);s.exports=n.exports}}); \ No newline at end of file diff --git a/docs/js/47.9e63747c33f6f32c444c.js b/docs/js/49.247bf2f2e7fa2c748638.js similarity index 99% rename from docs/js/47.9e63747c33f6f32c444c.js rename to docs/js/49.247bf2f2e7fa2c748638.js index 94e5ace74a6cd32654669965ec39f73637c2b343..03a53633846cfb7bef856f62919c76e6a37e5650 100644 --- a/docs/js/47.9e63747c33f6f32c444c.js +++ b/docs/js/49.247bf2f2e7fa2c748638.js @@ -1 +1 @@ -webpackJsonp([47],{jpwl:function(s,t,a){s.exports=a("tu/G")},"tu/G":function(s,t,a){var l=a("VU/8")(null,a("xX8y"),null,null,null);s.exports=l.exports},xX8y: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([49],{jpwl:function(s,t,a){s.exports=a("tu/G")},"tu/G":function(s,t,a){var l=a("VU/8")(null,a("xX8y"),null,null,null);s.exports=l.exports},xX8y: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/4.f3264143745e966ae3c8.js b/docs/js/5.90726484783fdac07e12.js similarity index 99% rename from docs/js/4.f3264143745e966ae3c8.js rename to docs/js/5.90726484783fdac07e12.js index 8517f69c6ff39d574b6e3705a7cc82d788cb6537..d5ab32bc4c5eb6176f6a9632d5b5e13fc31f3c3a 100644 --- a/docs/js/4.f3264143745e966ae3c8.js +++ b/docs/js/5.90726484783fdac07e12.js @@ -1 +1 @@ -webpackJsonp([4],{"4Jzk":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:"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"}})])]),t._v(" Toast")]),t._v(" "),t._m(0),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),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(3),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(4),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(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Toast")]),t._v("组件主要用于非模态信息提醒,无需用户交互。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注:")]),t._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),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("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('"showToastTime"')]),t._v(">")]),t._v("Toast - time 1s"),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("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToastTime0"')]),t._v(">")]),t._v("Toast - time 0"),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 showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\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("'Toast time 1s'")]),t._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Toast time 0'")]),t._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(")\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("time")]),t._v(" 字段决定了 Toast 显示的时间,如果设置为 "),a("code",{pre:!0},[t._v("0")]),t._v(",则不会消失,需要手动调用组件的 "),a("code",{pre:!0},[t._v("hide")]),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('"showToastMask"')]),t._v(">")]),t._v("Toast- with mask"),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 showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Loading...'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("mask")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("mask")]),t._v(" 设置为 "),a("code",{pre:!0},[t._v("true")]),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('"showToastType"')]),t._v(">")]),t._v("Toast - 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 showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Correct'")]),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 })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" 字段决定了 Toast 的显示图标类型,具体对应关系,参见下方的 Props 配置。")])])])},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("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态,是否可见。"),a("code",{pre:!0},[t._v("v-model")]),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("type")]),t._v(" "),a("td",[t._v("类型(对应不同的 icon)")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("loading/correct/error/warn")]),t._v(" "),a("td",[t._v("loading")])]),t._v(" "),a("tr",[a("td",[t._v("mask")]),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("txt")]),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("time")]),t._v(" "),a("td",[t._v("显示时间")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("3000")])])])])},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("tbody",[a("tr",[a("td",[t._v("timeout")]),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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},Wmdn:function(t,s,a){t.exports=a("b4Iz")},b4Iz:function(t,s,a){var v=a("VU/8")(null,a("4Jzk"),null,null,null);t.exports=v.exports}}); \ No newline at end of file +webpackJsonp([5],{"4Jzk":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:"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"}})])]),t._v(" Toast")]),t._v(" "),t._m(0),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),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(3),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(4),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(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Toast")]),t._v("组件主要用于非模态信息提醒,无需用户交互。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注:")]),t._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),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("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('"showToastTime"')]),t._v(">")]),t._v("Toast - time 1s"),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("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToastTime0"')]),t._v(">")]),t._v("Toast - time 0"),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 showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\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("'Toast time 1s'")]),t._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Toast time 0'")]),t._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(")\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("time")]),t._v(" 字段决定了 Toast 显示的时间,如果设置为 "),a("code",{pre:!0},[t._v("0")]),t._v(",则不会消失,需要手动调用组件的 "),a("code",{pre:!0},[t._v("hide")]),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('"showToastMask"')]),t._v(">")]),t._v("Toast- with mask"),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 showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Loading...'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("mask")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("mask")]),t._v(" 设置为 "),a("code",{pre:!0},[t._v("true")]),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('"showToastType"')]),t._v(">")]),t._v("Toast - 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 showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" toast = "),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("'Correct'")]),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 })\n toast.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" 字段决定了 Toast 的显示图标类型,具体对应关系,参见下方的 Props 配置。")])])])},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("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态,是否可见。"),a("code",{pre:!0},[t._v("v-model")]),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("type")]),t._v(" "),a("td",[t._v("类型(对应不同的 icon)")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("loading/correct/error/warn")]),t._v(" "),a("td",[t._v("loading")])]),t._v(" "),a("tr",[a("td",[t._v("mask")]),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("txt")]),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("time")]),t._v(" "),a("td",[t._v("显示时间")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("3000")])])])])},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("tbody",[a("tr",[a("td",[t._v("timeout")]),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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},Wmdn:function(t,s,a){t.exports=a("b4Iz")},b4Iz:function(t,s,a){var v=a("VU/8")(null,a("4Jzk"),null,null,null);t.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/48.12adafa05a41e96b36b3.js b/docs/js/50.90ed80ee1b81c68e9a11.js similarity index 83% rename from docs/js/48.12adafa05a41e96b36b3.js rename to docs/js/50.90ed80ee1b81c68e9a11.js index b6e9c12b652e7fea92363921d439bbf552363ef4..72cc72668c02cb5f520ef7882028d892751a2f5d 100644 --- a/docs/js/48.12adafa05a41e96b36b3.js +++ b/docs/js/50.90ed80ee1b81c68e9a11.js @@ -1 +1 @@ -webpackJsonp([48],{"2TZu":function(s,t,a){var e=a("VU/8")(null,a("fsZL"),null,null,null);s.exports=e.exports},fsZL: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 clickHandler(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")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("slide direction")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("showDots")]),s._v(" "),a("td",[s._v("whether to show the indicator dots")]),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("stopPropagation")]),s._v(" "),a("td",[s._v("whether to stop propagation, which could use to solve the problem of event propagation when nest same direction slide")]),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")])])])])}]}},"qc/E":function(s,t,a){s.exports=a("2TZu")}}); \ No newline at end of file +webpackJsonp([50],{"2TZu":function(s,t,a){var e=a("VU/8")(null,a("fsZL"),null,null,null);s.exports=e.exports},fsZL: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 clickHandler(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("showDots")]),s._v(" "),a("td",[s._v("whether to show the indicator dots")]),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("direction")]),s._v(" "),a("td",[s._v("slide direction")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("options"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS Document")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" momentum: false,"),a("br"),s._v(" click: true,"),a("br"),s._v(" observeDOM: false"),a("br"),s._v("}")])]),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. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("options")]),s._v(" instead.")]),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("stopPropagation")]),s._v(" "),a("td",[s._v("whether to stop propagation, which could use to solve the problem of event propagation when nest same direction slide. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("options")]),s._v(" instead.")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("triggers when scroll end.")]),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")])])])])}]}},"qc/E":function(s,t,a){s.exports=a("2TZu")}}); \ No newline at end of file diff --git a/docs/js/49.1a5a2f8e6854d037b049.js b/docs/js/51.a8350fc272185393c5dd.js similarity index 98% rename from docs/js/49.1a5a2f8e6854d037b049.js rename to docs/js/51.a8350fc272185393c5dd.js index 608240be68decca6f97e867b952db83065db17c9..fc3b57928388cf73b6681909e224c1b58f0f0317 100644 --- a/docs/js/49.1a5a2f8e6854d037b049.js +++ b/docs/js/51.a8350fc272185393c5dd.js @@ -1 +1 @@ -webpackJsonp([49],{"46l0":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.")])}]}},"7KpM":function(e,t,n){var a=n("VU/8")(null,n("46l0"),null,null,null);e.exports=a.exports},AoaZ:function(e,t,n){e.exports=n("7KpM")}}); \ No newline at end of file +webpackJsonp([51],{"46l0":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.")])}]}},"7KpM":function(e,t,n){var a=n("VU/8")(null,n("46l0"),null,null,null);e.exports=a.exports},AoaZ:function(e,t,n){e.exports=n("7KpM")}}); \ No newline at end of file diff --git a/docs/js/50.9b9d3f1a74ff08a2f30e.js b/docs/js/52.368463212829910a5015.js similarity index 99% rename from docs/js/50.9b9d3f1a74ff08a2f30e.js rename to docs/js/52.368463212829910a5015.js index 8819e50e69df6782b8d0885bf40d1ba9c18e64af..66dc81c1d0e6a3e56d48a92af82248a1e4377b3d 100644 --- a/docs/js/50.9b9d3f1a74ff08a2f30e.js +++ b/docs/js/52.368463212829910a5015.js @@ -1 +1 @@ -webpackJsonp([50],{"3sTa":function(t,s,e){var a=e("VU/8")(null,e("wpdz"),null,null,null);t.exports=a.exports},CSGf:function(t,s,e){t.exports=e("3sTa")},wpdz:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",[e("h2",{attrs:{id:"Select"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Select-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"}})])]),t._v(" Select")]),t._v(" "),t._m(0),t._v(" "),e("p",[t._v("Select component.")]),t._v(" "),t._m(1),t._v(" "),e("h3",{attrs:{id:"Example"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Example-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"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),e("h3",{attrs:{id:"Props"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Props-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"}})])]),t._v(" Props")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),e("p",[t._v("If an option is not an object, such as 2014,we will transform it to { value: 2014, text: 2014 }.")]),t._v(" "),e("h3",{attrs:{id:"Events"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Events-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"}})])]),t._v(" Events")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("blockquote",[e("p",[t._v("New in 1.5.0+")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("p",[e("strong",[t._v("Notice:")]),t._v(" Cause this component depend on Picker component, and Picker used create-api, so you should read "),e("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("p",[t._v("Basic usage")]),t._v(" "),e("p",[t._v("Basically, you need to use "),e("code",{pre:!0},[t._v("options")]),t._v(" to define each option and the selected value will bind on "),e("code",{pre:!0},[t._v("v-model")]),t._v(".")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v(">")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),e("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),e("li",[e("p",[t._v("Configs and Events")]),t._v(" "),e("p",[t._v("Select supports the configs of picker title, placeholder, whether auto pop, disabled. And if the selected value is changed when selected, it will emit the event "),e("code",{pre:!0},[t._v("change")]),t._v(".")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":title")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"title"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-pop")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"autoPop"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"Cancel"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("confirmTxt")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"Confirm"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"change"')]),t._v(">")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),e("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Entry time'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Please choose entry time'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("autoPop")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n change(value, index, text) {\n "),e("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log("),e("span",{attrs:{class:"hljs-string"}},[t._v("'change'")]),t._v(", value, index, text)\n }\n }\n}\n")])]),t._v(" "),e("p",[t._v("There is one thing you may need notice. the "),e("code",{pre:!0},[t._v("change")]),t._v(" event won't change when you directly set the value of "),e("code",{pre:!0},[t._v("v-model")]),t._v(", it only emit when the change is caused by select. If you want to listen the change of "),e("code",{pre:!0},[t._v("v-model")]),t._v(", just watch it.")])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("options")]),t._v(" "),e("td",[t._v("options")]),t._v(" "),e("td",[t._v("Array")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("[]")])]),t._v(" "),e("tr",[e("td",[t._v("v-model")]),t._v(" "),e("td",[t._v("the selected value")]),t._v(" "),e("td",[t._v("Any")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("placeholder")]),t._v(" "),e("td",[t._v("placeholder")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'请选择'")])]),t._v(" "),e("tr",[e("td",[t._v("auto-pop")]),t._v(" "),e("td",[t._v("whether auto pop picker")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("disabled")]),t._v(" "),e("td",[t._v("whether disabled")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("title")]),t._v(" "),e("td",[t._v("the title of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'请选择'")])]),t._v(" "),e("tr",[e("td",[t._v("cancelTxt")]),t._v(" "),e("td",[t._v("the cancel text of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'取消'")])]),t._v(" "),e("tr",[e("td",[t._v("confirmTxt")]),t._v(" "),e("td",[t._v("the confirm text of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'确认'")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("code",{pre:!0},[t._v("options")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Example")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("value")]),t._v(" "),e("td",[t._v("value of the option")]),t._v(" "),e("td",[t._v("Any")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("text")]),t._v(" "),e("td",[t._v("text of the option")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Event Name")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Parameters 1")]),t._v(" "),e("th",[t._v("Parameters 2")]),t._v(" "),e("th",[t._v("Parameters 3")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("change")]),t._v(" "),e("td",[t._v("when the selected value changed by select")]),t._v(" "),e("td",[t._v("the selected value")]),t._v(" "),e("td",[t._v("the selected index")]),t._v(" "),e("td",[t._v("the selected text")])]),t._v(" "),e("tr",[e("td",[t._v("picker-show")]),t._v(" "),e("td",[t._v("when Picker show")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("picker-hide")]),t._v(" "),e("td",[t._v("when Picker hide")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])])])])}]}}}); \ No newline at end of file +webpackJsonp([52],{"3sTa":function(t,s,e){var a=e("VU/8")(null,e("wpdz"),null,null,null);t.exports=a.exports},CSGf:function(t,s,e){t.exports=e("3sTa")},wpdz:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",[e("h2",{attrs:{id:"Select"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Select-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"}})])]),t._v(" Select")]),t._v(" "),t._m(0),t._v(" "),e("p",[t._v("Select component.")]),t._v(" "),t._m(1),t._v(" "),e("h3",{attrs:{id:"Example"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Example-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"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),e("h3",{attrs:{id:"Props"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Props-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"}})])]),t._v(" Props")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),e("p",[t._v("If an option is not an object, such as 2014,we will transform it to { value: 2014, text: 2014 }.")]),t._v(" "),e("h3",{attrs:{id:"Events"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Events-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"}})])]),t._v(" Events")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("blockquote",[e("p",[t._v("New in 1.5.0+")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("p",[e("strong",[t._v("Notice:")]),t._v(" Cause this component depend on Picker component, and Picker used create-api, so you should read "),e("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("p",[t._v("Basic usage")]),t._v(" "),e("p",[t._v("Basically, you need to use "),e("code",{pre:!0},[t._v("options")]),t._v(" to define each option and the selected value will bind on "),e("code",{pre:!0},[t._v("v-model")]),t._v(".")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v(">")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),e("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),e("li",[e("p",[t._v("Configs and Events")]),t._v(" "),e("p",[t._v("Select supports the configs of picker title, placeholder, whether auto pop, disabled. And if the selected value is changed when selected, it will emit the event "),e("code",{pre:!0},[t._v("change")]),t._v(".")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":title")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"title"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-pop")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"autoPop"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"Cancel"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("confirmTxt")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"Confirm"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"change"')]),t._v(">")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),e("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Entry time'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Please choose entry time'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("autoPop")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n change(value, index, text) {\n "),e("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log("),e("span",{attrs:{class:"hljs-string"}},[t._v("'change'")]),t._v(", value, index, text)\n }\n }\n}\n")])]),t._v(" "),e("p",[t._v("There is one thing you may need notice. the "),e("code",{pre:!0},[t._v("change")]),t._v(" event won't change when you directly set the value of "),e("code",{pre:!0},[t._v("v-model")]),t._v(", it only emit when the change is caused by select. If you want to listen the change of "),e("code",{pre:!0},[t._v("v-model")]),t._v(", just watch it.")])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("options")]),t._v(" "),e("td",[t._v("options")]),t._v(" "),e("td",[t._v("Array")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("[]")])]),t._v(" "),e("tr",[e("td",[t._v("v-model")]),t._v(" "),e("td",[t._v("the selected value")]),t._v(" "),e("td",[t._v("Any")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("placeholder")]),t._v(" "),e("td",[t._v("placeholder")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'请选择'")])]),t._v(" "),e("tr",[e("td",[t._v("auto-pop")]),t._v(" "),e("td",[t._v("whether auto pop picker")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("disabled")]),t._v(" "),e("td",[t._v("whether disabled")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("title")]),t._v(" "),e("td",[t._v("the title of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'请选择'")])]),t._v(" "),e("tr",[e("td",[t._v("cancelTxt")]),t._v(" "),e("td",[t._v("the cancel text of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'取消'")])]),t._v(" "),e("tr",[e("td",[t._v("confirmTxt")]),t._v(" "),e("td",[t._v("the confirm text of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'确认'")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("code",{pre:!0},[t._v("options")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Example")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("value")]),t._v(" "),e("td",[t._v("value of the option")]),t._v(" "),e("td",[t._v("Any")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("text")]),t._v(" "),e("td",[t._v("text of the option")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Event Name")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Parameters 1")]),t._v(" "),e("th",[t._v("Parameters 2")]),t._v(" "),e("th",[t._v("Parameters 3")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("change")]),t._v(" "),e("td",[t._v("when the selected value changed by select")]),t._v(" "),e("td",[t._v("the selected value")]),t._v(" "),e("td",[t._v("the selected index")]),t._v(" "),e("td",[t._v("the selected text")])]),t._v(" "),e("tr",[e("td",[t._v("picker-show")]),t._v(" "),e("td",[t._v("when Picker show")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("picker-hide")]),t._v(" "),e("td",[t._v("when Picker hide")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/51.9162a7342e945b3fce3a.js b/docs/js/53.12fbc99f38c2ea310dc5.js similarity index 99% rename from docs/js/51.9162a7342e945b3fce3a.js rename to docs/js/53.12fbc99f38c2ea310dc5.js index bbabaf3bac234c62f82ad0f568bcbc5e25a77507..40fba6b97a7b4a65614174a16011b58f0d1af832 100644 --- a/docs/js/51.9162a7342e945b3fce3a.js +++ b/docs/js/53.12fbc99f38c2ea310dc5.js @@ -1 +1 @@ -webpackJsonp([51],{CIUK: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:"SegmentPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-SegmentPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" SegmentPicker")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("SegmentPicker is used to achieve multi segment choose, for example, the choose of time period: September 1, 2010 - 2014 June 30th.")]),t._v(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),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(6),t._v(" "),a("h3",{attrs:{id:"Methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Methods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Methods")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.7.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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("p",[t._v("Using the "),a("code",{pre:!0},[t._v("data")]),t._v(" attribute to define the component name and properties of each node picker, "),a("code",{pre:!0},[t._v("is")]),t._v(" represents which Picker component is used, either a Picker component of a Cube UI, or a Picker component defined by yourself. For example, we use two DatePicker components to make time period choose.")]),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('"showDateSegmentPicker"')]),t._v(">")]),t._v("StartDate - EndDate"),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("const")]),t._v(" dateSegmentData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),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("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),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("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData,\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("selectedDates, selectedVals, selectedTexts")]),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("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items:
- 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),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("onNext")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("i, selectedDate, selectedValue, selectedText")]),t._v(") =>")]),t._v(" {\n dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].min = selectedDate\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData\n })\n }\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDateSegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("In order to implement the Cascade between the two pickers, we can update the second picker in the handle function of the "),a("code",{pre:!0},[t._v("next")]),t._v(" event, according to the first choice. As in here, the minimum value of the end time = the selected start time.")])]),t._v(" "),a("li",[a("p",[t._v("Express - From - To")]),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('"showCitySegmentPicker"')]),t._v(">")]),t._v("Express - From - To"),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("import")]),t._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'example/data/area'")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("province")]),t._v(" =>")]),t._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("city")]),t._v(" =>")]),t._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),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("data")]),t._v(": [expressData],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),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("data")]),t._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'返回'")]),t._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),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("data")]),t._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n }],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Cancel'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("nextTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Next'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prevTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Prev'")]),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("selectedVals, selectedIndexs, selectedTexts")]),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("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items:
- 所选快递: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("2")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showCitySegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker.show()\n }\n }\n}\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("data")]),t._v(" "),a("td",[t._v("define the component name and properties of each node picker")]),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("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("subtitle"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("subtitle")]),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("cancelTxt")]),t._v(" "),a("td",[t._v("the text of the cancel button")]),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("confirmTxt")]),t._v(" "),a("td",[t._v("the text of the confirm button")]),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("nextTxt")]),t._v(" "),a("td",[t._v("the text of the next button")]),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("prevTxt")]),t._v(" "),a("td",[t._v("the text of the prev button")]),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("swipeTime"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("2500")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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("Default")]),t._v(" "),a("th",[t._v("Example")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("is")]),t._v(" "),a("td",[t._v("the component name of each node picker")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("cube-picker")]),t._v(" "),a("td",[t._v("cube-date-picker")])]),t._v(" "),a("tr",[a("td",[t._v("...rest")]),t._v(" "),a("td",[t._v("the properties of each node picker")]),t._v(" "),a("td",[t._v("-")]),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("th",[t._v("Parameters 3")])])]),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("the parameter 1 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 2 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 3 of each picker's select event, Array")])]),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("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("next")]),t._v(" "),a("td",[t._v("triggers when clicking the next button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("...rest, is the parameters of current picker's select event")]),t._v(" "),a("td",[t._v("···")])]),t._v(" "),a("tr",[a("td",[t._v("prev")]),t._v(" "),a("td",[t._v("triggers when clicking the prev button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("triggers when the roller scrolls")]),t._v(" "),a("td",[t._v("pickerIndex: Number, the index of current picker")]),t._v(" "),a("td",[t._v("index: Number, index of current scrolling roller")]),t._v(" "),a("td",[t._v("selectedIndex: Number, index of selected item in current column")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},Iwkx:function(t,s,a){var e=a("VU/8")(null,a("CIUK"),null,null,null);t.exports=e.exports},PiHE:function(t,s,a){t.exports=a("Iwkx")}}); \ No newline at end of file +webpackJsonp([53],{CIUK: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:"SegmentPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-SegmentPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" SegmentPicker")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("SegmentPicker is used to achieve multi segment choose, for example, the choose of time period: September 1, 2010 - 2014 June 30th.")]),t._v(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),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(6),t._v(" "),a("h3",{attrs:{id:"Methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Methods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Methods")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.7.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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("p",[t._v("Using the "),a("code",{pre:!0},[t._v("data")]),t._v(" attribute to define the component name and properties of each node picker, "),a("code",{pre:!0},[t._v("is")]),t._v(" represents which Picker component is used, either a Picker component of a Cube UI, or a Picker component defined by yourself. For example, we use two DatePicker components to make time period choose.")]),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('"showDateSegmentPicker"')]),t._v(">")]),t._v("StartDate - EndDate"),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("const")]),t._v(" dateSegmentData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),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("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),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("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData,\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("selectedDates, selectedVals, selectedTexts")]),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("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items:
- 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),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("onNext")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("i, selectedDate, selectedValue, selectedText")]),t._v(") =>")]),t._v(" {\n dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].min = selectedDate\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData\n })\n }\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDateSegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("In order to implement the Cascade between the two pickers, we can update the second picker in the handle function of the "),a("code",{pre:!0},[t._v("next")]),t._v(" event, according to the first choice. As in here, the minimum value of the end time = the selected start time.")])]),t._v(" "),a("li",[a("p",[t._v("Express - From - To")]),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('"showCitySegmentPicker"')]),t._v(">")]),t._v("Express - From - To"),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("import")]),t._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'example/data/area'")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("province")]),t._v(" =>")]),t._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("city")]),t._v(" =>")]),t._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),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("data")]),t._v(": [expressData],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),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("data")]),t._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'返回'")]),t._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),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("data")]),t._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n }],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Cancel'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("nextTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Next'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prevTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Prev'")]),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("selectedVals, selectedIndexs, selectedTexts")]),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("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items:
- 所选快递: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("2")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showCitySegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker.show()\n }\n }\n}\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("data")]),t._v(" "),a("td",[t._v("define the component name and properties of each node picker")]),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("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("subtitle"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("subtitle")]),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("cancelTxt")]),t._v(" "),a("td",[t._v("the text of the cancel button")]),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("confirmTxt")]),t._v(" "),a("td",[t._v("the text of the confirm button")]),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("nextTxt")]),t._v(" "),a("td",[t._v("the text of the next button")]),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("prevTxt")]),t._v(" "),a("td",[t._v("the text of the prev button")]),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("swipeTime"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("2500")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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("Default")]),t._v(" "),a("th",[t._v("Example")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("is")]),t._v(" "),a("td",[t._v("the component name of each node picker")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("cube-picker")]),t._v(" "),a("td",[t._v("cube-date-picker")])]),t._v(" "),a("tr",[a("td",[t._v("...rest")]),t._v(" "),a("td",[t._v("the properties of each node picker")]),t._v(" "),a("td",[t._v("-")]),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("th",[t._v("Parameters 3")])])]),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("the parameter 1 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 2 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 3 of each picker's select event, Array")])]),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("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("next")]),t._v(" "),a("td",[t._v("triggers when clicking the next button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("...rest, is the parameters of current picker's select event")]),t._v(" "),a("td",[t._v("···")])]),t._v(" "),a("tr",[a("td",[t._v("prev")]),t._v(" "),a("td",[t._v("triggers when clicking the prev button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("triggers when the roller scrolls")]),t._v(" "),a("td",[t._v("pickerIndex: Number, the index of current picker")]),t._v(" "),a("td",[t._v("index: Number, index of current scrolling roller")]),t._v(" "),a("td",[t._v("selectedIndex: Number, index of selected item in current column")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},Iwkx:function(t,s,a){var e=a("VU/8")(null,a("CIUK"),null,null,null);t.exports=e.exports},PiHE:function(t,s,a){t.exports=a("Iwkx")}}); \ No newline at end of file diff --git a/docs/js/52.34249570adeec6294faa.js b/docs/js/54.a35d77a9cad8ca41e860.js similarity index 73% rename from docs/js/52.34249570adeec6294faa.js rename to docs/js/54.a35d77a9cad8ca41e860.js index 62de84df783b363a50228ec37d5e563e56f1414e..f79e688778d44c97c1cc06f1b45ebef4f8311eeb 100644 --- a/docs/js/52.34249570adeec6294faa.js +++ b/docs/js/54.a35d77a9cad8ca41e860.js @@ -1 +1 @@ -webpackJsonp([52],{a6IA:function(s,t,a){s.exports=a("nez3")},aK8u: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(" "),s._m(9),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(10),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(11)])},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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("p",[s._v("In "),a("code",{pre:!0},[s._v("options")]),s._v(", there are three frequently-used options, "),a("code",{pre:!0},[s._v("scrollbar")]),s._v("、"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("、"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(", which could set as "),a("code",{pre:!0},[s._v("Boolean")]),s._v("("),a("code",{pre:!0},[s._v("false")]),s._v(" to disable the feature, "),a("code",{pre:!0},[s._v("true")]),s._v(" to enable the feature and use default sub configuration), or "),a("code",{pre:!0},[s._v("Object")]),s._v(" to enable the feature and customize the sub configuration.")])},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("-")])])])])}]}},nez3:function(s,t,a){var l=a("VU/8")(null,a("aK8u"),null,null,null);s.exports=l.exports}}); \ No newline at end of file +webpackJsonp([54],{a6IA:function(s,t,a){s.exports=a("nez3")},aK8u: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(" "),s._m(9),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(10),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(11)])},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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("// Mock async load.")]),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("// If have new data, just update the data property.")]),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("// If no new data, you need use the method forceUpdate to tell us the load is done.")]),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("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("options")]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS Document")])]),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("scroll-events"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("configure which scroll events need be triggered")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("could include: 'scroll', 'before-scroll-start', 'scroll-end'")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("listen-scroll")]),s._v(" "),a("td",[s._v("whether to dispatch scroll event. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" instead.")]),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("listen-before-scroll")]),s._v(" "),a("td",[s._v("whether to dispatch before-scroll-start event. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" instead.")]),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("p",[s._v("In "),a("code",{pre:!0},[s._v("options")]),s._v(", there are three frequently-used options, "),a("code",{pre:!0},[s._v("scrollbar")]),s._v("、"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("、"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(", which could set as "),a("code",{pre:!0},[s._v("Boolean")]),s._v("("),a("code",{pre:!0},[s._v("false")]),s._v(" to disable the feature, "),a("code",{pre:!0},[s._v("true")]),s._v(" to enable the feature and use default sub configuration), or "),a("code",{pre:!0},[s._v("Object")]),s._v(" to enable the feature and customize the sub configuration.")])},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("if "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" includes "),a("code",{pre:!0},[s._v("scroll")]),s._v(", it will be triggered 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("if "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" includes "),a("code",{pre:!0},[s._v("before-scroll-start")]),s._v(", it will be triggered before scrolling start")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("if "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" includes "),a("code",{pre:!0},[s._v("scroll-end")]),s._v(", it will be triggered when scroll end.")]),s._v(" "),a("td",[s._v("Object {x, y} - real-time scrolling coordinates")])]),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("-")])])])])}]}},nez3:function(s,t,a){var e=a("VU/8")(null,a("aK8u"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/53.21d71ef97ec610d3051d.js b/docs/js/55.e1ebbf861d63e571e325.js similarity index 99% rename from docs/js/53.21d71ef97ec610d3051d.js rename to docs/js/55.e1ebbf861d63e571e325.js index 3c5370b9b5e7bf886f6874e952f30c8304e20f71..f103886f3ea122e4f9cf3b9609dd62a3611b3207 100644 --- a/docs/js/53.21d71ef97ec610d3051d.js +++ b/docs/js/55.e1ebbf861d63e571e325.js @@ -1 +1 @@ -webpackJsonp([53],{fXGp: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:"Rate"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rate-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Rate")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Rate component. You can customize the rating star numbers, and disable the interaction, you can also customize the style of star through the slot.")]),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:"slotincube-rate-item"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-slotincube-rate-item-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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 in cube-rate-item")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.5.0+")])])},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("You can use the v-model directive to create two-way data bindings.")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Multiple configurations")]),s._v(" "),a("p",[s._v("For example, you can use "),a("code",{pre:!0},[s._v("disabled")]),s._v(" to make the rating component read-only, use"),a("code",{pre:!0},[s._v("max")]),s._v(" to customize the number of stars and use "),a("code",{pre:!0},[s._v("justify")]),s._v(" to justify container's width.")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"disabled"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":justify")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"justify"')]),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("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("justify")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom star style")]),s._v(" "),a("p",[s._v("You need to use the "),a("code",{pre:!0},[s._v("cube-rate-item")]),s._v(" component, and define two different styles for custom stars, normal and active (under the"),a("code",{pre:!0},[s._v(".cube-rate-item.active")]),s._v(" class).")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n in max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":value")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 定制星星示例 --\x3e")]),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('"rate-item"')]),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")])]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("width")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("height")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-size")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("grey")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),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("orange")]),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("v-model")]),s._v(" "),a("td",[s._v("bound rate value")]),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("max")]),s._v(" "),a("td",[s._v("max star number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("disabled status")]),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("justify")]),s._v(" "),a("td",[s._v("auto justify container's width")]),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("a cube-rate-item component")]),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("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("custom star element")]),s._v(" "),a("td",[s._v("-")])])])])}]}},fXra:function(s,t,a){var e=a("VU/8")(null,a("fXGp"),null,null,null);s.exports=e.exports},qr3w:function(s,t,a){s.exports=a("fXra")}}); \ No newline at end of file +webpackJsonp([55],{fXGp: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:"Rate"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rate-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Rate")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Rate component. You can customize the rating star numbers, and disable the interaction, you can also customize the style of star through the slot.")]),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:"slotincube-rate-item"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-slotincube-rate-item-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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 in cube-rate-item")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.5.0+")])])},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("You can use the v-model directive to create two-way data bindings.")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Multiple configurations")]),s._v(" "),a("p",[s._v("For example, you can use "),a("code",{pre:!0},[s._v("disabled")]),s._v(" to make the rating component read-only, use"),a("code",{pre:!0},[s._v("max")]),s._v(" to customize the number of stars and use "),a("code",{pre:!0},[s._v("justify")]),s._v(" to justify container's width.")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"disabled"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":justify")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"justify"')]),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("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("justify")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom star style")]),s._v(" "),a("p",[s._v("You need to use the "),a("code",{pre:!0},[s._v("cube-rate-item")]),s._v(" component, and define two different styles for custom stars, normal and active (under the"),a("code",{pre:!0},[s._v(".cube-rate-item.active")]),s._v(" class).")]),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-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n in max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":value")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 定制星星示例 --\x3e")]),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('"rate-item"')]),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")])]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("width")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("height")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-size")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("grey")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),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("orange")]),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("v-model")]),s._v(" "),a("td",[s._v("bound rate value")]),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("max")]),s._v(" "),a("td",[s._v("max star number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("disabled status")]),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("justify")]),s._v(" "),a("td",[s._v("auto justify container's width")]),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("a cube-rate-item component")]),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("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("custom star element")]),s._v(" "),a("td",[s._v("-")])])])])}]}},fXra:function(s,t,a){var e=a("VU/8")(null,a("fXGp"),null,null,null);s.exports=e.exports},qr3w:function(s,t,a){s.exports=a("fXra")}}); \ No newline at end of file diff --git a/docs/js/54.220aa54b544c13c7c24f.js b/docs/js/56.177fd43998af026adb48.js similarity index 99% rename from docs/js/54.220aa54b544c13c7c24f.js rename to docs/js/56.177fd43998af026adb48.js index 21417ef4ddae162933078adf8f4038b4d0a496ce..372f3605890cd34c0ce4808533eb641e37787809 100644 --- a/docs/js/54.220aa54b544c13c7c24f.js +++ b/docs/js/56.177fd43998af026adb48.js @@ -1 +1 @@ -webpackJsonp([54],{"D+uV":function(s,t,a){s.exports=a("vjNw")},dJ6y: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(" "),s._m(0),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(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(" "),a("h3",{attrs:{id:"cube-radioPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-radio Props configuration")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.4.0+")])])},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-group")]),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 icon 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-radio-group")]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),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("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. Set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out style.")])]),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-group")]),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.")])]),s._v(" "),a("li",[a("p",[s._v("Use 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-radio-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(option, index) in options4"')]),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(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected4"')]),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('"option.src"')]),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("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("selected4")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options4")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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")])])])])},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")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),s._v(" "),a("td",[s._v("whether is hollow-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("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 radio 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.")])},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("option")]),s._v(" "),a("td",[s._v("option value")]),s._v(" "),a("td",[s._v("Object/String")]),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("hollow-style")]),s._v(" "),a("td",[s._v("whether is hollow-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("option")]),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 radio item is disabled")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},vjNw:function(s,t,a){var v=a("VU/8")(null,a("dJ6y"),null,null,null);s.exports=v.exports}}); \ No newline at end of file +webpackJsonp([56],{"D+uV":function(s,t,a){s.exports=a("vjNw")},dJ6y: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(" "),s._m(0),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(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(" "),a("h3",{attrs:{id:"cube-radioPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-radio Props configuration")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.4.0+")])])},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-group")]),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 icon 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-radio-group")]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),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("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. Set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out style.")])]),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-group")]),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.")])]),s._v(" "),a("li",[a("p",[s._v("Use 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-radio-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(option, index) in options4"')]),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(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected4"')]),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('"option.src"')]),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("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("selected4")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options4")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),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")])])])])},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")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),s._v(" "),a("td",[s._v("whether is hollow-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("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 radio 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.")])},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("option")]),s._v(" "),a("td",[s._v("option value")]),s._v(" "),a("td",[s._v("Object/String")]),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("hollow-style")]),s._v(" "),a("td",[s._v("whether is hollow-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("option")]),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 radio item is disabled")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},vjNw:function(s,t,a){var v=a("VU/8")(null,a("dJ6y"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/55.85a3fb2c969df927b764.js b/docs/js/57.121537f72a154b21d92c.js similarity index 99% rename from docs/js/55.85a3fb2c969df927b764.js rename to docs/js/57.121537f72a154b21d92c.js index 61d52a734157e6e07ba54ff3c70838ffcc408a04..d1540bcb99e57a5b9d274ed9803fad40554e9b35 100644 --- a/docs/js/55.85a3fb2c969df927b764.js +++ b/docs/js/57.121537f72a154b21d92c.js @@ -1 +1 @@ -webpackJsonp([55],{LsOJ:function(s,t,a){var e=a("VU/8")(null,a("mhjO"),null,null,null);s.exports=e.exports},gyX9:function(s,t,a){s.exports=a("LsOJ")},mhjO: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(" "),s._m(0),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(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),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(5),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(6),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(7),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(8),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(9),s._v(" "),s._m(10),s._v(" "),a("p",[s._v("You can choose to register globally or partially:")]),s._v(" "),s._m(11),s._v(" "),a("p",[s._v("All the components that can be imported on demand are listed below:")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),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(15)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("Application Guide")])])},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("About cube-template special options: "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")]),s._v(".")])},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 // webpack-transform-modules-plugin depends on transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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/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 "),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[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:"4"}},[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 // webpack-transform-modules-plugin depends on transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 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 plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\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-comment"}},[s._v("// ... more")]),s._v("\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([57],{LsOJ:function(s,t,a){var e=a("VU/8")(null,a("mhjO"),null,null,null);s.exports=e.exports},gyX9:function(s,t,a){s.exports=a("LsOJ")},mhjO: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(" "),s._m(0),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(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),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(5),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(6),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(7),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(8),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(9),s._v(" "),s._m(10),s._v(" "),a("p",[s._v("You can choose to register globally or partially:")]),s._v(" "),s._m(11),s._v(" "),a("p",[s._v("All the components that can be imported on demand are listed below:")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),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(15)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("Application Guide")])])},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("About cube-template special options: "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")]),s._v(".")])},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 // webpack-transform-modules-plugin depends on transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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/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 "),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[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:"4"}},[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 // webpack-transform-modules-plugin depends on transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.1"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[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"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-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 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 plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\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-comment"}},[s._v("// ... more")]),s._v("\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/56.c772e120c5c37d3626a0.js b/docs/js/58.6f1ac7cc843a7d6d44df.js similarity index 98% rename from docs/js/56.c772e120c5c37d3626a0.js rename to docs/js/58.6f1ac7cc843a7d6d44df.js index 1cbd3328e7555f7ceccff0a061876c42b24d96ce..4e7877abc817b29fd19c5177f410507d013b6b19 100644 --- a/docs/js/56.c772e120c5c37d3626a0.js +++ b/docs/js/58.6f1ac7cc843a7d6d44df.js @@ -1 +1 @@ -webpackJsonp([56],{"1cY+":function(e,t,s){e.exports=s("OC99")},"1tVx":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")])])}]}},OC99:function(e,t,s){var a=s("VU/8")(null,s("1tVx"),null,null,null);e.exports=a.exports}}); \ No newline at end of file +webpackJsonp([58],{"1cY+":function(e,t,s){e.exports=s("OC99")},"1tVx":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")])])}]}},OC99:function(e,t,s){var a=s("VU/8")(null,s("1tVx"),null,null,null);e.exports=a.exports}}); \ No newline at end of file diff --git a/docs/js/57.b11c3b76f34be7355a5c.js b/docs/js/59.b8b23db04ca202f124e0.js similarity index 99% rename from docs/js/57.b11c3b76f34be7355a5c.js rename to docs/js/59.b8b23db04ca202f124e0.js index 7ffe84c93ddec40268821ba5ce873cd463168a36..81865435d9915238b216fedd6c8f7a6824e7b037 100644 --- a/docs/js/57.b11c3b76f34be7355a5c.js +++ b/docs/js/59.b8b23db04ca202f124e0.js @@ -1 +1 @@ -webpackJsonp([57],{HlXn:function(s,t,a){s.exports=a("mCEb")},MgXj: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(" "),s._m(1),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(2),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(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",[s._v("Most 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/cascade-picker"}},[s._v("CascadePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/date-picker"}},[s._v("DatePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/segment-picker"}},[s._v("SegmentPicker")]),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("p",[a("strong",[s._v("Notice:")]),s._v(" All the components above used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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("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")])])])])},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("show")]),s._v(" "),a("td",[s._v("show")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")])])])])}]}},mCEb:function(s,t,a){var e=a("VU/8")(null,a("MgXj"),null,null,null);s.exports=e.exports}}); \ No newline at end of file +webpackJsonp([59],{HlXn:function(s,t,a){s.exports=a("mCEb")},MgXj: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(" "),s._m(1),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(2),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(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",[s._v("Most 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/cascade-picker"}},[s._v("CascadePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/date-picker"}},[s._v("DatePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/segment-picker"}},[s._v("SegmentPicker")]),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("p",[a("strong",[s._v("Notice:")]),s._v(" All the components above used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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("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")])])])])},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("show")]),s._v(" "),a("td",[s._v("show")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")])])])])}]}},mCEb:function(s,t,a){var e=a("VU/8")(null,a("MgXj"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/5.6344b6ffb10b7d8cfb57.js b/docs/js/6.87961418e2ec57592899.js similarity index 99% rename from docs/js/5.6344b6ffb10b7d8cfb57.js rename to docs/js/6.87961418e2ec57592899.js index 648a30568e765435a26cb5d30b246f092880bd31..ec6ed926554710288d3dad118666a9b923a61756 100644 --- a/docs/js/5.6344b6ffb10b7d8cfb57.js +++ b/docs/js/6.87961418e2ec57592899.js @@ -1 +1 @@ -webpackJsonp([5],{NocJ: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("-")])])])])}]}},"fHi+":function(s,t,a){var v=a("VU/8")(null,a("NocJ"),null,null,null);s.exports=v.exports},hIhO:function(s,t,a){s.exports=a("fHi+")}}); \ No newline at end of file +webpackJsonp([6],{NocJ: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("-")])])])])}]}},"fHi+":function(s,t,a){var v=a("VU/8")(null,a("NocJ"),null,null,null);s.exports=v.exports},hIhO:function(s,t,a){s.exports=a("fHi+")}}); \ No newline at end of file diff --git a/docs/js/6.9a31e180a1dc9cbadf0b.js b/docs/js/6.9a31e180a1dc9cbadf0b.js deleted file mode 100644 index 001412fa482c119dd027a96a92c6bbac4f8e2fc6..0000000000000000000000000000000000000000 --- a/docs/js/6.9a31e180a1dc9cbadf0b.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([6],{C6Sj:function(s,t,a){s.exports=a("Ftqs")},Ftqs:function(s,t,a){var v=a("VU/8")(null,a("jHeO"),null,null,null);s.exports=v.exports},jHeO: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(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),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),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",[a("code",{pre:!0},[s._v("TimePicker")]),s._v("组件提供了常用的日期选择功能。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("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")])]),s._v(" "),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("subtitle"),a("sup",[s._v("1.8.1")])]),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("cancelTxt"),a("sup",[s._v("1.8.1")])]),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("confirmTxt"),a("sup",[s._v("1.8.1")])]),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("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),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("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("时间戳")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/58.1d32291b3bf9a01f8bbe.js b/docs/js/60.590b144b0df210700581.js similarity index 99% rename from docs/js/58.1d32291b3bf9a01f8bbe.js rename to docs/js/60.590b144b0df210700581.js index 23a5db392af3416c7918ad1331ddd06506fe569a..245814d198f612a6f3b4d293daa351a889718e7e 100644 --- a/docs/js/58.1d32291b3bf9a01f8bbe.js +++ b/docs/js/60.590b144b0df210700581.js @@ -1 +1 @@ -webpackJsonp([58],{BBNq:function(s,t,a){s.exports=a("BP23")},BP23:function(s,t,a){var v=a("VU/8")(null,a("x2sk"),null,null,null);s.exports=v.exports},x2sk: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(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),s._v(" "),s._m(5),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(6),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(7)])},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("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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")])])]),s._v(" "),a("li",[a("p",[s._v("Subtitle")]),s._v(" "),a("p",[s._v("You could configure subtitle by the property "),a("code",{pre:!0},[s._v("subtitle")]),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('"showSubtitlePicker"')]),s._v(">")]),s._v("Use subtitle"),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(".subtitlePicker = "),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("subtitle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'subtitle'")]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSubtitlePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".subtitlePicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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 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("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("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),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("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),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 confirm button")]),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("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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(" 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")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file +webpackJsonp([60],{BBNq:function(s,t,a){s.exports=a("BP23")},BP23:function(s,t,a){var v=a("VU/8")(null,a("x2sk"),null,null,null);s.exports=v.exports},x2sk: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(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),s._v(" "),s._m(5),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(6),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(7)])},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("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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")])])]),s._v(" "),a("li",[a("p",[s._v("Subtitle")]),s._v(" "),a("p",[s._v("You could configure subtitle by the property "),a("code",{pre:!0},[s._v("subtitle")]),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('"showSubtitlePicker"')]),s._v(">")]),s._v("Use subtitle"),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(".subtitlePicker = "),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("subtitle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'subtitle'")]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSubtitlePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".subtitlePicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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 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("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("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),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("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),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 confirm button")]),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("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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(" 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")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/59.e26ee2b87812197b4ef6.js b/docs/js/61.72dc20db4e34ed68dea3.js similarity index 98% rename from docs/js/59.e26ee2b87812197b4ef6.js rename to docs/js/61.72dc20db4e34ed68dea3.js index 51b59bbd435a6c4ed6cff736967d43874954bc4e..3e1af5729d2a6d94878ce9eb41196e25c84eb28c 100644 --- a/docs/js/59.e26ee2b87812197b4ef6.js +++ b/docs/js/61.72dc20db4e34ed68dea3.js @@ -1 +1 @@ -webpackJsonp([59],{U5pQ: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")])])])])}]}},Z6nk:function(t,a,s){var e=s("VU/8")(null,s("U5pQ"),null,null,null);t.exports=e.exports},jBRB:function(t,a,s){t.exports=s("Z6nk")}}); \ No newline at end of file +webpackJsonp([61],{U5pQ: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")])])])])}]}},Z6nk:function(t,a,s){var e=s("VU/8")(null,s("U5pQ"),null,null,null);t.exports=e.exports},jBRB:function(t,a,s){t.exports=s("Z6nk")}}); \ No newline at end of file diff --git a/docs/js/60.ac23815ad51681a85262.js b/docs/js/62.0b3915191a9b381bbe13.js similarity index 99% rename from docs/js/60.ac23815ad51681a85262.js rename to docs/js/62.0b3915191a9b381bbe13.js index 0d1a37083684576b0a0c7e97d467d035eeab8532..5e12aa9ebebe56dd0be52178995e3274c7561c3f 100644 --- a/docs/js/60.ac23815ad51681a85262.js +++ b/docs/js/62.0b3915191a9b381bbe13.js @@ -1 +1 @@ -webpackJsonp([60],{YA8a:function(t,e,s){t.exports=s("hwc5")},hwc5:function(t,e,s){var a=s("VU/8")(null,s("tH9w"),null,null,null);t.exports=a.exports},tH9w: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:"#/en-CN/docs/radio"}},[t._v("Radio")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-CN/docs/input"}},[t._v("Input")])]),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 +webpackJsonp([62],{YA8a:function(t,e,s){t.exports=s("hwc5")},hwc5:function(t,e,s){var a=s("VU/8")(null,s("tH9w"),null,null,null);t.exports=a.exports},tH9w: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:"#/en-CN/docs/radio"}},[t._v("Radio")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/en-CN/docs/input"}},[t._v("Input")])]),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/61.a4e5458781cae9bb6de4.js b/docs/js/63.de76335b5f99bee28f6d.js similarity index 87% rename from docs/js/61.a4e5458781cae9bb6de4.js rename to docs/js/63.de76335b5f99bee28f6d.js index 5185df660811b42b76104d1bc83fd84e0792da1a..3dbf86c9cae0612c96acefe7a2a3c15f74d67fba 100644 --- a/docs/js/61.a4e5458781cae9bb6de4.js +++ b/docs/js/63.de76335b5f99bee28f6d.js @@ -1 +1 @@ -webpackJsonp([61],{a2LG:function(t,s,a){var e=a("VU/8")(null,a("a6jp"),null,null,null);t.exports=e.exports},a6jp: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:"Input"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Input-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Input")]),t._v(" "),t._m(0),t._v(" "),t._m(1),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(2),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(3),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(4),t._v(" "),a("h3",{attrs:{id:"Event"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Event-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Event")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.5.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("Input component. You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings and use a clear button to clear the content.")])},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("p",[t._v("You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings")]),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-input")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Multiple configurations")]),t._v(" "),a("p",[t._v("Support the native attributes of the input element. In addition you can use the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" attribute to toggle the clear button, use "),a("code",{pre:!0},[t._v("pwdEye")]),t._v(" to toggle password eye button and password filed's visibility.")]),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-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"type"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autocomplete")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autocomplete"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'please type here...'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'password'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autocomplete")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("clearable")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-comment"}},[t._v("/*\n * if set to false then the password eye is invisible\n * if set to true then the password eye is visible\n and the password content is visible\n * if set to an object `{ open: false }` then the password eye is visible\n but the password content is invisible, the `open` can be used to\n control the password content's visibility\n */")]),t._v("\n eye: "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(" "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// the password eye is visible and the password content is visible or not")]),t._v("\n }\n }\n}\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("type of input")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("text/number/password/date")]),t._v(" "),a("td",[t._v("text")])]),t._v(" "),a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("bound value")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("empty")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disabled status")]),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("readonly")]),t._v(" "),a("td",[t._v("readonly status")]),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("maxlength")]),t._v(" "),a("td",[t._v("maxlength of input")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),t._v(" "),a("td",[t._v("placeholder of input")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("empty")])]),t._v(" "),a("tr",[a("td",[t._v("autofocus")]),t._v(" "),a("td",[t._v("autofocus status")]),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("autocomplete")]),t._v(" "),a("td",[t._v("autocomplete status")]),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("clearable")]),t._v(" "),a("td",[t._v("whether to show clear 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("eye")]),t._v(" "),a("td",[t._v("If set to false then the password eye is invisible, if set to true then the password eye is visible and the password content is visible, if set to an object "),a("code",{pre:!0},[t._v("{ open: false }")]),t._v(" then the password eye is visible but the password content is invisible, the "),a("code",{pre:!0},[t._v("open")]),t._v(" can be used to control the password content's visibility")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{open: "),a("code",{pre:!0},[t._v("true/false")]),t._v("}")]),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("Slot Name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("prepend")]),t._v(" "),a("td",[t._v("prepend content")])]),t._v(" "),a("tr",[a("td",[t._v("append")]),t._v(" "),a("td",[t._v("append content")])])])])},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("focus")]),t._v(" "),a("td",[t._v("This event is triggered after the input box is focused. If input is disabled, it will not be triggered")]),t._v(" "),a("td",[t._v("e - event")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("This event is triggered after the input box blur")]),t._v(" "),a("td",[t._v("e - event")])])])])}]}},o9DV:function(t,s,a){t.exports=a("a2LG")}}); \ No newline at end of file +webpackJsonp([63],{a2LG:function(t,s,a){var e=a("VU/8")(null,a("a6jp"),null,null,null);t.exports=e.exports},a6jp: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:"Input"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Input-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Input")]),t._v(" "),t._m(0),t._v(" "),t._m(1),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(2),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(3),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(4),t._v(" "),a("h3",{attrs:{id:"Event"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Event-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Event")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.5.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("Input component. You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings and use a clear button to clear the content.")])},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("p",[t._v("You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings")]),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-input")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Multiple configurations")]),t._v(" "),a("p",[t._v("Support the native attributes of the input element. In addition you can use the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" attribute to toggle the clear button, use "),a("code",{pre:!0},[t._v("pwdEye")]),t._v(" to toggle password eye button and password filed's visibility.")]),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-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"type"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autocomplete")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autocomplete"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'please type here...'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'password'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autocomplete")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("clearable")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-comment"}},[t._v("/*\n * if set to false then the password eye is invisible\n * if set to true then the password eye is visible\n and the password content is visible\n * if set to an object `{ open: false }` then the password eye is visible\n but the password content is invisible, the `open` can be used to\n control the password content's visibility\n */")]),t._v("\n eye: "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(" "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// the password eye is visible and the password content is visible or not")]),t._v("\n }\n }\n}\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("type of input")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("text/number/password/date")]),t._v(" "),a("td",[t._v("text")])]),t._v(" "),a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("bound value")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("empty")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disabled status")]),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("readonly")]),t._v(" "),a("td",[t._v("readonly status")]),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("maxlength")]),t._v(" "),a("td",[t._v("maxlength of input")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),t._v(" "),a("td",[t._v("placeholder of input")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("empty")])]),t._v(" "),a("tr",[a("td",[t._v("autofocus")]),t._v(" "),a("td",[t._v("autofocus status")]),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("autocomplete")]),t._v(" "),a("td",[t._v("autocomplete status")]),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("clearable")]),t._v(" "),a("td",[t._v("whether to show clear 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("eye")]),t._v(" "),a("td",[t._v("If set to false then the password eye is invisible, if true, equal to "),a("code",{pre:!0},[t._v("{open: true, reverse: false}")]),t._v(", Object form mean using the password eye. The "),a("code",{pre:!0},[t._v("open")]),t._v(" control the password eye open or close, "),a("code",{pre:!0},[t._v("reverse")]),t._v(" control whether the password content visibility is reverse with the password eye open or not.")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{open: "),a("code",{pre:!0},[t._v("true/false")]),t._v("}")]),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("Slot Name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("prepend")]),t._v(" "),a("td",[t._v("prepend content")])]),t._v(" "),a("tr",[a("td",[t._v("append")]),t._v(" "),a("td",[t._v("append content")])])])])},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("focus")]),t._v(" "),a("td",[t._v("This event is triggered after the input box is focused. If input is disabled, it will not be triggered")]),t._v(" "),a("td",[t._v("e - event")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("This event is triggered after the input box blur")]),t._v(" "),a("td",[t._v("e - event")])])])])}]}},o9DV:function(t,s,a){t.exports=a("a2LG")}}); \ No newline at end of file diff --git a/docs/js/62.104e1f5e1c8aa241170b.js b/docs/js/64.b65e617ae946e5a1dbc9.js similarity index 99% rename from docs/js/62.104e1f5e1c8aa241170b.js rename to docs/js/64.b65e617ae946e5a1dbc9.js index 781a2062c625a5717c47656edb34e3ede5d9a396..ed305a2e06d88bebb81100146289bd91666914a6 100644 --- a/docs/js/62.104e1f5e1c8aa241170b.js +++ b/docs/js/64.b65e617ae946e5a1dbc9.js @@ -1 +1 @@ -webpackJsonp([62],{"16VJ":function(s,t,a){var n=a("VU/8")(null,a("cWTA"),null,null,null);s.exports=n.exports},cWTA: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")])])]),s._v(" "),a("li",[a("p",[s._v("Pull Up Load")]),s._v(" "),a("p",[s._v("Beside, you could use "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" to enable pull-up-load, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v(" of Scroll.")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullUpLoad")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("\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("")]),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("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("data")]),s._v(": cityData.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(")\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 onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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("const")]),s._v(" length = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.length\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (length < cityData.length) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.push(cityData[length])\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("Pull Down Refresh")])]),s._v(" "),a("p",[s._v("Beside, you could use "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" to enable pull-down-refresh, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v(" of Scroll.")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullDownRefresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),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("\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("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("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("55")]),s._v("\n }\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 onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items.push(...cityData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items)\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),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("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("navbar")]),s._v(" "),a("td",[s._v("whether need navbar")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("pull-up-load, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v(" of Scroll")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("pull-down-refresh, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v(" of Scroll")]),s._v(" "),a("td",[s._v("Boolean/Object")]),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(" 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")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up"),a("sup",[s._v("1.8.0+")])]),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("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down"),a("sup",[s._v("1.8.0+")])]),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("-")])])])])}]}},tHys:function(s,t,a){s.exports=a("16VJ")}}); \ No newline at end of file +webpackJsonp([64],{"16VJ":function(s,t,a){var n=a("VU/8")(null,a("cWTA"),null,null,null);s.exports=n.exports},cWTA: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")])])]),s._v(" "),a("li",[a("p",[s._v("Pull Up Load")]),s._v(" "),a("p",[s._v("Beside, you could use "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" to enable pull-up-load, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v(" of Scroll.")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullUpLoad")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("\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("")]),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("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("data")]),s._v(": cityData.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(")\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 onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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("const")]),s._v(" length = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.length\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (length < cityData.length) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.push(cityData[length])\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("Pull Down Refresh")])]),s._v(" "),a("p",[s._v("Beside, you could use "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" to enable pull-down-refresh, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v(" of Scroll.")]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),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(":pullDownRefresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),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("\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("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("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("55")]),s._v("\n }\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 onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items.push(...cityData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items)\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),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("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("navbar")]),s._v(" "),a("td",[s._v("whether need navbar")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("pull-up-load, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v(" of Scroll")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("pull-down-refresh, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v(" of Scroll")]),s._v(" "),a("td",[s._v("Boolean/Object")]),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(" 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")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up"),a("sup",[s._v("1.8.0+")])]),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("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down"),a("sup",[s._v("1.8.0+")])]),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("-")])])])])}]}},tHys:function(s,t,a){s.exports=a("16VJ")}}); \ No newline at end of file diff --git a/docs/js/63.a0d0f017d99c25a22849.js b/docs/js/65.eb3132f69f04e7ca5994.js similarity index 99% rename from docs/js/63.a0d0f017d99c25a22849.js rename to docs/js/65.eb3132f69f04e7ca5994.js index 420e49050c5da414b0b42f3e32f0e1c04d5e5c47..2021a7a815bcf7d56f969c84b955e3ece78365c6 100644 --- a/docs/js/63.a0d0f017d99c25a22849.js +++ b/docs/js/65.eb3132f69f04e7ca5994.js @@ -1 +1 @@ -webpackJsonp([63],{"4+v0":function(s,t,a){var v=a("VU/8")(null,a("DMGn"),null,null,null);s.exports=v.exports},DMGn: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:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("CubeForm is a schema-based form generator component.")]),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:"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(" "),a("h4",{attrs:{id:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"FormGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-FormGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" FormGroup")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"FormItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-FormItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" FormItem")]),s._v(" "),s._m(5),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(6),s._v(" "),s._m(7),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")]),s._v(" "),a("p",[s._v("1.8.0+ supported trigger validating when blur and debounce. Supported async validate too because of Validator supported it.")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("default usage")]),s._v(" "),a("p",[s._v("This demo includes all cube-ui form fields.")]),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-form")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":schema")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"schema"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate-validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),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("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@reset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"resetHandler"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxGroupValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("radioValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("switchValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("textareaValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploadValue")]),s._v(": []\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("schema")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'基础'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please check this field'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxGroupValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'CheckboxGroup'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// validating when blur")]),s._v("\n trigger: "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blur'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radioValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Radio'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'selectValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2015")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2016")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2017")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2019")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switchValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textareaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// debounce validate")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if set to true, the default debounce time will be 200(ms)")]),s._v("\n debounce: "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'高级'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploadValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'file-removed'")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("...args")]),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("'file removed'")]),s._v(", args)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val, config")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all(val.map("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("file, i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve, reject")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.uploadedUrl) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" resolve()\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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(" (i % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n reject("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Error")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n file.uploadedUrl = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploaded/url'")]),s._v("\n resolve()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n })).then("),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("return")]),s._v(" "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'上传失败'")]),s._v("\n }\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Reset'")]),s._v("\n }\n ]\n }\n ]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollToInvalidField")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("layout")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'standard'")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// classic fresh")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n e.preventDefault()\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(", e)\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n resetHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(", e)\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("model")]),s._v(" is the model/target JSON object, "),a("code",{pre:!0},[s._v("schema")]),s._v(" is the schema object with fields, if "),a("code",{pre:!0},[s._v("immediate-validate")]),s._v(" is true, we will run validation after load.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("submit")]),s._v(" is the submited event, the "),a("code",{pre:!0},[s._v("validate")]),s._v(" is the form validate event and the "),a("code",{pre:!0},[s._v("reset")]),s._v(" is the form reset event.")])]),s._v(" "),a("li",[a("p",[s._v("Custom usage")]),s._v(" "),a("p",[s._v("You can choose to use your own custom components, or use slots to custom your logic.")]),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-form")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[0]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[1]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[2]"')]),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('"showDatePicker"')]),s._v(">")]),s._v("{{model.dateValue || 'Please select date'}}"),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("date-picker")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"datePicker"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2008, 8, 8]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2020, 10, 20]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dateSelectHandler"')]),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),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-comment"}},[s._v("// province, city, area")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// select component")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" PCA = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Array")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v("() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" []\n }\n }\n },\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(": []\n }\n },\n render(createElement) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-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(".showPicker\n }\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.length ? "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(") : "),a("span",{attrs:{class:"hljs-string"}},[s._v("'placeholder'")]),s._v(")\n },\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(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCA Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".value,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\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 selectHandler(selectedVal, selectedIndex, selectedTxt) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected = selectedTxt\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(", selectedVal)\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("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pcaValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("dateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("component")]),s._v(": PCA,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'pcaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCASelect'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(")\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.datePicker.show()\n },\n dateSelectHandler(selectedVal) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".model.dateValue = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("], selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] - "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("]).toDateString()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n DatePicker\n }\n}\n")])]),s._v(" "),a("p",[s._v("Like the "),a("code",{pre:!0},[s._v("PCA")]),s._v(" component, you can use "),a("code",{pre:!0},[s._v("component")]),s._v(" to define your custom component. Or use slots, like use DatePicker component.")])])])},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("model")]),s._v(" "),a("td",[s._v("The model/target JSON object")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("schema")]),s._v(" "),a("td",[s._v("the schema object with fields")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("immediate-validate")]),s._v(" "),a("td",[s._v("If true, we will run validation after load")]),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("action")]),s._v(" "),a("td",[s._v("Form action value")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("undefined")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("Options for CubeForm")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v("scrollToInvalidField: false,"),a("br"),s._v(" layout: 'standard' // or: classic")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("schema")]),s._v(" sub configuration")]),s._v(" "),a("p",[s._v("The schema contains the fields of the form, optionally in groups.")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Without groups")]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("fields")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("With groups")]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("groups")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 1'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 2'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n }\n ]\n}\n")])])])]),s._v(" "),a("p",[s._v("A field in the schema defines an input element to a value of model. The common properties of field:")]),s._v(" "),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("Type of field")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("Default fields: "),a("code",{pre:!0},[s._v("button")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox-group")]),s._v(", "),a("code",{pre:!0},[s._v("input")]),s._v(", "),a("code",{pre:!0},[s._v("radio")]),s._v(", "),a("code",{pre:!0},[s._v("radio-group")]),s._v(", "),a("code",{pre:!0},[s._v("rate")]),s._v(", "),a("code",{pre:!0},[s._v("select")]),s._v(", "),a("code",{pre:!0},[s._v("switch")]),s._v(", "),a("code",{pre:!0},[s._v("textarea")]),s._v(", "),a("code",{pre:!0},[s._v("upload")]),s._v(". There are two special types: "),a("code",{pre:!0},[s._v("submit")]),s._v(" and "),a("code",{pre:!0},[s._v("reset")]),s._v(", they will be transformed to the corresponding type of "),a("code",{pre:!0},[s._v("button")]),s._v(".")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("component")]),s._v(" "),a("td",[s._v("Custom filed component to replace "),a("code",{pre:!0},[s._v("type")]),s._v(", the component should to work with "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("modelKey")]),s._v(" "),a("td",[s._v("Name of property in the "),a("code",{pre:!0},[s._v("form")]),s._v(" model")]),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("label")]),s._v(" "),a("td",[s._v("Label of field")]),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("props")]),s._v(" "),a("td",[s._v("This value will be the "),a("code",{pre:!0},[s._v("type")]),s._v(" or "),a("code",{pre:!0},[s._v("component")]),s._v(" props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("events"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("This value will be the "),a("code",{pre:!0},[s._v("type")]),s._v(" or "),a("code",{pre:!0},[s._v("component")]),s._v(" custom events")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("rules")]),s._v(" "),a("td",[s._v("Validator rules, see "),a("a",{attrs:{href:"#/en-US/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("trigger"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("If set to 'blur' then will be validate this filed when blur")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("blur/change")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("debounce"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("Debounce validating time(ms). If "),a("code",{pre:!0},[s._v("trigger")]),s._v(" is 'blur' then the debounce will be ignored")]),s._v(" "),a("td",[s._v("Number/Boolean")]),s._v(" "),a("td",[s._v(">= 0, if set to true the time will be 200(ms)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("messages")]),s._v(" "),a("td",[s._v("Validator messages, see "),a("a",{attrs:{href:"#/en-US/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),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("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("legend")]),s._v(" "),a("td",[s._v("Group legend")]),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("fields")]),s._v(" "),a("td",[s._v("Group fields")]),s._v(" "),a("td",[s._v("Array")]),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("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("field")]),s._v(" "),a("td",[s._v("Field value")]),s._v(" "),a("td",[s._v("Object")]),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("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("Form submit, only trigged when the form's validation is ok")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("form model value")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("Form reset")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate")]),s._v(" "),a("td",[s._v("Form validated")]),s._v(" "),a("td",[s._v("Properties: "),a("br"),s._v("{"),a("br"),s._v("validity,"),a("br"),s._v(" valid,"),a("br"),s._v(" invalid,"),a("br"),s._v(" dirty,"),a("br"),s._v(" firstInvalidFieldIndex"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("Form valid")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("Form invalid")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("validate")]),s._v(" event parameters")]),s._v(" "),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("validity")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("Validity check, if not verified this value will be undefined, once checked this value will be true or false")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("Validity check, if not verified this value will be undefined, once checked this value will be true or false")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("When the form model changed then the form's dirty is true")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("firstInvalidFieldIndex")]),s._v(" "),a("td",[s._v("First invalid field index")]),s._v(" "),a("td",[s._v("Number")])])])]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Validity result "),a("code",{pre:!0},[s._v("validity")])]),s._v(" "),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("valid")]),s._v(" "),a("td",[s._v("Is valid or not")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("result")]),s._v(" "),a("td",[s._v("Result, eg: "),a("br"),s._v("{"),a("br"),s._v(" required: {"),a("br"),s._v("  valid: false,"),a("br"),s._v("  invalid: true,"),a("br"),s._v("  message: 'Required.'"),a("br"),s._v(" }"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("The form model is changed or not")]),s._v(" "),a("td",[s._v("Boolean")])])])])])])])])},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")]),s._v(" "),a("th",[s._v("Returned value")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("submit form")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("reset form")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate(cb)")]),s._v(" "),a("td",[s._v("validate form")]),s._v(" "),a("td",[s._v("cb: validated callback function, used to async validating cases normally. The arguments is the "),a("code",{pre:!0},[s._v("valid")]),s._v(" value")]),s._v(" "),a("td",[s._v("If supported Promise then the returned value will be Promise instance(Only have resolved state, the resolved value is "),a("code",{pre:!0},[s._v("valid")]),s._v("), otherwise the returned value is "),a("code",{pre:!0},[s._v("undefined")])])])])])}]}},nzGO:function(s,t,a){s.exports=a("4+v0")}}); \ No newline at end of file +webpackJsonp([65],{"4+v0":function(s,t,a){var v=a("VU/8")(null,a("DMGn"),null,null,null);s.exports=v.exports},DMGn: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:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("CubeForm is a schema-based form generator component.")]),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:"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(" "),a("h4",{attrs:{id:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"FormGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-FormGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" FormGroup")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"FormItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-FormItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" FormItem")]),s._v(" "),s._m(5),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(6),s._v(" "),s._m(7),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")]),s._v(" "),a("p",[s._v("1.8.0+ supported trigger validating when blur and debounce. Supported async validate too because of Validator supported it.")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("default usage")]),s._v(" "),a("p",[s._v("This demo includes all cube-ui form fields.")]),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-form")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":schema")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"schema"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate-validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),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("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@reset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"resetHandler"')]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxGroupValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("radioValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("switchValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("textareaValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploadValue")]),s._v(": []\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("schema")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'基础'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please check this field'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxGroupValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'CheckboxGroup'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// validating when blur")]),s._v("\n trigger: "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blur'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radioValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Radio'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'selectValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2015")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2016")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2017")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2019")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switchValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textareaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// debounce validate")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if set to true, the default debounce time will be 200(ms)")]),s._v("\n debounce: "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'高级'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploadValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'file-removed'")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("...args")]),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("'file removed'")]),s._v(", args)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val, config")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all(val.map("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("file, i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve, reject")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.uploadedUrl) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" resolve()\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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(" (i % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n reject("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Error")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n file.uploadedUrl = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploaded/url'")]),s._v("\n resolve()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n })).then("),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("return")]),s._v(" "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'上传失败'")]),s._v("\n }\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Reset'")]),s._v("\n }\n ]\n }\n ]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollToInvalidField")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("layout")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'standard'")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// classic fresh")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n e.preventDefault()\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(", e)\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n resetHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(", e)\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("model")]),s._v(" is the model/target JSON object, "),a("code",{pre:!0},[s._v("schema")]),s._v(" is the schema object with fields, if "),a("code",{pre:!0},[s._v("immediate-validate")]),s._v(" is true, we will run validation after load.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("submit")]),s._v(" is the submited event, the "),a("code",{pre:!0},[s._v("validate")]),s._v(" is the form validate event and the "),a("code",{pre:!0},[s._v("reset")]),s._v(" is the form reset event.")])]),s._v(" "),a("li",[a("p",[s._v("Custom usage")]),s._v(" "),a("p",[s._v("You can choose to use your own custom components, or use slots to custom your logic.")]),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-form")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[0]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[1]"')]),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-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[2]"')]),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('"showDatePicker"')]),s._v(">")]),s._v("{{model.dateValue || 'Please select date'}}"),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("date-picker")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"datePicker"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2008, 8, 8]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2020, 10, 20]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dateSelectHandler"')]),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),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-comment"}},[s._v("// province, city, area")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// select component")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" PCA = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Array")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v("() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" []\n }\n }\n },\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(": []\n }\n },\n render(createElement) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-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(".showPicker\n }\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.length ? "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(") : "),a("span",{attrs:{class:"hljs-string"}},[s._v("'placeholder'")]),s._v(")\n },\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(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCA Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".value,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\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 selectHandler(selectedVal, selectedIndex, selectedTxt) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected = selectedTxt\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(", selectedVal)\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("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pcaValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("dateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("component")]),s._v(": PCA,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'pcaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCASelect'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(")\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.datePicker.show()\n },\n dateSelectHandler(selectedVal) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".model.dateValue = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("], selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] - "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("]).toDateString()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n DatePicker\n }\n}\n")])]),s._v(" "),a("p",[s._v("Like the "),a("code",{pre:!0},[s._v("PCA")]),s._v(" component, you can use "),a("code",{pre:!0},[s._v("component")]),s._v(" to define your custom component. Or use slots, like use DatePicker component.")])])])},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("model")]),s._v(" "),a("td",[s._v("The model/target JSON object")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("schema")]),s._v(" "),a("td",[s._v("the schema object with fields")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("immediate-validate")]),s._v(" "),a("td",[s._v("If true, we will run validation after load")]),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("action")]),s._v(" "),a("td",[s._v("Form action value")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("undefined")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("Options for CubeForm")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v("scrollToInvalidField: false,"),a("br"),s._v(" layout: 'standard' // or: classic")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("schema")]),s._v(" sub configuration")]),s._v(" "),a("p",[s._v("The schema contains the fields of the form, optionally in groups.")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Without groups")]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("fields")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("With groups")]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("groups")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 1'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 2'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n }\n ]\n}\n")])])])]),s._v(" "),a("p",[s._v("A field in the schema defines an input element to a value of model. The common properties of field:")]),s._v(" "),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("Type of field")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("Default fields: "),a("code",{pre:!0},[s._v("button")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox-group")]),s._v(", "),a("code",{pre:!0},[s._v("input")]),s._v(", "),a("code",{pre:!0},[s._v("radio")]),s._v(", "),a("code",{pre:!0},[s._v("radio-group")]),s._v(", "),a("code",{pre:!0},[s._v("rate")]),s._v(", "),a("code",{pre:!0},[s._v("select")]),s._v(", "),a("code",{pre:!0},[s._v("switch")]),s._v(", "),a("code",{pre:!0},[s._v("textarea")]),s._v(", "),a("code",{pre:!0},[s._v("upload")]),s._v(". There are two special types: "),a("code",{pre:!0},[s._v("submit")]),s._v(" and "),a("code",{pre:!0},[s._v("reset")]),s._v(", they will be transformed to the corresponding type of "),a("code",{pre:!0},[s._v("button")]),s._v(".")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("component")]),s._v(" "),a("td",[s._v("Custom filed component to replace "),a("code",{pre:!0},[s._v("type")]),s._v(", the component should to work with "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("modelKey")]),s._v(" "),a("td",[s._v("Name of property in the "),a("code",{pre:!0},[s._v("form")]),s._v(" model")]),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("label")]),s._v(" "),a("td",[s._v("Label of field")]),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("props")]),s._v(" "),a("td",[s._v("This value will be the "),a("code",{pre:!0},[s._v("type")]),s._v(" or "),a("code",{pre:!0},[s._v("component")]),s._v(" props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("events"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("This value will be the "),a("code",{pre:!0},[s._v("type")]),s._v(" or "),a("code",{pre:!0},[s._v("component")]),s._v(" custom events")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("rules")]),s._v(" "),a("td",[s._v("Validator rules, see "),a("a",{attrs:{href:"#/en-US/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("trigger"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("If set to 'blur' then will be validate this filed when blur")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("blur/change")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("debounce"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("Debounce validating time(ms). If "),a("code",{pre:!0},[s._v("trigger")]),s._v(" is 'blur' then the debounce will be ignored")]),s._v(" "),a("td",[s._v("Number/Boolean")]),s._v(" "),a("td",[s._v(">= 0, if set to true the time will be 200(ms)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("messages")]),s._v(" "),a("td",[s._v("Validator messages, see "),a("a",{attrs:{href:"#/en-US/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),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("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("legend")]),s._v(" "),a("td",[s._v("Group legend")]),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("fields")]),s._v(" "),a("td",[s._v("Group fields")]),s._v(" "),a("td",[s._v("Array")]),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("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("field")]),s._v(" "),a("td",[s._v("Field value")]),s._v(" "),a("td",[s._v("Object")]),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("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("Form submit, only trigged when the form's validation is ok")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("form model value")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("Form reset")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate")]),s._v(" "),a("td",[s._v("Form validated")]),s._v(" "),a("td",[s._v("Properties: "),a("br"),s._v("{"),a("br"),s._v("validity,"),a("br"),s._v(" valid,"),a("br"),s._v(" invalid,"),a("br"),s._v(" dirty,"),a("br"),s._v(" firstInvalidFieldIndex"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("Form valid")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("Form invalid")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("validate")]),s._v(" event parameters")]),s._v(" "),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("validity")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("Validity check, if not verified this value will be undefined, once checked this value will be true or false")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("Validity check, if not verified this value will be undefined, once checked this value will be true or false")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("When the form model changed then the form's dirty is true")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("firstInvalidFieldIndex")]),s._v(" "),a("td",[s._v("First invalid field index")]),s._v(" "),a("td",[s._v("Number")])])])]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Validity result "),a("code",{pre:!0},[s._v("validity")])]),s._v(" "),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("valid")]),s._v(" "),a("td",[s._v("Is valid or not")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("result")]),s._v(" "),a("td",[s._v("Result, eg: "),a("br"),s._v("{"),a("br"),s._v(" required: {"),a("br"),s._v("  valid: false,"),a("br"),s._v("  invalid: true,"),a("br"),s._v("  message: 'Required.'"),a("br"),s._v(" }"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("The form model is changed or not")]),s._v(" "),a("td",[s._v("Boolean")])])])])])])])])},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")]),s._v(" "),a("th",[s._v("Returned value")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("submit form")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("reset form")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate(cb)")]),s._v(" "),a("td",[s._v("validate form")]),s._v(" "),a("td",[s._v("cb: validated callback function, used to async validating cases normally. The arguments is the "),a("code",{pre:!0},[s._v("valid")]),s._v(" value")]),s._v(" "),a("td",[s._v("If supported Promise then the returned value will be Promise instance(Only have resolved state, the resolved value is "),a("code",{pre:!0},[s._v("valid")]),s._v("), otherwise the returned value is "),a("code",{pre:!0},[s._v("undefined")])])])])])}]}},nzGO:function(s,t,a){s.exports=a("4+v0")}}); \ No newline at end of file diff --git a/docs/js/64.4527058fff3e74b41a1d.js b/docs/js/66.3877e4ae60a46888bf13.js similarity index 99% rename from docs/js/64.4527058fff3e74b41a1d.js rename to docs/js/66.3877e4ae60a46888bf13.js index 1f572ee25da3a0d3c25a34361bd8747885ea8384..0533380643c5ef2452fbbe21e9e3dffef74ad92c 100644 --- a/docs/js/64.4527058fff3e74b41a1d.js +++ b/docs/js/66.3877e4ae60a46888bf13.js @@ -1 +1 @@ -webpackJsonp([64],{"/qwp":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:"Drawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Drawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Drawer")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Drawer, this component is used to select item in many items, it used full-page panels to interaction normally.")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Demo"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Demo-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Demo")]),s._v(" "),s._m(2),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(" "),a("h4",{attrs:{id:"CubeDrawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawer")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeDrawerPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerPanel")]),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CubeDrawerItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerItem")]),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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Drawer component's container element should be be a relative or absolute position element.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Default 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('"showDrawer"')]),s._v(">")]),s._v("Show Drawer"),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\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("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n provinceList,\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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("let")]),s._v(" data\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// procince change, get city data")]),s._v("\n data = cityList[item.value]\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n data = areaList[item.value]\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// refill panel(index + 1) data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v(" is the drawer's title, optional; "),a("code",{pre:!0},[s._v("data")]),s._v(" source, an array with array items; "),a("code",{pre:!0},[s._v("selected-index")]),s._v(" is the initial index of the selected value; "),a("code",{pre:!0},[s._v("change")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v("、"),a("code",{pre:!0},[s._v("cancel")]),s._v(" are events: when selected item changed (the selected item is not in the last Panel)、when selected one item (the item is in the last Panel)、cancel (when clicked the left empty area).")]),s._v(" "),a("p",[s._v("You can use Drawer's "),a("code",{pre:!0},[s._v("fill")]),s._v(" method to update next Panel's data.")])]),s._v(" "),a("li",[a("p",[s._v("Custom usage")]),s._v(" "),a("p",[s._v("You can use slots to define your own HTML structure.")]),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v(">")]),s._v("{{province.text}}"),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-drawer-panel")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(panel, index) in data"')]),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(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"panel"')]),s._v("\n >")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, i) in panel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-round-border"')]),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("span")]),s._v(">")]),s._v("{{item.text}}"),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-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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("province")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// get radom province")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomIndex = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".round("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() * provinceList.length)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomProvince = provinceList[randomIndex]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".province = randomProvince\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", cityList[randomProvince.value])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\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("// city change, get area data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" data = areaList[item.value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("cube-drawer-panel")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-drawer-item")]),s._v(" in "),a("code",{pre:!0},[s._v("cube-drawer")]),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("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 source")]),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("selected-index")]),s._v(" "),a("td",[s._v("initial selected index")]),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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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("p",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")]),s._v(" "),a("p",[s._v("It is an array and it's items is Array too, eg:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("[\n [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'value'")]),s._v("\n },\n ...\n ],\n [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text2'")]),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("data")]),s._v(" "),a("td",[s._v("data source")]),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("index")]),s._v(" "),a("td",[s._v("the data source index in CubeDrawer's data")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("item data")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("the item index in CubeDrawerPanel's data")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("th",[s._v("Parameters 4")]),s._v(" "),a("th",[s._v("Parameters 5")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("when selected item changed (the selected item is not in the last Panel)")]),s._v(" "),a("td",[s._v("current Panel index")]),s._v(" "),a("td",[s._v("changed item")]),s._v(" "),a("td",[s._v("selectedVal: Array, selected item values of each panels")]),s._v(" "),a("td",[s._v("selectedIndex: Array, selected indexes of each panels")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("when selected one item (the item is in the last Panel)")]),s._v(" "),a("td",[s._v("selectedVal: Array, selected item values of each panels")]),s._v(" "),a("td",[s._v("selectedIndex: Array, selected indexes of each panels")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("when clicked the left empty area")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),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("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("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refill")]),s._v(" "),a("td",[s._v("refill data, change one Panel's data source")]),s._v(" "),a("td",[s._v("the Panel index")]),s._v(" "),a("td",[s._v("the data source")]),s._v(" "),a("td",[s._v("default selected index (Optional, recommended do not specify a value)")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),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("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},"7tBj":function(s,t,a){var e=a("VU/8")(null,a("/qwp"),null,null,null);s.exports=e.exports},DOGQ:function(s,t,a){s.exports=a("7tBj")}}); \ No newline at end of file +webpackJsonp([66],{"/qwp":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:"Drawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Drawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Drawer")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Drawer, this component is used to select item in many items, it used full-page panels to interaction normally.")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Demo"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Demo-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Demo")]),s._v(" "),s._m(2),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(" "),a("h4",{attrs:{id:"CubeDrawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawer")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeDrawerPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerPanel")]),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CubeDrawerItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerItem")]),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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Drawer component's container element should be be a relative or absolute position element.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Default 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('"showDrawer"')]),s._v(">")]),s._v("Show Drawer"),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\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("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n provinceList,\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),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("let")]),s._v(" data\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// procince change, get city data")]),s._v("\n data = cityList[item.value]\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n data = areaList[item.value]\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// refill panel(index + 1) data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v(" is the drawer's title, optional; "),a("code",{pre:!0},[s._v("data")]),s._v(" source, an array with array items; "),a("code",{pre:!0},[s._v("selected-index")]),s._v(" is the initial index of the selected value; "),a("code",{pre:!0},[s._v("change")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v("、"),a("code",{pre:!0},[s._v("cancel")]),s._v(" are events: when selected item changed (the selected item is not in the last Panel)、when selected one item (the item is in the last Panel)、cancel (when clicked the left empty area).")]),s._v(" "),a("p",[s._v("You can use Drawer's "),a("code",{pre:!0},[s._v("fill")]),s._v(" method to update next Panel's data.")])]),s._v(" "),a("li",[a("p",[s._v("Custom usage")]),s._v(" "),a("p",[s._v("You can use slots to define your own HTML structure.")]),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-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v(">")]),s._v("{{province.text}}"),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-drawer-panel")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(panel, index) in data"')]),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(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"panel"')]),s._v("\n >")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, i) in panel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-round-border"')]),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("span")]),s._v(">")]),s._v("{{item.text}}"),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-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("'../../data/area'")]),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("province")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// get radom province")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomIndex = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".round("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() * provinceList.length)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomProvince = provinceList[randomIndex]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".province = randomProvince\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", cityList[randomProvince.value])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\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("// city change, get area data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" data = areaList[item.value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandler() {\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")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("cube-drawer-panel")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-drawer-item")]),s._v(" in "),a("code",{pre:!0},[s._v("cube-drawer")]),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("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 source")]),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("selected-index")]),s._v(" "),a("td",[s._v("initial selected index")]),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("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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("p",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")]),s._v(" "),a("p",[s._v("It is an array and it's items is Array too, eg:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("[\n [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'value'")]),s._v("\n },\n ...\n ],\n [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text2'")]),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("data")]),s._v(" "),a("td",[s._v("data source")]),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("index")]),s._v(" "),a("td",[s._v("the data source index in CubeDrawer's data")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("item data")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("the item index in CubeDrawerPanel's data")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},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("th",[s._v("Parameters 4")]),s._v(" "),a("th",[s._v("Parameters 5")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("when selected item changed (the selected item is not in the last Panel)")]),s._v(" "),a("td",[s._v("current Panel index")]),s._v(" "),a("td",[s._v("changed item")]),s._v(" "),a("td",[s._v("selectedVal: Array, selected item values of each panels")]),s._v(" "),a("td",[s._v("selectedIndex: Array, selected indexes of each panels")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("when selected one item (the item is in the last Panel)")]),s._v(" "),a("td",[s._v("selectedVal: Array, selected item values of each panels")]),s._v(" "),a("td",[s._v("selectedIndex: Array, selected indexes of each panels")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("when clicked the left empty area")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),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("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("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refill")]),s._v(" "),a("td",[s._v("refill data, change one Panel's data source")]),s._v(" "),a("td",[s._v("the Panel index")]),s._v(" "),a("td",[s._v("the data source")]),s._v(" "),a("td",[s._v("default selected index (Optional, recommended do not specify a value)")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),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("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},"7tBj":function(s,t,a){var e=a("VU/8")(null,a("/qwp"),null,null,null);s.exports=e.exports},DOGQ:function(s,t,a){s.exports=a("7tBj")}}); \ No newline at end of file diff --git a/docs/js/65.fe0764076a3df08c262d.js b/docs/js/67.ba0422b5ef1002a0334c.js similarity index 99% rename from docs/js/65.fe0764076a3df08c262d.js rename to docs/js/67.ba0422b5ef1002a0334c.js index b0c45ae2776e1aad01fd8ba5acf841836ac211a7..5210a143cd5a7b3ac7dcbad9b6a2a79bdba79371 100644 --- a/docs/js/65.fe0764076a3df08c262d.js +++ b/docs/js/67.ba0422b5ef1002a0334c.js @@ -1 +1 @@ -webpackJsonp([65],{LriO: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(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),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(8),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(9),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(10)])},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("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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:"#/en-US/docs/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:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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("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")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},fF0o:function(t,s,a){var v=a("VU/8")(null,a("LriO"),null,null,null);t.exports=v.exports},gPPJ:function(t,s,a){t.exports=a("fF0o")}}); \ No newline at end of file +webpackJsonp([67],{LriO: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(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),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(8),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(9),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(10)])},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("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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:"#/en-US/docs/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:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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("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")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},fF0o:function(t,s,a){var v=a("VU/8")(null,a("LriO"),null,null,null);t.exports=v.exports},gPPJ:function(t,s,a){t.exports=a("fF0o")}}); \ No newline at end of file diff --git a/docs/js/66.5c69638d7f7b5622c4bf.js b/docs/js/68.3ff26e054548b7f7c732.js similarity index 99% rename from docs/js/66.5c69638d7f7b5622c4bf.js rename to docs/js/68.3ff26e054548b7f7c732.js index ca9e77eec5a84666989cf7e31a7044866d39849b..589702d1701101a7e6fcae52b40f3e70063b3c46 100644 --- a/docs/js/66.5c69638d7f7b5622c4bf.js +++ b/docs/js/68.3ff26e054548b7f7c732.js @@ -1 +1 @@ -webpackJsonp([66],{"6Rwf":function(s,t,a){s.exports=a("lqZM")},"G+k3":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:"DatePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-DatePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" DatePicker")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("DatePicker can be used to choose date, which has flexible configuration for time granularity, such as year - month - date, hour - minute - second, year - month - date - hour - minute - second, year - month, etc.")]),s._v(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),s._v(" "),s._m(5),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(6),s._v(" "),a("h3",{attrs:{id:"Methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Methods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Methods")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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("You can create a component instance by "),a("code",{pre:!0},[s._v("$createDatePicker")]),s._v(", and configure "),a("code",{pre:!0},[s._v("min")]),s._v(", "),a("code",{pre:!0},[s._v("max")]),s._v(" to set the selected date range. the "),a("code",{pre:!0},[s._v("value")]),s._v(" could use to set the current selected 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("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 showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker) {\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("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("Column configuration")]),s._v(" "),a("p",[s._v("Though column configuration, "),a("code",{pre:!0},[s._v("DatePicker")]),s._v(" get the power of flexible time granularity. There are six columns in total: year, month, date, hour, minute and second. You can configure the starting column and the count of columns by "),a("code",{pre:!0},[s._v("startColumn")]),s._v(" and "),a("code",{pre:!0},[s._v("columnCount")]),s._v(', such as the default "year - month - date" picker is "three column" starting from "year", and "hour - minute - second" picker is the "three column" starting from "time".')]),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("Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("startColumn")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hour'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("year-month-date-hour-minute-second")]),s._v(" "),a("p",[s._v('Similarly, if you want year-month-date-hour-minute-second picker, just "six columns" starting from "year"')]),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('"showDateTimePicker"')]),s._v(">")]),s._v("Date Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("columnCount")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("Format")]),s._v(" "),a("p",[s._v("You can also configure the date format by the property "),a("code",{pre:!0},[s._v("format")]),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('"showFormatPicker"')]),s._v(">")]),s._v("Use format"),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 showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use format'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("format")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("year")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'YY年'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("month")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'MM月'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'第 D 日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),a("p",[s._v("With the "),a("code",{pre:!0},[s._v("$updateProps")]),s._v(" method, you can modify the properties of component instances created by createAPI. For example, in "),a("code",{pre:!0},[s._v("DatePicker")]),s._v(", we can modify the value of "),a("code",{pre:!0},[s._v("value")]),s._v(" attribute to change the date currently selected.")]),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('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),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 showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.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-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2010")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])])])},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("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("the minimum value of optional range")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2010, 1, 1)")]),s._v(" "),a("td",[s._v("new Date(2008, 7, 8)")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("the maximum value of optional range")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2020, 12, 31)")]),s._v(" "),a("td",[s._v("new Date(2020, 9, 20)")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("current selected Date")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the minimum value of optional range")]),s._v(" "),a("td",[s._v("new Date()")])]),s._v(" "),a("tr",[a("td",[s._v("startColumn")]),s._v(" "),a("td",[s._v("the start column")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("year/month/date/hour/minute/second")]),s._v(" "),a("td",[s._v("year")]),s._v(" "),a("td",[s._v("hour")])]),s._v(" "),a("tr",[a("td",[s._v("columnCount")]),s._v(" "),a("td",[s._v("the count of column")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("date format")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ year: 'YYYY', month: 'M', date: 'D', hour: 'hh', minute: 'mm', second: 'ss' }")]),s._v(" "),a("td",[s._v("{ year: 'YY年', month: 'MM月', date: '第 D 日' }")])]),s._v(" "),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("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),s._v(" "),a("td",[s._v("String")]),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("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),s._v(" "),a("td",[s._v("String")]),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("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the confirm button")]),s._v(" "),a("td",[s._v("String")]),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("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("format")]),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("year")]),s._v(" "),a("td",[s._v("the format of year, "),a("code",{pre:!0},[s._v("YYYY")]),s._v(" represent full year,"),a("code",{pre:!0},[s._v("YY")]),s._v(" only last two digit of year")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YYYY")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YY年")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("the format of month, "),a("code",{pre:!0},[s._v("M")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("MM")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("M")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("MM月")])])]),s._v(" "),a("tr",[a("td",[s._v("date")]),s._v(" "),a("td",[s._v("the format of date, "),a("code",{pre:!0},[s._v("D")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("DD")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("D")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("第 D 日")])])]),s._v(" "),a("tr",[a("td",[s._v("hour")]),s._v(" "),a("td",[s._v("the format of hour, "),a("code",{pre:!0},[s._v("h")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("hh")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("hh")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("h点")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("the format of month, "),a("code",{pre:!0},[s._v("m")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("mm")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm分")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("the format of month, "),a("code",{pre:!0},[s._v("s")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("ss")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss秒")])])])])])},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("date: Date, the selected date")]),s._v(" "),a("td",[s._v("selectedVal: Array, the selected value")]),s._v(" "),a("td",[s._v("selectedText: Array, the selected text")])]),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")]),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")])])])},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("show")]),s._v(" "),a("td",[s._v("show")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")])])])])}]}},lqZM:function(s,t,a){var e=a("VU/8")(null,a("G+k3"),null,null,null);s.exports=e.exports}}); \ No newline at end of file +webpackJsonp([68],{"6Rwf":function(s,t,a){s.exports=a("lqZM")},"G+k3":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:"DatePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-DatePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" DatePicker")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("DatePicker can be used to choose date, which has flexible configuration for time granularity, such as year - month - date, hour - minute - second, year - month - date - hour - minute - second, year - month, etc.")]),s._v(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),s._v(" "),s._m(5),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(6),s._v(" "),a("h3",{attrs:{id:"Methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Methods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Methods")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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("You can create a component instance by "),a("code",{pre:!0},[s._v("$createDatePicker")]),s._v(", and configure "),a("code",{pre:!0},[s._v("min")]),s._v(", "),a("code",{pre:!0},[s._v("max")]),s._v(" to set the selected date range. the "),a("code",{pre:!0},[s._v("value")]),s._v(" could use to set the current selected 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("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 showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker) {\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("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("Column configuration")]),s._v(" "),a("p",[s._v("Though column configuration, "),a("code",{pre:!0},[s._v("DatePicker")]),s._v(" get the power of flexible time granularity. There are six columns in total: year, month, date, hour, minute and second. You can configure the starting column and the count of columns by "),a("code",{pre:!0},[s._v("startColumn")]),s._v(" and "),a("code",{pre:!0},[s._v("columnCount")]),s._v(', such as the default "year - month - date" picker is "three column" starting from "year", and "hour - minute - second" picker is the "three column" starting from "time".')]),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("Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("startColumn")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hour'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("year-month-date-hour-minute-second")]),s._v(" "),a("p",[s._v('Similarly, if you want year-month-date-hour-minute-second picker, just "six columns" starting from "year"')]),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('"showDateTimePicker"')]),s._v(">")]),s._v("Date Time 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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),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("max")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("columnCount")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("Format")]),s._v(" "),a("p",[s._v("You can also configure the date format by the property "),a("code",{pre:!0},[s._v("format")]),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('"showFormatPicker"')]),s._v(">")]),s._v("Use format"),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 showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use format'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("format")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("year")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'YY年'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("month")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'MM月'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'第 D 日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),a("p",[s._v("With the "),a("code",{pre:!0},[s._v("$updateProps")]),s._v(" method, you can modify the properties of component instances created by createAPI. For example, in "),a("code",{pre:!0},[s._v("DatePicker")]),s._v(", we can modify the value of "),a("code",{pre:!0},[s._v("value")]),s._v(" attribute to change the date currently selected.")]),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('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),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 showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),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-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.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-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),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("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2010")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(date, selectedVal, selectedText) {\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:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.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 cancelHandle() {\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")])])])])},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("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("the minimum value of optional range")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2010, 1, 1)")]),s._v(" "),a("td",[s._v("new Date(2008, 7, 8)")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("the maximum value of optional range")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2020, 12, 31)")]),s._v(" "),a("td",[s._v("new Date(2020, 9, 20)")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("current selected Date")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the minimum value of optional range")]),s._v(" "),a("td",[s._v("new Date()")])]),s._v(" "),a("tr",[a("td",[s._v("startColumn")]),s._v(" "),a("td",[s._v("the start column")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("year/month/date/hour/minute/second")]),s._v(" "),a("td",[s._v("year")]),s._v(" "),a("td",[s._v("hour")])]),s._v(" "),a("tr",[a("td",[s._v("columnCount")]),s._v(" "),a("td",[s._v("the count of column")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("date format")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ year: 'YYYY', month: 'M', date: 'D', hour: 'hh', minute: 'mm', second: 'ss' }")]),s._v(" "),a("td",[s._v("{ year: 'YY年', month: 'MM月', date: '第 D 日' }")])]),s._v(" "),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("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),s._v(" "),a("td",[s._v("String")]),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("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),s._v(" "),a("td",[s._v("String")]),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("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the confirm button")]),s._v(" "),a("td",[s._v("String")]),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("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("format")]),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("year")]),s._v(" "),a("td",[s._v("the format of year, "),a("code",{pre:!0},[s._v("YYYY")]),s._v(" represent full year,"),a("code",{pre:!0},[s._v("YY")]),s._v(" only last two digit of year")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YYYY")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YY年")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("the format of month, "),a("code",{pre:!0},[s._v("M")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("MM")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("M")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("MM月")])])]),s._v(" "),a("tr",[a("td",[s._v("date")]),s._v(" "),a("td",[s._v("the format of date, "),a("code",{pre:!0},[s._v("D")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("DD")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("D")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("第 D 日")])])]),s._v(" "),a("tr",[a("td",[s._v("hour")]),s._v(" "),a("td",[s._v("the format of hour, "),a("code",{pre:!0},[s._v("h")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("hh")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("hh")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("h点")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("the format of month, "),a("code",{pre:!0},[s._v("m")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("mm")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm分")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("the format of month, "),a("code",{pre:!0},[s._v("s")]),s._v(" don't pad 0,"),a("code",{pre:!0},[s._v("ss")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss秒")])])])])])},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("date: Date, the selected date")]),s._v(" "),a("td",[s._v("selectedVal: Array, the selected value")]),s._v(" "),a("td",[s._v("selectedText: Array, the selected text")])]),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")]),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")])])])},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("show")]),s._v(" "),a("td",[s._v("show")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")])])])])}]}},lqZM:function(s,t,a){var e=a("VU/8")(null,a("G+k3"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/67.3312b78bf490d8e5dba4.js b/docs/js/69.d33678a31d5cd8b42571.js similarity index 99% rename from docs/js/67.3312b78bf490d8e5dba4.js rename to docs/js/69.d33678a31d5cd8b42571.js index ad662192c487340bd342bf621867e59fe989e00c..a4b0de0be9ea1f290b94027d1b423b9007eb4e79 100644 --- a/docs/js/67.3312b78bf490d8e5dba4.js +++ b/docs/js/69.d33678a31d5cd8b42571.js @@ -1 +1 @@ -webpackJsonp([67],{"3JND":function(e,t,s){var a=s("VU/8")(null,s("3OQM"),null,null,null);e.exports=a.exports},"3OQM":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:"create-apimodule"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-create-apimodule-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(" create-api module")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),s("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-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(" createAPI(Vue, Component, [events, single])")]),e._v(" "),e._m(2),e._v(" "),s("h3",{attrs:{id:"HowtouseingeneralJSfilesoruseitinglobal"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-HowtouseingeneralJSfilesoruseitinglobal-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(" How to use in general JS files or use it in global")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),s("p",[e._v("There is another idea which used the mode of data-driven. For example, in vuex, you could use a global state to label whether to call the component, and watch this state in App.vue to handle this component.")])])},staticRenderFns:[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("This module exports a function called "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" with which you can invoke the custom component which has been instantiated in api form. And It could be called both in Vue instance context and "),s("a",{attrs:{href:"https://didi.github.io/cube-ui/#/en-US/docs/create-api#cube-HowtouseingeneralJSfilesoruseitinglobal-anchor"}},[e._v("general js file")]),e._v(".")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[s("strong",[e._v("Notice:")]),e._v(" All componnets which used "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" must be registered by "),s("code",{pre:!0},[e._v("Vue.use")]),e._v(".")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ul",[s("li",[s("p",[e._v("Parameters:")]),e._v(" "),s("ul",[s("li",[s("code",{pre:!0},[e._v("{Function} Vue")]),e._v(" Vue function")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Function | Object} Component")]),e._v(" Vue component which must contains "),s("code",{pre:!0},[e._v("name")])]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Array} [events]")]),e._v(" the collection of the instantiated Vue Component's event name")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Boolean} [single]")]),e._v(" whether singleton")])])]),e._v(" "),s("li",[s("p",[e._v("Usage:")]),e._v(" "),s("ul",[s("li",[s("p",[e._v("This method will add a method which is named "),s("code",{pre:!0},[e._v("$create{camelize(Component.name)}")]),e._v(" to Vue's prototype, so you can instantiate the Vue component by "),s("code",{pre:!0},[e._v("const instance = this.$createAaBb(config, [renderFn, single])")]),e._v(" in other components. The instantiated component's template content will be attached to "),s("code",{pre:!0},[e._v("body")]),e._v(" element.")])]),e._v(" "),s("li",[s("p",[s("code",{pre:!0},[e._v("const instance = this.$createAaBb(config, renderFn, single)")])]),e._v(" "),s("p",[e._v("Parameters:")]),e._v(" "),s("table",[s("thead",[s("tr",[s("th",[e._v("Attribute")]),e._v(" "),s("th",[e._v("Description")]),e._v(" "),s("th",[e._v("Type")]),e._v(" "),s("th",[e._v("Accepted Values")]),e._v(" "),s("th",[e._v("Default")])])]),e._v(" "),s("tbody",[s("tr",[s("td",[e._v("config")]),e._v(" "),s("td",[e._v("Config options")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("{}")]),e._v(" "),s("td",[e._v("-")])]),e._v(" "),s("tr",[s("td",[e._v("renderFn")]),e._v(" "),s("td",[e._v("Optional, used to generate the VNode child node in the slot scene in general")]),e._v(" "),s("td",[e._v("Function")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("function (createElement) {...}")])]),e._v(" "),s("tr",[s("td",[e._v("single")]),e._v(" "),s("td",[e._v("Optional, whether the instantiated component is a singleton or not. If two parameters are provided and the "),s("code",{pre:!0},[e._v("renderFn")]),e._v("'s type is not function, then the "),s("code",{pre:!0},[e._v("single")]),e._v(" value is the sencond parameter's value.")]),e._v(" "),s("td",[e._v("Boolean")]),e._v(" "),s("td",[e._v("single in createAPI()")]),e._v(" "),s("td",[e._v("-")])])])]),e._v(" "),s("p",[e._v("Config options "),s("code",{pre:!0},[e._v("config")]),e._v(":")]),e._v(" "),s("p",[e._v("It will be passed to the component as its props except the events in "),s("code",{pre:!0},[e._v("events")]),e._v("(It will transform by default, eg: If "),s("code",{pre:!0},[e._v("events")]),e._v(" has value "),s("code",{pre:!0},[e._v("['click']")]),e._v(", then the prop "),s("code",{pre:!0},[e._v("onClick")]),e._v(" will be treated as component's event and not component's props).")]),e._v(" "),s("p",[e._v("After 1.8.0+, you can set "),s("code",{pre:!0},[e._v("$props")]),e._v(" and "),s("code",{pre:!0},[e._v("$events")]),e._v(" in "),s("code",{pre:!0},[e._v("config")]),e._v(", "),s("code",{pre:!0},[e._v("$props")]),e._v(" supported reactive properties, these props will be watched.")]),e._v(" "),s("table",[s("thead",[s("tr",[s("th",[e._v("Attribute")]),e._v(" "),s("th",[e._v("Description")]),e._v(" "),s("th",[e._v("Type")]),e._v(" "),s("th",[e._v("Accepted Values")]),e._v(" "),s("th",[e._v("Default")])])]),e._v(" "),s("tbody",[s("tr",[s("td",[e._v("$props")]),e._v(" "),s("td",[e._v("Component props")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("{"),s("br"),e._v(" title: 'title',"),s("br"),e._v(" content: 'my content',"),s("br"),e._v(" open: false"),s("br"),e._v("}")])]),e._v(" "),s("tr",[s("td",[e._v("$events")]),e._v(" "),s("td",[e._v("Component event handlers")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("{"),s("br"),e._v(" click: 'clickHandler',"),s("br"),e._v(" select: this.selectHandler"),s("br"),e._v("}")])])])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("$props")]),e._v(" example, "),s("code",{pre:!0},[e._v("{ [key]: [propKey] }")]),e._v(":")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v("{\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("title")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'title'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'my content'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("open")]),e._v(": "),s("span",{attrs:{class:"hljs-literal"}},[e._v("false")]),e._v("\n}\n")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("title")]),e._v(", "),s("code",{pre:!0},[e._v("content")]),e._v(" and "),s("code",{pre:!0},[e._v("open")]),e._v(" are keys of the component prop, and the prop' value will be taken by the following steps:")]),e._v(" "),s("ol",[s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is not a string value, then use "),s("code",{pre:!0},[e._v("propKey")]),e._v(" as the prop value.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is a string value and the caller instance dont have the "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property, then use "),s("code",{pre:!0},[e._v("propKey")]),e._v(" as the prop value.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is a string value and the caller instance have the "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property, then use the caller's "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property value as the prop value. And the prop value will be reactively.")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("$events")]),e._v(" example, "),s("code",{pre:!0},[e._v("{ [eventName]: [eventValue] }")]),e._v(":")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v("{\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("click")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'clickHandler'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("select")]),e._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".selectHandler\n}\n")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("click")]),e._v(" and "),s("code",{pre:!0},[e._v("select")]),e._v(" are event names, and the event handlers will be taken by the following steps:")]),e._v(" "),s("ol",[s("li",[e._v("If "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" is not a string value, then use "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" as the event handler.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" is a string value, then use the caller's "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" property value as the event handler.")])]),e._v(" "),s("p",[e._v("The Returned value "),s("code",{pre:!0},[e._v("instance")]),e._v(":")]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("instance")]),e._v(" is a instantiated Vue component,and the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method will be "),s("strong",[e._v("attached")]),e._v(" to this instance.You can invoke the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method to destroy the component and detach the component's content from "),s("code",{pre:!0},[e._v("body")]),e._v(" element. If the caller is destroyed and the "),s("code",{pre:!0},[e._v("instance")]),e._v(" will be destroyed too.")])])])]),e._v(" "),s("li",[s("p",[e._v("Example:")]),e._v(" "),s("p",[e._v("First we create Hello.vue component:")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("template")]),e._v(">")]),e._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("div")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("@click")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"clickHandler"')]),e._v(">")]),e._v("\n {{content}}\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("slot")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("name")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"other"')]),e._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("script")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"text/ecmascript-6"')]),e._v(">")]),s("span",{attrs:{class:"javascript"}},[e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("export")]),e._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("default")]),e._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("name")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'hello'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("props")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("String")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("default")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello'")]),e._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n clickHandler(e) {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$emit("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", e)\n }\n }\n }\n")]),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n")])]),e._v(" "),s("p",[e._v("Then we make Hello.vue to an API style component by calling the "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" method.")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Vue "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'vue'")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Hello "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'./Hello.vue'")]),e._v("\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// import Style to load the base style")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* eslint-disable no-unused-vars */")]),e._v("\n Style,\n Dialog,\n createAPI\n } "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n\n Vue.use(Dialog)\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// create this.$createHello API")]),e._v("\n createAPI(Vue, Hello, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v("], "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v(")\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// init Vue")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" Vue({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("el")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'#app'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("render")]),e._v(": "),s("span",{attrs:{class:"hljs-function"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" ("),s("span",{attrs:{class:"hljs-params"}},[e._v("h")]),e._v(") ")]),e._v("{\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" h("),s("span",{attrs:{class:"hljs-string"}},[e._v("'button'")]),e._v(", {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("on")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("click")]),e._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".showHello\n }\n }, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'Show Hello'")]),e._v("])\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n showHello() {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._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) */")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" instance = "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createHello({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'My Hello Content'")]),e._v(",\n onClick(e) {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello component clicked.'")]),e._v(")\n }\n }, "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* renderFn */")]),e._v(" (createElement) => {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" [\n createElement("),s("span",{attrs:{class:"hljs-string"}},[e._v("'p'")]),e._v(", {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("slot")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other'")]),e._v("\n }, "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other content'")]),e._v(")\n ]\n })\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// Also, the event hanlder can be registered by instance's `$on` method")]),e._v("\n instance.$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", (e) => {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" $dialog = "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createDialog({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'click confirm to remove current instance'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("icon")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cubeic-alert'")]),e._v("\n })\n $dialog.show()\n\n $dialog.$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(", () => {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// remove instance")]),e._v("\n instance.remove()\n }).$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'cancel'")]),e._v(", () => {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'cancel'")]),e._v(")\n })\n })\n }\n }\n })\n")])]),e._v(" "),s("p",[e._v("In this example, we create a component "),s("code",{pre:!0},[e._v("Hello")]),e._v(" which needs to be invoked in api form and we invoke it in another component.The focus is what "),s("code",{pre:!0},[e._v("showHello()")]),e._v(" does: invoking method "),s("code",{pre:!0},[e._v("this.$createHello(config, renderFn)")]),e._v(" to instantiate "),s("code",{pre:!0},[e._v("Hello")]),e._v(".")])])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("In vue component, you could call by "),s("code",{pre:!0},[e._v("this.$createHello(config, renderFn)")]),e._v(" because the "),s("code",{pre:!0},[e._v("this")]),e._v(" is just a Vue instance. But in general JS files, you need to use "),s("code",{pre:!0},[e._v("Hello.$create")]),e._v(". As shown below:")])},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-keyword"}},[e._v("import")]),e._v(" Hello "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'./hello.vue'")]),e._v("\n\nHello.$create(config, renderFn)\n")])])}]}},"i/fd":function(e,t,s){e.exports=s("3JND")}}); \ No newline at end of file +webpackJsonp([69],{"3JND":function(e,t,s){var a=s("VU/8")(null,s("3OQM"),null,null,null);e.exports=a.exports},"3OQM":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:"create-apimodule"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-create-apimodule-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(" create-api module")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),s("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-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(" createAPI(Vue, Component, [events, single])")]),e._v(" "),e._m(2),e._v(" "),s("h3",{attrs:{id:"HowtouseingeneralJSfilesoruseitinglobal"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-HowtouseingeneralJSfilesoruseitinglobal-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(" How to use in general JS files or use it in global")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),s("p",[e._v("There is another idea which used the mode of data-driven. For example, in vuex, you could use a global state to label whether to call the component, and watch this state in App.vue to handle this component.")])])},staticRenderFns:[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("This module exports a function called "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" with which you can invoke the custom component which has been instantiated in api form. And It could be called both in Vue instance context and "),s("a",{attrs:{href:"https://didi.github.io/cube-ui/#/en-US/docs/create-api#cube-HowtouseingeneralJSfilesoruseitinglobal-anchor"}},[e._v("general js file")]),e._v(".")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[s("strong",[e._v("Notice:")]),e._v(" All componnets which used "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" must be registered by "),s("code",{pre:!0},[e._v("Vue.use")]),e._v(".")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ul",[s("li",[s("p",[e._v("Parameters:")]),e._v(" "),s("ul",[s("li",[s("code",{pre:!0},[e._v("{Function} Vue")]),e._v(" Vue function")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Function | Object} Component")]),e._v(" Vue component which must contains "),s("code",{pre:!0},[e._v("name")])]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Array} [events]")]),e._v(" the collection of the instantiated Vue Component's event name")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Boolean} [single]")]),e._v(" whether singleton")])])]),e._v(" "),s("li",[s("p",[e._v("Usage:")]),e._v(" "),s("ul",[s("li",[s("p",[e._v("This method will add a method which is named "),s("code",{pre:!0},[e._v("$create{camelize(Component.name)}")]),e._v(" to Vue's prototype, so you can instantiate the Vue component by "),s("code",{pre:!0},[e._v("const instance = this.$createAaBb(config, [renderFn, single])")]),e._v(" in other components. The instantiated component's template content will be attached to "),s("code",{pre:!0},[e._v("body")]),e._v(" element.")])]),e._v(" "),s("li",[s("p",[s("code",{pre:!0},[e._v("const instance = this.$createAaBb(config, renderFn, single)")])]),e._v(" "),s("p",[e._v("Parameters:")]),e._v(" "),s("table",[s("thead",[s("tr",[s("th",[e._v("Attribute")]),e._v(" "),s("th",[e._v("Description")]),e._v(" "),s("th",[e._v("Type")]),e._v(" "),s("th",[e._v("Accepted Values")]),e._v(" "),s("th",[e._v("Default")])])]),e._v(" "),s("tbody",[s("tr",[s("td",[e._v("config")]),e._v(" "),s("td",[e._v("Config options")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("{}")]),e._v(" "),s("td",[e._v("-")])]),e._v(" "),s("tr",[s("td",[e._v("renderFn")]),e._v(" "),s("td",[e._v("Optional, used to generate the VNode child node in the slot scene in general")]),e._v(" "),s("td",[e._v("Function")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("function (createElement) {...}")])]),e._v(" "),s("tr",[s("td",[e._v("single")]),e._v(" "),s("td",[e._v("Optional, whether the instantiated component is a singleton or not. If two parameters are provided and the "),s("code",{pre:!0},[e._v("renderFn")]),e._v("'s type is not function, then the "),s("code",{pre:!0},[e._v("single")]),e._v(" value is the sencond parameter's value.")]),e._v(" "),s("td",[e._v("Boolean")]),e._v(" "),s("td",[e._v("single in createAPI()")]),e._v(" "),s("td",[e._v("-")])])])]),e._v(" "),s("p",[e._v("Config options "),s("code",{pre:!0},[e._v("config")]),e._v(":")]),e._v(" "),s("p",[e._v("It will be passed to the component as its props except the events in "),s("code",{pre:!0},[e._v("events")]),e._v("(It will transform by default, eg: If "),s("code",{pre:!0},[e._v("events")]),e._v(" has value "),s("code",{pre:!0},[e._v("['click']")]),e._v(", then the prop "),s("code",{pre:!0},[e._v("onClick")]),e._v(" will be treated as component's event and not component's props).")]),e._v(" "),s("p",[e._v("After 1.8.0+, you can set "),s("code",{pre:!0},[e._v("$props")]),e._v(" and "),s("code",{pre:!0},[e._v("$events")]),e._v(" in "),s("code",{pre:!0},[e._v("config")]),e._v(", "),s("code",{pre:!0},[e._v("$props")]),e._v(" supported reactive properties, these props will be watched.")]),e._v(" "),s("table",[s("thead",[s("tr",[s("th",[e._v("Attribute")]),e._v(" "),s("th",[e._v("Description")]),e._v(" "),s("th",[e._v("Type")]),e._v(" "),s("th",[e._v("Accepted Values")]),e._v(" "),s("th",[e._v("Default")])])]),e._v(" "),s("tbody",[s("tr",[s("td",[e._v("$props")]),e._v(" "),s("td",[e._v("Component props")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("{"),s("br"),e._v(" title: 'title',"),s("br"),e._v(" content: 'my content',"),s("br"),e._v(" open: false"),s("br"),e._v("}")])]),e._v(" "),s("tr",[s("td",[e._v("$events")]),e._v(" "),s("td",[e._v("Component event handlers")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("{"),s("br"),e._v(" click: 'clickHandler',"),s("br"),e._v(" select: this.selectHandler"),s("br"),e._v("}")])])])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("$props")]),e._v(" example, "),s("code",{pre:!0},[e._v("{ [key]: [propKey] }")]),e._v(":")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v("{\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("title")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'title'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'my content'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("open")]),e._v(": "),s("span",{attrs:{class:"hljs-literal"}},[e._v("false")]),e._v("\n}\n")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("title")]),e._v(", "),s("code",{pre:!0},[e._v("content")]),e._v(" and "),s("code",{pre:!0},[e._v("open")]),e._v(" are keys of the component prop, and the prop' value will be taken by the following steps:")]),e._v(" "),s("ol",[s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is not a string value, then use "),s("code",{pre:!0},[e._v("propKey")]),e._v(" as the prop value.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is a string value and the caller instance dont have the "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property, then use "),s("code",{pre:!0},[e._v("propKey")]),e._v(" as the prop value.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is a string value and the caller instance have the "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property, then use the caller's "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property value as the prop value. And the prop value will be reactively.")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("$events")]),e._v(" example, "),s("code",{pre:!0},[e._v("{ [eventName]: [eventValue] }")]),e._v(":")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v("{\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("click")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'clickHandler'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("select")]),e._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".selectHandler\n}\n")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("click")]),e._v(" and "),s("code",{pre:!0},[e._v("select")]),e._v(" are event names, and the event handlers will be taken by the following steps:")]),e._v(" "),s("ol",[s("li",[e._v("If "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" is not a string value, then use "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" as the event handler.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" is a string value, then use the caller's "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" property value as the event handler.")])]),e._v(" "),s("p",[e._v("The Returned value "),s("code",{pre:!0},[e._v("instance")]),e._v(":")]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("instance")]),e._v(" is a instantiated Vue component,and the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method will be "),s("strong",[e._v("attached")]),e._v(" to this instance.You can invoke the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method to destroy the component and detach the component's content from "),s("code",{pre:!0},[e._v("body")]),e._v(" element. If the caller is destroyed and the "),s("code",{pre:!0},[e._v("instance")]),e._v(" will be destroyed too.")])])])]),e._v(" "),s("li",[s("p",[e._v("Example:")]),e._v(" "),s("p",[e._v("First we create Hello.vue component:")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("template")]),e._v(">")]),e._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("div")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("@click")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"clickHandler"')]),e._v(">")]),e._v("\n {{content}}\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("slot")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("name")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"other"')]),e._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("script")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"text/ecmascript-6"')]),e._v(">")]),s("span",{attrs:{class:"javascript"}},[e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("export")]),e._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("default")]),e._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("name")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'hello'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("props")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("String")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("default")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello'")]),e._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n clickHandler(e) {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$emit("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", e)\n }\n }\n }\n")]),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n")])]),e._v(" "),s("p",[e._v("Then we make Hello.vue to an API style component by calling the "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" method.")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Vue "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'vue'")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Hello "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'./Hello.vue'")]),e._v("\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// import Style to load the base style")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* eslint-disable no-unused-vars */")]),e._v("\n Style,\n Dialog,\n createAPI\n } "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n\n Vue.use(Dialog)\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// create this.$createHello API")]),e._v("\n createAPI(Vue, Hello, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v("], "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v(")\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// init Vue")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" Vue({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("el")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'#app'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("render")]),e._v(": "),s("span",{attrs:{class:"hljs-function"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" ("),s("span",{attrs:{class:"hljs-params"}},[e._v("h")]),e._v(") ")]),e._v("{\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" h("),s("span",{attrs:{class:"hljs-string"}},[e._v("'button'")]),e._v(", {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("on")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("click")]),e._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".showHello\n }\n }, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'Show Hello'")]),e._v("])\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n showHello() {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._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) */")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" instance = "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createHello({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'My Hello Content'")]),e._v(",\n onClick(e) {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello component clicked.'")]),e._v(")\n }\n }, "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* renderFn */")]),e._v(" (createElement) => {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" [\n createElement("),s("span",{attrs:{class:"hljs-string"}},[e._v("'p'")]),e._v(", {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("slot")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other'")]),e._v("\n }, "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other content'")]),e._v(")\n ]\n })\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// Also, the event hanlder can be registered by instance's `$on` method")]),e._v("\n instance.$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", (e) => {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" $dialog = "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createDialog({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'click confirm to remove current instance'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("icon")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cubeic-alert'")]),e._v("\n })\n $dialog.show()\n\n $dialog.$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(", () => {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// remove instance")]),e._v("\n instance.remove()\n }).$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'cancel'")]),e._v(", () => {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'cancel'")]),e._v(")\n })\n })\n }\n }\n })\n")])]),e._v(" "),s("p",[e._v("In this example, we create a component "),s("code",{pre:!0},[e._v("Hello")]),e._v(" which needs to be invoked in api form and we invoke it in another component.The focus is what "),s("code",{pre:!0},[e._v("showHello()")]),e._v(" does: invoking method "),s("code",{pre:!0},[e._v("this.$createHello(config, renderFn)")]),e._v(" to instantiate "),s("code",{pre:!0},[e._v("Hello")]),e._v(".")])])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("In vue component, you could call by "),s("code",{pre:!0},[e._v("this.$createHello(config, renderFn)")]),e._v(" because the "),s("code",{pre:!0},[e._v("this")]),e._v(" is just a Vue instance. But in general JS files, you need to use "),s("code",{pre:!0},[e._v("Hello.$create")]),e._v(". As shown below:")])},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-keyword"}},[e._v("import")]),e._v(" Hello "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'./hello.vue'")]),e._v("\n\nHello.$create(config, renderFn)\n")])])}]}},"i/fd":function(e,t,s){e.exports=s("3JND")}}); \ No newline at end of file diff --git a/docs/js/7.e4b7876c8c7c75a8ff27.js b/docs/js/7.e4b7876c8c7c75a8ff27.js new file mode 100644 index 0000000000000000000000000000000000000000..8875384980af0c9d4bea8e1efe27421740563bea --- /dev/null +++ b/docs/js/7.e4b7876c8c7c75a8ff27.js @@ -0,0 +1 @@ +webpackJsonp([7],{C6Sj:function(s,t,a){s.exports=a("Ftqs")},Ftqs:function(s,t,a){var v=a("VU/8")(null,a("jHeO"),null,null,null);s.exports=v.exports},jHeO: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(" "),s._m(1),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(2),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(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),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(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)])},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("p",[a("strong",[s._v("注:")]),s._v(" 由于此组件基于 create-api 实现,所以在使用之前,请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),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("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("是否显示现在;以及现在选项的文案"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("Boolean, Object"),a("sup",[s._v("1.9.0")])]),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")])]),s._v(" "),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("subtitle"),a("sup",[s._v("1.8.1")])]),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("cancelTxt"),a("sup",[s._v("1.8.1")])]),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("confirmTxt"),a("sup",[s._v("1.8.1")])]),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("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时,惯性滚动动画的时长,单位:ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态,是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),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("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("ul",[a("li",[a("code",{pre:!0},[s._v("showNow")]),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("text"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("现在选项的文案")]),s._v(" "),a("td",[s._v("String")]),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("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("时间戳")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/68.f0bcbf6358d8604be1e2.js b/docs/js/70.6a5a693e21966eb100f4.js similarity index 99% rename from docs/js/68.f0bcbf6358d8604be1e2.js rename to docs/js/70.6a5a693e21966eb100f4.js index f1becbe12f1ed74a35691b63e3464cf85efc30dd..abc2ca139ca0308dcf89d3d6ab16508e92fed5a5 100644 --- a/docs/js/68.f0bcbf6358d8604be1e2.js +++ b/docs/js/70.6a5a693e21966eb100f4.js @@ -1 +1 @@ -webpackJsonp([68],{"18H/":function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",[e("h2",{attrs:{id:"Checkbox"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox-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"}})])]),t._v(" Checkbox")]),t._v(" "),t._m(0),t._v(" "),e("h3",{attrs:{id:"Example"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Example-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"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),e("h3",{attrs:{id:"Propsconfiguration"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-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"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4)])},staticRenderFns:[function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("p",[e("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,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("p",[t._v("Basic usage")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(">")]),t._v("\n Checkbox\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("p",[t._v("If selected, the value of "),e("code",{pre:!0},[t._v("checked")]),t._v(" is "),e("code",{pre:!0},[t._v("true")]),t._v(".")])]),t._v(" "),e("li",[e("p",[t._v("Styled checkbox")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("position")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"right"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("shape")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"square"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":hollow-style")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Styled Checkbox\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("p",[t._v("If setting "),e("code",{pre:!0},[t._v("position")]),t._v(" to "),e("code",{pre:!0},[t._v("'right'")]),t._v(", the position of the checkbox's icon is on the right. And you could use "),e("code",{pre:!0},[t._v("shape")]),t._v(" to configure the shape of icon, set "),e("code",{pre:!0},[t._v("hollow-style=true")]),t._v(" to use hollow-out style.")])]),t._v(" "),e("li",[e("p",[t._v("Change the value of model")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":option")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"option"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("checked")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("option")]),t._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Option Checkbox'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'optionValue'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n }\n }\n}\n")])]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("option")]),t._v(" is setted, and when the checkbox is selected, the value of "),e("code",{pre:!0},[t._v("checked")]),t._v(" is "),e("code",{pre:!0},[t._v("'optionValue'")]),t._v(". When not selected, the value is "),e("code",{pre:!0},[t._v("false")]),t._v("; Therefore, in circumstances of single checkbox, better not set "),e("code",{pre:!0},[t._v("option")]),t._v(".")])]),t._v(" "),e("li",[e("p",[t._v("Disabled state")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":option")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"{disabled: true}"')]),t._v(">")]),t._v("\n Disabled Checkbox\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("option")]),t._v(" "),e("td",[t._v("option value")]),t._v(" "),e("td",[t._v("Boolean/String/Object")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("position")]),t._v(" "),e("td",[t._v("icon position")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("left/right")]),t._v(" "),e("td",[t._v("left")])]),t._v(" "),e("tr",[e("td",[t._v("shape")]),t._v(" "),e("td",[t._v("icon shape")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("circle/square")]),t._v(" "),e("td",[t._v("circle")])]),t._v(" "),e("tr",[e("td",[t._v("hollow-style")]),t._v(" "),e("td",[t._v("whether is hollow-out style")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("code",{pre:!0},[t._v("option")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("label")]),t._v(" "),e("td",[t._v("the text of label")]),t._v(" "),e("td",[t._v("String")])]),t._v(" "),e("tr",[e("td",[t._v("value")]),t._v(" "),e("td",[t._v("the value of checkbox item")]),t._v(" "),e("td",[t._v("String/Number")])]),t._v(" "),e("tr",[e("td",[t._v("disabled")]),t._v(" "),e("td",[t._v("whether the checkbox item is disabled")]),t._v(" "),e("td",[t._v("Boolean")])])])])}]}},QTnR:function(t,s,e){t.exports=e("nejK")},nejK:function(t,s,e){var a=e("VU/8")(null,e("18H/"),null,null,null);t.exports=a.exports}}); \ No newline at end of file +webpackJsonp([70],{"18H/":function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",[e("h2",{attrs:{id:"Checkbox"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox-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"}})])]),t._v(" Checkbox")]),t._v(" "),t._m(0),t._v(" "),e("h3",{attrs:{id:"Example"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Example-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"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),e("h3",{attrs:{id:"Propsconfiguration"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-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"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4)])},staticRenderFns:[function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("p",[e("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,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("p",[t._v("Basic usage")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(">")]),t._v("\n Checkbox\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("p",[t._v("If selected, the value of "),e("code",{pre:!0},[t._v("checked")]),t._v(" is "),e("code",{pre:!0},[t._v("true")]),t._v(".")])]),t._v(" "),e("li",[e("p",[t._v("Styled checkbox")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("position")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"right"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("shape")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"square"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":hollow-style")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Styled Checkbox\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("p",[t._v("If setting "),e("code",{pre:!0},[t._v("position")]),t._v(" to "),e("code",{pre:!0},[t._v("'right'")]),t._v(", the position of the checkbox's icon is on the right. And you could use "),e("code",{pre:!0},[t._v("shape")]),t._v(" to configure the shape of icon, set "),e("code",{pre:!0},[t._v("hollow-style=true")]),t._v(" to use hollow-out style.")])]),t._v(" "),e("li",[e("p",[t._v("Change the value of model")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":option")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"option"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("checked")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("option")]),t._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Option Checkbox'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'optionValue'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n }\n }\n}\n")])]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("option")]),t._v(" is setted, and when the checkbox is selected, the value of "),e("code",{pre:!0},[t._v("checked")]),t._v(" is "),e("code",{pre:!0},[t._v("'optionValue'")]),t._v(". When not selected, the value is "),e("code",{pre:!0},[t._v("false")]),t._v("; Therefore, in circumstances of single checkbox, better not set "),e("code",{pre:!0},[t._v("option")]),t._v(".")])]),t._v(" "),e("li",[e("p",[t._v("Disabled state")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":option")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"{disabled: true}"')]),t._v(">")]),t._v("\n Disabled Checkbox\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("option")]),t._v(" "),e("td",[t._v("option value")]),t._v(" "),e("td",[t._v("Boolean/String/Object")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("position")]),t._v(" "),e("td",[t._v("icon position")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("left/right")]),t._v(" "),e("td",[t._v("left")])]),t._v(" "),e("tr",[e("td",[t._v("shape")]),t._v(" "),e("td",[t._v("icon shape")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("circle/square")]),t._v(" "),e("td",[t._v("circle")])]),t._v(" "),e("tr",[e("td",[t._v("hollow-style")]),t._v(" "),e("td",[t._v("whether is hollow-out style")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("code",{pre:!0},[t._v("option")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("label")]),t._v(" "),e("td",[t._v("the text of label")]),t._v(" "),e("td",[t._v("String")])]),t._v(" "),e("tr",[e("td",[t._v("value")]),t._v(" "),e("td",[t._v("the value of checkbox item")]),t._v(" "),e("td",[t._v("String/Number")])]),t._v(" "),e("tr",[e("td",[t._v("disabled")]),t._v(" "),e("td",[t._v("whether the checkbox item is disabled")]),t._v(" "),e("td",[t._v("Boolean")])])])])}]}},QTnR:function(t,s,e){t.exports=e("nejK")},nejK:function(t,s,e){var a=e("VU/8")(null,e("18H/"),null,null,null);t.exports=a.exports}}); \ No newline at end of file diff --git a/docs/js/69.647ea0f45177a479b8a0.js b/docs/js/71.2bd7584e98d4a9fe0011.js similarity index 99% rename from docs/js/69.647ea0f45177a479b8a0.js rename to docs/js/71.2bd7584e98d4a9fe0011.js index 5722e822c43ef460ef18d2301b30338c7acb710e..25e4ec2cafe27f070532a5097cff89825fde5e02 100644 --- a/docs/js/69.647ea0f45177a479b8a0.js +++ b/docs/js/71.2bd7584e98d4a9fe0011.js @@ -1 +1 @@ -webpackJsonp([69],{qjpr: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:"CheckboxGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),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)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("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,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Vertical order")]),s._v(" "),a("p",[s._v("Default is vertical order 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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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("checkList")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),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 value of "),a("code",{pre:!0},[s._v("checkList")]),s._v(" is an array, which represents the set of the values of "),a("code",{pre:!0},[s._v("value")]),s._v(" in selected checkboxs.")])]),s._v(" "),a("li",[a("p",[s._v("Horizontal order and icon shape")]),s._v(" "),a("p",[s._v("You can set "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" to change the style to horizontal order. Besides, you could use "),a("code",{pre:!0},[s._v("shape")]),s._v(" to configure the shape of icon and set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out 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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Use 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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),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("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 1"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 2"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '3', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled Checkbox"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '4', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled & Checked Checkbox"),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")])]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(", "),a("a",{attrs:{href:"#/en-US/docs/checkbox"}},[s._v("cube-checkbox doc")]),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("options")]),s._v(" "),a("td",[s._v("array of checkbox 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("horizontal")]),s._v(" "),a("td",[s._v("whether in horizontal order")]),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("shape")]),s._v(" "),a("td",[s._v("icon shape")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),s._v(" "),a("td",[s._v("whether is hollow-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("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("label content")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("checkbox item value")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("whether 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 "),a("code",{pre:!0},[s._v("options")]),s._v(" item can be an string value, now both the"),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" values are the string value.")])}]}},wNVF:function(s,t,a){s.exports=a("xIH8")},xIH8:function(s,t,a){var e=a("VU/8")(null,a("qjpr"),null,null,null);s.exports=e.exports}}); \ No newline at end of file +webpackJsonp([71],{qjpr: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:"CheckboxGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),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)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("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,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Vertical order")]),s._v(" "),a("p",[s._v("Default is vertical order 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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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("checkList")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\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 "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),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 value of "),a("code",{pre:!0},[s._v("checkList")]),s._v(" is an array, which represents the set of the values of "),a("code",{pre:!0},[s._v("value")]),s._v(" in selected checkboxs.")])]),s._v(" "),a("li",[a("p",[s._v("Horizontal order and icon shape")]),s._v(" "),a("p",[s._v("You can set "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" to change the style to horizontal order. Besides, you could use "),a("code",{pre:!0},[s._v("shape")]),s._v(" to configure the shape of icon and set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out 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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),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-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Use 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-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),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("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 1"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 2"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '3', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled Checkbox"),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("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '4', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled & Checked Checkbox"),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")])]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(", "),a("a",{attrs:{href:"#/en-US/docs/checkbox"}},[s._v("cube-checkbox doc")]),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("options")]),s._v(" "),a("td",[s._v("array of checkbox 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("horizontal")]),s._v(" "),a("td",[s._v("whether in horizontal order")]),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("shape")]),s._v(" "),a("td",[s._v("icon shape")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),s._v(" "),a("td",[s._v("whether is hollow-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("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("label content")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("checkbox item value")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("whether 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 "),a("code",{pre:!0},[s._v("options")]),s._v(" item can be an string value, now both the"),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" values are the string value.")])}]}},wNVF:function(s,t,a){s.exports=a("xIH8")},xIH8:function(s,t,a){var e=a("VU/8")(null,a("qjpr"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/70.fc0738d0b7308c3884d1.js b/docs/js/72.bdeb737358bb4763fd18.js similarity index 99% rename from docs/js/70.fc0738d0b7308c3884d1.js rename to docs/js/72.bdeb737358bb4763fd18.js index 11c478451fbf6404a89137d307c6b95e9b9b64a1..9e1a10bd86dee0b2802d03acbe13edb7d739be7a 100644 --- a/docs/js/70.fc0738d0b7308c3884d1.js +++ b/docs/js/72.bdeb737358bb4763fd18.js @@ -1 +1 @@ -webpackJsonp([70],{KI1o:function(s,t,a){s.exports=a("QRzD")},QRzD:function(s,t,a){var e=a("VU/8")(null,a("eo6G"),null,null,null);s.exports=e.exports},eo6G: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(" "),s._m(1),s._v(" "),s._m(2),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(3),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(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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.2.0+")])])},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("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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("0")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])]),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("Address Picker")]),s._v(" "),a("p",[s._v("For address 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('"showAddressPicker"')]),s._v(">")]),s._v("Address 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(" addressData = provinceList\naddressData.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(".addressPicker = "),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(": addressData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAddressPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),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('"showSetDataPicker"')]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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(addressData, ["),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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("Async load data")]),s._v(" "),a("p",[s._v("When the data is too large, it will be really hard to construct the whole cascade data tree at beginning. For this case, you could use the property "),a("code",{pre:!0},[s._v("async")]),s._v(" to enable async load data and update the data at the event "),a("code",{pre:!0},[s._v("change")]),s._v(". Before the data is updated, we will block the confirm handler temporarily.")]),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('"showAsyncPicker"')]),s._v(">")]),s._v("Async Load Data"),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(" asyncData = provinceList\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncSelectedIndex = ["),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("]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = cityList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = areaList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\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(".asyncPicker = "),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("'Async Load Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("async")]),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(": asyncData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": asyncSelectedIndex.slice(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncChangeHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n asyncChangeHandle(i, newIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== asyncSelectedIndex[i]) {\n asyncSelectedIndex[i] = newIndex\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// If the first two column is changed, request the data for rest columns.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[newIndex]\n current.children = current.children || cityList[current.value]\n current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children || areaList[current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].children[newIndex]\n current.children = current.children || areaList[current.value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.setData(asyncData, asyncSelectedIndex)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(")\n }\n }\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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("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("async"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("async load data")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),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("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),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("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),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 confirm button")]),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("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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(" 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("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),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([72],{KI1o:function(s,t,a){s.exports=a("QRzD")},QRzD:function(s,t,a){var e=a("VU/8")(null,a("eo6G"),null,null,null);s.exports=e.exports},eo6G: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(" "),s._m(1),s._v(" "),s._m(2),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(3),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(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),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(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.2.0+")])])},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("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},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("0")]),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-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])]),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("Address Picker")]),s._v(" "),a("p",[s._v("For address 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('"showAddressPicker"')]),s._v(">")]),s._v("Address 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(" addressData = provinceList\naddressData.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(".addressPicker = "),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(": addressData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAddressPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),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('"showSetDataPicker"')]),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-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\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(addressData, ["),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 selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])]),s._v(" "),a("li",[a("p",[s._v("Async load data")]),s._v(" "),a("p",[s._v("When the data is too large, it will be really hard to construct the whole cascade data tree at beginning. For this case, you could use the property "),a("code",{pre:!0},[s._v("async")]),s._v(" to enable async load data and update the data at the event "),a("code",{pre:!0},[s._v("change")]),s._v(". Before the data is updated, we will block the confirm handler temporarily.")]),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('"showAsyncPicker"')]),s._v(">")]),s._v("Async Load Data"),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(" asyncData = provinceList\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncSelectedIndex = ["),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("]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = cityList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = areaList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\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(".asyncPicker = "),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("'Async Load Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("async")]),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(": asyncData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": asyncSelectedIndex.slice(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncChangeHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n asyncChangeHandle(i, newIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== asyncSelectedIndex[i]) {\n asyncSelectedIndex[i] = newIndex\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// If the first two column is changed, request the data for rest columns.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),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(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[newIndex]\n current.children = current.children || cityList[current.value]\n current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children || areaList[current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].children[newIndex]\n current.children = current.children || areaList[current.value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.setData(asyncData, asyncSelectedIndex)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(")\n }\n }\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\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("
- 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 cancelHandle() {\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")])])])])},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("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("async"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("async load data")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),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("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),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("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),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 confirm button")]),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("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),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'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),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(" 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("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),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/71.04ac004ba824af857778.js b/docs/js/73.99365621c3a8e2fe4b5e.js similarity index 99% rename from docs/js/71.04ac004ba824af857778.js rename to docs/js/73.99365621c3a8e2fe4b5e.js index ae9fe6d892df6a8928d94918d7c37b5cd107d32a..60be6daec5461977379a1358580ddd5197a2f9ea 100644 --- a/docs/js/71.04ac004ba824af857778.js +++ b/docs/js/73.99365621c3a8e2fe4b5e.js @@ -1 +1 @@ -webpackJsonp([71],{"4Xeq":function(t,s,a){t.exports=a("P/Yg")},"P/Yg":function(t,s,a){var v=a("VU/8")(null,a("hGzj"),null,null,null);t.exports=v.exports},hGzj: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([73],{"4Xeq":function(t,s,a){t.exports=a("P/Yg")},"P/Yg":function(t,s,a){var v=a("VU/8")(null,a("hGzj"),null,null,null);t.exports=v.exports},hGzj: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/72.d2d80931863a1f05fad7.js b/docs/js/74.1cb672f66735f3719bc1.js similarity index 97% rename from docs/js/72.d2d80931863a1f05fad7.js rename to docs/js/74.1cb672f66735f3719bc1.js index a7bfbdd3855cedf59a2f661a901d26146dc5fc9f..67e9a53d3aafe9b5a4e794e596cb7cb837c6faac 100644 --- a/docs/js/72.d2d80931863a1f05fad7.js +++ b/docs/js/74.1cb672f66735f3719bc1.js @@ -1 +1 @@ -webpackJsonp([72],{"1H2i":function(t,e,r){t.exports=r("myNN")},"3kb2":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")])])])])}]}},myNN:function(t,e,r){var s=r("VU/8")(null,r("3kb2"),null,null,null);t.exports=s.exports}}); \ No newline at end of file +webpackJsonp([74],{"1H2i":function(t,e,r){t.exports=r("myNN")},"3kb2":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")])])])])}]}},myNN:function(t,e,r){var s=r("VU/8")(null,r("3kb2"),null,null,null);t.exports=s.exports}}); \ No newline at end of file diff --git a/docs/js/73.117000c1b59db58bf5d4.js b/docs/js/75.a9d7318900b0ab7bf088.js similarity index 99% rename from docs/js/73.117000c1b59db58bf5d4.js rename to docs/js/75.a9d7318900b0ab7bf088.js index c02aff27271ec300f9da7a3beee479166ec47519..f163d9c09cf2cdc9b5756fc1727a99dcf592cae5 100644 --- a/docs/js/73.117000c1b59db58bf5d4.js +++ b/docs/js/75.a9d7318900b0ab7bf088.js @@ -1 +1 @@ -webpackJsonp([73],{E7JB:function(t,s,a){var n=a("VU/8")(null,a("dhZy"),null,null,null);t.exports=n.exports},dhZy: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(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),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(6),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(7)])},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("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},egGD:function(t,s,a){t.exports=a("E7JB")}}); \ No newline at end of file +webpackJsonp([75],{E7JB:function(t,s,a){var n=a("VU/8")(null,a("dhZy"),null,null,null);t.exports=n.exports},dhZy: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(" "),t._m(1),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(2),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(3),t._v(" "),t._m(4),t._v(" "),t._m(5),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(6),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(7)])},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("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},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")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),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")])])])])},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("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},egGD:function(t,s,a){t.exports=a("E7JB")}}); \ No newline at end of file diff --git a/docs/js/7.f2b3f2f665d2f94a4033.js b/docs/js/8.312a6ffe617d44c584f6.js similarity index 99% rename from docs/js/7.f2b3f2f665d2f94a4033.js rename to docs/js/8.312a6ffe617d44c584f6.js index a1b71cdd084ea2e463b7f4b006d781c43aa97d9b..810d1a69c4f060f3f1e32496065e1b27e0c699f6 100644 --- a/docs/js/7.f2b3f2f665d2f94a4033.js +++ b/docs/js/8.312a6ffe617d44c584f6.js @@ -1 +1 @@ -webpackJsonp([7],{"7PUU":function(s,a,t){s.exports=t("rIIE")},E9Iv: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("// bubble")]),s._v("\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("-"),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-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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-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("-hollow-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-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-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("-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("// radio")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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("$radio")]),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-comment"}},[s._v("/// selected")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-selected-"),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("$radio")]),s._v("-hollow-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\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("// loading")]),s._v("\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("//scroll")]),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("// time-picker")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// upload")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("$upload")]),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("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("box-shadow")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("6px")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("2px")]),s._v(" "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e5e5e5")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", ."),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-state-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-variable"}},[s._v("$upload")]),s._v("-file-success-"),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("$upload")]),s._v("-file-error-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f43530")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-status-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-progress-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// switch")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-on-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e4e4e4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// input")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),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("$input")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-placeholder-"),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("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v("-icon-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//textarea")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("$textarea")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-placeholder-"),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("$textarea")]),s._v("-indicator-"),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("// validator")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$validator")]),s._v("-msg-def-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// select")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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("$select")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#b8b8b8")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v("-active-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-placeholder-"),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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// swipe")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$swipe")]),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("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),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("$form")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-invalid-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-"),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("$form")]),s._v("-group-legend-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-label-required-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// drawer")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-"),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("$drawer")]),s._v("-title-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-panel-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-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")])])},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")])])}]}},rIIE:function(s,a,t){var l=t("VU/8")(null,t("E9Iv"),null,null,null);s.exports=l.exports}}); \ No newline at end of file +webpackJsonp([8],{"7PUU":function(s,a,t){s.exports=t("rIIE")},E9Iv: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("// bubble")]),s._v("\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("-"),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-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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-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("-hollow-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-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-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("-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("// radio")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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("$radio")]),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-comment"}},[s._v("/// selected")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-selected-"),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("$radio")]),s._v("-hollow-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\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("// loading")]),s._v("\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("//scroll")]),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("// time-picker")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// upload")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),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("$upload")]),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("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("box-shadow")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("6px")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("2px")]),s._v(" "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e5e5e5")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", ."),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-state-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-variable"}},[s._v("$upload")]),s._v("-file-success-"),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("$upload")]),s._v("-file-error-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f43530")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-status-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-progress-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// switch")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-on-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e4e4e4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// input")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),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("$input")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-placeholder-"),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("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v("-icon-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//textarea")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("$textarea")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),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("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-placeholder-"),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("$textarea")]),s._v("-indicator-"),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("// validator")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$validator")]),s._v("-msg-def-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// select")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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("$select")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#b8b8b8")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-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("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v("-active-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),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\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-placeholder-"),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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// swipe")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$swipe")]),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("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),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("$form")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-invalid-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-"),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("$form")]),s._v("-group-legend-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-label-required-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// drawer")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-"),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("$drawer")]),s._v("-title-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-panel-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-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")])])},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")])])}]}},rIIE:function(s,a,t){var l=t("VU/8")(null,t("E9Iv"),null,null,null);s.exports=l.exports}}); \ No newline at end of file diff --git a/docs/js/9.59aaada31ca7e7afd628.js b/docs/js/9.59aaada31ca7e7afd628.js deleted file mode 100644 index 97d12ed5371208f8e6ba5cf2c5d483913ec3a1f5..0000000000000000000000000000000000000000 --- a/docs/js/9.59aaada31ca7e7afd628.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([9],{hpvZ:function(t,s,a){t.exports=a("nl7T")},mqGW: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:"Switch滑动开关"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Switch滑动开关-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Switch 滑动开关")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("滑动开关,用于切换 on/off 状态。")]),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)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.4.0 新增")])])},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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),t._v("\n Switch\n"),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 data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("value")]),t._v("值"),a("code",{pre:!0},[t._v("true")]),t._v("对应着 on 状态(开) ,"),a("code",{pre:!0},[t._v("value")]),t._v("值"),a("code",{pre:!0},[t._v("false")]),t._v("对应着 off 状态(关)。")])]),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-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),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 Disbled Switch\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("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("v-model")]),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")])])])])}]}},nl7T:function(t,s,a){var e=a("VU/8")(null,a("mqGW"),null,null,null);t.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/8.e4368b56ae1b01fa2b1e.js b/docs/js/9.c21dd98c41bbb6dd0d67.js similarity index 99% rename from docs/js/8.e4368b56ae1b01fa2b1e.js rename to docs/js/9.c21dd98c41bbb6dd0d67.js index dba690418b1352487868398640161bf6e4a98699..a3a7e1ea7a54923a6ab52aa4831c45f1b4293f23 100644 --- a/docs/js/8.e4368b56ae1b01fa2b1e.js +++ b/docs/js/9.c21dd98c41bbb6dd0d67.js @@ -1 +1 @@ -webpackJsonp([8],{JsvZ:function(t,s,a){var v=a("VU/8")(null,a("f7VQ"),null,null,null);t.exports=v.exports},PG1Z:function(t,s,a){t.exports=a("JsvZ")},f7VQ: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:"Textarea"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Textarea-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Textarea")]),t._v(" "),t._m(0),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),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(3),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(4)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("多行输入框组件,支持使用"),a("code",{pre:!0},[t._v("v-model")]),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("p",[t._v("使用"),a("code",{pre:!0},[t._v("v-model")]),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-textarea")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\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-textarea")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\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("v-model")]),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("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("readonly")]),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("maxlength")]),t._v(" "),a("td",[t._v("最大输入长度")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),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("autofocus")]),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("focus")]),t._v(" "),a("td",[t._v("输入框聚焦后触发此事件,如果禁用状态,则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("输入框失焦后触发此事件")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])}]}}}); \ No newline at end of file +webpackJsonp([9],{JsvZ:function(t,s,a){var v=a("VU/8")(null,a("f7VQ"),null,null,null);t.exports=v.exports},PG1Z:function(t,s,a){t.exports=a("JsvZ")},f7VQ: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:"Textarea"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Textarea-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 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(" Textarea")]),t._v(" "),t._m(0),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),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(3),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(4)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("多行输入框组件,支持使用"),a("code",{pre:!0},[t._v("v-model")]),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("p",[t._v("使用"),a("code",{pre:!0},[t._v("v-model")]),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-textarea")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\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-textarea")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[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("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\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("v-model")]),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("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("readonly")]),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("maxlength")]),t._v(" "),a("td",[t._v("最大输入长度")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),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("autofocus")]),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("focus")]),t._v(" "),a("td",[t._v("输入框聚焦后触发此事件,如果禁用状态,则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("输入框失焦后触发此事件")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/app.0f40f574791a9f2d9209.js b/docs/js/app.ae0ca63e72a838779c5a.js similarity index 76% rename from docs/js/app.0f40f574791a9f2d9209.js rename to docs/js/app.ae0ca63e72a838779c5a.js index 4c6e0e81bfd41497cd7fdb7db843e5eb5432a6e5..6dba37108005e8c80b04ddf5766f89b682b7ab21 100644 --- a/docs/js/app.0f40f574791a9f2d9209.js +++ b/docs/js/app.ae0ca63e72a838779c5a.js @@ -1 +1 @@ -webpackJsonp([75],{"//Y1":function(t,e,n){var s,i,a;!function(r,o){i=[n("/5sW"),n("HIuL")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var s=n(t),i=n(e);s.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){i.default.highlightBlock(t)})})})},"1+tu":function(t,e){},"1j6h":function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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})},"2DPt":function(t,e,n){function s(t){n("i5GG")}var i=n("VU/8")(n("6p5i"),n("v+5S"),s,null,null);t.exports=i.exports},"2KHY":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAIAAAAI7H7bAAAG+0lEQVR4nO3d0Y3sNgwF0H1BGsxHmkhBaSIfKXFSQLSABF5S9uKcz8WM7ZnZCwE0Tf36fD5fQM1vty8AfgJBggBBggBBggBBggBBgoDfl3/948+/hq9jx7///F15+3cfannY5Yv3X9mkfgGTH6Hp97rruw9lRYIAQYIAQYIAQYIAQYIAQYKAdfl7qVjNPLJf+tx/Zf3692vi9SMUP1e9Jr7v6FzF7/CZ/4RfViSIECQIECQIECQIECQIECQIOCh/L9VbdDsKmtdL0ked5vuuN0QfFa/rdws2PeGf0IoEAYIEAYIEAYIEAYIEAYIEAdXy9zMdFV6Lw0/qitXbo0p9RwG9qdb/LlYkCBAkCBAkCBAkCBAkCBAkCPiZ5e8mTTXx/SMsL2Bycnf9XJP3FSZZkSBAkCBAkCBAkCBAkCBAkCBAkCCgeh/pmXcAJufKN90Yub6J7Ytu+DzhqqxIECBIECBIECBIECBIECBIEHBQ/r4+wb3J5BShsZpyfbD99R0Djs51nRUJAgQJAgQJAgQJAgQJAgQJAn59Pp/b1/BuTU3lxQt4V/v5E9q3i6xIECBIECBIECBIECBIECBIEFAtf9drrx39vPULmCzIdhSaj7q/949Qr/VPXkDR0f+AFQkCBAkCBAkCBAkCBAkCBAkC1sNP9guyxRnZ3ykOJJnc6rSp97mpTNz0exU11fqLju6LWJEgQJAgQJAgQJAgQJAgQJAgYF3+7qg+X+/Iro/Druv4CJMN+JOF5vrbJ/vHrUgQIEgQIEgQIEgQIEgQIEgQIEgQcLCH7FJ9p9Gljm7/picLrj9bcX0C/eQQ/aNzTf5eViQIECQIECQIECQIECQIECQIqE4R2lfvdd8fY9Q0Rahu7IGFeq1/3/VnK5p2DDhiRYIAQYIAQYIAQYIAQYIAQYKAgz1km1qPx0rt79pWtaMnvX6uI2Nj+JsGVBmiD9MECQIECQIECQIECQIECQIOyt9Lky26R4ftMLmt6tIzh+g/8wbAEeVveARBggBBggBBggBBggBBgoCD4SeTimXWd1WEi4d97Oa8+xdQfHtTq/vR57IiQYAgQYAgQYAgQYAgQYAgQYAgQcD6MYqO+0iTdxvqF7DUNJR98q7d5FMMTfsAxE90dAEeo4BGggQBggQBggQBggQBggQB68coOhwVSScnyEx6Zll/6fp8qCZN2whYkSBAkCBAkCBAkCBAkCBAkCCgOkR/6fpU9Xe53v299Mzi9eSexbq/YZogQYAgQYAgQYAgQYAgQUC1+7upR/in7jT69rL+0Y4BHcNP6l9g06YHViQIECQIECQIECQIECQIECQIOCh/N22r2rFd7P6JvjtCU5F03/V53E8YqF155dG56j+3FQkCBAkCBAkCBAkCBAkCBAkCqt3f9brh9e7vYu11v0m5rn7Yju9wstW9fkyzv+G5BAkCBAkCBAkCBAkCBAkCBAkCWvaQbZp0Xnzl0RGK98eecGejqOmqxm4u1Q97xIoEAYIEAYIEAYIEAYIEAYIEAff3kF3qGI1/1O1/dITKMY/ONfnFLjU9RtH0KM3kfQUrEgQIEgQIEgQIEgQIEgQIEgSsy9/Xd2tdarqAjolFR67X36+3uhdd3574y4oEEYIEAYIEAYIEAYIEAYIEAevhJ5NTI5omuO+/8kW1/uKmqHX1w17/Yptq4lYkCBAkCBAkCBAkCBAkCBAkCFiXvzs6f5t6hK/PA7k+pHvS5PCT4lU1nes7ViQIECQIECQIECQIECQIECQIECQIuP8Yxf4FjN2X6PPMj9A0MKh4rvoFmCIELyNIECBIECBIECBIECBIEHAwRH9fU5G0Y//T7w57fYT89TsQTSbL+mMDqr6sSBAhSBAgSBAgSBAgSBAgSBCwLn+/SFM/dVOPcMfA/p/akV085neavm0rEgQIEgQIEgQIEgQIEgQIEgRUh+hPaipcdnRk1zvNizvDXt9boG6y1l8/rBUJAgQJAgQJAgQJAgQJAgQJAtbl76XJemhH/b2ppt9Uap+cEt7U6l7UdC6zv+G5BAkCBAkCBAkCBAkCBAkCDsrfS9e7jCenlNTf3nG1RzXxyUp3sdZfN1mstyJBgCBBgCBBgCBBgCBBgCBBgCBBQPU+0jO9a4j+dZNT/Cfn5RfnQxmiD9MECQIECQIECQIECQIECQJeX/6uT6BvemJizOTOtvVK9+QzI01HWLIiQYAgQYAgQYAgQYAgQYAgQcCvz+fz/79eH6D+zAto8swZ9vvqE4s63n502DorEgQIEgQIEgQIEgQIEgQIEgQcdH9fb3PeV28Hbqq97msaEtJRkm4qKF//fzP8BKYJEgQIEgQIEgQIEgQIEgSsu7+BI1YkCBAkCBAkCBAkCBAkCBAkCBAkCPgPmhi1fkt5OnQAAAAASUVORK5CYII="},"2PaY":function(t,e){},"2a/n":function(t,e){},"2cv7":function(t,e){},"3+2Z":function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("fZjL"),n("ZQ4r")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(n),r=i(s),o={};e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:r.default},mounted:function(){var t=this,e="",n="",s=this.navList;this.$watch("$route.path",function(i){e=i.split("/").pop(),o&&(o.hasActived=!1,n||(o.isRootActive=!1,window.innerWidth>960&&setTimeout(function(){var t=document.querySelector(".page-sidelist .nav-active");t&&t.scrollIntoViewIfNeeded()},0))),n=t.seekRoot(s,e),o=n&&s[n],t.$set(o,"isRootActive",!0),t.$set(o,"hasActived",!0)},{immediate:!0})},methods:{seekRoot:function(t,e,n){for(var s=(0,a.default)(t),i=0;i=0?"zh-CN":t.indexOf("/en-")>=0?"en-US":"",n=e||a("CUBE_LANGUAGE")||window.navigator.language||"en-US",s="en-US";return n.indexOf("zh-")>=0&&(s="zh-CN"),i("CUBE_LANGUAGE",s),s}Object.defineProperty(t,"__esModule",{value:!0}),t.eventHub=t.baseUrl=void 0,t.setItem=i,t.getItem=a,t.getCurrentLang=r;var o=s(e),l=s(n),u=new o.default;t.baseUrl="https://didi.github.io/cube-ui/example/#/",t.eventHub=u})},Vxqz:function(t,e){},"WVq/":function(t,e){},XMLa:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("/5sW"),n("/ocq"),n("VAcG"),n("9IYW"),n("k3Z2"),n("iCAB"),n("mGbb"),n("8Rhx"),n("M1wD"),n("YKRY")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s,i,a,r,o,l,u,c){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var A=d(n),f=d(s),v=d(a),p=d(r),g=d(o),h=d(l),y=d(u),M=d(c);A.default.use(f.default);var L=[{path:"",component:h.default},{path:"example",component:M.default}].concat(v.default["en-US"]),m=[{path:"",component:y.default},{path:"example",component:M.default}].concat(v.default["zh-CN"]);e.default=new f.default({routes:[{path:"/",redirect:function(){return"/"+(0,i.getCurrentLang)()}},{path:"/en-US",component:p.default,children:L},{path:"/zh-CN",component:g.default,children:m}]}),t.exports=e.default})},XZBs: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:"rec-btns"},[n("router-link",{staticClass:"btn-link",attrs:{to:"/zh-CN/docs/quick-start"}},[n("span",[t._v("快速上手")])]),t._v(" "),n("router-link",{staticClass:"btn-link btn-active",attrs:{to:"/zh-CN/docs/introduction"}},[n("span",[t._v("介绍")])])],1),t._v(" "),n("template",{slot:"feature-1"},[n("h1",{staticClass:"h1"},[t._v("质量可靠")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Quality")]),t._v(" "),n("p",[t._v("\n 由滴滴内部组件库精简提炼而来,历经考验,并且每个组件都有充分单元测试,为后续集成提供保障。\n ")])]),t._v(" "),n("template",{slot:"feature-2"},[n("h1",{staticClass:"h1"},[t._v("体验极致")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Experience")]),t._v(" "),n("p",[t._v("\n 以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。\n ")])]),t._v(" "),n("template",{slot:"feature-3"},[n("h1",{staticClass:"h1"},[t._v("标准规范")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Standard")]),t._v(" "),n("p",[t._v("\n 遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。\n ")])]),t._v(" "),n("template",{slot:"feature-4"},[n("h1",{staticClass:"h1"},[t._v("扩展性强")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Scalability")]),t._v(" "),n("p",[t._v("\n 支持按需引入和"),n("router-link",{attrs:{to:"/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v(",轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。\n ")],1)])],2)},staticRenderFns:[]}},YKRY:function(t,e,n){function s(t){n("tplh")}var i=n("VU/8")(n("ETzz"),n("6zig"),s,null,null);t.exports=i.exports},ZQ4r:function(t,e,n){function s(t){n("2a/n")}var i=n("VU/8")(n("fSRg"),n("q0Y2"),s,null,null);t.exports=i.exports},ZWYt:function(t,e,n){function s(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":["+GB6",1],"./zh-CN.vue":["RUos",0]};s.keys=function(){return Object.keys(i)},s.id="ZWYt",t.exports=s},ZfAl:function(t,e,n){function s(t){n("fKiL")}var i=n("VU/8")(n("kJGJ"),n("r3/M"),s,null,null);t.exports=i.exports},"Zu/x":function(t,e,n){function s(t){n("Lcb3")}var i=n("VU/8")(n("wtIw"),n("teN3"),s,null,null);t.exports=i.exports},aP4Y:function(t,e,n){var s,i,a;!function(r,o){i=[n("/5sW"),n("vmBx"),n("XMLa"),n("j1ja"),n("HIuL"),n("Gzs6"),n("rL4i"),n("//Y1")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}var i=s(t),a=s(e),r=s(n);new i.default({el:"#app",router:r.default,render:function(t){return t(a.default)}})})},bStC:function(t,e){},"bj/E":function(t,e,n){function s(t){n("2cv7")}var i=n("VU/8")(n("3+2Z"),n("MRID"),s,null,null);t.exports=i.exports},c3CN:function(t,e){t.exports={"en-US":{overview:{name:"Overview",angle:"01",subList:{introduction:"Introduction","quick-start":"QuickStart","post-compile":"PostCompile",theme:"Theme",singleton:"Singleton"}},components:{name:"Components",angle:"02",subList:{basic:{name:"Basic",subList:{button:"Button",loading:"Loading",tip:"Tip"}},form:{name:"Form",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",input:"Input",textarea:"Textarea",select:"Select",switch:"Switch",rate:"Rate",validator:"Validator",upload:"Upload",form:"Form"}},popup:{name:"Popup",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","date-picker":"DatePicker","time-picker":"TimePicker","segment-picker":"SegmentPicker",dialog:"Dialog","action-sheet":"ActionSheet",drawer:"Drawer"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe"}}}},modules:{name:"Modules",angle:"03",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}},"zh-CN":{overview:{name:"概览",angle:"01",subList:{introduction:"介绍","quick-start":"快速上手","post-compile":"后编译",theme:"主题",singleton:"单例模式"}},components:{name:"组件",angle:"02",subList:{basic:{name:"基础",subList:{button:"Button",loading:"Loading",tip:"Tip"}},form:{name:"表单",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",input:"Input",textarea:"Textarea",select:"Select",switch:"Switch",rate:"Rate",validator:"Validator",upload:"Upload",form:"Form"}},popup:{name:"弹出层",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","date-picker":"DatePicker","time-picker":"TimePicker","segment-picker":"SegmentPicker",dialog:"Dialog","action-sheet":"ActionSheet",drawer:"Drawer"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe"}}}},modules:{name:"模块",angle:"03",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}}}},fKiL:function(t,e){},fSRg:function(t,e,n){var s,i,a;!function(n,r){i=[t,e],s=r,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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{}}}},methods:{derail:function(t){var e=t.isRootActive;this.$set(t,"isRootActive",!e)}}},t.exports=e.default})},fkAZ: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",attrs:{to:"/zh-CN/docs"}},[n("span",[t._v("文档")])]),t._v(" "),n("router-link",{staticClass:"tab",attrs:{to:"/zh-CN/example"}},[n("span",[t._v("示例")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},gDL7:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("Zu/x")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:s.default}},t.exports=e.default})},i5GG:function(t,e){},iCAB:function(t,e,n){function s(t){n("Vxqz")}var i=n("VU/8")(n("txnZ"),n("fkAZ"),s,null,null);t.exports=i.exports},ioLt:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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)()}},methods:{toggle:function(){this.current="zh-CN"===this.current?"en-US":"zh-CN",(0,n.setItem)("CUBE_LANGUAGE",this.current),this.$router.replace({path:this.$router.currentRoute.path.replace(/\/(zh-CN|en-US)(?=\/?)/,"/"+this.current)})}}},t.exports=e.default})},k3Z2:function(t,e,n){function s(t){n("1+tu")}var i=n("VU/8")(n("gDL7"),n("9bSS"),s,null,null);t.exports=i.exports},kJGJ:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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,s=void 0;n.eventHub.$on("begin-loading",function(){s=Date.now(),clearTimeout(e),t.loading=!0}),n.eventHub.$on("finish-loading",function(){var n=Date.now()-s;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})},lwBK:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{staticClass:"badge",attrs:{href:"https://github.com/didi/cube-ui",target:"_blank"}},[n("span",{staticClass:"badge-left"},[t._v(t._s(t.badgeName||t.type))]),t._v(" "),n("span",{staticClass:"badge-right"},[t._v(t._s(t.badgeValue||"..."))])])},staticRenderFns:[]}},mGNT:function(t,e){},mGbb:function(t,e,n){function s(t){n("nhAE")}var i=n("VU/8")(n("MJxS"),n("4Sli"),s,null,null);t.exports=i.exports},nhAE:function(t,e){},q0Y2: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,s){return n("li",{key:s,staticClass:"nav-li",class:{"nav-li_open":e.isRootActive,"nav-li_active":e.hasActived}},[e.name?[n("p",{staticClass:"nav-name",on:{click:function(n){t.derail(e)}}},[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:s}}},[t._v(t._s(e))]),t._v(" "),e.angle?n("span",{staticClass:"angle"},[t._v(t._s(e.angle))]):t._e(),t._v(" "),e.angle?n("div",{staticClass:"arrow",class:{rotate:e.isRootActive}}):t._e()],2)}))},staticRenderFns:[]}},qaPp:function(t,e){},qrVi: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%",scrolling:"no"}})])])])},staticRenderFns:[]}},"r3/M":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:[]}},rL4i:function(t,e){},sJTd:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("//Fk")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";function s(t){return new i.default(function(e,n){var s=new window.XMLHttpRequest;s.open("GET",t,!0),s.send(null),s.onreadystatechange=function(){4===s.readyState&&(s.status>=200&&s.status<300?e(s.responseText):n(s))}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=s;var i=function(t){return t&&t.__esModule?t:{default:t}}(n);t.exports=e.default})},slt8:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG"),n("TAy9"),n("9zYt")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=a(s),o=a(i);e.default={data:function(){return{baseUrl:n.baseUrl}},mounted:function(){window.scrollTo(0,0)},components:{Display:r.default,Back:o.default}},t.exports=e.default})},tCUt:function(t,e,n){function s(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":["egGD",73],"./en-US/better-scroll.md":["1H2i",72],"./en-US/button.md":["4Xeq",71],"./en-US/cascade-picker.md":["KI1o",70],"./en-US/checkbox-group.md":["wNVF",69],"./en-US/checkbox.md":["QTnR",68],"./en-US/create-api.md":["i/fd",67],"./en-US/date-picker.md":["6Rwf",66],"./en-US/dialog.md":["gPPJ",65],"./en-US/drawer.md":["DOGQ",64],"./en-US/form.md":["nzGO",63],"./en-US/index-list.md":["tHys",62],"./en-US/input.md":["o9DV",61],"./en-US/introduction.md":["YA8a",60],"./en-US/loading.md":["jBRB",59],"./en-US/picker.md":["BBNq",58],"./en-US/popup.md":["HlXn",57],"./en-US/post-compile.md":["1cY+",56],"./en-US/quick-start.md":["gyX9",55],"./en-US/radio.md":["D+uV",54],"./en-US/rate.md":["qr3w",53],"./en-US/scroll.md":["a6IA",52],"./en-US/segment-picker.md":["PiHE",51],"./en-US/select.md":["CSGf",50],"./en-US/singleton.md":["AoaZ",49],"./en-US/slide.md":["qc/E",48],"./en-US/style.md":["jpwl",47],"./en-US/swipe.md":["FRSy",46],"./en-US/switch.md":["2nyi",45],"./en-US/textarea.md":["9woc",44],"./en-US/theme.md":["qVBK",43],"./en-US/time-picker.md":["BGpj",42],"./en-US/tip.md":["X+F9",41],"./en-US/toast.md":["jUSb",40],"./en-US/upload.md":["YJZO",39],"./en-US/validator.md":["hl6N",38],"./zh-CN/action-sheet.md":["Ezhp",37],"./zh-CN/better-scroll.md":["JGwD",36],"./zh-CN/button.md":["s6Rz",35],"./zh-CN/cascade-picker.md":["kh0H",34],"./zh-CN/checkbox-group.md":["NVJK",33],"./zh-CN/checkbox.md":["n3PG",32],"./zh-CN/create-api.md":["Nx+F",31],"./zh-CN/date-picker.md":["vw3j",30],"./zh-CN/dialog.md":["DZkJ",29],"./zh-CN/drawer.md":["e4wh",28],"./zh-CN/form.md":["XO3d",27],"./zh-CN/index-list.md":["hUpT",26],"./zh-CN/input.md":["IwIh",25],"./zh-CN/introduction.md":["zpSu",24],"./zh-CN/loading.md":["dNW6",23],"./zh-CN/picker.md":["92Kx",22],"./zh-CN/popup.md":["ZL7z",21],"./zh-CN/post-compile.md":["hvjf",20],"./zh-CN/quick-start.md":["8XCF",19],"./zh-CN/radio.md":["wPXv",18],"./zh-CN/rate.md":["JQnJ",17],"./zh-CN/scroll.md":["kegs",16],"./zh-CN/segment-picker.md":["UCq8",15],"./zh-CN/select.md":["eM4Z",14],"./zh-CN/singleton.md":["+gXa",13],"./zh-CN/slide.md":["7yxM",12],"./zh-CN/style.md":["rDWR",11],"./zh-CN/swipe.md":["YVHs",10],"./zh-CN/switch.md":["hpvZ",9],"./zh-CN/textarea.md":["PG1Z",8],"./zh-CN/theme.md":["7PUU",7],"./zh-CN/time-picker.md":["C6Sj",6],"./zh-CN/tip.md":["hIhO",5],"./zh-CN/toast.md":["Wmdn",4],"./zh-CN/upload.md":["dSBi",3],"./zh-CN/validator.md":["OsmJ",2]};s.keys=function(){return Object.keys(i)},s.id="tCUt",t.exports=s},tZDt:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk3MTQ1NzcxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4OTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyOCAyMTMuMzQwMTZsNzY4IDBxMTcuNjc0MjQgMCAzMC4xNjcwNCAxMi40OTI4dDEyLjQ5MjggMzAuMTY3MDQtMTIuNDkyOCAzMC4xNjcwNC0zMC4xNjcwNCAxMi40OTI4bC03NjggMHEtMTcuNjc0MjQgMC0zMC4xNjcwNC0xMi40OTI4dC0xMi40OTI4LTMwLjE2NzA0IDEyLjQ5MjgtMzAuMTY3MDQgMzAuMTY3MDQtMTIuNDkyOHpNMTI4IDcyNS4zNDAxNmw3NjggMHExNy42NzQyNCAwIDMwLjE2NzA0IDEyLjQ5Mjh0MTIuNDkyOCAzMC4xNjcwNC0xMi40OTI4IDMwLjE2NzA0LTMwLjE2NzA0IDEyLjQ5MjhsLTc2OCAwcS0xNy42NzQyNCAwLTMwLjE2NzA0LTEyLjQ5Mjh0LTEyLjQ5MjgtMzAuMTY3MDQgMTIuNDkyOC0zMC4xNjcwNCAzMC4xNjcwNC0xMi40OTI4ek0xMjggNDY5LjM0MDE2bDc2OCAwcTE3LjY3NDI0IDAgMzAuMTY3MDQgMTIuNDkyOHQxMi40OTI4IDMwLjE2NzA0LTEyLjQ5MjggMzAuMTY3MDQtMzAuMTY3MDQgMTIuNDkyOGwtNzY4IDBxLTE3LjY3NDI0IDAtMzAuMTY3MDQtMTIuNDkyOHQtMTIuNDkyOC0zMC4xNjcwNCAxMi40OTI4LTMwLjE2NzA0IDMwLjE2NzA0LTEyLjQ5Mjh6IiBwLWlkPSIxOTAwIiBmaWxsPSIjNjQ2NDY0Ij48L3BhdGg+PC9zdmc+Cg=="},teN3:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"home-view",class:{"home-view-docs":t.isDocs,"home-view-demo":t.isExample,opacity1:t.opacity1}},[s("div",{ref:"navigator",staticClass:"navigator",class:{active:t.showTabs}},[s("div",{staticClass:"logo"},[s("router-link",{attrs:{to:"/"}},[s("img",{attrs:{src:n("41pE"),alt:"DiDi"}})])],1),t._v(" "),s("div",{staticClass:"tabs"},[s("i"),t._v(" "),t._t("nav"),t._v(" "),s("site-lang")],2),t._v(" "),s("span",{staticClass:"toggle-nav",on:{click:t.toggleNav}},[s("i")])]),t._v(" "),s("div",{staticClass:"router-view"},[s("nav-loading"),t._v(" "),s("router-view")],1)])},staticRenderFns:[]}},tplh:function(t,e){},txnZ:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("Zu/x")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:s.default}},t.exports=e.default})},"v+5S":function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"home-index"},[s("div",{staticClass:"banner"},[s("h2",[t._v("Cube UI")]),t._v(" "),s("p",[t._t("desc")],2),t._v(" "),s("div",{staticClass:"ghbtns"},[s("Badge",{attrs:{type:"star"}}),t._v(" "),s("Badge",{attrs:{type:"fork"}}),t._v(" "),s("Badge",{attrs:{type:"watch"}})],1),t._v(" "),s("div",{staticClass:"rec-btns"},[t._t("rec-btns")],2)]),t._v(" "),s("section",{staticClass:"features"},[s("ul",[s("li",[s("img",{attrs:{src:n("HdVk")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-1")],2)]),t._v(" "),s("li",[s("img",{attrs:{src:n("QEj7")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-2")],2)]),t._v(" "),s("li",[s("img",{attrs:{src:n("zcSr")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-3")],2)]),t._v(" "),s("li",[s("img",{attrs:{src:n("HHvJ")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-4")],2)])])]),t._v(" "),s("sfooter")],1)},staticRenderFns:[]}},v4eX:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk5MTkyMjAzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MzMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTI2OC44OTYgNDc2LjAzMiA2MjIuMjQgMTI1LjkyYzE4Ljg0OC0xOC42NTYgNDkuMjE2LTE4LjUyOCA2Ny44NzIgMC4zMiAxOC42NTYgMTguODE2IDE4LjUyOCA0OS4yMTYtMC4zMiA2Ny44NzJsLTMxOS40NTYgMzE2LjU3NiAzMTguMTc2IDMyMS4wNTZjMTguNjU2IDE4LjgxNiAxOC41MjggNDkuMjE2LTAuMzIgNjcuODcyLTkuMzQ0IDkuMjgtMjEuNTY4IDEzLjkyLTMzLjc5MiAxMy45Mi0xMi4zNTIgMC0yNC43MDQtNC43MzYtMzQuMDgtMTQuMjA4TDI3MC4yMDggNTQ1Ljk4NGMtMC41MTItMC41MTItMC42NzItMS4yNDgtMS4xODQtMS43OTItMC4xMjgtMC4xMjgtMC4yODgtMC4xNi0wLjQxNi0wLjI4OEMyNDkuOTUyIDUyNS4wODggMjUwLjA4IDQ5NC42ODggMjY4Ljg5NiA0NzYuMDMyeiIgcC1pZD0iMzYzNCIgZmlsbD0iIzY0NjQ2NCI+PC9wYXRoPjwvc3ZnPg=="},vmBx:function(t,e,n){function s(t){n("5usR")}var i=n("VU/8")(n("CMlA"),n("SOhj"),s,null,null);t.exports=i.exports},wtIw:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("7ntu"),n("ZfAl"),n("nP5o")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=a(n),o=a(s),l=a(i);e.default={data:function(){return{showTabs:!1,opacity1:!1,isDocs:this.$route.path.indexOf("/docs")>-1,isExample:this.$route.path.indexOf("/example")>-1}},computed:{isIndex:function(){return!this.isDocs&&!this.isExample}},watch:{$route:function(t){this.isDocs=t.path.indexOf("/docs")>-1,this.isExample=t.path.indexOf("/example")>-1,this.showTabs=!1},isIndex:{handler:function(t){t?(document.addEventListener("touchmove",this.checkScrollTop,!1),window.addEventListener("scroll",this.checkScrollTop,!1)):(document.removeEventListener("touchmove",this.checkScrollTop,!1),window.removeEventListener("scroll",this.checkScrollTop,!1),this.$refs.navigator&&(this.$refs.navigator.style.backgroundColor=""))},immediate:!0}},beforeCreate:function(){var t=this;this.checkScrollTop=(0,l.default)(function(){var e=window.scrollY,n=e/48;t.opacity1=n>=.98,t.$refs.navigator.style.backgroundColor="rgba(255, 255, 255, "+n+")"},10,{leading:!0})},mounted:function(){var t=this;setTimeout(function(){t.isIndex&&t.checkScrollTop()})},components:{SiteLang:r.default,NavLoading:o.default},methods:{toggleNav:function(){this.showTabs=!this.showTabs},toggleCatalog:function(){this.showCatalog=!this.showCatalog}}},t.exports=e.default})},zcSr:function(t,e,n){t.exports=n.p+"img/standard.79d9737.png"}},["aP4Y"]); \ No newline at end of file +webpackJsonp([77],{"//Y1":function(t,e,n){var s,i,a;!function(r,o){i=[n("/5sW"),n("HIuL")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var s=n(t),i=n(e);s.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){i.default.highlightBlock(t)})})})},"1+tu":function(t,e){},"1j6h":function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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})},"2DPt":function(t,e,n){function s(t){n("i5GG")}var i=n("VU/8")(n("6p5i"),n("v+5S"),s,null,null);t.exports=i.exports},"2KHY":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAIAAAAI7H7bAAAG+0lEQVR4nO3d0Y3sNgwF0H1BGsxHmkhBaSIfKXFSQLSABF5S9uKcz8WM7ZnZCwE0Tf36fD5fQM1vty8AfgJBggBBggBBggBBggBBgoDfl3/948+/hq9jx7///F15+3cfannY5Yv3X9mkfgGTH6Hp97rruw9lRYIAQYIAQYIAQYIAQYIAQYKAdfl7qVjNPLJf+tx/Zf3692vi9SMUP1e9Jr7v6FzF7/CZ/4RfViSIECQIECQIECQIECQIECQIOCh/L9VbdDsKmtdL0ked5vuuN0QfFa/rdws2PeGf0IoEAYIEAYIEAYIEAYIEAYIEAdXy9zMdFV6Lw0/qitXbo0p9RwG9qdb/LlYkCBAkCBAkCBAkCBAkCBAkCPiZ5e8mTTXx/SMsL2Bycnf9XJP3FSZZkSBAkCBAkCBAkCBAkCBAkCBAkCCgeh/pmXcAJufKN90Yub6J7Ytu+DzhqqxIECBIECBIECBIECBIECBIEHBQ/r4+wb3J5BShsZpyfbD99R0Djs51nRUJAgQJAgQJAgQJAgQJAgQJAn59Pp/b1/BuTU3lxQt4V/v5E9q3i6xIECBIECBIECBIECBIECBIEFAtf9drrx39vPULmCzIdhSaj7q/949Qr/VPXkDR0f+AFQkCBAkCBAkCBAkCBAkCBAkC1sNP9guyxRnZ3ykOJJnc6rSp97mpTNz0exU11fqLju6LWJEgQJAgQJAgQJAgQJAgQJAgYF3+7qg+X+/Iro/Druv4CJMN+JOF5vrbJ/vHrUgQIEgQIEgQIEgQIEgQIEgQIEgQcLCH7FJ9p9Gljm7/picLrj9bcX0C/eQQ/aNzTf5eViQIECQIECQIECQIECQIECQIqE4R2lfvdd8fY9Q0Rahu7IGFeq1/3/VnK5p2DDhiRYIAQYIAQYIAQYIAQYIAQYKAgz1km1qPx0rt79pWtaMnvX6uI2Nj+JsGVBmiD9MECQIECQIECQIECQIECQIOyt9Lky26R4ftMLmt6tIzh+g/8wbAEeVveARBggBBggBBggBBggBBgoCD4SeTimXWd1WEi4d97Oa8+xdQfHtTq/vR57IiQYAgQYAgQYAgQYAgQYAgQYAgQcD6MYqO+0iTdxvqF7DUNJR98q7d5FMMTfsAxE90dAEeo4BGggQBggQBggQBggQBggQB68coOhwVSScnyEx6Zll/6fp8qCZN2whYkSBAkCBAkCBAkCBAkCBAkCCgOkR/6fpU9Xe53v299Mzi9eSexbq/YZogQYAgQYAgQYAgQYAgQUC1+7upR/in7jT69rL+0Y4BHcNP6l9g06YHViQIECQIECQIECQIECQIECQIOCh/N22r2rFd7P6JvjtCU5F03/V53E8YqF155dG56j+3FQkCBAkCBAkCBAkCBAkCBAkCqt3f9brh9e7vYu11v0m5rn7Yju9wstW9fkyzv+G5BAkCBAkCBAkCBAkCBAkCBAkCWvaQbZp0Xnzl0RGK98eecGejqOmqxm4u1Q97xIoEAYIEAYIEAYIEAYIEAYIEAff3kF3qGI1/1O1/dITKMY/ONfnFLjU9RtH0KM3kfQUrEgQIEgQIEgQIEgQIEgQIEgSsy9/Xd2tdarqAjolFR67X36+3uhdd3574y4oEEYIEAYIEAYIEAYIEAYIEAevhJ5NTI5omuO+/8kW1/uKmqHX1w17/Yptq4lYkCBAkCBAkCBAkCBAkCBAkCFiXvzs6f5t6hK/PA7k+pHvS5PCT4lU1nes7ViQIECQIECQIECQIECQIECQIECQIuP8Yxf4FjN2X6PPMj9A0MKh4rvoFmCIELyNIECBIECBIECBIECBIEHAwRH9fU5G0Y//T7w57fYT89TsQTSbL+mMDqr6sSBAhSBAgSBAgSBAgSBAgSBCwLn+/SFM/dVOPcMfA/p/akV085neavm0rEgQIEgQIEgQIEgQIEgQIEgRUh+hPaipcdnRk1zvNizvDXt9boG6y1l8/rBUJAgQJAgQJAgQJAgQJAgQJAtbl76XJemhH/b2ppt9Uap+cEt7U6l7UdC6zv+G5BAkCBAkCBAkCBAkCBAkCDsrfS9e7jCenlNTf3nG1RzXxyUp3sdZfN1mstyJBgCBBgCBBgCBBgCBBgCBBgCBBQPU+0jO9a4j+dZNT/Cfn5RfnQxmiD9MECQIECQIECQIECQIECQJeX/6uT6BvemJizOTOtvVK9+QzI01HWLIiQYAgQYAgQYAgQYAgQYAgQcCvz+fz/79eH6D+zAto8swZ9vvqE4s63n502DorEgQIEgQIEgQIEgQIEgQIEgQcdH9fb3PeV28Hbqq97msaEtJRkm4qKF//fzP8BKYJEgQIEgQIEgQIEgQIEgSsu7+BI1YkCBAkCBAkCBAkCBAkCBAkCBAkCPgPmhi1fkt5OnQAAAAASUVORK5CYII="},"2PaY":function(t,e){},"2a/n":function(t,e){},"2cv7":function(t,e){},"3+2Z":function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("fZjL"),n("ZQ4r")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(n),r=i(s),o={};e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:r.default},mounted:function(){var t=this,e="",n="",s=this.navList;this.$watch("$route.path",function(i){e=i.split("/").pop(),o&&(o.hasActived=!1,n||(o.isRootActive=!1,window.innerWidth>960&&setTimeout(function(){var t=document.querySelector(".page-sidelist .nav-active");t&&t.scrollIntoViewIfNeeded()},0))),n=t.seekRoot(s,e),o=n&&s[n],t.$set(o,"isRootActive",!0),t.$set(o,"hasActived",!0)},{immediate:!0})},methods:{seekRoot:function(t,e,n){for(var s=(0,a.default)(t),i=0;i=0?"zh-CN":t.indexOf("/en-")>=0?"en-US":"",n=e||a("CUBE_LANGUAGE")||window.navigator.language||"en-US",s="en-US";return n.indexOf("zh-")>=0&&(s="zh-CN"),i("CUBE_LANGUAGE",s),s}Object.defineProperty(t,"__esModule",{value:!0}),t.eventHub=t.baseUrl=void 0,t.setItem=i,t.getItem=a,t.getCurrentLang=r;var o=s(e),l=s(n),u=new o.default;t.baseUrl="https://didi.github.io/cube-ui/example/#/",t.eventHub=u})},Vxqz:function(t,e){},"WVq/":function(t,e){},XMLa:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("/5sW"),n("/ocq"),n("VAcG"),n("9IYW"),n("k3Z2"),n("iCAB"),n("mGbb"),n("8Rhx"),n("M1wD"),n("YKRY")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s,i,a,r,o,l,u,c){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var A=d(n),f=d(s),v=d(a),p=d(r),g=d(o),h=d(l),y=d(u),M=d(c);A.default.use(f.default);var L=[{path:"",component:h.default},{path:"example",component:M.default}].concat(v.default["en-US"]),m=[{path:"",component:y.default},{path:"example",component:M.default}].concat(v.default["zh-CN"]);e.default=new f.default({routes:[{path:"/",redirect:function(){return"/"+(0,i.getCurrentLang)()}},{path:"/en-US",component:p.default,children:L},{path:"/zh-CN",component:g.default,children:m}]}),t.exports=e.default})},XZBs: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:"rec-btns"},[n("router-link",{staticClass:"btn-link",attrs:{to:"/zh-CN/docs/quick-start"}},[n("span",[t._v("快速上手")])]),t._v(" "),n("router-link",{staticClass:"btn-link btn-active",attrs:{to:"/zh-CN/docs/introduction"}},[n("span",[t._v("介绍")])])],1),t._v(" "),n("template",{slot:"feature-1"},[n("h1",{staticClass:"h1"},[t._v("质量可靠")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Quality")]),t._v(" "),n("p",[t._v("\n 由滴滴内部组件库精简提炼而来,历经考验,并且每个组件都有充分单元测试,为后续集成提供保障。\n ")])]),t._v(" "),n("template",{slot:"feature-2"},[n("h1",{staticClass:"h1"},[t._v("体验极致")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Experience")]),t._v(" "),n("p",[t._v("\n 以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。\n ")])]),t._v(" "),n("template",{slot:"feature-3"},[n("h1",{staticClass:"h1"},[t._v("标准规范")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Standard")]),t._v(" "),n("p",[t._v("\n 遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。\n ")])]),t._v(" "),n("template",{slot:"feature-4"},[n("h1",{staticClass:"h1"},[t._v("扩展性强")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Scalability")]),t._v(" "),n("p",[t._v("\n 支持按需引入和"),n("router-link",{attrs:{to:"/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v(",轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。\n ")],1)])],2)},staticRenderFns:[]}},YKRY:function(t,e,n){function s(t){n("tplh")}var i=n("VU/8")(n("ETzz"),n("6zig"),s,null,null);t.exports=i.exports},ZQ4r:function(t,e,n){function s(t){n("2a/n")}var i=n("VU/8")(n("fSRg"),n("q0Y2"),s,null,null);t.exports=i.exports},ZWYt:function(t,e,n){function s(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":["+GB6",1],"./zh-CN.vue":["RUos",0]};s.keys=function(){return Object.keys(i)},s.id="ZWYt",t.exports=s},ZfAl:function(t,e,n){function s(t){n("fKiL")}var i=n("VU/8")(n("kJGJ"),n("r3/M"),s,null,null);t.exports=i.exports},"Zu/x":function(t,e,n){function s(t){n("Lcb3")}var i=n("VU/8")(n("wtIw"),n("teN3"),s,null,null);t.exports=i.exports},aP4Y:function(t,e,n){var s,i,a;!function(r,o){i=[n("/5sW"),n("vmBx"),n("XMLa"),n("j1ja"),n("HIuL"),n("Gzs6"),n("rL4i"),n("//Y1")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}var i=s(t),a=s(e),r=s(n);new i.default({el:"#app",router:r.default,render:function(t){return t(a.default)}})})},bStC:function(t,e){},"bj/E":function(t,e,n){function s(t){n("2cv7")}var i=n("VU/8")(n("3+2Z"),n("MRID"),s,null,null);t.exports=i.exports},c3CN:function(t,e){t.exports={"en-US":{overview:{name:"Overview",angle:"01",subList:{introduction:"Introduction","quick-start":"QuickStart","post-compile":"PostCompile",theme:"Theme",singleton:"Singleton"}},components:{name:"Components",angle:"02",subList:{basic:{name:"Basic",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar"}},form:{name:"Form",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",input:"Input",textarea:"Textarea",select:"Select",switch:"Switch",rate:"Rate",validator:"Validator",upload:"Upload",form:"Form"}},popup:{name:"Popup",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","date-picker":"DatePicker","time-picker":"TimePicker","segment-picker":"SegmentPicker",dialog:"Dialog","action-sheet":"ActionSheet",drawer:"Drawer"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe"}}}},modules:{name:"Modules",angle:"03",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}},"zh-CN":{overview:{name:"概览",angle:"01",subList:{introduction:"介绍","quick-start":"快速上手","post-compile":"后编译",theme:"主题",singleton:"单例模式"}},components:{name:"组件",angle:"02",subList:{basic:{name:"基础",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar"}},form:{name:"表单",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",input:"Input",textarea:"Textarea",select:"Select",switch:"Switch",rate:"Rate",validator:"Validator",upload:"Upload",form:"Form"}},popup:{name:"弹出层",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","date-picker":"DatePicker","time-picker":"TimePicker","segment-picker":"SegmentPicker",dialog:"Dialog","action-sheet":"ActionSheet",drawer:"Drawer"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe"}}}},modules:{name:"模块",angle:"03",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}}}},fKiL:function(t,e){},fSRg:function(t,e,n){var s,i,a;!function(n,r){i=[t,e],s=r,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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{}}}},methods:{derail:function(t){var e=t.isRootActive;this.$set(t,"isRootActive",!e)}}},t.exports=e.default})},fkAZ: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",attrs:{to:"/zh-CN/docs"}},[n("span",[t._v("文档")])]),t._v(" "),n("router-link",{staticClass:"tab",attrs:{to:"/zh-CN/example"}},[n("span",[t._v("示例")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},gDL7:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("Zu/x")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:s.default}},t.exports=e.default})},i5GG:function(t,e){},iCAB:function(t,e,n){function s(t){n("Vxqz")}var i=n("VU/8")(n("txnZ"),n("fkAZ"),s,null,null);t.exports=i.exports},ioLt:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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)()}},methods:{toggle:function(){this.current="zh-CN"===this.current?"en-US":"zh-CN",(0,n.setItem)("CUBE_LANGUAGE",this.current),this.$router.replace({path:this.$router.currentRoute.path.replace(/\/(zh-CN|en-US)(?=\/?)/,"/"+this.current)})}}},t.exports=e.default})},k3Z2:function(t,e,n){function s(t){n("1+tu")}var i=n("VU/8")(n("gDL7"),n("9bSS"),s,null,null);t.exports=i.exports},kJGJ:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(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,s=void 0;n.eventHub.$on("begin-loading",function(){s=Date.now(),clearTimeout(e),t.loading=!0}),n.eventHub.$on("finish-loading",function(){var n=Date.now()-s;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})},lwBK:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{staticClass:"badge",attrs:{href:"https://github.com/didi/cube-ui",target:"_blank"}},[n("span",{staticClass:"badge-left"},[t._v(t._s(t.badgeName||t.type))]),t._v(" "),n("span",{staticClass:"badge-right"},[t._v(t._s(t.badgeValue||"..."))])])},staticRenderFns:[]}},mGNT:function(t,e){},mGbb:function(t,e,n){function s(t){n("nhAE")}var i=n("VU/8")(n("MJxS"),n("4Sli"),s,null,null);t.exports=i.exports},nhAE:function(t,e){},q0Y2: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,s){return n("li",{key:s,staticClass:"nav-li",class:{"nav-li_open":e.isRootActive,"nav-li_active":e.hasActived}},[e.name?[n("p",{staticClass:"nav-name",on:{click:function(n){t.derail(e)}}},[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:s}}},[t._v(t._s(e))]),t._v(" "),e.angle?n("span",{staticClass:"angle"},[t._v(t._s(e.angle))]):t._e(),t._v(" "),e.angle?n("div",{staticClass:"arrow",class:{rotate:e.isRootActive}}):t._e()],2)}))},staticRenderFns:[]}},qaPp:function(t,e){},qrVi: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%",scrolling:"no"}})])])])},staticRenderFns:[]}},"r3/M":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:[]}},rL4i:function(t,e){},sJTd:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("//Fk")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";function s(t){return new i.default(function(e,n){var s=new window.XMLHttpRequest;s.open("GET",t,!0),s.send(null),s.onreadystatechange=function(){4===s.readyState&&(s.status>=200&&s.status<300?e(s.responseText):n(s))}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=s;var i=function(t){return t&&t.__esModule?t:{default:t}}(n);t.exports=e.default})},slt8:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("VAcG"),n("TAy9"),n("9zYt")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=a(s),o=a(i);e.default={data:function(){return{baseUrl:n.baseUrl}},mounted:function(){window.scrollTo(0,0)},components:{Display:r.default,Back:o.default}},t.exports=e.default})},tCUt:function(t,e,n){function s(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":["egGD",75],"./en-US/better-scroll.md":["1H2i",74],"./en-US/button.md":["4Xeq",73],"./en-US/cascade-picker.md":["KI1o",72],"./en-US/checkbox-group.md":["wNVF",71],"./en-US/checkbox.md":["QTnR",70],"./en-US/create-api.md":["i/fd",69],"./en-US/date-picker.md":["6Rwf",68],"./en-US/dialog.md":["gPPJ",67],"./en-US/drawer.md":["DOGQ",66],"./en-US/form.md":["nzGO",65],"./en-US/index-list.md":["tHys",64],"./en-US/input.md":["o9DV",63],"./en-US/introduction.md":["YA8a",62],"./en-US/loading.md":["jBRB",61],"./en-US/picker.md":["BBNq",60],"./en-US/popup.md":["HlXn",59],"./en-US/post-compile.md":["1cY+",58],"./en-US/quick-start.md":["gyX9",57],"./en-US/radio.md":["D+uV",56],"./en-US/rate.md":["qr3w",55],"./en-US/scroll.md":["a6IA",54],"./en-US/segment-picker.md":["PiHE",53],"./en-US/select.md":["CSGf",52],"./en-US/singleton.md":["AoaZ",51],"./en-US/slide.md":["qc/E",50],"./en-US/style.md":["jpwl",49],"./en-US/swipe.md":["FRSy",48],"./en-US/switch.md":["2nyi",47],"./en-US/textarea.md":["9woc",46],"./en-US/theme.md":["qVBK",45],"./en-US/time-picker.md":["BGpj",44],"./en-US/tip.md":["X+F9",43],"./en-US/toast.md":["jUSb",42],"./en-US/toolbar.md":["yyOQ",41],"./en-US/upload.md":["YJZO",40],"./en-US/validator.md":["hl6N",39],"./zh-CN/action-sheet.md":["Ezhp",38],"./zh-CN/better-scroll.md":["JGwD",37],"./zh-CN/button.md":["s6Rz",36],"./zh-CN/cascade-picker.md":["kh0H",35],"./zh-CN/checkbox-group.md":["NVJK",34],"./zh-CN/checkbox.md":["n3PG",33],"./zh-CN/create-api.md":["Nx+F",32],"./zh-CN/date-picker.md":["vw3j",31],"./zh-CN/dialog.md":["DZkJ",30],"./zh-CN/drawer.md":["e4wh",29],"./zh-CN/form.md":["XO3d",28],"./zh-CN/index-list.md":["hUpT",27],"./zh-CN/input.md":["IwIh",26],"./zh-CN/introduction.md":["zpSu",25],"./zh-CN/loading.md":["dNW6",24],"./zh-CN/picker.md":["92Kx",23],"./zh-CN/popup.md":["ZL7z",22],"./zh-CN/post-compile.md":["hvjf",21],"./zh-CN/quick-start.md":["8XCF",20],"./zh-CN/radio.md":["wPXv",19],"./zh-CN/rate.md":["JQnJ",18],"./zh-CN/scroll.md":["kegs",17],"./zh-CN/segment-picker.md":["UCq8",16],"./zh-CN/select.md":["eM4Z",15],"./zh-CN/singleton.md":["+gXa",14],"./zh-CN/slide.md":["7yxM",13],"./zh-CN/style.md":["rDWR",12],"./zh-CN/swipe.md":["YVHs",11],"./zh-CN/switch.md":["hpvZ",10],"./zh-CN/textarea.md":["PG1Z",9],"./zh-CN/theme.md":["7PUU",8],"./zh-CN/time-picker.md":["C6Sj",7],"./zh-CN/tip.md":["hIhO",6],"./zh-CN/toast.md":["Wmdn",5],"./zh-CN/toolbar.md":["1dH2",4],"./zh-CN/upload.md":["dSBi",3],"./zh-CN/validator.md":["OsmJ",2]};s.keys=function(){return Object.keys(i)},s.id="tCUt",t.exports=s},tZDt:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk3MTQ1NzcxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4OTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyOCAyMTMuMzQwMTZsNzY4IDBxMTcuNjc0MjQgMCAzMC4xNjcwNCAxMi40OTI4dDEyLjQ5MjggMzAuMTY3MDQtMTIuNDkyOCAzMC4xNjcwNC0zMC4xNjcwNCAxMi40OTI4bC03NjggMHEtMTcuNjc0MjQgMC0zMC4xNjcwNC0xMi40OTI4dC0xMi40OTI4LTMwLjE2NzA0IDEyLjQ5MjgtMzAuMTY3MDQgMzAuMTY3MDQtMTIuNDkyOHpNMTI4IDcyNS4zNDAxNmw3NjggMHExNy42NzQyNCAwIDMwLjE2NzA0IDEyLjQ5Mjh0MTIuNDkyOCAzMC4xNjcwNC0xMi40OTI4IDMwLjE2NzA0LTMwLjE2NzA0IDEyLjQ5MjhsLTc2OCAwcS0xNy42NzQyNCAwLTMwLjE2NzA0LTEyLjQ5Mjh0LTEyLjQ5MjgtMzAuMTY3MDQgMTIuNDkyOC0zMC4xNjcwNCAzMC4xNjcwNC0xMi40OTI4ek0xMjggNDY5LjM0MDE2bDc2OCAwcTE3LjY3NDI0IDAgMzAuMTY3MDQgMTIuNDkyOHQxMi40OTI4IDMwLjE2NzA0LTEyLjQ5MjggMzAuMTY3MDQtMzAuMTY3MDQgMTIuNDkyOGwtNzY4IDBxLTE3LjY3NDI0IDAtMzAuMTY3MDQtMTIuNDkyOHQtMTIuNDkyOC0zMC4xNjcwNCAxMi40OTI4LTMwLjE2NzA0IDMwLjE2NzA0LTEyLjQ5Mjh6IiBwLWlkPSIxOTAwIiBmaWxsPSIjNjQ2NDY0Ij48L3BhdGg+PC9zdmc+Cg=="},teN3:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"home-view",class:{"home-view-docs":t.isDocs,"home-view-demo":t.isExample,opacity1:t.opacity1}},[s("div",{ref:"navigator",staticClass:"navigator",class:{active:t.showTabs}},[s("div",{staticClass:"logo"},[s("router-link",{attrs:{to:"/"}},[s("img",{attrs:{src:n("41pE"),alt:"DiDi"}})])],1),t._v(" "),s("div",{staticClass:"tabs"},[s("i"),t._v(" "),t._t("nav"),t._v(" "),s("site-lang")],2),t._v(" "),s("span",{staticClass:"toggle-nav",on:{click:t.toggleNav}},[s("i")])]),t._v(" "),s("div",{staticClass:"router-view"},[s("nav-loading"),t._v(" "),s("router-view")],1)])},staticRenderFns:[]}},tplh:function(t,e){},txnZ:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("Zu/x")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:s.default}},t.exports=e.default})},"v+5S":function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"home-index"},[s("div",{staticClass:"banner"},[s("h2",[t._v("Cube UI")]),t._v(" "),s("p",[t._t("desc")],2),t._v(" "),s("div",{staticClass:"ghbtns"},[s("Badge",{attrs:{type:"star"}}),t._v(" "),s("Badge",{attrs:{type:"fork"}}),t._v(" "),s("Badge",{attrs:{type:"watch"}})],1),t._v(" "),s("div",{staticClass:"rec-btns"},[t._t("rec-btns")],2)]),t._v(" "),s("section",{staticClass:"features"},[s("ul",[s("li",[s("img",{attrs:{src:n("HdVk")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-1")],2)]),t._v(" "),s("li",[s("img",{attrs:{src:n("QEj7")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-2")],2)]),t._v(" "),s("li",[s("img",{attrs:{src:n("zcSr")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-3")],2)]),t._v(" "),s("li",[s("img",{attrs:{src:n("HHvJ")}}),t._v(" "),s("div",{staticClass:"text"},[t._t("feature-4")],2)])])]),t._v(" "),s("sfooter")],1)},staticRenderFns:[]}},v4eX:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk5MTkyMjAzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MzMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTI2OC44OTYgNDc2LjAzMiA2MjIuMjQgMTI1LjkyYzE4Ljg0OC0xOC42NTYgNDkuMjE2LTE4LjUyOCA2Ny44NzIgMC4zMiAxOC42NTYgMTguODE2IDE4LjUyOCA0OS4yMTYtMC4zMiA2Ny44NzJsLTMxOS40NTYgMzE2LjU3NiAzMTguMTc2IDMyMS4wNTZjMTguNjU2IDE4LjgxNiAxOC41MjggNDkuMjE2LTAuMzIgNjcuODcyLTkuMzQ0IDkuMjgtMjEuNTY4IDEzLjkyLTMzLjc5MiAxMy45Mi0xMi4zNTIgMC0yNC43MDQtNC43MzYtMzQuMDgtMTQuMjA4TDI3MC4yMDggNTQ1Ljk4NGMtMC41MTItMC41MTItMC42NzItMS4yNDgtMS4xODQtMS43OTItMC4xMjgtMC4xMjgtMC4yODgtMC4xNi0wLjQxNi0wLjI4OEMyNDkuOTUyIDUyNS4wODggMjUwLjA4IDQ5NC42ODggMjY4Ljg5NiA0NzYuMDMyeiIgcC1pZD0iMzYzNCIgZmlsbD0iIzY0NjQ2NCI+PC9wYXRoPjwvc3ZnPg=="},vmBx:function(t,e,n){function s(t){n("5usR")}var i=n("VU/8")(n("CMlA"),n("SOhj"),s,null,null);t.exports=i.exports},wtIw:function(t,e,n){var s,i,a;!function(r,o){i=[t,e,n("7ntu"),n("ZfAl"),n("nP5o")],s=o,void 0!==(a="function"==typeof s?s.apply(e,i):s)&&(t.exports=a)}(0,function(t,e,n,s,i){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=a(n),o=a(s),l=a(i);e.default={data:function(){return{showTabs:!1,opacity1:!1,isDocs:this.$route.path.indexOf("/docs")>-1,isExample:this.$route.path.indexOf("/example")>-1}},computed:{isIndex:function(){return!this.isDocs&&!this.isExample}},watch:{$route:function(t){this.isDocs=t.path.indexOf("/docs")>-1,this.isExample=t.path.indexOf("/example")>-1,this.showTabs=!1},isIndex:{handler:function(t){t?(document.addEventListener("touchmove",this.checkScrollTop,!1),window.addEventListener("scroll",this.checkScrollTop,!1)):(document.removeEventListener("touchmove",this.checkScrollTop,!1),window.removeEventListener("scroll",this.checkScrollTop,!1),this.$refs.navigator&&(this.$refs.navigator.style.backgroundColor=""))},immediate:!0}},beforeCreate:function(){var t=this;this.checkScrollTop=(0,l.default)(function(){var e=window.scrollY,n=e/48;t.opacity1=n>=.98,t.$refs.navigator.style.backgroundColor="rgba(255, 255, 255, "+n+")"},10,{leading:!0})},mounted:function(){var t=this;setTimeout(function(){t.isIndex&&t.checkScrollTop()})},components:{SiteLang:r.default,NavLoading:o.default},methods:{toggleNav:function(){this.showTabs=!this.showTabs},toggleCatalog:function(){this.showCatalog=!this.showCatalog}}},t.exports=e.default})},zcSr:function(t,e,n){t.exports=n.p+"img/standard.79d9737.png"}},["aP4Y"]); \ No newline at end of file diff --git a/docs/js/manifest.09fa75a97a6c45b46cc7.js b/docs/js/manifest.09fa75a97a6c45b46cc7.js deleted file mode 100644 index b1506835c814e8f0421b31c2bba1aad247761bea..0000000000000000000000000000000000000000 --- a/docs/js/manifest.09fa75a97a6c45b46cc7.js +++ /dev/null @@ -1 +0,0 @@ -!function(e){function a(f){if(c[f])return c[f].exports;var b=c[f]={i:f,l:!1,exports:{}};return e[f].call(b.exports,b,b.exports,a),b.l=!0,b.exports}var f=window.webpackJsonp;window.webpackJsonp=function(c,d,n){for(var r,t,o,u=0,i=[];u=0&&Math.floor(n)===n&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function d(t){var n=parseFloat(t);return isNaN(n)?t:n}function h(t,n){for(var e=Object.create(null),r=t.split(","),o=0;o-1)return t.splice(e,1)}}function y(t,n){return _r.call(t,n)}function g(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){return t.bind(n)}function _(t,n){n=n||0;for(var e=t.length-n,r=new Array(e);e--;)r[e]=t[e+n];return r}function w(t,n){for(var e in n)t[e]=n[e];return t}function x(t){for(var n={},e=0;e-1)if(i&&!y(o,"default"))a=!1;else if(""===a||a===Er(t)){var c=et(String,o.type);(c<0||u0&&(a=bt(a,(n||"")+"_"+e),mt(a[0])&&mt(s)&&(f[c]=I(s.text+a[0].text),a.shift()),f.push.apply(f,a)):u(a)?mt(s)?f[c]=I(s.text+a):""!==a&&f.push(I(a)):mt(a)&&mt(s)?f[c]=I(s.text+a.text):(i(t._isVList)&&o(a.tag)&&r(a.key)&&o(n)&&(a.key="__vlist"+n+"_"+e+"__"),f.push(a)));return f}function _t(t,n){return(t.__esModule||Hr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?n.extend(t):t}function wt(t,n,e,r,o){var i=ro();return i.asyncFactory=t,i.asyncMeta={data:n,context:e,children:r,tag:o},i}function xt(t,n,e){if(i(t.error)&&o(t.errorComp))return t.errorComp;if(o(t.resolved))return t.resolved;if(i(t.loading)&&o(t.loadingComp))return t.loadingComp;if(!o(t.contexts)){var a=t.contexts=[e],u=!0,s=function(){for(var t=0,n=a.length;tAo&&So[e].id>t.id;)e--;So.splice(e+1,0,t)}else So.push(t);Mo||(Mo=!0,ct(zt))}}function Kt(t,n,e){No.get=function(){return this[n][e]},No.set=function(t){this[n][e]=t},Object.defineProperty(t,e,No)}function Vt(t){t._watchers=[];var n=t.$options;n.props&&Gt(t,n.props),n.methods&&Jt(t,n.methods),n.data?Yt(t):F(t._data={},!0),n.computed&&Ht(t,n.computed),n.watch&&n.watch!==qr&&tn(t,n.watch)}function Gt(t,n){var e=t.$options.propsData||{},r=t._props={},o=t.$options._propKeys=[];!t.$parent||j(!1);for(var i in n)!function(i){o.push(i);var a=Z(i,n,e,t);U(r,i,a),i in t||Kt(t,"_props",i)}(i);j(!0)}function Yt(t){var n=t.$options.data;n=t._data="function"==typeof n?Xt(n,t):n||{},s(n)||(n={});for(var e=Object.keys(n),r=t.$options.props,o=(t.$options.methods,e.length);o--;){var i=e[o];r&&y(r,i)||M(i)||Kt(t,"_data",i)}F(n,!0)}function Xt(t,n){D();try{return t.call(n,n)}catch(t){return rt(t,n,"data()"),{}}finally{N()}}function Ht(t,n){var e=t._computedWatchers=Object.create(null),r=Yr();for(var o in n){var i=n[o],a="function"==typeof i?i:i.get;r||(e[o]=new Do(t,a||O,O,Io)),o in t||Qt(t,o,i)}}function Qt(t,n,e){var r=!Yr();"function"==typeof e?(No.get=r?Zt(n):e,No.set=O):(No.get=e.get?r&&!1!==e.cache?Zt(n):e.get:O,No.set=e.set?e.set:O),Object.defineProperty(t,n,No)}function Zt(t){return function(){var n=this._computedWatchers&&this._computedWatchers[t];if(n)return n.dirty&&n.evaluate(),Jr.target&&n.depend(),n.value}}function Jt(t,n){t.$options.props;for(var e in n)t[e]=null==n[e]?O:Pr(n[e],t)}function tn(t,n){for(var e in n){var r=n[e];if(Array.isArray(r))for(var o=0;o=0||e.indexOf(t[o])<0)&&r.push(t[o]);return r}return t}function jn(t){this._init(t)}function Tn(t){t.use=function(t){var n=this._installedPlugins||(this._installedPlugins=[]);if(n.indexOf(t)>-1)return this;var e=_(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 Ln(t){t.mixin=function(t){return this.options=H(this.options,t),this}}function Fn(t){t.cid=0;var n=1;t.extend=function(t){t=t||{};var e=this,r=e.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=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=H(e.options,t),a.super=e,a.options.props&&Un(a),a.options.computed&&zn(a),a.extend=e.extend,a.mixin=e.mixin,a.use=e.use,Cr.forEach(function(t){a[t]=e[t]}),i&&(a.options.components[i]=a),a.superOptions=e.options,a.extendOptions=t,a.sealedOptions=w({},a.options),o[r]=a,a}}function Un(t){var n=t.options.props;for(var e in n)Kt(t.prototype,"_props",e)}function zn(t){var n=t.options.computed;for(var e in n)Qt(t.prototype,e,n[e])}function Bn(t){Cr.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 $n(t){return t&&(t.Ctor.options.name||t.tag)}function qn(t,n){return Array.isArray(t)?t.indexOf(n)>-1:"string"==typeof t?t.split(",").indexOf(n)>-1:!!f(t)&&t.test(n)}function Wn(t,n){var e=t.cache,r=t.keys,o=t._vnode;for(var i in e){var a=e[i];if(a){var u=$n(a.componentOptions);u&&!n(u)&&Kn(e,i,r,o)}}}function Kn(t,n,e,r){var o=t[n];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),t[n]=null,v(e,n)}function Vn(t){for(var n=t.data,e=t,r=t;o(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(n=Gn(r.data,n));for(;o(e=e.parent);)e&&e.data&&(n=Gn(n,e.data));return Yn(n.staticClass,n.class)}function Gn(t,n){return{staticClass:Xn(t.staticClass,n.staticClass),class:o(t.class)?[t.class,n.class]:n.class}}function Yn(t,n){return o(t)||o(n)?Xn(t,Hn(n)):""}function Xn(t,n){return t?n?t+" "+n:t:n||""}function Hn(t){return Array.isArray(t)?Qn(t):c(t)?Zn(t):"string"==typeof t?t:""}function Qn(t){for(var n,e="",r=0,i=t.length;r-1?ri[t]=n.constructor===window.HTMLUnknownElement||n.constructor===window.HTMLElement:ri[t]=/HTMLUnknownElement/.test(n.toString())}function ne(t){if("string"==typeof t){var n=document.querySelector(t);return n||document.createElement("div")}return t}function ee(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 re(t,n){return document.createElementNS(Jo[t],n)}function oe(t){return document.createTextNode(t)}function ie(t){return document.createComment(t)}function ae(t,n,e){t.insertBefore(n,e)}function ue(t,n){t.removeChild(n)}function ce(t,n){t.appendChild(n)}function se(t){return t.parentNode}function fe(t){return t.nextSibling}function le(t){return t.tagName}function pe(t,n){t.textContent=n}function de(t,n){t.setAttribute(n,"")}function he(t,n){var e=t.data.ref;if(o(e)){var r=t.context,i=t.componentInstance||t.elm,a=r.$refs;n?Array.isArray(a[e])?v(a[e],i):a[e]===i&&(a[e]=void 0):t.data.refInFor?Array.isArray(a[e])?a[e].indexOf(i)<0&&a[e].push(i):a[e]=[i]:a[e]=i}}function ve(t,n){return t.key===n.key&&(t.tag===n.tag&&t.isComment===n.isComment&&o(t.data)===o(n.data)&&ye(t,n)||i(t.isAsyncPlaceholder)&&t.asyncFactory===n.asyncFactory&&r(n.asyncFactory.error))}function ye(t,n){if("input"!==t.tag)return!0;var e,r=o(e=t.data)&&o(e=e.attrs)&&e.type,i=o(e=n.data)&&o(e=e.attrs)&&e.type;return r===i||oi(r)&&oi(i)}function ge(t,n,e){var r,i,a={};for(r=n;r<=e;++r)i=t[r].key,o(i)&&(a[i]=r);return a}function me(t,n){(t.data.directives||n.data.directives)&&be(t,n)}function be(t,n){var e,r,o,i=t===ui,a=n===ui,u=_e(t.data.directives,t.context),c=_e(n.data.directives,n.context),s=[],f=[];for(e in c)r=u[e],o=c[e],r?(o.oldValue=r.value,xe(o,"update",n,t),o.def&&o.def.componentUpdated&&f.push(o)):(xe(o,"bind",n,t),o.def&&o.def.inserted&&s.push(o));if(s.length){var l=function(){for(var e=0;e-1?Ee(t,n,e):Yo(n)?Zo(e)?t.removeAttribute(n):(e="allowfullscreen"===n&&"EMBED"===t.tagName?"true":n,t.setAttribute(n,e)):Go(n)?t.setAttribute(n,Zo(e)||"false"===e?"false":"true"):Ho(n)?Zo(e)?t.removeAttributeNS(Xo,Qo(n)):t.setAttributeNS(Xo,n,e):Ee(t,n,e)}function Ee(t,n,e){if(Zo(e))t.removeAttribute(n);else{if(Ur&&!zr&&"TEXTAREA"===t.tagName&&"placeholder"===n&&!t.__ieph){var r=function(n){n.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(n,e)}}function Pe(t,n){var e=n.elm,i=n.data,a=t.data;if(!(r(i.staticClass)&&r(i.class)&&(r(a)||r(a.staticClass)&&r(a.class)))){var u=Vn(n),c=e._transitionClasses;o(c)&&(u=Xn(u,Hn(c))),u!==e._prevClass&&(e.setAttribute("class",u),e._prevClass=u)}}function Me(t){if(o(t[hi])){var n=Ur?"change":"input";t[n]=[].concat(t[hi],t[n]||[]),delete t[hi]}o(t[vi])&&(t.change=[].concat(t[vi],t.change||[]),delete t[vi])}function ke(t,n,e){var r=$o;return function o(){null!==t.apply(null,arguments)&&Ce(n,o,e,r)}}function Ae(t,n,e,r,o){n=ut(n),e&&(n=ke(n,t,r)),$o.addEventListener(t,n,Wr?{capture:r,passive:o}:r)}function Ce(t,n,e,r){(r||$o).removeEventListener(t,n._withTask||n,e)}function De(t,n){if(!r(t.data.on)||!r(n.data.on)){var e=n.data.on||{},o=t.data.on||{};$o=n.elm,Me(e),pt(e,o,Ae,Ce,n.context),$o=void 0}}function Ne(t,n){if(!r(t.data.domProps)||!r(n.data.domProps)){var e,i,a=n.elm,u=t.data.domProps||{},c=n.data.domProps||{};o(c.__ob__)&&(c=n.data.domProps=w({},c));for(e in u)r(c[e])&&(a[e]="");for(e in c){if(i=c[e],"textContent"===e||"innerHTML"===e){if(n.children&&(n.children.length=0),i===u[e])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===e){a._value=i;var s=r(i)?"":String(i);Ie(a,s)&&(a.value=s)}else a[e]=i}}}function Ie(t,n){return!t.composing&&("OPTION"===t.tagName||Re(t,n)||je(t,n))}function Re(t,n){var e=!0;try{e=document.activeElement!==t}catch(t){}return e&&t.value!==n}function je(t,n){var e=t.value,r=t._vModifiers;if(o(r)){if(r.lazy)return!1;if(r.number)return d(e)!==d(n);if(r.trim)return e.trim()!==n.trim()}return e!==n}function Te(t){var n=Le(t.style);return t.staticStyle?w(t.staticStyle,n):n}function Le(t){return Array.isArray(t)?x(t):"string"==typeof t?mi(t):t}function Fe(t,n){var e,r={};if(n)for(var o=t;o.componentInstance;)(o=o.componentInstance._vnode)&&o.data&&(e=Te(o.data))&&w(r,e);(e=Te(t.data))&&w(r,e);for(var i=t;i=i.parent;)i.data&&(e=Te(i.data))&&w(r,e);return r}function Ue(t,n){var e=n.data,i=t.data;if(!(r(e.staticStyle)&&r(e.style)&&r(i.staticStyle)&&r(i.style))){var a,u,c=n.elm,s=i.staticStyle,f=i.normalizedStyle||i.style||{},l=s||f,p=Le(n.data.style)||{};n.data.normalizedStyle=o(p.__ob__)?w({},p):p;var d=Fe(n,!0);for(u in l)r(d[u])&&wi(c,u,"");for(u in d)(a=d[u])!==l[u]&&wi(c,u,null==a?"":a)}}function ze(t,n){if(n&&(n=n.trim()))if(t.classList)n.indexOf(" ")>-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 Be(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&&w(n,Ei(t.name||"v")),w(n,t),n}return"string"==typeof t?Ei(t):void 0}}function qe(t){Ii(function(){Ii(t)})}function We(t,n){var e=t._transitionClasses||(t._transitionClasses=[]);e.indexOf(n)<0&&(e.push(n),ze(t,n))}function Ke(t,n){t._transitionClasses&&v(t._transitionClasses,n),Be(t,n)}function Ve(t,n,e){var r=Ge(t,n),o=r.type,i=r.timeout,a=r.propCount;if(!o)return e();var u=o===Mi?Ci:Ni,c=0,s=function(){t.removeEventListener(u,f),e()},f=function(n){n.target===t&&++c>=a&&s()};setTimeout(function(){c0&&(e=Mi,f=a,l=i.length):n===ki?s>0&&(e=ki,f=s,l=c.length):(f=Math.max(a,s),e=f>0?a>s?Mi:ki:null,l=e?e===Mi?i.length:c.length:0),{type:e,timeout:f,propCount:l,hasTransform:e===Mi&&Ri.test(r[Ai+"Property"])}}function Ye(t,n){for(;t.length1}function tr(t,n){!0!==n.data.show&&He(n)}function nr(t,n,e){er(t,n,e),(Ur||Br)&&setTimeout(function(){er(t,n,e)},0)}function er(t,n,e){var r=n.value,o=t.multiple;if(!o||Array.isArray(r)){for(var i,a,u=0,c=t.options.length;u-1,a.selected!==i&&(a.selected=i);else if(S(or(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));o||(t.selectedIndex=-1)}}function rr(t,n){return n.every(function(n){return!S(n,t)})}function or(t){return"_value"in t?t._value:t.value}function ir(t){t.target.composing=!0}function ar(t){t.target.composing&&(t.target.composing=!1,ur(t.target,"input"))}function ur(t,n){var e=document.createEvent("HTMLEvents");e.initEvent(n,!0,!0),t.dispatchEvent(e)}function cr(t){return!t.componentInstance||t.data&&t.data.transition?t:cr(t.componentInstance._vnode)}function sr(t){var n=t&&t.componentOptions;return n&&n.Ctor.options.abstract?sr(St(n.children)):t}function fr(t){var n={},e=t.$options;for(var r in e.propsData)n[r]=t[r];var o=e._parentListeners;for(var i in o)n[xr(i)]=o[i];return n}function lr(t,n){if(/\d-keep-alive$/.test(n.tag))return t("keep-alive",{props:n.componentOptions.propsData})}function pr(t){for(;t=t.parent;)if(t.data.transition)return!0}function dr(t,n){return n.key===t.key&&n.tag===t.tag}function hr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function vr(t){t.data.newPos=t.elm.getBoundingClientRect()}function yr(t){var n=t.data.pos,e=t.data.newPos,r=n.left-e.left,o=n.top-e.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}}/*! - * Vue.js v2.5.16 - * (c) 2014-2018 Evan You - * Released under the MIT License. - */ -var gr=Object.freeze({}),mr=Object.prototype.toString,br=(h("slot,component",!0),h("key,ref,slot,slot-scope,is")),_r=Object.prototype.hasOwnProperty,wr=/-(\w)/g,xr=g(function(t){return t.replace(wr,function(t,n){return n?n.toUpperCase():""})}),Or=g(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Sr=/\B([A-Z])/g,Er=g(function(t){return t.replace(Sr,"-$1").toLowerCase()}),Pr=Function.prototype.bind?b:m,Mr=function(t,n,e){return!1},kr=function(t){return t},Ar="data-server-rendered",Cr=["component","directive","filter"],Dr=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Nr={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Mr,isReservedAttr:Mr,isUnknownElement:Mr,getTagNamespace:O,parsePlatformTagName:kr,mustUseProp:Mr,_lifecycleHooks:Dr},Ir=/[^\w.$]/,Rr="__proto__"in{},jr="undefined"!=typeof window,Tr="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Lr=Tr&&WXEnvironment.platform.toLowerCase(),Fr=jr&&window.navigator.userAgent.toLowerCase(),Ur=Fr&&/msie|trident/.test(Fr),zr=Fr&&Fr.indexOf("msie 9.0")>0,Br=Fr&&Fr.indexOf("edge/")>0,$r=(Fr&&Fr.indexOf("android"),Fr&&/iphone|ipad|ipod|ios/.test(Fr)||"ios"===Lr),qr=(Fr&&/chrome\/\d+/.test(Fr),{}.watch),Wr=!1;if(jr)try{var Kr={};Object.defineProperty(Kr,"passive",{get:function(){Wr=!0}}),window.addEventListener("test-passive",null,Kr)}catch(t){}var Vr,Gr,Yr=function(){return void 0===Vr&&(Vr=!jr&&!Tr&&void 0!==t&&"server"===t.process.env.VUE_ENV),Vr},Xr=jr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Hr="undefined"!=typeof Symbol&&C(Symbol)&&"undefined"!=typeof Reflect&&C(Reflect.ownKeys);Gr="undefined"!=typeof Set&&C(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 Qr=O,Zr=0,Jr=function(){this.id=Zr++,this.subs=[]};Jr.prototype.addSub=function(t){this.subs.push(t)},Jr.prototype.removeSub=function(t){v(this.subs,t)},Jr.prototype.depend=function(){Jr.target&&Jr.target.addDep(this)},Jr.prototype.notify=function(){for(var t=this.subs.slice(),n=0,e=t.length;n1?_(e):e;for(var r=_(arguments,1),o=0,i=e.length;oparseInt(this.max)&&Kn(c,s[0],s,this._vnode)),n.data.keepAlive=!0}return n||t&&t[0]}},Bo={KeepAlive:zo};!function(t){var n={};n.get=function(){return Nr},Object.defineProperty(t,"config",n),t.util={warn:Qr,extend:w,mergeOptions:H,defineReactive:U},t.set=z,t.delete=B,t.nextTick=ct,t.options=Object.create(null),Cr.forEach(function(n){t.options[n+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,Bo),Tn(t),Ln(t),Fn(t),Bn(t)}(jn),Object.defineProperty(jn.prototype,"$isServer",{get:Yr}),Object.defineProperty(jn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(jn,"FunctionalRenderContext",{value:mn}),jn.version="2.5.16";var $o,qo,Wo=h("style,class"),Ko=h("input,textarea,option,select,progress"),Vo=function(t,n,e){return"value"===e&&Ko(t)&&"button"!==n||"selected"===e&&"option"===t||"checked"===e&&"input"===t||"muted"===e&&"video"===t},Go=h("contenteditable,draggable,spellcheck"),Yo=h("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"),Xo="http://www.w3.org/1999/xlink",Ho=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Qo=function(t){return Ho(t)?t.slice(6,t.length):""},Zo=function(t){return null==t||!1===t},Jo={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},ti=h("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"),ni=h("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),ei=function(t){return ti(t)||ni(t)},ri=Object.create(null),oi=h("text,number,password,search,email,tel,url"),ii=Object.freeze({createElement:ee,createElementNS:re,createTextNode:oe,createComment:ie,insertBefore:ae,removeChild:ue,appendChild:ce,parentNode:se,nextSibling:fe,tagName:le,setTextContent:pe,setStyleScope:de}),ai={create:function(t,n){he(n)},update:function(t,n){t.data.ref!==n.data.ref&&(he(t,!0),he(n))},destroy:function(t){he(t,!0)}},ui=new no("",{},[]),ci=["create","activate","update","remove","destroy"],si={create:me,update:me,destroy:function(t){me(t,ui)}},fi=Object.create(null),li=[ai,si],pi={create:Oe,update:Oe},di={create:Pe,update:Pe},hi="__r",vi="__c",yi={create:De,update:De},gi={create:Ne,update:Ne},mi=g(function(t){var n={},e=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(e).forEach(function(t){if(t){var e=t.split(r);e.length>1&&(n[e[0].trim()]=e[1].trim())}}),n}),bi=/^--/,_i=/\s*!important$/,wi=function(t,n,e){if(bi.test(n))t.style.setProperty(n,e);else if(_i.test(e))t.style.setProperty(n,e.replace(_i,""),"important");else{var r=Oi(n);if(Array.isArray(e))for(var o=0,i=e.length;oh?(l=r(e[g+1])?null:e[g+1].elm,m(t,l,e,d,g,i)):d>g&&_(t,n,p,h)}function O(t,n,e,r){for(var i=e;i-1}function i(t,n){switch(typeof n){case"undefined":return;case"object":return n;case"function":return n(t);case"boolean":return n?t.params:void 0}}function a(t,n){for(var e in n)t[e]=n[e];return t}function u(t,n,e){void 0===n&&(n={});var r,o=e||c;try{r=o(t||"")}catch(t){r={}}for(var i in n)r[i]=n[i];return r}function c(t){var n={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var e=t.replace(/\+/g," ").split("="),r=zt(e.shift()),o=e.length>0?zt(e.join("=")):null;void 0===n[r]?n[r]=o:Array.isArray(n[r])?n[r].push(o):n[r]=[n[r],o]}),n):n}function s(t){var n=t?Object.keys(t).map(function(n){var e=t[n];if(void 0===e)return"";if(null===e)return Ut(n);if(Array.isArray(e)){var r=[];return e.forEach(function(t){void 0!==t&&(null===t?r.push(Ut(n)):r.push(Ut(n)+"="+Ut(t)))}),r.join("&")}return Ut(n)+"="+Ut(e)}).filter(function(t){return t.length>0}).join("&"):null;return n?"?"+n:""}function f(t,n,e,r){var o=r&&r.options.stringifyQuery,i=n.query||{};try{i=l(i)}catch(t){}var a={name:n.name||t&&t.name,meta:t&&t.meta||{},path:n.path||"/",hash:n.hash||"",query:i,params:n.params||{},fullPath:d(n,o),matched:t?p(t):[]};return e&&(a.redirectedFrom=d(e,o)),Object.freeze(a)}function l(t){if(Array.isArray(t))return t.map(l);if(t&&"object"==typeof t){var n={};for(var e in t)n[e]=l(t[e]);return n}return t}function p(t){for(var n=[];t;)n.unshift(t),t=t.parent;return n}function d(t,n){var e=t.path,r=t.query;void 0===r&&(r={});var o=t.hash;void 0===o&&(o="");var i=n||s;return(e||"/")+i(r)+o}function h(t,n){return n===$t?t===n:!!n&&(t.path&&n.path?t.path.replace(Bt,"")===n.path.replace(Bt,"")&&t.hash===n.hash&&v(t.query,n.query):!(!t.name||!n.name)&&(t.name===n.name&&t.hash===n.hash&&v(t.query,n.query)&&v(t.params,n.params)))}function v(t,n){if(void 0===t&&(t={}),void 0===n&&(n={}),!t||!n)return t===n;var e=Object.keys(t),r=Object.keys(n);return e.length===r.length&&e.every(function(e){var r=t[e],o=n[e];return"object"==typeof r&&"object"==typeof o?v(r,o):String(r)===String(o)})}function y(t,n){return 0===t.path.replace(Bt,"/").indexOf(n.path.replace(Bt,"/"))&&(!n.hash||t.hash===n.hash)&&g(t.query,n.query)}function g(t,n){for(var e in n)if(!(e in t))return!1;return!0}function m(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 n,e=0;e=0&&(n=t.slice(r),t=t.slice(0,r));var o=t.indexOf("?");return o>=0&&(e=t.slice(o+1),t=t.slice(0,o)),{path:t,query:e,hash:n}}function O(t){return t.replace(/\/\//g,"/")}function S(t,n){for(var e,r=[],o=0,i=0,a="",u=n&&n.delimiter||"/";null!=(e=Jt.exec(t));){var c=e[0],s=e[1],f=e.index;if(a+=t.slice(i,f),i=f+c.length,s)a+=s[1];else{var l=t[i],p=e[2],d=e[3],h=e[4],v=e[5],y=e[6],g=e[7];a&&(r.push(a),a="");var m=null!=p&&null!=l&&l!==p,b="+"===y||"*"===y,_="?"===y||"*"===y,w=e[2]||u,x=h||v;r.push({name:d||o++,prefix:p||"",delimiter:w,optional:_,repeat:b,partial:m,asterisk:!!g,pattern:x?C(x):g?".*":"[^"+A(w)+"]+?"})}}return i-1&&(o.params[p]=e.params[p]);if(u)return o.path=F(u.path,o.params,'named route "'+i+'"'),a(u,o,r)}else if(o.path){o.params={};for(var d=0;d=t.length?e():t[o]?n(t[o],function(){r(o+1)}):r(o+1)};r(0)}function ft(t){return function(n,e,r){var i=!1,a=0,u=null;lt(t,function(t,n,e,c){if("function"==typeof t&&void 0===t.cid){i=!0,a++;var s,f=ht(function(n){dt(n)&&(n=n.default),t.resolved="function"==typeof n?n:Rt.extend(n),e.components[c]=n,--a<=0&&r()}),l=ht(function(t){var n="Failed to resolve async component "+c+": "+t;u||(u=o(t)?t:new Error(n),r(u))});try{s=t(f,l)}catch(t){l(t)}if(s)if("function"==typeof s.then)s.then(f,l);else{var p=s.component;p&&"function"==typeof p.then&&p.then(f,l)}}}),i||r()}}function lt(t,n){return pt(t.map(function(t){return Object.keys(t.components).map(function(e){return n(t.components[e],t.instances[e],t,e)})}))}function pt(t){return Array.prototype.concat.apply([],t)}function dt(t){return t.__esModule||an&&"Module"===t[Symbol.toStringTag]}function ht(t){var n=!1;return function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];if(!n)return n=!0,t.apply(this,e)}}function vt(t){if(!t)if(Vt){var n=document.querySelector("base");t=n&&n.getAttribute("href")||"/",t=t.replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function yt(t,n){var e,r=Math.max(t.length,n.length);for(e=0;e=0?n.slice(0,e):n)+"#"+t}function Ct(t){en?ut(At(t)):window.location.hash=t}function Dt(t){en?ct(At(t)):window.location.replace(At(t))}function Nt(t,n){return t.push(n),function(){var e=t.indexOf(n);e>-1&&t.splice(e,1)}}function It(t,n,e){var r="hash"===e?"#"+n:n;return t?O(t+"/"+r):r}Object.defineProperty(n,"__esModule",{value:!0});var Rt,jt={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,n){var e=n.props,r=n.children,o=n.parent,u=n.data;u.routerView=!0;for(var c=o.$createElement,s=e.name,f=o.$route,l=o._routerViewCache||(o._routerViewCache={}),p=0,d=!1;o&&o._routerRoot!==o;)o.$vnode&&o.$vnode.data.routerView&&p++,o._inactive&&(d=!0),o=o.$parent;if(u.routerViewDepth=p,d)return c(l[s],u,r);var h=f.matched[p];if(!h)return l[s]=null,c();var v=l[s]=h.components[s];u.registerRouteInstance=function(t,n){var e=h.instances[s];(n&&e!==t||!n&&e===t)&&(h.instances[s]=n)},(u.hook||(u.hook={})).prepatch=function(t,n){h.instances[s]=n.componentInstance};var y=u.props=i(f,h.props&&h.props[s]);if(y){y=u.props=a({},y);var g=u.attrs=u.attrs||{};for(var m in y)v.props&&m in v.props||(g[m]=y[m],delete y[m])}return c(v,u,r)}},Tt=/[!'()*]/g,Lt=function(t){return"%"+t.charCodeAt(0).toString(16)},Ft=/%2C/g,Ut=function(t){return encodeURIComponent(t).replace(Tt,Lt).replace(Ft,",")},zt=decodeURIComponent,Bt=/\/?$/,$t=f(null,{path:"/"}),qt=[String,Object],Wt=[String,Array],Kt={name:"router-link",props:{to:{type:qt,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 n=this,e=this.$router,r=this.$route,o=e.resolve(this.to,r,this.append),i=o.location,a=o.route,u=o.href,c={},s=e.options.linkActiveClass,l=e.options.linkExactActiveClass,p=null==s?"router-link-active":s,d=null==l?"router-link-exact-active":l,v=null==this.activeClass?p:this.activeClass,g=null==this.exactActiveClass?d:this.exactActiveClass,_=i.path?f(null,i,null,e):a;c[g]=h(r,_),c[v]=this.exact?c[g]:y(r,_);var w=function(t){m(t)&&(n.replace?e.replace(i):e.push(i))},x={click:m};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var O={class:c};if("a"===this.tag)O.on=x,O.attrs={href:u};else{var S=b(this.$slots.default);if(S){S.isStatic=!1;var E=Rt.util.extend;(S.data=E({},S.data)).on=x;(S.data.attrs=E({},S.data.attrs)).href=u}else O.on=x}return t(this.tag,O,this.$slots.default)}},Vt="undefined"!=typeof window,Gt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Yt=L,Xt=S,Ht=E,Qt=k,Zt=T,Jt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Yt.parse=Xt,Yt.compile=Ht,Yt.tokensToFunction=Qt,Yt.tokensToRegExp=Zt;var tn=Object.create(null),nn=Object.create(null),en=Vt&&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)}(),rn=Vt&&window.performance&&window.performance.now?window.performance:Date,on=ot(),an="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,un=function(t,n){this.router=t,this.base=vt(n),this.current=$t,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};un.prototype.listen=function(t){this.cb=t},un.prototype.onReady=function(t,n){this.ready?t():(this.readyCbs.push(t),n&&this.readyErrorCbs.push(n))},un.prototype.onError=function(t){this.errorCbs.push(t)},un.prototype.transitionTo=function(t,n,e){var r=this,o=this.router.match(t,this.current);this.confirmTransition(o,function(){r.updateRoute(o),n&&n(o),r.ensureURL(),r.ready||(r.ready=!0,r.readyCbs.forEach(function(t){t(o)}))},function(t){e&&e(t),t&&!r.ready&&(r.ready=!0,r.readyErrorCbs.forEach(function(n){n(t)}))})},un.prototype.confirmTransition=function(t,n,e){var i=this,a=this.current,u=function(t){o(t)&&(i.errorCbs.length?i.errorCbs.forEach(function(n){n(t)}):(r(!1,"uncaught error during route navigation:"),console.error(t))),e&&e(t)};if(h(t,a)&&t.matched.length===a.matched.length)return this.ensureURL(),u();var c=yt(this.current.matched,t.matched),s=c.updated,f=c.deactivated,l=c.activated,p=[].concat(bt(f),this.router.beforeHooks,_t(s),l.map(function(t){return t.beforeEnter}),ft(l));this.pending=t;var d=function(n,e){if(i.pending!==t)return u();try{n(t,a,function(t){!1===t||o(t)?(i.ensureURL(!0),u(t)):"string"==typeof t||"object"==typeof t&&("string"==typeof t.path||"string"==typeof t.name)?(u(),"object"==typeof t&&t.replace?i.replace(t):i.push(t)):e(t)})}catch(t){u(t)}};st(p,d,function(){var e=[];st(xt(l,e,function(){return i.current===t}).concat(i.router.resolveHooks),d,function(){if(i.pending!==t)return u();i.pending=null,n(t),i.router.app&&i.router.app.$nextTick(function(){e.forEach(function(t){t()})})})})},un.prototype.updateRoute=function(t){var n=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(e){e&&e(t,n)})};var cn=function(t){function n(n,e){var r=this;t.call(this,n,e);var o=n.options.scrollBehavior;o&&Y();var i=Et(this.base);window.addEventListener("popstate",function(t){var e=r.current,a=Et(r.base);r.current===$t&&a===i||r.transitionTo(a,function(t){o&&X(n,t,e,!0)})})}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.go=function(t){window.history.go(t)},n.prototype.push=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){ut(O(r.base+t.fullPath)),X(r.router,t,i,!1),n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){ct(O(r.base+t.fullPath)),X(r.router,t,i,!1),n&&n(t)},e)},n.prototype.ensureURL=function(t){if(Et(this.base)!==this.current.fullPath){var n=O(this.base+this.current.fullPath);t?ut(n):ct(n)}},n.prototype.getCurrentLocation=function(){return Et(this.base)},n}(un),sn=function(t){function n(n,e,r){t.call(this,n,e),r&&Pt(this.base)||Mt()}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.setupListeners=function(){var t=this,n=this.router,e=n.options.scrollBehavior,r=en&&e;r&&Y(),window.addEventListener(en?"popstate":"hashchange",function(){var n=t.current;Mt()&&t.transitionTo(kt(),function(e){r&&X(t.router,e,n,!0),en||Dt(e.fullPath)})})},n.prototype.push=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){Ct(t.fullPath),X(r.router,t,i,!1),n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){Dt(t.fullPath),X(r.router,t,i,!1),n&&n(t)},e)},n.prototype.go=function(t){window.history.go(t)},n.prototype.ensureURL=function(t){var n=this.current.fullPath;kt()!==n&&(t?Ct(n):Dt(n))},n.prototype.getCurrentLocation=function(){return kt()},n}(un),fn=function(t){function n(n,e){t.call(this,n,e),this.stack=[],this.index=-1}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.push=function(t,n,e){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index).concat(t),n&&n(t)},e)},n.prototype.go=function(t){var n=this,e=this.index+t;if(!(e<0||e>=this.stack.length)){var r=this.stack[e];this.confirmTransition(r,function(){n.index=e,n.updateRoute(r)})}},n.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},n.prototype.ensureURL=function(){},n}(un),ln=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=K(t.routes||[],this);var n=t.mode||"hash";switch(this.fallback="history"===n&&!en&&!1!==t.fallback,this.fallback&&(n="hash"),Vt||(n="abstract"),this.mode=n,n){case"history":this.history=new cn(this,t.base);break;case"hash":this.history=new sn(this,t.base,this.fallback);break;case"abstract":this.history=new fn(this,t.base)}},pn={currentRoute:{configurable:!0}};ln.prototype.match=function(t,n,e){return this.matcher.match(t,n,e)},pn.currentRoute.get=function(){return this.history&&this.history.current},ln.prototype.init=function(t){var n=this;if(this.apps.push(t),!this.app){this.app=t;var e=this.history;if(e instanceof cn)e.transitionTo(e.getCurrentLocation());else if(e instanceof sn){var r=function(){e.setupListeners()};e.transitionTo(e.getCurrentLocation(),r,r)}e.listen(function(t){n.apps.forEach(function(n){n._route=t})})}},ln.prototype.beforeEach=function(t){return Nt(this.beforeHooks,t)},ln.prototype.beforeResolve=function(t){return Nt(this.resolveHooks,t)},ln.prototype.afterEach=function(t){return Nt(this.afterHooks,t)},ln.prototype.onReady=function(t,n){this.history.onReady(t,n)},ln.prototype.onError=function(t){this.history.onError(t)},ln.prototype.push=function(t,n,e){this.history.push(t,n,e)},ln.prototype.replace=function(t,n,e){this.history.replace(t,n,e)},ln.prototype.go=function(t){this.history.go(t)},ln.prototype.back=function(){this.go(-1)},ln.prototype.forward=function(){this.go(1)},ln.prototype.getMatchedComponents=function(t){var n=t?t.matched?t:this.resolve(t).route:this.currentRoute;return n?[].concat.apply([],n.matched.map(function(t){return Object.keys(t.components).map(function(n){return t.components[n]})})):[]},ln.prototype.resolve=function(t,n,e){var r=q(t,n||this.history.current,e,this),o=this.match(r,n),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:It(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},ln.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==$t&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(ln.prototype,pn),ln.install=_,ln.version="2.8.1",Vt&&window.Vue&&window.Vue.use(ln),n.default=ln},"/whu":function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"06OY":function(t,n,e){var r=e("3Eo+")("meta"),o=e("EqjI"),i=e("D2L2"),a=e("evD5").f,u=0,c=Object.isExtensible||function(){return!0},s=!e("S82l")(function(){return c(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,n){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!c(t))return"F";if(!n)return"E";f(t)}return t[r].i},p=function(t,n){if(!i(t,r)){if(!c(t))return!0;if(!n)return!1;f(t)}return t[r].w},d=function(t){return s&&h.NEED&&c(t)&&!i(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"07k+":function(t,n,e){for(var r,o=e("OzIq"),i=e("2p1q"),a=e("ulTY"),u=a("typed_array"),c=a("view"),s=!(!o.ArrayBuffer||!o.DataView),f=s,l=0,p="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");l<9;)(r=o[p[l++]])?(i(r.prototype,u,!0),i(r.prototype,c,!0)):f=!1;t.exports={ABV:s,CONSTR:f,TYPED:u,VIEW:c}},"0Rih":function(t,n,e){"use strict";var r=e("OzIq"),o=e("Ds5P"),i=e("R3AP"),a=e("A16L"),u=e("1aA0"),c=e("vmSO"),s=e("9GpA"),f=e("UKM+"),l=e("zgIt"),p=e("qkyc"),d=e("yYvK"),h=e("kic5");t.exports=function(t,n,e,v,y,g){var m=r[t],b=m,_=y?"set":"add",w=b&&b.prototype,x={},O=function(t){var n=w[t];i(w,t,"delete"==t?function(t){return!(g&&!f(t))&&n.call(this,0===t?0:t)}:"has"==t?function(t){return!(g&&!f(t))&&n.call(this,0===t?0:t)}:"get"==t?function(t){return g&&!f(t)?void 0:n.call(this,0===t?0:t)}:"add"==t?function(t){return n.call(this,0===t?0:t),this}:function(t,e){return n.call(this,0===t?0:t,e),this})};if("function"==typeof b&&(g||w.forEach&&!l(function(){(new b).entries().next()}))){var S=new b,E=S[_](g?{}:-0,1)!=S,P=l(function(){S.has(1)}),M=p(function(t){new b(t)}),k=!g&&l(function(){for(var t=new b,n=5;n--;)t[_](n,n);return!t.has(-0)});M||(b=n(function(n,e){s(n,b,t);var r=h(new m,n,b);return void 0!=e&&c(e,y,r[_],r),r}),b.prototype=w,w.constructor=b),(P||k)&&(O("delete"),O("has"),y&&O("get")),(k||E)&&O(_),g&&w.clear&&delete w.clear}else b=v.getConstructor(n,t,y,_),a(b.prototype,e),u.NEED=!0;return d(b,t),x[t]=b,o(o.G+o.W+o.F*(b!=m),x),g||v.setStrong(b,t,y),b}},"0j1G":function(t,n,e){"use strict";var r=e("Ds5P");t.exports=function(t){r(r.S,t,{of:function(){for(var t=arguments.length,n=new Array(t);t--;)n[t]=arguments[t];return new this(n)}})}},"0pGU":function(t,n,e){"use strict";var r=e("DIVP");t.exports=function(){var t=r(this),n="";return t.global&&(n+="g"),t.ignoreCase&&(n+="i"),t.multiline&&(n+="m"),t.unicode&&(n+="u"),t.sticky&&(n+="y"),n}},"162o":function(t,n,e){(function(t){function r(t,n){this._id=t,this._clearFn=n}var o=Function.prototype.apply;n.setTimeout=function(){return new r(o.call(setTimeout,window,arguments),clearTimeout)},n.setInterval=function(){return new r(o.call(setInterval,window,arguments),clearInterval)},n.clearTimeout=n.clearInterval=function(t){t&&t.close()},r.prototype.unref=r.prototype.ref=function(){},r.prototype.close=function(){this._clearFn.call(window,this._id)},n.enroll=function(t,n){clearTimeout(t._idleTimeoutId),t._idleTimeout=n},n.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},n._unrefActive=n.active=function(t){clearTimeout(t._idleTimeoutId);var n=t._idleTimeout;n>=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},n))},e("mypn"),n.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==t&&t.setImmediate||this&&this.setImmediate,n.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==t&&t.clearImmediate||this&&this.clearImmediate}).call(n,e("DuR2"))},"1A13":function(t,n,e){"use strict";var r=e("49qz")(!0);e("uc2A")(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,n=this._t,e=this._i;return e>=n.length?{value:void 0,done:!0}:(t=r(n,e),this._i+=t.length,{value:t,done:!1})})},"1ETD":function(t,n,e){var r=e("kkCw")("match");t.exports=function(t){var n=/./;try{"/./"[t](n)}catch(e){try{return n[r]=!1,!"/./"[t](n)}catch(t){}}return!0}},"1aA0":function(t,n,e){var r=e("ulTY")("meta"),o=e("UKM+"),i=e("WBcL"),a=e("lDLk").f,u=0,c=Object.isExtensible||function(){return!0},s=!e("zgIt")(function(){return c(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,n){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!c(t))return"F";if(!n)return"E";f(t)}return t[r].i},p=function(t,n){if(!i(t,r)){if(!c(t))return!0;if(!n)return!1;f(t)}return t[r].w},d=function(t){return s&&h.NEED&&c(t)&&!i(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"1ip3":function(t,n,e){var r=e("Ds5P");r(r.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},"1kS7":function(t,n){n.f=Object.getOwnPropertySymbols},"1uLP":function(t,n,e){var r=e("Ds5P");r(r.G+r.W+r.F*!e("07k+").ABV,{DataView:e("LrcN").DataView})},"2KxR":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}},"2VSL":function(t,n,e){var r=e("BbyF"),o=e("xAdt"),i=e("/whu");t.exports=function(t,n,e,a){var u=String(i(t)),c=u.length,s=void 0===e?" ":String(e),f=r(n);if(f<=c||""==s)return u;var l=f-c,p=o.call(s,Math.ceil(l/s.length));return p.length>l&&(p=p.slice(0,l)),a?p+u:u+p}},"2p1q":function(t,n,e){var r=e("lDLk"),o=e("fU25");t.exports=e("bUqO")?function(t,n,e){return r.f(t,n,o(1,e))}:function(t,n,e){return t[n]=e,t}},"3Eo+":function(t,n){var e=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++e+r).toString(36))}},"3QrE":function(t,n,e){var r=e("Ds5P");r(r.P,"Function",{bind:e("ZtwE")})},"3fs2":function(t,n,e){var r=e("RY/4"),o=e("dSzd")("iterator"),i=e("/bQp");t.exports=e("FeBl").getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},"3g/S":function(t,n,e){var r=e("OzIq"),o=e("7gX0"),i=e("V3l/"),a=e("M8WE"),u=e("lDLk").f;t.exports=function(t){var n=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in n||u(n,t,{value:a.f(t)})}},"3i66":function(t,n,e){var r=e("Ds5P"),o=e("7gX0"),i=e("zgIt");t.exports=function(t,n){var e=(o.Object||{})[t]||Object[t],a={};a[t]=n(e),r(r.S+r.F*i(function(){e(1)}),"Object",a)}},"3q4u":function(t,n,e){var r=e("wCso"),o=e("DIVP"),i=r.key,a=r.map,u=r.store;r.exp({deleteMetadata:function(t,n){var e=arguments.length<3?void 0:i(arguments[2]),r=a(o(n),e,!1);if(void 0===r||!r.delete(t))return!1;if(r.size)return!0;var c=u.get(n);return c.delete(e),!!c.size||u.delete(n)}})},"3s83":function(t,n,e){var r=e("Ds5P");r(r.S,"Math",{RAD_PER_DEG:180/Math.PI})},"41xE":function(t,n,e){var r=e("OzIq"),o=r.navigator;t.exports=o&&o.userAgent||""},"49qz":function(t,n,e){var r=e("oeih"),o=e("/whu");t.exports=function(t){return function(n,e){var i,a,u=String(o(n)),c=r(e),s=u.length;return c<0||c>=s?t?"":void 0:(i=u.charCodeAt(c),i<55296||i>56319||c+1===s||(a=u.charCodeAt(c+1))<56320||a>57343?t?u.charAt(c):i:t?u.slice(c,c+2):a-56320+(i-55296<<10)+65536)}}},"4IZP":function(t,n){t.exports=Object.is||function(t,n){return t===n?0!==t||1/t==1/n:t!=t&&n!=n}},"4M2W":function(t,n,e){e("A0n/"),e("i68Q"),e("QzLV"),e("Hhm4"),e("C+4B"),e("W4Z6"),e("tJwI"),e("eC2H"),e("VTn2"),e("W/IU"),e("Y5ex"),e("WpPb"),e("+yjc"),e("gPva"),e("n12u"),e("nRs1"),e("jrHM"),e("gYYG"),e("3QrE"),e("EuXz"),e("PbPd"),e("S+E/"),e("EvFb"),e("QBuC"),e("QWLi"),e("ZRJK"),e("Stuz"),e("yuXV"),e("XtiL"),e("LG56"),e("A1ng"),e("WiIn"),e("aJ2J"),e("altv"),e("dULJ"),e("v2lb"),e("7Jvp"),e("lyhN"),e("kBOG"),e("xONB"),e("LlNE"),e("9xIj"),e("m6Yj"),e("wrs0"),e("Lqg1"),e("1ip3"),e("pWGb"),e("N4KQ"),e("Hl+4"),e("MjHD"),e("SRCy"),e("H0mh"),e("bqOW"),e("F3sI"),e("mhn7"),e("1A13"),e("Racj"),e("Y1S0"),e("Gh7F"),e("tqSY"),e("CvWX"),e("8Np7"),e("R4pa"),e("4RlI"),e("iM2X"),e("J+j9"),e("82of"),e("X/Hz"),e("eVIH"),e("UJiG"),e("SU+a"),e("5iw+"),e("EWrS"),e("J2ob"),e("QaEu"),e("8fhx"),e("UbXY"),e("Rk41"),e("4Q0w"),e("IMUI"),e("beEN"),e("xMpm"),e("j42X"),e("81dZ"),e("uDYd"),e("CEO+"),e("w6W7"),e("fOdq"),e("wVdn"),e("Nkrw"),e("wnRD"),e("lkT3"),e("+CM9"),e("oHKp"),e("9vc3"),e("No4x"),e("WpTh"),e("U6qc"),e("Q/CP"),e("WgSQ"),e("lnZN"),e("FaZr"),e("pd+2"),e("MfeA"),e("VjuZ"),e("qwQ3"),e("mJx5"),e("y9m4"),e("MsuQ"),e("dSUw"),e("ZDXm"),e("V/H1"),e("9mmO"),e("1uLP"),e("52Wt"),e("TFWu"),e("MyjO"),e("qtRy"),e("THnP"),e("K0JP"),e("NfZy"),e("dTzs"),e("+vXH"),e("CVR+"),e("vmSu"),e("4ZU1"),e("yx1U"),e("X7aK"),e("SPtU"),e("A52B"),e("PuTd"),e("dm+7"),e("JG34"),e("Rw4K"),e("9mGU"),e("bUY0"),e("mTp7"),e("gbyG"),e("oF0V"),e("v90c"),e("+2+s"),e("smQ+"),e("m8F4"),e("xn9I"),e("LRL/"),e("sc7i"),e("9Yib"),e("vu/c"),e("zmx7"),e("YVn/"),e("FKfb"),e("oYp4"),e("dxQb"),e("xCpI"),e("AkTE"),e("h7Xi"),e("arGp"),e("JJ3w"),e("qZb+"),e("La7N"),e("BOYP"),e("4rmF"),e("Ygg6"),e("6Xxs"),e("qdHU"),e("DQfQ"),e("j/Lv"),e("U+VG"),e("X6NR"),e("W0pi"),e("taNN"),e("vnWP"),e("R3KI"),e("6iMJ"),e("B3Xn"),e("3s83"),e("F1ui"),e("uEEG"),e("i039"),e("H7zx"),e("+Mt+"),e("QcWB"),e("yJ2x"),e("3q4u"),e("NHaJ"),e("v3hU"),e("zZHq"),e("vsh6"),e("8WbS"),e("yOtE"),e("EZ+5"),e("aM0T"),e("nh2o"),e("v8VU"),e("dich"),e("fx22"),t.exports=e("7gX0")},"4Q0w":function(t,n,e){var r=e("kkCw")("toPrimitive"),o=Date.prototype;r in o||e("2p1q")(o,r,e("jB26"))},"4RlI":function(t,n,e){"use strict";e("y325")("blink",function(t){return function(){return t(this,"blink","","")}})},"4ZU1":function(t,n,e){var r=e("lDLk"),o=e("Ds5P"),i=e("DIVP"),a=e("s4j0");o(o.S+o.F*e("zgIt")(function(){Reflect.defineProperty(r.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function(t,n,e){i(t),n=a(n,!0),i(e);try{return r.f(t,n,e),!0}catch(t){return!1}}})},"4mcu":function(t,n){t.exports=function(){}},"4rmF":function(t,n,e){e("iKpr")("Map")},"52Wt":function(t,n,e){e("77Ug")("Int8",1,function(t){return function(n,e,r){return t(this,n,e,r)}})},"52gC":function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"5QVw":function(t,n,e){t.exports={default:e("BwfY"),__esModule:!0}},"5iw+":function(t,n,e){"use strict";e("y325")("strike",function(t){return function(){return t(this,"strike","","")}})},"6STP":function(t,n){t.exports=function(t){var n={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},t.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[n],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[n],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},n]}]}}},"6Xxs":function(t,n,e){e("iKpr")("WeakMap")},"6iMJ":function(t,n,e){var r=e("Ds5P");r(r.S,"Math",{isubh:function(t,n,e,r){var o=t>>>0,i=n>>>0,a=e>>>0;return i-(r>>>0)-((~o&a|~(o^a)&o-a>>>0)>>>31)|0}})},"70Rd":function(t,n,e){!function(t){"object"==typeof window&&window||"object"==typeof self&&self;t(n)}(function(t){function n(t){return t.replace(/&/g,"&").replace(//g,">")}function e(t){return t.nodeName.toLowerCase()}function r(t,n){var e=t&&t.exec(n);return e&&0===e.index}function o(t){return P.test(t)}function i(t){var n,e,r,i,a=t.className+" ";if(a+=t.parentNode?t.parentNode.className:"",e=M.exec(a))return w(e[1])?e[1]:"no-highlight";for(a=a.split(/\s+/),n=0,r=a.length;n"}function u(t){f+=""}function c(t){("start"===t.event?a:u)(t.node)}for(var s=0,f="",l=[];t.length||r.length;){var p=i();if(f+=n(o.substring(s,p[0].offset)),s=p[0].offset,p===t){l.reverse().forEach(u);do{c(p.splice(0,1)[0]),p=i()}while(p===t&&p.length&&p[0].offset===s);l.reverse().forEach(a)}else"start"===p[0].event?l.push(p[0].node):l.pop(),c(p.splice(0,1)[0])}return f+n(o.substr(s))}function s(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(n){return a(t,{variants:null},n)})),t.cached_variants||t.endsWithParent&&[a(t)]||[t]}function f(t){function n(t){return t&&t.source||t}function e(e,r){return new RegExp(n(e),"m"+(t.case_insensitive?"i":"")+(r?"g":""))}function r(o,i){if(!o.compiled){if(o.compiled=!0,o.keywords=o.keywords||o.beginKeywords,o.keywords){var a={},u=function(n,e){t.case_insensitive&&(e=e.toLowerCase()),e.split(" ").forEach(function(t){var e=t.split("|");a[e[0]]=[n,e[1]?Number(e[1]):1]})};"string"==typeof o.keywords?u("keyword",o.keywords):O(o.keywords).forEach(function(t){u(t,o.keywords[t])}),o.keywords=a}o.lexemesRe=e(o.lexemes||/\w+/,!0),i&&(o.beginKeywords&&(o.begin="\\b("+o.beginKeywords.split(" ").join("|")+")\\b"),o.begin||(o.begin=/\B|\b/),o.beginRe=e(o.begin),o.end||o.endsWithParent||(o.end=/\B|\b/),o.end&&(o.endRe=e(o.end)),o.terminator_end=n(o.end)||"",o.endsWithParent&&i.terminator_end&&(o.terminator_end+=(o.end?"|":"")+i.terminator_end)),o.illegal&&(o.illegalRe=e(o.illegal)),null==o.relevance&&(o.relevance=1),o.contains||(o.contains=[]),o.contains=Array.prototype.concat.apply([],o.contains.map(function(t){return s("self"===t?o:t)})),o.contains.forEach(function(t){r(t,o)}),o.starts&&r(o.starts,i);var c=o.contains.map(function(t){return t.beginKeywords?"\\.?("+t.begin+")\\.?":t.begin}).concat([o.terminator_end,o.illegal]).map(n).filter(Boolean);o.terminators=c.length?e(c.join("|"),!0):{exec:function(){return null}}}}r(t)}function l(t,e,o,i){function a(t,n){var e,o;for(e=0,o=n.contains.length;e')+n+a}function h(){var t,e,r,o;if(!x.keywords)return n(P);for(o="",e=0,x.lexemesRe.lastIndex=0,r=x.lexemesRe.exec(P);r;)o+=n(P.substring(e,r.index)),t=s(x,r),t?(M+=t[1],o+=d(t[0],n(r[0]))):o+=n(r[0]),e=x.lexemesRe.lastIndex,r=x.lexemesRe.exec(P);return o+n(P.substr(e))}function v(){var t="string"==typeof x.subLanguage;if(t&&!S[x.subLanguage])return n(P);var e=t?l(x.subLanguage,P,!0,O[x.subLanguage]):p(P,x.subLanguage.length?x.subLanguage:void 0);return x.relevance>0&&(M+=e.relevance),t&&(O[x.subLanguage]=e.top),d(e.language,e.value,!1,!0)}function y(){E+=null!=x.subLanguage?v():h(),P=""}function g(t){E+=t.className?d(t.className,"",!0):"",x=Object.create(t,{parent:{value:x}})}function m(t,n){if(P+=t,null==n)return y(),0;var e=a(n,x);if(e)return e.skip?P+=n:(e.excludeBegin&&(P+=n),y(),e.returnBegin||e.excludeBegin||(P=n)),g(e,n),e.returnBegin?0:n.length;var r=u(x,n);if(r){var o=x;o.skip?P+=n:(o.returnEnd||o.excludeEnd||(P+=n),y(),o.excludeEnd&&(P=n));do{x.className&&(E+=A),x.skip||(M+=x.relevance),x=x.parent}while(x!==r.parent);return r.starts&&g(r.starts,""),o.returnEnd?0:n.length}if(c(n,x))throw new Error('Illegal lexeme "'+n+'" for mode "'+(x.className||"")+'"');return P+=n,n.length||1}var b=w(t);if(!b)throw new Error('Unknown language: "'+t+'"');f(b);var _,x=i||b,O={},E="";for(_=x;_!==b;_=_.parent)_.className&&(E=d(_.className,"",!0)+E);var P="",M=0;try{for(var k,D,N=0;;){if(x.terminators.lastIndex=N,!(k=x.terminators.exec(e)))break;D=m(e.substring(N,k.index),k[0]),N=k.index+D}for(m(e.substr(N)),_=x;_.parent;_=_.parent)_.className&&(E+=A);return{relevance:M,value:E,language:t,top:x}}catch(t){if(t.message&&-1!==t.message.indexOf("Illegal"))return{relevance:0,value:n(e)};throw t}}function p(t,e){e=e||C.languages||O(S);var r={relevance:0,value:n(t)},o=r;return e.filter(w).forEach(function(n){var e=l(n,t,!1);e.language=n,e.relevance>o.relevance&&(o=e),e.relevance>r.relevance&&(o=r,r=e)}),o.language&&(r.second_best=o),r}function d(t){return C.tabReplace||C.useBR?t.replace(k,function(t,n){return C.useBR&&"\n"===t?"
":C.tabReplace?n.replace(/\t/g,C.tabReplace):""}):t}function h(t,n,e){var r=n?E[n]:e,o=[t.trim()];return t.match(/\bhljs\b/)||o.push("hljs"),-1===t.indexOf(r)&&o.push(r),o.join(" ").trim()}function v(t){var n,e,r,a,s,f=i(t);o(f)||(C.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=t.innerHTML.replace(/\n/g,"").replace(//g,"\n")):n=t,s=n.textContent,r=f?l(f,s,!0):p(s),e=u(n),e.length&&(a=document.createElementNS("http://www.w3.org/1999/xhtml","div"),a.innerHTML=r.value,r.value=c(e,u(a),s)),r.value=d(r.value),t.innerHTML=r.value,t.className=h(t.className,f,r.language),t.result={language:r.language,re:r.relevance},r.second_best&&(t.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function y(t){C=a(C,t)}function g(){if(!g.called){g.called=!0;var t=document.querySelectorAll("pre code");x.forEach.call(t,v)}}function m(){addEventListener("DOMContentLoaded",g,!1),addEventListener("load",g,!1)}function b(n,e){var r=S[n]=e(t);r.aliases&&r.aliases.forEach(function(t){E[t]=n})}function _(){return O(S)}function w(t){return t=(t||"").toLowerCase(),S[t]||S[E[t]]}var x=[],O=Object.keys,S={},E={},P=/^(no-?highlight|plain|text)$/i,M=/\blang(?:uage)?-([\w-]+)\b/i,k=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,A="",C={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return t.highlight=l,t.highlightAuto=p,t.fixMarkup=d,t.highlightBlock=v,t.configure=y,t.initHighlighting=g,t.initHighlightingOnLoad=m,t.registerLanguage=b,t.listLanguages=_,t.getLanguage=w,t.inherit=a,t.IDENT_RE="[a-zA-Z]\\w*",t.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",t.NUMBER_RE="\\b\\d+(\\.\\d+)?",t.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",t.BINARY_NUMBER_RE="\\b(0b[01]+)",t.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",t.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},t.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},t.COMMENT=function(n,e,r){var o=t.inherit({className:"comment",begin:n,end:e,contains:[]},r||{});return o.contains.push(t.PHRASAL_WORDS_MODE),o.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),o},t.C_LINE_COMMENT_MODE=t.COMMENT("//","$"),t.C_BLOCK_COMMENT_MODE=t.COMMENT("/\\*","\\*/"),t.HASH_COMMENT_MODE=t.COMMENT("#","$"),t.NUMBER_MODE={className:"number",begin:t.NUMBER_RE,relevance:0},t.C_NUMBER_MODE={className:"number",begin:t.C_NUMBER_RE,relevance:0},t.BINARY_NUMBER_MODE={className:"number",begin:t.BINARY_NUMBER_RE,relevance:0},t.CSS_NUMBER_MODE={className:"number",begin:t.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},t.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[t.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[t.BACKSLASH_ESCAPE]}]},t.TITLE_MODE={className:"title",begin:t.IDENT_RE,relevance:0},t.UNDERSCORE_TITLE_MODE={className:"title",begin:t.UNDERSCORE_IDENT_RE,relevance:0},t.METHOD_GUARD={begin:"\\.\\s*"+t.UNDERSCORE_IDENT_RE,relevance:0},t})},"77Pl":function(t,n,e){var r=e("EqjI");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},"77Ug":function(t,n,e){"use strict";if(e("bUqO")){var r=e("V3l/"),o=e("OzIq"),i=e("zgIt"),a=e("Ds5P"),u=e("07k+"),c=e("LrcN"),s=e("rFzY"),f=e("9GpA"),l=e("fU25"),p=e("2p1q"),d=e("A16L"),h=e("oeih"),v=e("BbyF"),y=e("8D8H"),g=e("zo/l"),m=e("s4j0"),b=e("WBcL"),_=e("wC1N"),w=e("UKM+"),x=e("FryR"),O=e("9vb1"),S=e("7ylX"),E=e("KOrd"),P=e("WcO1").f,M=e("SHe9"),k=e("ulTY"),A=e("kkCw"),C=e("LhTa"),D=e("ot5s"),N=e("7O1s"),I=e("WgSQ"),R=e("bN1p"),j=e("qkyc"),T=e("CEne"),L=e("zCYm"),F=e("DPsE"),U=e("lDLk"),z=e("x9zv"),B=U.f,$=z.f,q=o.RangeError,W=o.TypeError,K=o.Uint8Array,V=Array.prototype,G=c.ArrayBuffer,Y=c.DataView,X=C(0),H=C(2),Q=C(3),Z=C(4),J=C(5),tt=C(6),nt=D(!0),et=D(!1),rt=I.values,ot=I.keys,it=I.entries,at=V.lastIndexOf,ut=V.reduce,ct=V.reduceRight,st=V.join,ft=V.sort,lt=V.slice,pt=V.toString,dt=V.toLocaleString,ht=A("iterator"),vt=A("toStringTag"),yt=k("typed_constructor"),gt=k("def_constructor"),mt=u.CONSTR,bt=u.TYPED,_t=u.VIEW,wt=C(1,function(t,n){return Pt(N(t,t[gt]),n)}),xt=i(function(){return 1===new K(new Uint16Array([1]).buffer)[0]}),Ot=!!K&&!!K.prototype.set&&i(function(){new K(1).set({})}),St=function(t,n){var e=h(t);if(e<0||e%n)throw q("Wrong offset!");return e},Et=function(t){if(w(t)&&bt in t)return t;throw W(t+" is not a typed array!")},Pt=function(t,n){if(!(w(t)&&yt in t))throw W("It is not a typed array constructor!");return new t(n)},Mt=function(t,n){return kt(N(t,t[gt]),n)},kt=function(t,n){for(var e=0,r=n.length,o=Pt(t,r);r>e;)o[e]=n[e++];return o},At=function(t,n,e){B(t,n,{get:function(){return this._d[e]}})},Ct=function(t){var n,e,r,o,i,a,u=x(t),c=arguments.length,f=c>1?arguments[1]:void 0,l=void 0!==f,p=M(u);if(void 0!=p&&!O(p)){for(a=p.call(u),r=[],n=0;!(i=a.next()).done;n++)r.push(i.value);u=r}for(l&&c>2&&(f=s(f,arguments[2],2)),n=0,e=v(u.length),o=Pt(this,e);e>n;n++)o[n]=l?f(u[n],n):u[n];return o},Dt=function(){for(var t=0,n=arguments.length,e=Pt(this,n);n>t;)e[t]=arguments[t++];return e},Nt=!!K&&i(function(){dt.call(new K(1))}),It=function(){return dt.apply(Nt?lt.call(Et(this)):Et(this),arguments)},Rt={copyWithin:function(t,n){return F.call(Et(this),t,n,arguments.length>2?arguments[2]:void 0)},every:function(t){return Z(Et(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return L.apply(Et(this),arguments)},filter:function(t){return Mt(this,H(Et(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return J(Et(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(Et(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){X(Et(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return et(Et(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return nt(Et(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return st.apply(Et(this),arguments)},lastIndexOf:function(t){return at.apply(Et(this),arguments)},map:function(t){return wt(Et(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ut.apply(Et(this),arguments)},reduceRight:function(t){return ct.apply(Et(this),arguments)},reverse:function(){for(var t,n=this,e=Et(n).length,r=Math.floor(e/2),o=0;o1?arguments[1]:void 0)},sort:function(t){return ft.call(Et(this),t)},subarray:function(t,n){var e=Et(this),r=e.length,o=g(t,r);return new(N(e,e[gt]))(e.buffer,e.byteOffset+o*e.BYTES_PER_ELEMENT,v((void 0===n?r:g(n,r))-o))}},jt=function(t,n){return Mt(this,lt.call(Et(this),t,n))},Tt=function(t){Et(this);var n=St(arguments[1],1),e=this.length,r=x(t),o=v(r.length),i=0;if(o+n>e)throw q("Wrong length!");for(;i255?255:255&r),o.v[d](e*n+o.o,r,xt)},A=function(t,n){B(t,n,{get:function(){return M(this,n)},set:function(t){return k(this,n,t)},enumerable:!0})};b?(h=e(function(t,e,r,o){f(t,h,s,"_d");var i,a,u,c,l=0,d=0;if(w(e)){if(!(e instanceof G||"ArrayBuffer"==(c=_(e))||"SharedArrayBuffer"==c))return bt in e?kt(h,e):Ct.call(h,e);i=e,d=St(r,n);var g=e.byteLength;if(void 0===o){if(g%n)throw q("Wrong length!");if((a=g-d)<0)throw q("Wrong length!")}else if((a=v(o)*n)+d>g)throw q("Wrong length!");u=a/n}else u=y(e),a=u*n,i=new G(a);for(p(t,"_d",{b:i,o:d,l:a,e:u,v:new Y(i)});l0),"Math",{asinh:r})},"7KvD":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)},"7O1s":function(t,n,e){var r=e("DIVP"),o=e("XSOZ"),i=e("kkCw")("species");t.exports=function(t,n){var e,a=r(t).constructor;return void 0===a||void 0==(e=r(a)[i])?n:o(e)}},"7UMu":function(t,n,e){var r=e("R9M2");t.exports=Array.isArray||function(t){return"Array"==r(t)}},"7gX0":function(t,n){var e=t.exports={version:"2.5.5"};"number"==typeof __e&&(__e=e)},"7ylX":function(t,n,e){var r=e("DIVP"),o=e("twxM"),i=e("QKXm"),a=e("mZON")("IE_PROTO"),u=function(){},c=function(){var t,n=e("jhxf")("iframe"),r=i.length;for(n.style.display="none",e("d075").appendChild(n),n.src="javascript:",t=n.contentWindow.document,t.open(),t.write("