diff --git a/docs/example/css/app.2287833534700774c792800f69036dc8.css b/docs/example/css/app.2287833534700774c792800f69036dc8.css
new file mode 100644
index 000000000..24132c3f7
--- /dev/null
+++ b/docs/example/css/app.2287833534700774c792800f69036dc8.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;-moz-user-select:none;-ms-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);transform:scale(.5)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%;-webkit-transform:scale(.5);transform:scale(.5)}.border-left-1px:before{height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@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);transform:scale(.333)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(fonts/cubeic.dcc2b6f.ttf) 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-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.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-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;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;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s}@-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;-webkit-box-align:center;-webkit-align-items: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;-webkit-justify-content: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-tab-bar{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-tab-bar,.cube-tab-bar_inline .cube-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-tab-bar_inline .cube-tab{-webkit-align-content:center;align-content:center}.cube-tab-bar-slider{position:absolute;left:0;bottom:0;height:2px;width:20px;background-color:#e8864c}.cube-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px 0;color:#666;text-align:center}.cube-tab_active{color:#e8864c}.cube-tab-panels{position:relative;overflow:hidden}.cube-tab-panels-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1);transition:all .4s cubic-bezier(.86,0,.07,1)}.cube-tab-panel{width:100%;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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,100%,0);transform:translate3d(0,100%,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;box-sizing:content-box;font-size:14px}.cube-picker-confirm{position:absolute;right:0;color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{position:absolute;left:0;color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content: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-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-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:-webkit-flex;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;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,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{height:100%;top:-100%}.cube-popup-center .cube-popup-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-popup-top .cube-popup-content{top:-100%;left:-100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-right .cube-popup-content{top:-100%;right:100%}.cube-popup-left .cube-popup-content{left:-100%}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIKUlEQVRoBcVZb1BUVRQ/d/8CIoIIrNJAhbkCRf79wExhmeIgqahBHxSdiWxsnAlNPzWjSTOV4+hoo31w1LJsmik/9EGnGRjFELOc0XAIWTUNAQnjnyCEC7v7br/zhA3Wfcsj39Zl7u7j3vvOPb97/t1zliiMTVbOXADyk8K4BZnCRVyefTKCfOYy0E9FD9s+YSNMnsiFYPsFMB+FHjYphAWAvPBEJAnT22QV5tLS0kwAcIRLCmEBQH2xL5KgPBpQaNOmTW/GxsYmAMBEdMOb4QDkzpcsRHIrmfGHlpiYOHf79u3z8DjFcO5B0HAA9EJbtqr7ilT5jYiIsObm5ubFxcVNxUC00SDUUzKKqLw010oPPGVkN80j70MAfyWtJ6hQMoDUnz59uhl79Ri1H9MxVgI97tkkRCENKn4epZRksVjs+fn5yyIjI9mYI/2TBjwYC0Chd8ksIujh4fvZ8/l85HA4srdu3ZqFwST/hAEPhgGQVc/PJrPMpX8O388eA4iOjo5cuXLlUqvVmogJjg2GNENsQO6EKibHvwfdX0Ce0cfvnlaiMqooCk2cODFZCFF7/vz5FgzeNwKBMRJYMGMGXGcx+32txgCioqKiV69enQdbYI8UobV2POPGAPBaSslqmhSo+4GMsCqlpKQsWL9+vRNzhsSFxwYgK51ORN2CYLofCMDr9bIaxRYXFy/FHNuCLXDNeP9/bADksxSTTTjIN1r3tRgZHByktLS03A0bNqRjTbzWOr3jCPvja7L6uTjyDCaCcb7fpENt3go03FAU2RZiYmImr1mzZsnhw4drsdaH7kYfRPcM/Y8vfU1oLZNn+U7TG0tu90z4mAwyKTOJxNPoyTDYZKjNVLJBgBy0Qhx+97wfH9nCZFIF33/u3Lkj+/bt+6G2trarp6fH7fF4+rH4AToDGv4ewDODDLqLUE900BtD0pRIUk5DJHWSIp8Dg3wNTgXDuBrLCLIIgSAFUqDDzobvOkFJYm5ECwaAp81mM7FRwy76oFYMoKmjo6Ph9u3bjU1NTa0NDQ1dFy9e7Kyrq7uH5X3oDIrBcGdJcfcKWZFejLv7zocnOhTmVQYxPXQhw5MuZtV1AR9aAHgZYoK/s1QYFH/39/f7BgYGOt1udweeO7q7u1uam5ubXC7X7TNnzrRWV1d34HVWuUYhT86NIrv7fbLIbSSFaRTTvMtjtlAAtEgziJGAWFJQL4mxgStXrpxYvnz5ZwDVgPebVRvAfUtQeSZ8Oe3Gk1WvR9FiYOT4vwEw8n1+Zsmw8YP5L9euXfv5nTt3rmH4Ls+pXgiShDZf3S8rMh5Az/eQSUQbLQne7N80lgRutB7Yw+dLliz5AjRuorcN0xoVB0Ru/SGc/htQ+HvIZ4fX/G/fNpuNDX2goqJiH5g/Akauo/uZZ8ZGAeABgDgBj7QOCcldeB4e+l8aM9/X19d66tSpjwoLC78GE3zynYHMPAKAF4hFdafwVQR3+TuibOA7Yf8f2Rv19vY27969e8e6deu+w4ZssOxOH2lBAfAqsai+mnzidRqUrv8ShN1up66urub9+/d/sHfv3p/Byu/omldvTQAqiNy6SySUAtjFRbKHXxJ88nCPt3bt2rUD/SfwwGrzF/Oi1UIC4JfEoms34AZeJ49SFU7DZp1va2u7VlZWtvPAgQPM/G/oHH1DtjEB8NviFVcjmXyvkZdOws3quECE3PORSaSZHH1b9+zZ8/GhQ4eY+VvoHGnHbLoAMBXx8o0OgNgLdfIi2BnaOFDB47QfO3aMjZXTTa/eDXQDUAl6zXPVSG2wDDjRgf5PWbZsmQP7jCvhHx8AQbPC4ZH4roN8OXHWrFnTwgZAns2MhjHP0HOF1iv+4XVc/EKib3E6nU9hjMuPupVUvwQeUAridqqaWgzvbOA3q1FqaqoTBs0AdOfK+gHYAMAikoy8qY7EzwASEhLS4+PjuQxvHzkX6lk/AIWy4EJ1izbUpsHm+LoMQ07Kzs7mcovumpEuAGq+IGT2cMU5GANaYxyg+HrA2ddYDe7UhsLX81inuwCsCwCdyI6AWc3WU/vxM8n8Ioe+fPny8fb29noGgCq1JhA2ZOi/afr06c4hAGMjxkJ9AGI64X1kErqfv5APD2+wXvIpP+Xk5Hy4atWqLeXl5btwz7mBBEWyRII1Tl4mT56cCo8Uh3ldhqwPgMk8H0cXmuDQifOp4wb7I8CW0D3Xi2DkOqRwuaio6DjSwW1VVVUHOJ/l60OgRDgeoIrtwG8JU/GeLjXSCUDMRw0IuV2wc8MYZ28MwCd/gZ0UU78vTyx2fSmK/E6XE5HrYP4Cou1hAClFTejg/fv37zAIBsONAeD0HVlZWRyRJ6iDY3yMWZmT32bacJrPBGWeT1tlnK4ihz5K/coRseJ6r8aeXJxiIN2VlZWd6I0FBQU/bN68OT8jIyNvwoQJjqGIbEXpEcUzFQBT1zo2TOmIePL7Z9PIqlRCNVL8MYBTTSbtkTcB7iD839cip6Zdpaj/g4+da6NJK1aseAa/3uQjEufjV82Empqa7+fMmbMDc7+ih7yVMhshmyxPz0Hp/AxOmF0IPAuW+6gRHukrsiufihxXa0gCY0+ybbHKTNm4cWN6SUlJIQw5Dcb/TktLyyWMa0lUpTw2gNOZmyhSHFRPf0D5A1W8oxDqEbH4apNKwbgPDl6qRLZs2TIbZZSOC2gYCylZHQAyjpPF9Cp5lW9QrfhELK5zGcdzUEp8nWYvxFL5E53TSs0W0oiHDPgujHOhWFpfo0nF2AmuUHNGxvUflggfsqYh/w0Dks+ZwQ7q7wAAAABJRU5ErkJggg==)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJmUlEQVR4AeVcfUxW1xk/5wUjdBQESxdcxdExpSioLUQGo1IRSjNmjN1H3Wg2t8nWlWUjzRhrl7GMZFqzYGpMOs2M/uHHMlejCzpaa9Rtjm6tc5sC2rEVFG2sHco3KLx3v9/1Xnx5+bof73vv1T7J855z7j0fz/nxnI/nnOcihIdIeTM9H+LEekgk4fOSMEIRL0KeZC/J5BmAlNfTHgMwJeB48Me8ApJnABIRvpoAUB4KiLsa9QRASsPCxRhenw9A4kHEPaFFngAIM2G1Ds7BgwdXaXFPaJHrACmvZ6QJqXxBB2jZsmVf1eLUoij9uVuh6wAJn//H6HykDkBUVFTS/v37OVmTXNciVwHC3JMqhPKV21jc+c3JyXlGS30c4Yw7b5yPuQqQiFBeQJdHtUfvfkxMzMO7d+9+AmnK56oWuQaQ8saCOej8Oh2U4DA/P1/XIuZzTYtcA0jIyB+i4zODgdHTsbGxj+zcuZOmB2VM0p87HboCkPLmIswtyvrpOgstelrL8wmErsjqSqNCjFSiw9NuBGfPnv3o1q1bc5CX85Qrc5HjACn1GfFCkRXosCEqLi5eo2V0RYscB0hEjfwAHZ5We3T0EhMTc6BF2UhTixyfixwFSPnzgvuhPd/XO280XLFihW6ncUVzVGZHGxMDkc9jco4zCoyeLykpqWDz5s08DqHpkag/dyJ0DCDlLw9FAxxOzpYIWlSsFeSBmmNyO9aQ6I97Dh2jAWqJkpOTn9q4cWMmCjuqRY4ApGqPopoVlsDRCxUWFtL8IHFFc4QcAUj0xn4NveEEa4tSU1Of1rSIq2CCrcoMFg47QMo7j83AjPEjg/JMm2358uXcOJLm3g7C+xt2gMT1gWdxnPrJUHUjLS2trKqqCsck6vVQ2LUobABRc9SzZnHnODVUIJWWlj6u1UUt4nALWz+kXaHVIfS/m58SEf5FWMYzoC0LUSdXmxTwuLOe6dq7kXVquizq+w0bNnxj06ZNrQGZ+xAnD4B7wf3gm2A/2DKZAkg9AfSJdCHBiliMs+QFaDkdPOmxhVnJjALEek+ePPnLI0eOnNm+ffulSdohOASMwBE0xgncINgQTQiQepjl86HjvkzgjxCaIVXNoDqHlcwApAuiKMqtvr6+Sz09PRevXr3a2tbW9l5jY2PbNMARMF3jCFwP+JZepx5K9T5ckYsBAofGIhUIRb3d1PM4GloBaDIB/X7/AIHr6upqv3z58rutra3tp06dat+3b9/7k5QZxnNqmA5cj1TeWLgKQ+W3eBiyYTJJ44YehxKgyRocHh7u7e/vv9TZ2fkfaFx7S0tL67Fjx9rr6+s/DCjD4dmiDjHl6KICaNBBsGlDMqDCkESdAGgiQTlMDx069LN169b9Ce+pSU3gbnV5lEXnTgj/SCEefAD+yBE0qnvv3r3VAeD8CyB0E4jR/YN88vxp4Y9YjjmojS8+KjQ0NPThjh07XqyoqHgbfebqdgbMOUilUYCYkk+ePQ9NysMSTvW652lwcPD9urq6qurqamoMQfkHeMwWYAxAREQWX7gibkbkA6S/MX2v0sDAwMX169c/r202OZzOgsct8+MAIiCy9Ox1EdNdgGgD0/cadXd3txQVFZVrq9Z19G9CcNjvCQHiC5nbMSDio1fhDPk3TN8rdO3atbfmzZv37aamJu53uCg1gyc1RyYFiIDIrNO3xI2mMkR/xfTdTjRN5s+fX6X1owPhBfCk4DDflAAxg/ySGJFFzc9hdfs503crEZzVq1f/XpO/HeF7RvoyLUB6JXJlM3wI5ff09N0UHj9+/OUAcN6F7BeNym8YIFYoi5q2YnV7FlHuNO8KamhoqF2zZs1hCMuhxO3LVTOCmwKIFcvi5t0YmPQj5L7Bs0TTAf6OL61du/YohFTtKoSdZgU2DRAbkIXNfxDSX4R5iUuk50gzHV4KMB24ATQNDjtmCSAWlCvPN4ph+QSiV5j2ClFzNNPhLcg0znQwK6dlgNiQLGn6pxj25yH6b7MNhyv/iRMn6qYyHcy2awsgNiafOt+G86Tvmm04XPkxKdOuInEDOM50UN+Y+LEN0O22cDTrEcrKytLvy+4LhUihAUhRckMhTCjqwL1ZmlZPSA7/QgOQFHRN8QTNmTNH1+aQXDDYBkh1yAzhzaldlOPj4x/R6qAG2e6f7QpwwOaZ4UVgfD5ftHY1zb7BJ8ke2QdI+HLsiRD60rm5uelarTF2a7cPkPTOBK2DkZKSwjs+0qzbgfVfWwDhNi0CTS+13nx4SsIzVgco1m4LtgASsQvhsGDcpdeusEbLR0dHJ2t56a5n6zsPewD5lM8YFdrpfJqHPpu9307b9gCS0rMAZWZmhmSitgeQCL0GwUODJ362KWDDaGsesgyQ6jUvxKdt9ySoArj7fmvLli3fgSfGa0GvTCXj4uLmawVcGmKDvmWmJDaW+Qyy9dXU1DRnZ2e/sm3btgr4+tQbKzo2V2RkZEx5eTkNV3q5WTY7LGsQ9qyhm3941S3lF3F78ig683cwz477eK6zdOnSTbt27ars6Ojg0akpKikp0e0yyxtG6wCFwoKnowQvAW40L5Yrm34X0PtOxAkU56PBysrK0xkZGbV79ux5Af48dE8xRAEbRsvDTPUPMtRaUCZ4pnWic/w/G1boCsrWioToHerl5NQ18I+YCH4YrDqFcgmHdjzDD+6mKtrb2/vfuXPnfh15eMFAwE2TJYBUZ84Ixcox6wcYSi+L+7peVa+2zYlLoJLA3ASqQPGb1oKCgi/PmjVLH0pjauT5dEJCAv2eSDyjNn3CaG2I+RSTBqrsAjA/FdEjqRhKdRbAYQd5dXMZ/Fcwb0aHeWuBYVRx+PDhmom2B1LKGdpnVMhubcNoDSAp8tiiAerD1dAvxJAvBcDUys9eoCepXSJQF8HvgHm/7i8rKzvO7QEvCenWgmejtGTJEt0uszRRWxtiR9M5nqcyUoeEkK9CazbKledM3WSO9sx4hLbWPDCHn0oHDhz4HI48vjlz5swH6M2hOSzwDu+clsVwYBog9dOmvthutKDOA0Et8Ur610IZqVUdsYJehjlJw5RAPai3w/8kk5eXVw7rvhTPKFuj/s5oaB4g/p8xRfwxqAE0LveKEVGLu7LWoHdOJ8cAhe86HoDZEa05lb8NYXiZaJgm0oJpCstsuAsH5nkNzp8/Uf0bA5+6FycAF8Ccn1LgRRYoCc+pwwzQnQ1ig/D7AQy8Y71J3PtwzokFc2vAPRs3jKbmRPMapMhbwqc8Dn8hwztaCOUmcb4kUAkam5Ll/3eOxdjOBHY1AAAAAElFTkSuQmCC)}}.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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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}.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip{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;box-sizing:content-box;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-content-def>p+.cube-input{margin-top:12px}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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;-moz-user-select:none;-ms-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:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-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;box-shadow:-2px 0 2px rgba(0,0,0,.2)}.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:-webkit-flex;display:flex}.cube-drawer-panel,.cube-drawer-panels{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index: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-scroll-list-wrapper{overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .before-trigger{height:54px;line-height:0;padding-top:6px}.cube-pulldown-wrapper .after-trigger .loading{padding:8px 0}.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded{padding:12px 0}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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-image-preview-fade-enter,.cube-image-preview-fade-leave-active{opacity:0}.cube-image-preview-fade-enter-active,.cube-image-preview-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-image-preview .cube-popup-mask{opacity:.6}.cube-image-preview .cube-popup-content{width:100%;height:100%}.cube-image-preview .cube-slide-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.cube-image-preview-container{height:100%;margin:0 -10px}.cube-image-preview-footer,.cube-image-preview-header{position:absolute;left:0;right:0}.cube-image-preview-header{top:0}.cube-image-preview-footer{bottom:0}.cube-image-preview-counter{position:absolute;bottom:50px;width:100%;text-align:center;font-size:14px;color:#fff}.cube-image-preview-item{position:relative;padding:0 10px;width:100%;height:100%}.cube-image-preview-item .cube-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-image-preview-item .cube-image-preview-img{display:block;height:auto;max-width:100%;max-height:100%}.cube-slide{min-height:1px}.cube-slide,.cube-slide-group{position:relative;height:100%;overflow:hidden}.cube-slide-group{white-space:nowrap;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.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%;width:100%}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-sticky{position:relative;height:100%;overflow:hidden}.cube-sticky-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-sticky-fixed-fade-enter,.cube-sticky-fixed-fade-leave-active{opacity:0}.cube-sticky-fixed-fade-enter-active,.cube-sticky-fixed-fade-leave-active{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cube-scroll-nav,.cube-sticky-ele{position:relative}.cube-scroll-nav{height:100%;overflow:hidden}.cube-scroll-nav .cube-sticky-content{height:100%}.cube-scroll-nav-main{overflow:hidden}.cube-scroll-nav-main>.cube-sticky{position:static}.cube-scroll-nav_side>.cube-sticky{display:-webkit-box;display:-webkit-flex;display:flex}.cube-scroll-nav_side>.cube-sticky>.cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-scroll-nav_side>.cube-sticky>.cube-sticky-fixed{position:relative;height:100%;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky-ele{float:left}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky{overflow:hidden}.cube-scroll-nav-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;color:#666;background-color:#fff}.cube-scroll-nav-bar_horizontal{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.cube-scroll-nav-bar_horizontal .cube-scroll-content{display:inline-block;vertical-align:top}.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items{white-space:nowrap}.cube-scroll-nav-bar_vertical{height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-scroll-nav-bar_vertical .cube-scroll-nav-bar-item{display:block}.cube-scroll-nav-bar-items{font-size:14px}.cube-scroll-nav-bar-item{display:inline-block;vertical-align:top;padding:20px 15px}.cube-scroll-nav-bar-item_active{color:#fc9153}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#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}.page-move-enter,.page-move-leave-active{-webkit-transform:translate(100%);transform:translate(100%)}.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-x:hidden;overflow-y:auto}.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-view .with-click .cube-checkbox-label a{position:relative;z-index:1}.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:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;height:100%;padding:0 15px}.switch-option .name[data-v-4a2b2c8b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;flex:0 1 auto}.switch-option .switch-ellipse[data-v-4a2b2c8b]{-webkit-align-self:center;align-self:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;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:-webkit-flex;display:flex;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.input-option .name[data-v-311953ea]{-webkit-box-flex:0;-webkit-flex:0 0 120px;flex:0 0 120px;padding-left:10px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.input-option input[data-v-311953ea]{-webkit-box-flex:1;-webkit-flex:1 1 auto;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:-webkit-flex;display:flex;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch}.select-option .name[data-v-c85e7c7a]{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:120px}.select-option .name[data-v-c85e7c7a],.select-option .select[data-v-c85e7c7a]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;padding-left:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.select-option .select[data-v-c85e7c7a]{-webkit-box-flex:1;-webkit-flex:1 1 auto;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}.cube-page.page-questionnaire .wrapper .content{margin:0}.demo-questionnaire .cube-form{counter-reset:a}.demo-questionnaire .cube-form .cube-form-item{padding:20px}.demo-questionnaire .cube-form-item{counter-increment:a}.demo-questionnaire .cube-form-label:before{-webkit-box-ordinal-group:-1;-webkit-order:-2;order:-2;margin-left:-14px;margin-right:4px}.demo-questionnaire .cube-form-label:after{content:counter(a) ".";display:block;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1;white-space:nowrap;margin-right:6px}.demo-questionnaire .cube-checkbox-group[data-col=true]:after,.demo-questionnaire .cube-checkbox-group[data-col=true]:before,.demo-questionnaire .cube-radio-group[data-col=true]:after,.demo-questionnaire .cube-radio-group[data-col=true]:before{display:none}.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-checkbox,.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-radio,.demo-questionnaire .cube-radio-group[data-col=true] .cube-checkbox,.demo-questionnaire .cube-radio-group[data-col=true] .cube-radio{padding-left:0;padding-right:0}.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-radio-wrap,.demo-questionnaire .cube-radio-group[data-col=true] .cube-checkbox-wrap,.demo-questionnaire .cube-radio-group[data-col=true] .cube-radio-wrap{-webkit-box-pack:initial;-webkit-justify-content:initial;justify-content:initial}.demo-questionnaire-tip{position:relative;padding:10px 15px 10px 30px;font-size:14px;line-height:1.5;color:#999;background:#f7f7f7}.demo-questionnaire-tip:before{position:absolute;margin-left:-15px;-webkit-transform:scale(1.1);transform:scale(1.1)}.demo-select .cube-input{pointer-events:none}.demo-select .cube-input-append{padding:10px}.demo-agreement{color:#666}.demo-agreement>p{line-height:1.5;margin-bottom:10px}.demo-agreement .cube-checkbox-label{font-weight:700}.demo-agreement .cube-checkbox-label a,.demo-agreement .cube-checkbox-label span{font-weight:inherit}.demo-agreement .cube-checkbox-label a{position:relative;z-index:1}.demo-agreement a{color:#fc9153}.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-example{display:inline-block;width:100px;margin:auto;text-align:left}.scroll-wrapper .cube-pulldown-wrapper .before-trigger{font-size:30px;line-height:30px;-webkit-align-self:flex-end;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-wrapper .cube-pulldown-wrapper .after-trigger .refresh-text{color:gray}.scroll-list-wrap{height:350px;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:-webkit-flex;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;-webkit-flex:0 0 57px;flex:0 0 57px;margin-right:10px}.foods-wrapper .food-item .food-content{-webkit-box-flex:1;-webkit-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}.jd .content{margin:0!important;height:100%}.jd .scroll-list-wrap{position:relative;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.jd .scroll-list-wrap footer,.jd .scroll-list-wrap header{position:absolute;left:0;z-index:32;line-height:0;width:100%}.jd .scroll-list-wrap header{top:0}.jd .scroll-list-wrap footer{bottom:0}.jd .scroll-list-wrap img{width:100%}.jd .scroll-list-wrap .ghostly-img{opacity:0}.jd .scroll-list-wrap .cube-pulldown-wrapper{-webkit-transform:translateY(-100%);transform:translateY(-100%);line-height:0}.jd .scroll-list-wrap .cube-pulldown-wrapper .pulldown-content{width:100%}.jd .scroll-list-wrap .cube-pulldown-wrapper .pulldown-content span{position:absolute;bottom:15px;left:0;right:0;margin:auto;width:200px;text-align:center;color:#eee;font-size:14px}.jd .surprise-page{position:absolute;top:0;bottom:0;right:0;left:0;z-index:33;line-height:0}.jd .surprise-page img{height:100%;width:100%}.jd .surprise-page-enter,.jd .surprise-page-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.jd .surprise-page-enter-active,.jd .surprise-page-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.horizontal-scroll-list-wrap{border:1px solid rgba(0,0,0,.1);border-radius:5px}.horizontal-scroll-list-wrap .cube-scroll-content{display:inline-block}.horizontal-scroll-list-wrap .list-wrapper{padding:0 10px;line-height:60px;white-space:nowrap}.horizontal-scroll-list-wrap .list-item{display:inline-block}.toutiao .content{margin:0!important;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column}.toutiao .content>header{line-height:0}.toutiao .content>header img{width:100%}.toutiao .content footer{line-height:0}.toutiao .content footer img{width:100%}.toutiao .nav-scroll-list-wrap{-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);padding-right:30px}.toutiao .nav-scroll-list-wrap .cube-scroll-content{display:inline-block}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper{display:inline-block;white-space:nowrap;line-height:36px;padding:0 5px}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper .nav-item{display:inline-block;padding:0 5px}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper .nav-item:nth-child(2){color:#fa7b7a}.toutiao .nav-scroll-list-wrap .more-wrapper{position:absolute;right:0;top:0;bottom:0;z-index:1;background-color:#fff;opacity:.95}.toutiao .nav-scroll-list-wrap .more-wrapper .more{display:inline-block;height:1px;width:20px;padding:5px 0;border:1px solid #000;border-right:transparent;border-left:transparent;background-color:#000;background-clip:content-box;margin:11px}.toutiao .content-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative}.toutiao .content-scroll-wrapper .content-scroll-list-wrap{height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:absolute;top:0;bottom:0;overflow:hidden}.toutiao .content-scroll-wrapper .content-scroll-list-wrap .imgs-wrapper .imgs-item>img{width:100%}.toutiao .cube-pulldown-wrapper{text-align:center}.toutiao .cube-pulldown-wrapper .before-trigger{height:auto;font-size:30px;-webkit-align-self:flex-end;align-self:flex-end}.toutiao .cube-pulldown-wrapper .before-trigger span{display:inline-block;line-height:1;-webkit-transition:all .3s;transition:all .3s;color:#666;padding:15px 0}.toutiao .cube-pulldown-wrapper .before-trigger span.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.toutiao .cube-pulldown-wrapper .after-trigger{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0}.toutiao .cube-pulldown-wrapper .after-trigger .text-wrapper{margin:0 auto;margin-top:14px;padding:5px 0;color:#498ec2;background-color:#d6eaf8}.toutiao .cube-pulldown-wrapper .after-trigger .cube-loading-spinners{margin:auto}.toutiao .success-enter-active,.toutiao .success-leave-active{-webkit-transition:width .5s;transition:width .5s}.toutiao .success-enter,.toutiao .success-leave-to{width:70%}.toutiao .success-enter-to,.toutiao .success-leave{width:100%}.scroll-list-inner-wrap,.scroll-list-outer-wrap{border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative}.scroll-list-outer-wrap{height:500px}.scroll-list-inner-wrap{height:300px}.inner-horizontal-scroll{vertical-align:top;width:200px}.inner-horizontal-scroll,.outer-horizontal-scroll{border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative}.inner-horizontal-scroll .cube-scroll-content,.outer-horizontal-scroll .cube-scroll-content{display:inline-block;vertical-align:top}.inner-horizontal-scroll .list-wrapper,.outer-horizontal-scroll .list-wrapper{padding:0 10px;line-height:60px;white-space:nowrap}.inner-horizontal-scroll .list-item,.outer-horizontal-scroll .list-item{display:inline-block}.scroll-textarea[data-v-1410244b]{background:#fff;text-align:center}.scroll-wrap[data-v-1410244b]{height:400px;padding:10px;margin-bottom:30px;line-height:1.2;text-align:left;color:#323233;letter-spacing:0;border-top:1px solid gray;border-bottom:1px solid gray}.cube-textarea-wrapper[data-v-1410244b],.editable-div-wrapper[data-v-1410244b]{position:relative;height:100px;width:80%;margin:10px auto;font-size:14px;border-radius:2px;border:1px solid #ebebeb}.cube-textarea_active[data-v-1410244b],.editable-div_active[data-v-1410244b]{border:1px solid #fc9153}.cube-textarea-indicator[data-v-1410244b],.editable-div-indicator[data-v-1410244b]{position:absolute;z-index:1;bottom:7px;right:10px;color:#ccc}.editable-div[data-v-1410244b]{min-height:80px;padding:10px;outline:none;color:#666;word-wrap:break-word;overflow-x:hidden;-webkit-user-modify:read-write-plaintext-only;-webkit-user-select:text}.cube-textarea[data-v-1410244b]{width:100%;height:100px;padding:10px;box-sizing:border-box;vertical-align:top;text-align:left;font-size:100%;line-height:inherit;color:#666;background-color:#fff;border-radius:2px;resize:none;border:none;outline:none}textarea[data-v-1410244b]::-webkit-input-placeholder{color:#ccc!important;text-overflow:ellipsis}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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:-webkit-flex;display:flex;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 20px;height:80px}.swipe-view .swipe-wrapper .item-inner .icon{-webkit-box-flex:0;-webkit-flex:0 0 60px;flex:0 0 60px;width:60px;padding-right:20px}.swipe-view .swipe-wrapper .item-inner .text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:1;-webkit-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 .cube-drawer-item_active{color:#fc9153;background-color:transparent}.slide-view .slide-container-v{height:265px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-view .slide-container-v .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.slide-view .slide-container-v .cube-slide-dots .my-dot.active{color:#fc9153}.slide-view .cube-slide-item>a>img{width:100%;height:auto}.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}.orange,.slide-container .cube-slide-dots .my-dot.active{color:#fc9153}.sticky-view-scroll .content>*{margin:10px 0}.sticky-view-scroll .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-scroll .sticky-view-container li{padding:20px 10px}.sticky-view-scroll .sticky-view-container .sticky-header{background-color:#666}.sticky-view-scroll .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-scroll .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-scroll .sticky-view-container .cube-sticky-fixed .sticky-header{margin:0 10px}.sticky-view-native .content>*{margin:10px 0}.sticky-view-native .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-native .sticky-view-container li{padding:20px 10px}.sticky-view-native .sticky-view-container .sticky-header{background-color:#666}.sticky-view-native .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-native .sticky-view-container .scroll-ele{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.sticky-view-native .sticky-view-container .cube-sticky-fixed .sticky-header{background-color:rgba(0,0,0,.6)}.sticky-view-wechat .content>*{margin:10px 0}.sticky-view-wechat .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-wechat .sticky-view-container li{padding:20px 10px}.sticky-view-wechat .sticky-view-container .sticky-header{color:#fff;opacity:0;background-color:rgba(0,0,0,.6)}.sticky-view-wechat .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-wechat .sticky-view-container .cube-sticky img{vertical-align:top;height:250px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sticky-view-wechat .sticky-view-container .cube-sticky-ele{margin-top:-60px;margin-bottom:4px}.sticky-view-wechat .sticky-view-container .sticky-fixed-show-enter,.sticky-view-wechat .sticky-view-container .sticky-fixed-show-leave-active{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.sticky-view-wechat .sticky-view-container .sticky-fixed-show-enter-active,.sticky-view-wechat .sticky-view-container .sticky-fixed-show-leave-active{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.sticky-view-complex .content>*{margin:10px 0}.sticky-view-complex .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-complex .sticky-view-container li{padding:20px 10px}.sticky-view-complex .sticky-view-container .sticky-header{background-color:#666}.sticky-view-complex .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-complex .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-complex .sticky-view-container .cube-sticky-ele-on{visibility:hidden}.sticky-view-complex .sticky-view-container .cube-sticky-fixed .sticky-header{margin:0 10px;background-color:transparent}.sticky-view-complex .sticky-view-container .cube-sticky-fixed .sticky-header li{background-color:#666}.sticky-view-complex .sticky-view-container .cube-sticky-fixed .cube-tab-bar{margin:0 10px;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1)}.side-container{height:300px;margin-top:20px}.scroll-nav-def{background-color:#fff}.scroll-nav-def .view-wrapper{position:fixed;top:44px;left:0;bottom:0;width:100%}.scroll-nav-def .cube-scroll-nav-bar{border-bottom:1px solid #f4f4f4}.scroll-nav-def .cube-scroll-nav-panel{width:90%;margin:auto}.scroll-nav-def .cube-scroll-nav-panel img{width:114px;height:114px}.scroll-nav-def .cube-scroll-nav-panel ul{overflow:hidden;font-size:14px;line-height:1.4;color:#666}.scroll-nav-def .cube-scroll-nav-panel li{float:left;width:50%}.scroll-nav-def .cube-scroll-nav-panel li div{width:114px;margin:0 auto 15px}.scroll-nav-def .cube-scroll-nav-panel li div p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-nav-def .cube-scroll-nav-panel-title{padding:15px;font-size:16px;text-align:center}.scroll-nav-side{background-color:#fff}.scroll-nav-side .view-wrapper{position:fixed;top:44px;left:0;bottom:0;width:100%}.scroll-nav-side .prepend-header{width:90%;margin:20px auto;text-align:center;font-size:20px;line-height:1.6;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.2)}.scroll-nav-side .cube-scroll-nav-main,.scroll-nav-side .cube-sticky-fixed{background-color:#efeff4}.scroll-nav-side .cube-scroll-nav-bar{width:120px;background-color:transparent}.scroll-nav-side .cube-scroll-nav-bar-item{padding:15px}.scroll-nav-side .cube-scroll-nav-bar-item_active,.scroll-nav-side .cube-scroll-nav-panels{background-color:#fff}.scroll-nav-side .cube-scroll-nav-panel img{width:114px;height:114px}.scroll-nav-side .cube-scroll-nav-panel ul{overflow:hidden;font-size:14px;line-height:1.4;color:#666}.scroll-nav-side .cube-scroll-nav-panel li{float:left;width:50%}.scroll-nav-side .cube-scroll-nav-panel li div{width:114px;margin:auto}.scroll-nav-side .cube-scroll-nav-panel li div p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-nav-side .cube-scroll-nav-panel-title{padding:15px;font-size:16px;background-color:#fff}.image-preview-custom-header{padding:20px;text-align:center;color:#fff;background-color:#000}.view-wrapper .imgs-container{margin-top:50px}.view-wrapper .imgs-container>img{max-width:100px;height:67px;margin:0 10px 16px;border-radius:4px}.view-wrapper .tips{margin-top:50px;text-align:center;font-size:30px;color:#222}.tab-bar-view .section{margin-bottom:10px;background-color:#fff}.tab-bar-view .option-list .group{margin-bottom:15px}.tab-bar-view .option-list .item{height:52px;border:1px solid rgba(0,0,0,.1);background-color:#fff;border-radius:5px}.tab-bar-view .cube-tab-bar,.tabs-basic-view .cube-tab-bar,.tabs-basic-view .cube-tab-panels{background-color:#fff}.tabs-basic-view .tab-panel-li{padding:0 16px;height:40px;line-height:40px;border-top:1px solid #eee}.tabs-basic-view .tab-panel-li:last-child{border-bottom:1px solid #eee}.cube-page.tab-composite-view>.wrapper>.content{margin:0}.tab-composite-view .cube-tab-bar{background-color:#fff}.tab-composite-view .cube-tab,.tab-composite-view .cube-tab_active{color:#000}.tab-composite-view .cube-tab-bar-slider{background-color:#000}.tab-composite-view .tab-slide-container{position:fixed;top:74px;left:0;right:0;bottom:0}.tab-composite-view .list-wrapper{overflow:hidden}.tab-composite-view .list-wrapper li{padding:15px 10px;margin-top:10px;text-align:left;background-color:#fff;font-size:14px;color:#999;white-space:normal}.tab-composite-view .list-wrapper li .line-height{line-height:1.5}.tab-composite-view .list-wrapper li .is-black{color:#000}.tab-composite-view .list-wrapper li .is-grey{color:#999}.tab-composite-view .list-wrapper li .is-bold{font-weight:700}.tab-composite-view .list-wrapper li .top{display:-webkit-box;display:-webkit-flex;display:flex}.tab-composite-view .list-wrapper li .top .avatar{width:15px;height:15px;margin-right:2px;border-radius:100%}.tab-composite-view .list-wrapper li .top .time{-webkit-box-flex:1;-webkit-flex:1;flex:1}.tab-composite-view .list-wrapper li .middle{display:-webkit-box;display:-webkit-flex;display:flex;margin:10px 0;color:#000}.tab-composite-view .list-wrapper li .hot-title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:12px}.tab-composite-view .list-wrapper li .hot-title .hot-sequence{display:inline-block;margin-right:2px;padding:3px 6px;border-radius:2px;background-color:#b8860b;color:#fff}.tab-composite-view .list-wrapper li .hot-content{margin-top:15px}.scroll-tab-view .cube-tab-bar{-webkit-flex-wrap:wrap;flex-wrap:wrap}.scroll-tab-view .cube-tab-bar .cube-tab{width:100%;-webkit-flex-basis:unset;flex-basis:unset;height:40px;line-height:40px;font-size:14px;color:#db8931;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.scroll-tab-view .cube-tab-bar .cube-tab.cube-tab_active{color:#fff;font-size:16px;background-color:#a74b00}.scroll-tab-view .left-panel{position:absolute;top:44px;left:0;bottom:0;width:80px;background-color:#2d2d2d}.scroll-tab-view .right-panel{position:absolute;top:44px;left:80px;right:0;bottom:0;background-color:#171819}.scroll-tab-view .right-panel li{height:102px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#171819}.scroll-tab-view .right-panel li img{width:102px;margin:0 10px 0 20px;border:1px solid #ff9f38;border-radius:3px;box-shadow:0 1px 5px 0 #000}.scroll-tab-view .right-panel li span{color:#db8931}.checker-group-view .content>*{margin:10px 0}.checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#fff;border-radius:4px;position:relative;background:#fc9153}.checker-item:active{background:#e8864c}.orange{font-weight:700;color:#ff8000}.view-wrapper{position:absolute}.list{background:#eee}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.list{width:375px;max-width:100%;height:100%;margin:0 auto;padding:0;border:1px solid #ddd;list-style-type:none;text-align:center}.list .item{display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0;width:100%;text-align:left}.list .item .avatar{border-radius:50%;margin-left:15px;margin-right:6px;min-width:48px;width:48px;height:48px;background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAb1BMVEU5bd5znu9ShueMtv9CeeeEqvdjku+cw/9Cded7pvdjju9SgueMsvdCcedaiu+cvv9Sfedzmu+ly/85cd5znvdaiueUuv9KfeeErvdrlu+lx/9ahueUtv9Keedrku+lw/+EpveMsv9Ccd57oveMrve5tZGnAAAPIUlEQVR4nO1cDXvaOAwOfWi9rbmHDh24NePYfPz/33hJbFmS7YBDnI7bQ7wVCAmx9OqV5M/mpP6M0vz2GlQqzW+vQaXyJyAy/Gv86/++/AmIDOXBkTsq6sGReywPjtxRUQ+O3GN5cOSOinpw5B7LgyN3VNSDI/dYHhy5o6IeHLnH8uDIHRX14Mg9lgdH7qioB0fusTw4ckdFPThyj+XBkYKijDLdsR2K6T4s9ZxFOdLX/NfPj93bF2ga+PK2+/jansxSsiyDyCDG/u+DbQBsf3wZ/trmr6fVfilZluBIV9d/ddMMlV935di/+KPRq5NRC9hAbUS6f2b/TwNOiGMvAf7rS49N89LBUvmZC3DEqJeGC3HE92sUx1p42VRHpSYivRhm5cRwVT72wBzdiXCyf9/8XZsrdTlifryBFRJo6/4c8awDx8Lbvq4ktRAZ/pivQIaknQTuDR6MNM2/23rPrsoRY3p2rMlF6fCKxbkA78bgW2delWSphYgT5NWTfBBBe0g0Q0Q74dAJ2FdVz3tV44hRmjwtcgM4JEyUo+f9270h0pc3iwT3YoCHBJw8ELDRdKWu8WRVlSOvZFaa/jJIHETs2wGT11q+qwYi3b/tN/D5SDChHgIILAdOFnzjGF9Hkjoc6cPg0XuroeYQAkgvIARbGyzNX+TcF6zqSDIfke6faZujp3nQOlICEXEfkS3Ikj6e/JgriarGEcPy24EGQJQYKo/2pgN3tHfE3Z3H2bqsg0gnx0fj0RA80ByZ/i9EFNGOJ/BRI5pU4Ij50bAGR6ABMj04L+3RsvTqzLHZV4jwcxHpBdnZ4HfRqDgl0JZin0Xh5DCPJaoORzqm94rlFWWUcD6YYsgQHgNVfDhp2vmeaz5HzMF6y9LoejklQPOgzhFhIB3ms2Q2R3qGhOQKbEyJUPPImwHzzR3f29ktxnmI9IJ8+PChebxDbVMUCSjQdxDyevsxx7ZUHY40zGMx00HP5M9o8mEURjx4/f0Gq/R7EOkAeYY1oweP4oQIYwN9B/6bge/N81wPPJcj6HsZIBADgu0sLfwXoddnaS+e7r8PkaPzvY6/lBESIgwOzp7wVpNt3VgHVYEjpgUrDwYIumAvYkgjgXtpl4mtYc+q9fmIKPNz8FnAGMIBSRGRAQXCiebnHClOszliXqx0WpwhkYFhq5cJPbgzl3IxB/wbEDmZJx8NGUN4WgUXISF3tu7avDdLoWpwJOqBywISPofGCDWBw+uad9d9PiLKGRZkGcLOphhYRpDBPOdIcZrNkQ1IbytcVgJIMD1qmgREYCNC4icjYvZw5HxmDUNLrBZ48I8U87u8cU8/O7EWqgJH2lDfBJAQYIgRrq3FDa73WV6YfVq9T0Vk7fVPvQqkb86Q0DrhiTBdugbRuJpel5kcEYhccFkRDKIR6e/bJ0nKZyKygTVpNQrqmRjCMANqRDq27OVPT6iFqsCRDZkQdi7mGCLcFgnDo4vNVePTEDltYSxKZGKIgCT6bm2TZvu0mszNtd4kCRKfy/NJaqP4fi+ea450y38WIuZFpvEkQZ4hvpFl0+92mSZiYS1UjVxrxbNZnklFDOFwAIvpgT2r7UjVPwWRpGElu+lSQDB5t/F30J5GlF1YZvdrYbsqdOcGpwWCIbwN767gaHVOa7xD6BMQOantThCE+hsyLkvmjjFFRipcUAdVo1/rtIo8rejPkgzhJga8NdaFw68XOx8WRkQNk+Qa3qIN4mQZYkchaTYXH1NQ5vf9PjEUqGfEsiHDlCMCkv797tp0jkURcX2/79QNF0IH5ewpJDYDCTzPkUJVGh/hLRJUNqu0AAWYSOS3rC4YVlgUkb6YZ05tTIJDpSNQROwMZ68OUV+vx2yOdP/iLqC4yuyd/86FGGosbou6sBdExEHyjgM7PG9kKAB/jXsmBobMsyxVa5zdOa4YENBZUBLWa3gqHlJYDBH/8xsx1pZLewNTMp7YtrOlOFWai2JWYEPPOwOE/4/lo5Ojee8kaSqMs3fFZVzcZaUHcBfgrhhi6Gv51Mbx09XmaylMzi8BIkM7njHZ/H2yNJXma5kNQN5lyYOliUiQSYOH419Vm9PYhp4tsAkz0q4hPNdub1JcWmrNaTTmzLqoM+7Khlk2JBPA++QpD/lTFec0KnNufNeWBEPwm+daepjwcNvD0lP1ZpmaobeOz3JIQdHYN9FfBB0/Kklxqjo3vhPlacCEd79LUIQ73qnthYpNlabq3HhlvgOMZlnB6Tqv9d3UkkJV5YgrpsXpWBwVhk/gfbulp9aQph5H3Ivp0hWOAwQ8cArUAMeK1vTUkOK0xBorcxrsKyEIc7qrjh0zhkKyNy2x6q1Dpatt0l7H2XQr1xdXTwq1AEe8JNtt+6EBWAjBMPK93Zrs3Ky50iyzMrTTt9m2zzvdI9MJNPzVH6tOimsVukmK02Jrdfs/pgNGte159bx6fm9bt8y1uGJTpVloZejwok5+rW7nokyfrS8khVqMI9ceu4Q0n7eefUkpTne3nv32m+5ph4FZt97dng+33nZPiNwuxenuOHK7NPeFyAwjvzuO3CrN8ogY5fbfKN2F48bHLMIRt41I92bTdsf5/H7uX1vlUpYSeaY/tC4igwTbtl2tdodXC03TJe6NO7ocuN8J4nW3Wz13GeQleW56dNX17KfN+2r3ljao4vZV37zarc6bmtLU6vs1pl3trN9DhPVj4XQg7VZXiC6Wxu5WeWxuqEQNjvRCHJgM2q8+1kIUko2tkeus7zAIk9fPpyEyYNF+HNkSJCu7qkOdsUcoiDXMI/eWtjurSJZbELnlNld6g/qwfv8QTTUPlQ6fmWzAzQ33GgD70ppZ00znIGI2K8TC7xcgZjXiEkTL++HdZRBgIiHBfhc72ExH5FY09m6GE9s6xNLAggcE4kl/AR4UynVMug1gYNfebGG3IdIz49A4McLkeM4IGzRPc1MAp0N4McVIil/W37w937gg5iaOGPPrqcF9jYRy+TQsseqbTYfgp5nBrT313+Qq0SURMZsd7uRyDMxAw0/H16S1sSkSwNbzaht242mefuAA6TREJsvx3fspJDhVXsu5itYDRZKJkXY5lK1pj6TmZfo2b9MQ6cXYH+FLcJsxw6NDW9qJAxca07iuZlfhe78/zJfz1I2FJnLEIBxEckClgzCidIgK60zw8Iuc78JNkmzzz0RMpnLkEPZronqFKEiGI4eoaFwhCJv3ycPhqAJ6MxWR8mL2BD5xFzhJkgF2LpXljBExMty0dqIMr5O2gpiCiGl7dgRXhc/nLKFDTgDWjEW8/uxHGD7I+Smj8BM4Yn41bHcsZioWkCXR9JOMqXkBvIkFivAhR8JkysYD5YgM0+ADx7nLDWlvOgdFzj7D6SqSJPF92mHSU6X5MQWRQjk2qKfIRIBBImudEcyykM8Gsji1gnaG/Kt4+8AyRFTYzyxUDuScJRnc2KY0KUdi9OTIPCrA7yNYvG1VKUfMR4N2FWyZz7Bm5GeRhCaV4iuL5DxLjgKPO9cbF6wK5xWUINLjsW8wq8vaC9aMKi5nMYusJQ4jMm+h2OSOTRkmhRwZdnE5JskU/sX4EE2YS0N7BEhgieA/rXpnC91rIDJsoLWOdw2JEclzm8MBPPbxQ3owAUhnXKooLpZxxHxj/iqGA5uCUss8SowBwqMkSgc8vvZRy7Pk6nTZIkQUd1hJJggXAJFVtiOr4UD4CmAXrP1eTyWIlFgW+J2nRBrFqkfZoKB2JF2GIeEnYvTw5u6xRfNvriOi3CK9aKOjtH7cZcmvJUPGMoAoC8Cz/T5iBZZVxhGkiJiKxYKIxRw4mQ4kaIItKxv/RORw3UW4hlQsEJ+DyMntqzNGAd4yH8GEG9lI5oKIxNY2fPlcwvYyjhxCb0nssESniAgiARwUbZQhIHotWHB3iDTnEv9bxpEn/qRI70Hf3BdxcMhJs/31MqDJBIcubd5LlF3GkYPPTmRzgzwNYMzPRn2CAc0ovs5a3F1TqMG6UFIJkZ4jB2EZ4oFYn8yEuaDsJMuii/lMx1xEnYLI9eI31sk4Gx0ZWGL8Ys2ruDTzGxll9F7rXBIRyzhycL8pYRf57YWDxRDmstjvoFRCQWR1tTkS9leMHjd4pRwUjACRy4pcG0kciehPVubIaOjOkEccCUPCF+wH3DXMa9HJ5TgSkcHa5JQkUgxIhKlUSNQR1rv1yhxhz4wwiZOLDCQkQuZgHsrGyuh3dXsvaSOWcoSqkqFjLr7wM4Os2SaLjDSp3xpOnGu12d2KSZsz7xSQHCi0MWsOEBH7Uy2tm1JECjiCkV0kEaTQhCASEwiJM2QBywcS7CgbvFalNrvLtXLPgRE9Jy6Uv4P0UvQKiYnaReIIapPDgnqOs2JBWPok8ZSxPWGIB7tiHHmKNSvVnjV9nvmlzfz4RCww+YmqceTg5pZAxmdl/FbMo3jVQoZGWUD8ueq51rg+x0I7XPo2YopQh7DKmnHkKWymntNmxNIEGJbw5hwfeq6MvA6kinFEIjIau0f0ngtA8ZAcZTKxgqrHkax1k85Bp4iFKKohuTvCxOYCu/9cPY6MaZysIu1HoXpexoQHdp78DBwpUfaEOHKNBTlMosGpcUwYADEgteKISr1WikvSpyWHrFIUE0yGy4TT8oCUZ78FHAleKxsmRCiLXgkQeWMCTApJ+HQ+XTeaSV4rk0EEvadY+AHrSxRhwOjQxRdrxxZ7reviIkdyqvQWniibKTptLqX3EyMSQBbItVJFckjCZ/5NCkkOnshhIEPAc6TE/KflWv4x0tgxu4iJgEmftTkUYoKMuKz+WC7XSjAZ90vcwDLx3BJF8v5j4EghItfFdV5rLA5Y1lJJWETDIRwGSRUQgxICkEHK2v1aib6ZhnXOHVnLOrUuHxAFVQbIEnFkFBMrzwoOJHlY1n8RJGmQrxRHVIYjUQcwxN3C7H1wWaPd9f6qxNTw8yJxJIcJZLQu/FbCnEyglw5DdnNU50hW4/7J8mwUScQZyF4ZzJMLXz+OPMWRPcIno/UcWrn7md8jO5NqWiSOJMMjQel5Tced+JnYH66SemEcKUTkurjjkZ18TsQaqetRbog2VGSnQU2L5FriCfRWp0jxGJO/N8Y0BHUhcNU4km2zM54k3cLcH/EsbAwTrotEKYvFkVT7OjrDmXC9fRhlW7FWyuLIfwTrhWTgURuSAAAAAElFTkSuQmCC);background-size:cover;outline:none}.list .item p{margin:0;word-wrap:break-word;font-size:14px}.list .item.tombstone p{width:100%;height:.5em;background-color:#ccc;margin:.5em 0}.list .item .bubble{padding:7px 10px;color:#333;background:#fff;box-shadow:0 3px 2px rgba(0,0,0,.1);position:relative;max-width:420px;min-width:80px;margin:0 20px 0 5px}.list .item .bubble:before{content:"";border-style:solid;border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;position:absolute;top:0;left:-10px}.list .item .meta{font-size:.8rem;color:#999;margin-top:3px}
\ No newline at end of file
diff --git a/docs/example/css/app.e0d982d9ef57ac316f3ffcf24341c39c.css b/docs/example/css/app.e0d982d9ef57ac316f3ffcf24341c39c.css
deleted file mode 100644
index 5d084cc8a..000000000
--- a/docs/example/css/app.e0d982d9ef57ac316f3ffcf24341c39c.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;-moz-user-select:none;-ms-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);transform:scale(.5)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%;-webkit-transform:scale(.5);transform:scale(.5)}.border-left-1px:before{height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@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);transform:scale(.333)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(fonts/cubeic.dcc2b6f.ttf) 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-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.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-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;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;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s}@-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;-webkit-box-align:center;-webkit-align-items: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;-webkit-justify-content: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-tab-bar{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-tab-bar,.cube-tab-bar_inline .cube-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-tab-bar_inline .cube-tab{-webkit-align-content:center;align-content:center}.cube-tab-bar-slider{position:absolute;left:0;bottom:0;height:2px;width:20px;background-color:#e8864c}.cube-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px 0;color:#666;text-align:center}.cube-tab_active{color:#e8864c}.cube-tab-panels{position:relative;overflow:hidden}.cube-tab-panels-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1);transition:all .4s cubic-bezier(.86,0,.07,1)}.cube-tab-panel{width:100%;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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,100%,0);transform:translate3d(0,100%,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;box-sizing:content-box;font-size:14px}.cube-picker-confirm{position:absolute;right:0;color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{position:absolute;left:0;color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content: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-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-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:-webkit-flex;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;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,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{height:100%;top:-100%}.cube-popup-center .cube-popup-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-popup-top .cube-popup-content{top:-100%;left:-100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-right .cube-popup-content{top:-100%;right:100%}.cube-popup-left .cube-popup-content{left:-100%}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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}.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip{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;box-sizing:content-box;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-content-def>p+.cube-input{margin-top:12px}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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;-moz-user-select:none;-ms-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:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-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;box-shadow:-2px 0 2px rgba(0,0,0,.2)}.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:-webkit-flex;display:flex}.cube-drawer-panel,.cube-drawer-panels{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index: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-scroll-list-wrapper{overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .before-trigger{height:54px;line-height:0;padding-top:6px}.cube-pulldown-wrapper .after-trigger .loading{padding:8px 0}.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded{padding:12px 0}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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-image-preview-fade-enter,.cube-image-preview-fade-leave-active{opacity:0}.cube-image-preview-fade-enter-active,.cube-image-preview-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-image-preview .cube-popup-mask{opacity:.6}.cube-image-preview .cube-popup-content{width:100%;height:100%}.cube-image-preview .cube-slide-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.cube-image-preview-container{height:100%;margin:0 -10px}.cube-image-preview-footer,.cube-image-preview-header{position:absolute;left:0;right:0}.cube-image-preview-header{top:0}.cube-image-preview-footer{bottom:0}.cube-image-preview-counter{position:absolute;bottom:50px;width:100%;text-align:center;font-size:14px;color:#fff}.cube-image-preview-item{position:relative;padding:0 10px;width:100%;height:100%}.cube-image-preview-item .cube-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-image-preview-item .cube-image-preview-img{display:block;height:auto;max-width:100%;max-height:100%}.cube-slide{min-height:1px}.cube-slide,.cube-slide-group{position:relative;height:100%;overflow:hidden}.cube-slide-group{white-space:nowrap;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.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%;width:100%}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-sticky{position:relative;height:100%;overflow:hidden}.cube-sticky-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-sticky-fixed-fade-enter,.cube-sticky-fixed-fade-leave-active{opacity:0}.cube-sticky-fixed-fade-enter-active,.cube-sticky-fixed-fade-leave-active{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cube-scroll-nav,.cube-sticky-ele{position:relative}.cube-scroll-nav{height:100%;overflow:hidden}.cube-scroll-nav .cube-sticky-content{height:100%}.cube-scroll-nav-main{overflow:hidden}.cube-scroll-nav-main>.cube-sticky{position:static}.cube-scroll-nav_side>.cube-sticky{display:-webkit-box;display:-webkit-flex;display:flex}.cube-scroll-nav_side>.cube-sticky>.cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-scroll-nav_side>.cube-sticky>.cube-sticky-fixed{position:relative;height:100%;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky-ele{float:left}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky{overflow:hidden}.cube-scroll-nav-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;color:#666;background-color:#fff}.cube-scroll-nav-bar_horizontal{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.cube-scroll-nav-bar_horizontal .cube-scroll-content{display:inline-block;vertical-align:top}.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items{white-space:nowrap}.cube-scroll-nav-bar_vertical{height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-scroll-nav-bar_vertical .cube-scroll-nav-bar-item{display:block}.cube-scroll-nav-bar-items{font-size:14px}.cube-scroll-nav-bar-item{display:inline-block;vertical-align:top;padding:20px 15px}.cube-scroll-nav-bar-item_active{color:#fc9153}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#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}.page-move-enter,.page-move-leave-active{-webkit-transform:translate(100%);transform:translate(100%)}.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-x:hidden;overflow-y:auto}.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-view .with-click .cube-checkbox-label a{position:relative;z-index:1}.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-73578a67]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;height:100%;padding:0 15px}.switch-option .name[data-v-73578a67]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;flex:0 1 auto}.switch-option .switch-ellipse[data-v-73578a67]{-webkit-align-self:center;align-self:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;margin-top:5px;display:inline-block;position:relative;height:22px;width:36px;background-color:#fff;border-radius:1000px;border:2px solid rgba(0,0,0,.1);-webkit-transition:all .1s;transition:all .1s}.switch-option .switch-ellipse.active[data-v-73578a67]{background-color:#fc9153;border-color:transparent;-webkit-transition:all .2s ease .2s;transition:all .2s ease .2s}.switch-option .switch-ellipse .switch-circle[data-v-73578a67]{position:absolute;display:inline-block;height:20px;width:20px;background:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:-1px 1px 1px #999;top:0;left:0;-webkit-transition:all .3s;transition:all .3s}.switch-option .switch-ellipse .switch-circle.active[data-v-73578a67]{left:14px;border:1px solid #fff;box-shadow:-1px 1px 1px #e8864c;-webkit-transition:all .3s ease .05s;transition:all .3s ease .05s}.textarea-wrapper{margin:30px 0}.component-desc{margin-top:15px;font-size:14px}.input-option[data-v-2295ccaf]{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.input-option .name[data-v-2295ccaf]{-webkit-box-flex:0;-webkit-flex:0 0 120px;flex:0 0 120px;padding-left:10px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.input-option input[data-v-2295ccaf]{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-width:1px;padding:0 10px;background-color:#fff;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee;outline:none}.input-option input[data-v-2295ccaf]:focus{outline:1px solid #fc9153;outline-offset:-1px}.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-7605c0c2]{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch}.select-option .name[data-v-7605c0c2]{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:120px}.select-option .name[data-v-7605c0c2],.select-option .select[data-v-7605c0c2]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;padding-left:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.select-option .select[data-v-7605c0c2]{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee}.select-option .select[data-v-7605c0c2]:focus{border:1px solid #fc9153}.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}.cube-page.page-questionnaire .wrapper .content{margin:0}.demo-questionnaire .cube-form{counter-reset:a}.demo-questionnaire .cube-form .cube-form-item{padding:20px}.demo-questionnaire .cube-form-item{counter-increment:a}.demo-questionnaire .cube-form-label:before{-webkit-box-ordinal-group:-1;-webkit-order:-2;order:-2;margin-left:-14px;margin-right:4px}.demo-questionnaire .cube-form-label:after{content:counter(a) ".";display:block;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1;white-space:nowrap;margin-right:6px}.demo-questionnaire .cube-checkbox-group[data-col=true]:after,.demo-questionnaire .cube-checkbox-group[data-col=true]:before,.demo-questionnaire .cube-radio-group[data-col=true]:after,.demo-questionnaire .cube-radio-group[data-col=true]:before{display:none}.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-checkbox,.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-radio,.demo-questionnaire .cube-radio-group[data-col=true] .cube-checkbox,.demo-questionnaire .cube-radio-group[data-col=true] .cube-radio{padding-left:0;padding-right:0}.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.demo-questionnaire .cube-checkbox-group[data-col=true] .cube-radio-wrap,.demo-questionnaire .cube-radio-group[data-col=true] .cube-checkbox-wrap,.demo-questionnaire .cube-radio-group[data-col=true] .cube-radio-wrap{-webkit-box-pack:initial;-webkit-justify-content:initial;justify-content:initial}.demo-questionnaire-tip{position:relative;padding:10px 15px 10px 30px;font-size:14px;line-height:1.5;color:#999;background:#f7f7f7}.demo-questionnaire-tip:before{position:absolute;margin-left:-15px;-webkit-transform:scale(1.1);transform:scale(1.1)}.demo-select .cube-input{pointer-events:none}.demo-select .cube-input-append{padding:10px}.demo-agreement{color:#666}.demo-agreement>p{line-height:1.5;margin-bottom:10px}.demo-agreement .cube-checkbox-label{font-weight:700}.demo-agreement .cube-checkbox-label a,.demo-agreement .cube-checkbox-label span{font-weight:inherit}.demo-agreement .cube-checkbox-label a{position:relative;z-index:1}.demo-agreement a{color:#fc9153}.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-example{display:inline-block;width:100px;margin:auto;text-align:left}.scroll-wrapper .cube-pulldown-wrapper .before-trigger{font-size:30px;line-height:30px;-webkit-align-self:flex-end;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-wrapper .cube-pulldown-wrapper .after-trigger .refresh-text{color:gray}.scroll-list-wrap{height:350px;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:-webkit-flex;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;-webkit-flex:0 0 57px;flex:0 0 57px;margin-right:10px}.foods-wrapper .food-item .food-content{-webkit-box-flex:1;-webkit-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}.jd .content{margin:0!important;height:100%}.jd .scroll-list-wrap{position:relative;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.jd .scroll-list-wrap footer,.jd .scroll-list-wrap header{position:absolute;left:0;z-index:32;line-height:0;width:100%}.jd .scroll-list-wrap header{top:0}.jd .scroll-list-wrap footer{bottom:0}.jd .scroll-list-wrap img{width:100%}.jd .scroll-list-wrap .ghostly-img{opacity:0}.jd .scroll-list-wrap .cube-pulldown-wrapper{-webkit-transform:translateY(-100%);transform:translateY(-100%);line-height:0}.jd .scroll-list-wrap .cube-pulldown-wrapper .pulldown-content{width:100%}.jd .scroll-list-wrap .cube-pulldown-wrapper .pulldown-content span{position:absolute;bottom:15px;left:0;right:0;margin:auto;width:200px;text-align:center;color:#eee;font-size:14px}.jd .surprise-page{position:absolute;top:0;bottom:0;right:0;left:0;z-index:33;line-height:0}.jd .surprise-page img{height:100%;width:100%}.jd .surprise-page-enter,.jd .surprise-page-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.jd .surprise-page-enter-active,.jd .surprise-page-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.horizontal-scroll-list-wrap{border:1px solid rgba(0,0,0,.1);border-radius:5px}.horizontal-scroll-list-wrap .cube-scroll-content{display:inline-block}.horizontal-scroll-list-wrap .list-wrapper{padding:0 10px;line-height:60px;white-space:nowrap}.horizontal-scroll-list-wrap .list-item{display:inline-block}.toutiao .content{margin:0!important;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column}.toutiao .content>header{line-height:0}.toutiao .content>header img{width:100%}.toutiao .content footer{line-height:0}.toutiao .content footer img{width:100%}.toutiao .nav-scroll-list-wrap{-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);padding-right:30px}.toutiao .nav-scroll-list-wrap .cube-scroll-content{display:inline-block}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper{display:inline-block;white-space:nowrap;line-height:36px;padding:0 5px}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper .nav-item{display:inline-block;padding:0 5px}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper .nav-item:nth-child(2){color:#fa7b7a}.toutiao .nav-scroll-list-wrap .more-wrapper{position:absolute;right:0;top:0;bottom:0;z-index:1;background-color:#fff;opacity:.95}.toutiao .nav-scroll-list-wrap .more-wrapper .more{display:inline-block;height:1px;width:20px;padding:5px 0;border:1px solid #000;border-right:transparent;border-left:transparent;background-color:#000;background-clip:content-box;margin:11px}.toutiao .content-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative}.toutiao .content-scroll-wrapper .content-scroll-list-wrap{height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:absolute;top:0;bottom:0;overflow:hidden}.toutiao .content-scroll-wrapper .content-scroll-list-wrap .imgs-wrapper .imgs-item>img{width:100%}.toutiao .cube-pulldown-wrapper{text-align:center}.toutiao .cube-pulldown-wrapper .before-trigger{height:auto;font-size:30px;-webkit-align-self:flex-end;align-self:flex-end}.toutiao .cube-pulldown-wrapper .before-trigger span{display:inline-block;line-height:1;-webkit-transition:all .3s;transition:all .3s;color:#666;padding:15px 0}.toutiao .cube-pulldown-wrapper .before-trigger span.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.toutiao .cube-pulldown-wrapper .after-trigger{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0}.toutiao .cube-pulldown-wrapper .after-trigger .text-wrapper{margin:0 auto;margin-top:14px;padding:5px 0;color:#498ec2;background-color:#d6eaf8}.toutiao .cube-pulldown-wrapper .after-trigger .cube-loading-spinners{margin:auto}.toutiao .success-enter-active,.toutiao .success-leave-active{-webkit-transition:width .5s;transition:width .5s}.toutiao .success-enter,.toutiao .success-leave-to{width:70%}.toutiao .success-enter-to,.toutiao .success-leave{width:100%}.scroll-list-inner-wrap,.scroll-list-outer-wrap{border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative}.scroll-list-outer-wrap{height:500px}.scroll-list-inner-wrap{height:300px}.inner-horizontal-scroll{vertical-align:top;width:200px}.inner-horizontal-scroll,.outer-horizontal-scroll{border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative}.inner-horizontal-scroll .cube-scroll-content,.outer-horizontal-scroll .cube-scroll-content{display:inline-block;vertical-align:top}.inner-horizontal-scroll .list-wrapper,.outer-horizontal-scroll .list-wrapper{padding:0 10px;line-height:60px;white-space:nowrap}.inner-horizontal-scroll .list-item,.outer-horizontal-scroll .list-item{display:inline-block}.scroll-textarea[data-v-65e7f3ef]{background:#fff;text-align:center}.scroll-wrap[data-v-65e7f3ef]{height:400px;padding:10px;margin-bottom:30px;line-height:1.2;text-align:left;color:#323233;letter-spacing:0;border-top:1px solid gray;border-bottom:1px solid gray}.cube-textarea-wrapper[data-v-65e7f3ef],.editable-div-wrapper[data-v-65e7f3ef]{position:relative;height:100px;width:80%;margin:10px auto;font-size:14px;border-radius:2px;border:1px solid #ebebeb}.cube-textarea_active[data-v-65e7f3ef],.editable-div_active[data-v-65e7f3ef]{border:1px solid #fc9153}.cube-textarea-indicator[data-v-65e7f3ef],.editable-div-indicator[data-v-65e7f3ef]{position:absolute;z-index:1;bottom:7px;right:10px;color:#ccc}.editable-div[data-v-65e7f3ef]{min-height:80px;padding:10px;outline:none;color:#666;word-wrap:break-word;overflow-x:hidden;-webkit-user-modify:read-write-plaintext-only;-webkit-user-select:text}.cube-textarea[data-v-65e7f3ef]{width:100%;height:100px;padding:10px;box-sizing:border-box;vertical-align:top;text-align:left;font-size:100%;line-height:inherit;color:#666;background-color:#fff;border-radius:2px;resize:none;border:none;outline:none}textarea[data-v-65e7f3ef]::-webkit-input-placeholder{color:#ccc!important;text-overflow:ellipsis}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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:-webkit-flex;display:flex;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 20px;height:80px}.swipe-view .swipe-wrapper .item-inner .icon{-webkit-box-flex:0;-webkit-flex:0 0 60px;flex:0 0 60px;width:60px;padding-right:20px}.swipe-view .swipe-wrapper .item-inner .text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:1;-webkit-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 .cube-drawer-item_active{color:#fc9153;background-color:transparent}.slide-view .slide-container-v{height:265px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-view .slide-container-v .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.slide-view .slide-container-v .cube-slide-dots .my-dot.active{color:#fc9153}.slide-view .cube-slide-item>a>img{width:100%;height:auto}.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}.orange,.slide-container .cube-slide-dots .my-dot.active{color:#fc9153}.sticky-view-scroll .content>*{margin:10px 0}.sticky-view-scroll .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-scroll .sticky-view-container li{padding:20px 10px}.sticky-view-scroll .sticky-view-container .sticky-header{background-color:#666}.sticky-view-scroll .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-scroll .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-scroll .sticky-view-container .cube-sticky-fixed .sticky-header{margin:0 10px}.sticky-view-native .content>*{margin:10px 0}.sticky-view-native .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-native .sticky-view-container li{padding:20px 10px}.sticky-view-native .sticky-view-container .sticky-header{background-color:#666}.sticky-view-native .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-native .sticky-view-container .scroll-ele{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.sticky-view-native .sticky-view-container .cube-sticky-fixed .sticky-header{background-color:rgba(0,0,0,.6)}.sticky-view-wechat .content>*{margin:10px 0}.sticky-view-wechat .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-wechat .sticky-view-container li{padding:20px 10px}.sticky-view-wechat .sticky-view-container .sticky-header{color:#fff;opacity:0;background-color:rgba(0,0,0,.6)}.sticky-view-wechat .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-wechat .sticky-view-container .cube-sticky img{vertical-align:top;height:250px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sticky-view-wechat .sticky-view-container .cube-sticky-ele{margin-top:-60px;margin-bottom:4px}.sticky-view-wechat .sticky-view-container .sticky-fixed-show-enter,.sticky-view-wechat .sticky-view-container .sticky-fixed-show-leave-active{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.sticky-view-wechat .sticky-view-container .sticky-fixed-show-enter-active,.sticky-view-wechat .sticky-view-container .sticky-fixed-show-leave-active{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.sticky-view-complex .content>*{margin:10px 0}.sticky-view-complex .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-complex .sticky-view-container li{padding:20px 10px}.sticky-view-complex .sticky-view-container .sticky-header{background-color:#666}.sticky-view-complex .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-complex .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-complex .sticky-view-container .cube-sticky-ele-on{visibility:hidden}.sticky-view-complex .sticky-view-container .cube-sticky-fixed .sticky-header{margin:0 10px;background-color:transparent}.sticky-view-complex .sticky-view-container .cube-sticky-fixed .sticky-header li{background-color:#666}.sticky-view-complex .sticky-view-container .cube-sticky-fixed .cube-tab-bar{margin:0 10px;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1)}.side-container{height:300px;margin-top:20px}.scroll-nav-def{background-color:#fff}.scroll-nav-def .view-wrapper{position:fixed;top:44px;left:0;bottom:0;width:100%}.scroll-nav-def .cube-scroll-nav-bar{border-bottom:1px solid #f4f4f4}.scroll-nav-def .cube-scroll-nav-panel{width:90%;margin:auto}.scroll-nav-def .cube-scroll-nav-panel img{width:114px;height:114px}.scroll-nav-def .cube-scroll-nav-panel ul{overflow:hidden;font-size:14px;line-height:1.4;color:#666}.scroll-nav-def .cube-scroll-nav-panel li{float:left;width:50%}.scroll-nav-def .cube-scroll-nav-panel li div{width:114px;margin:0 auto 15px}.scroll-nav-def .cube-scroll-nav-panel li div p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-nav-def .cube-scroll-nav-panel-title{padding:15px;font-size:16px;text-align:center}.scroll-nav-side{background-color:#fff}.scroll-nav-side .view-wrapper{position:fixed;top:44px;left:0;bottom:0;width:100%}.scroll-nav-side .prepend-header{width:90%;margin:20px auto;text-align:center;font-size:20px;line-height:1.6;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.2)}.scroll-nav-side .cube-scroll-nav-main,.scroll-nav-side .cube-sticky-fixed{background-color:#efeff4}.scroll-nav-side .cube-scroll-nav-bar{width:120px;background-color:transparent}.scroll-nav-side .cube-scroll-nav-bar-item{padding:15px}.scroll-nav-side .cube-scroll-nav-bar-item_active,.scroll-nav-side .cube-scroll-nav-panels{background-color:#fff}.scroll-nav-side .cube-scroll-nav-panel img{width:114px;height:114px}.scroll-nav-side .cube-scroll-nav-panel ul{overflow:hidden;font-size:14px;line-height:1.4;color:#666}.scroll-nav-side .cube-scroll-nav-panel li{float:left;width:50%}.scroll-nav-side .cube-scroll-nav-panel li div{width:114px;margin:auto}.scroll-nav-side .cube-scroll-nav-panel li div p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-nav-side .cube-scroll-nav-panel-title{padding:15px;font-size:16px;background-color:#fff}.image-preview-custom-header{padding:20px;text-align:center;color:#fff;background-color:#000}.view-wrapper .imgs-container{margin-top:50px}.view-wrapper .imgs-container>img{max-width:100px;height:67px;margin:0 10px 16px;border-radius:4px}.view-wrapper .tips{margin-top:50px;text-align:center;font-size:30px;color:#222}.tab-bar-view .section{margin-bottom:10px;background-color:#fff}.tab-bar-view .option-list .group{margin-bottom:15px}.tab-bar-view .option-list .item{height:52px;border:1px solid rgba(0,0,0,.1);background-color:#fff;border-radius:5px}.tab-bar-view .cube-tab-bar,.tabs-basic-view .cube-tab-bar,.tabs-basic-view .cube-tab-panels{background-color:#fff}.tabs-basic-view .tab-panel-li{padding:0 16px;height:40px;line-height:40px;border-top:1px solid #eee}.tabs-basic-view .tab-panel-li:last-child{border-bottom:1px solid #eee}.cube-page.tab-composite-view>.wrapper>.content{margin:0}.tab-composite-view .cube-tab-bar{background-color:#fff}.tab-composite-view .cube-tab,.tab-composite-view .cube-tab_active{color:#000}.tab-composite-view .cube-tab-bar-slider{background-color:#000}.tab-composite-view .tab-slide-container{position:fixed;top:74px;left:0;right:0;bottom:0}.tab-composite-view .list-wrapper{overflow:hidden}.tab-composite-view .list-wrapper li{padding:15px 10px;margin-top:10px;text-align:left;background-color:#fff;font-size:14px;color:#999;white-space:normal}.tab-composite-view .list-wrapper li .line-height{line-height:1.5}.tab-composite-view .list-wrapper li .is-black{color:#000}.tab-composite-view .list-wrapper li .is-grey{color:#999}.tab-composite-view .list-wrapper li .is-bold{font-weight:700}.tab-composite-view .list-wrapper li .top{display:-webkit-box;display:-webkit-flex;display:flex}.tab-composite-view .list-wrapper li .top .avatar{width:15px;height:15px;margin-right:2px;border-radius:100%}.tab-composite-view .list-wrapper li .top .time{-webkit-box-flex:1;-webkit-flex:1;flex:1}.tab-composite-view .list-wrapper li .middle{display:-webkit-box;display:-webkit-flex;display:flex;margin:10px 0;color:#000}.tab-composite-view .list-wrapper li .hot-title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:12px}.tab-composite-view .list-wrapper li .hot-title .hot-sequence{display:inline-block;margin-right:2px;padding:3px 6px;border-radius:2px;background-color:#b8860b;color:#fff}.tab-composite-view .list-wrapper li .hot-content{margin-top:15px}.scroll-tab-view .cube-tab-bar{-webkit-flex-wrap:wrap;flex-wrap:wrap}.scroll-tab-view .cube-tab-bar .cube-tab{width:100%;-webkit-flex-basis:unset;flex-basis:unset;height:40px;line-height:40px;font-size:14px;color:#db8931;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.scroll-tab-view .cube-tab-bar .cube-tab.cube-tab_active{color:#fff;font-size:16px;background-color:#a74b00}.scroll-tab-view .left-panel{position:absolute;top:44px;left:0;bottom:0;width:80px;background-color:#2d2d2d}.scroll-tab-view .right-panel{position:absolute;top:44px;left:80px;right:0;bottom:0;background-color:#171819}.scroll-tab-view .right-panel li{height:102px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#171819}.scroll-tab-view .right-panel li img{width:102px;margin:0 10px 0 20px;border:1px solid #ff9f38;border-radius:3px;box-shadow:0 1px 5px 0 #000}.scroll-tab-view .right-panel li span{color:#db8931}.checker-group-view .content>*{margin:10px 0}.checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#fff;border-radius:4px;position:relative;background:#fc9153}.checker-item:active{background:#e8864c}.orange{font-weight:700;color:#ff8000}.view-wrapper{position:absolute}.list{background:#eee}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.list{width:375px;max-width:100%;height:100%;margin:0 auto;padding:0;border:1px solid #ddd;list-style-type:none;text-align:center}.list .item{display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0;width:100%;text-align:left}.list .item .avatar{border-radius:50%;margin-left:15px;margin-right:6px;min-width:48px;width:48px;height:48px;background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAb1BMVEU5bd5znu9ShueMtv9CeeeEqvdjku+cw/9Cded7pvdjju9SgueMsvdCcedaiu+cvv9Sfedzmu+ly/85cd5znvdaiueUuv9KfeeErvdrlu+lx/9ahueUtv9Keedrku+lw/+EpveMsv9Ccd57oveMrve5tZGnAAAPIUlEQVR4nO1cDXvaOAwOfWi9rbmHDh24NePYfPz/33hJbFmS7YBDnI7bQ7wVCAmx9OqV5M/mpP6M0vz2GlQqzW+vQaXyJyAy/Gv86/++/AmIDOXBkTsq6sGReywPjtxRUQ+O3GN5cOSOinpw5B7LgyN3VNSDI/dYHhy5o6IeHLnH8uDIHRX14Mg9lgdH7qioB0fusTw4ckdFPThyj+XBkYKijDLdsR2K6T4s9ZxFOdLX/NfPj93bF2ga+PK2+/jansxSsiyDyCDG/u+DbQBsf3wZ/trmr6fVfilZluBIV9d/ddMMlV935di/+KPRq5NRC9hAbUS6f2b/TwNOiGMvAf7rS49N89LBUvmZC3DEqJeGC3HE92sUx1p42VRHpSYivRhm5cRwVT72wBzdiXCyf9/8XZsrdTlifryBFRJo6/4c8awDx8Lbvq4ktRAZ/pivQIaknQTuDR6MNM2/23rPrsoRY3p2rMlF6fCKxbkA78bgW2delWSphYgT5NWTfBBBe0g0Q0Q74dAJ2FdVz3tV44hRmjwtcgM4JEyUo+f9270h0pc3iwT3YoCHBJw8ELDRdKWu8WRVlSOvZFaa/jJIHETs2wGT11q+qwYi3b/tN/D5SDChHgIILAdOFnzjGF9Hkjoc6cPg0XuroeYQAkgvIARbGyzNX+TcF6zqSDIfke6faZujp3nQOlICEXEfkS3Ikj6e/JgriarGEcPy24EGQJQYKo/2pgN3tHfE3Z3H2bqsg0gnx0fj0RA80ByZ/i9EFNGOJ/BRI5pU4Ij50bAGR6ABMj04L+3RsvTqzLHZV4jwcxHpBdnZ4HfRqDgl0JZin0Xh5DCPJaoORzqm94rlFWWUcD6YYsgQHgNVfDhp2vmeaz5HzMF6y9LoejklQPOgzhFhIB3ms2Q2R3qGhOQKbEyJUPPImwHzzR3f29ktxnmI9IJ8+PChebxDbVMUCSjQdxDyevsxx7ZUHY40zGMx00HP5M9o8mEURjx4/f0Gq/R7EOkAeYY1oweP4oQIYwN9B/6bge/N81wPPJcj6HsZIBADgu0sLfwXoddnaS+e7r8PkaPzvY6/lBESIgwOzp7wVpNt3VgHVYEjpgUrDwYIumAvYkgjgXtpl4mtYc+q9fmIKPNz8FnAGMIBSRGRAQXCiebnHClOszliXqx0WpwhkYFhq5cJPbgzl3IxB/wbEDmZJx8NGUN4WgUXISF3tu7avDdLoWpwJOqBywISPofGCDWBw+uad9d9PiLKGRZkGcLOphhYRpDBPOdIcZrNkQ1IbytcVgJIMD1qmgREYCNC4icjYvZw5HxmDUNLrBZ48I8U87u8cU8/O7EWqgJH2lDfBJAQYIgRrq3FDa73WV6YfVq9T0Vk7fVPvQqkb86Q0DrhiTBdugbRuJpel5kcEYhccFkRDKIR6e/bJ0nKZyKygTVpNQrqmRjCMANqRDq27OVPT6iFqsCRDZkQdi7mGCLcFgnDo4vNVePTEDltYSxKZGKIgCT6bm2TZvu0mszNtd4kCRKfy/NJaqP4fi+ea450y38WIuZFpvEkQZ4hvpFl0+92mSZiYS1UjVxrxbNZnklFDOFwAIvpgT2r7UjVPwWRpGElu+lSQDB5t/F30J5GlF1YZvdrYbsqdOcGpwWCIbwN767gaHVOa7xD6BMQOantThCE+hsyLkvmjjFFRipcUAdVo1/rtIo8rejPkgzhJga8NdaFw68XOx8WRkQNk+Qa3qIN4mQZYkchaTYXH1NQ5vf9PjEUqGfEsiHDlCMCkv797tp0jkURcX2/79QNF0IH5ewpJDYDCTzPkUJVGh/hLRJUNqu0AAWYSOS3rC4YVlgUkb6YZ05tTIJDpSNQROwMZ68OUV+vx2yOdP/iLqC4yuyd/86FGGosbou6sBdExEHyjgM7PG9kKAB/jXsmBobMsyxVa5zdOa4YENBZUBLWa3gqHlJYDBH/8xsx1pZLewNTMp7YtrOlOFWai2JWYEPPOwOE/4/lo5Ojee8kaSqMs3fFZVzcZaUHcBfgrhhi6Gv51Mbx09XmaylMzi8BIkM7njHZ/H2yNJXma5kNQN5lyYOliUiQSYOH419Vm9PYhp4tsAkz0q4hPNdub1JcWmrNaTTmzLqoM+7Khlk2JBPA++QpD/lTFec0KnNufNeWBEPwm+daepjwcNvD0lP1ZpmaobeOz3JIQdHYN9FfBB0/Kklxqjo3vhPlacCEd79LUIQ73qnthYpNlabq3HhlvgOMZlnB6Tqv9d3UkkJV5YgrpsXpWBwVhk/gfbulp9aQph5H3Ivp0hWOAwQ8cArUAMeK1vTUkOK0xBorcxrsKyEIc7qrjh0zhkKyNy2x6q1Dpatt0l7H2XQr1xdXTwq1AEe8JNtt+6EBWAjBMPK93Zrs3Ky50iyzMrTTt9m2zzvdI9MJNPzVH6tOimsVukmK02Jrdfs/pgNGte159bx6fm9bt8y1uGJTpVloZejwok5+rW7nokyfrS8khVqMI9ceu4Q0n7eefUkpTne3nv32m+5ph4FZt97dng+33nZPiNwuxenuOHK7NPeFyAwjvzuO3CrN8ogY5fbfKN2F48bHLMIRt41I92bTdsf5/H7uX1vlUpYSeaY/tC4igwTbtl2tdodXC03TJe6NO7ocuN8J4nW3Wz13GeQleW56dNX17KfN+2r3ljao4vZV37zarc6bmtLU6vs1pl3trN9DhPVj4XQg7VZXiC6Wxu5WeWxuqEQNjvRCHJgM2q8+1kIUko2tkeus7zAIk9fPpyEyYNF+HNkSJCu7qkOdsUcoiDXMI/eWtjurSJZbELnlNld6g/qwfv8QTTUPlQ6fmWzAzQ33GgD70ppZ00znIGI2K8TC7xcgZjXiEkTL++HdZRBgIiHBfhc72ExH5FY09m6GE9s6xNLAggcE4kl/AR4UynVMug1gYNfebGG3IdIz49A4McLkeM4IGzRPc1MAp0N4McVIil/W37w937gg5iaOGPPrqcF9jYRy+TQsseqbTYfgp5nBrT313+Qq0SURMZsd7uRyDMxAw0/H16S1sSkSwNbzaht242mefuAA6TREJsvx3fspJDhVXsu5itYDRZKJkXY5lK1pj6TmZfo2b9MQ6cXYH+FLcJsxw6NDW9qJAxca07iuZlfhe78/zJfz1I2FJnLEIBxEckClgzCidIgK60zw8Iuc78JNkmzzz0RMpnLkEPZronqFKEiGI4eoaFwhCJv3ycPhqAJ6MxWR8mL2BD5xFzhJkgF2LpXljBExMty0dqIMr5O2gpiCiGl7dgRXhc/nLKFDTgDWjEW8/uxHGD7I+Smj8BM4Yn41bHcsZioWkCXR9JOMqXkBvIkFivAhR8JkysYD5YgM0+ADx7nLDWlvOgdFzj7D6SqSJPF92mHSU6X5MQWRQjk2qKfIRIBBImudEcyykM8Gsji1gnaG/Kt4+8AyRFTYzyxUDuScJRnc2KY0KUdi9OTIPCrA7yNYvG1VKUfMR4N2FWyZz7Bm5GeRhCaV4iuL5DxLjgKPO9cbF6wK5xWUINLjsW8wq8vaC9aMKi5nMYusJQ4jMm+h2OSOTRkmhRwZdnE5JskU/sX4EE2YS0N7BEhgieA/rXpnC91rIDJsoLWOdw2JEclzm8MBPPbxQ3owAUhnXKooLpZxxHxj/iqGA5uCUss8SowBwqMkSgc8vvZRy7Pk6nTZIkQUd1hJJggXAJFVtiOr4UD4CmAXrP1eTyWIlFgW+J2nRBrFqkfZoKB2JF2GIeEnYvTw5u6xRfNvriOi3CK9aKOjtH7cZcmvJUPGMoAoC8Cz/T5iBZZVxhGkiJiKxYKIxRw4mQ4kaIItKxv/RORw3UW4hlQsEJ+DyMntqzNGAd4yH8GEG9lI5oKIxNY2fPlcwvYyjhxCb0nssESniAgiARwUbZQhIHotWHB3iDTnEv9bxpEn/qRI70Hf3BdxcMhJs/31MqDJBIcubd5LlF3GkYPPTmRzgzwNYMzPRn2CAc0ovs5a3F1TqMG6UFIJkZ4jB2EZ4oFYn8yEuaDsJMuii/lMx1xEnYLI9eI31sk4Gx0ZWGL8Ys2ruDTzGxll9F7rXBIRyzhycL8pYRf57YWDxRDmstjvoFRCQWR1tTkS9leMHjd4pRwUjACRy4pcG0kciehPVubIaOjOkEccCUPCF+wH3DXMa9HJ5TgSkcHa5JQkUgxIhKlUSNQR1rv1yhxhz4wwiZOLDCQkQuZgHsrGyuh3dXsvaSOWcoSqkqFjLr7wM4Os2SaLjDSp3xpOnGu12d2KSZsz7xSQHCi0MWsOEBH7Uy2tm1JECjiCkV0kEaTQhCASEwiJM2QBywcS7CgbvFalNrvLtXLPgRE9Jy6Uv4P0UvQKiYnaReIIapPDgnqOs2JBWPok8ZSxPWGIB7tiHHmKNSvVnjV9nvmlzfz4RCww+YmqceTg5pZAxmdl/FbMo3jVQoZGWUD8ueq51rg+x0I7XPo2YopQh7DKmnHkKWymntNmxNIEGJbw5hwfeq6MvA6kinFEIjIau0f0ngtA8ZAcZTKxgqrHkax1k85Bp4iFKKohuTvCxOYCu/9cPY6MaZysIu1HoXpexoQHdp78DBwpUfaEOHKNBTlMosGpcUwYADEgteKISr1WikvSpyWHrFIUE0yGy4TT8oCUZ78FHAleKxsmRCiLXgkQeWMCTApJ+HQ+XTeaSV4rk0EEvadY+AHrSxRhwOjQxRdrxxZ7reviIkdyqvQWniibKTptLqX3EyMSQBbItVJFckjCZ/5NCkkOnshhIEPAc6TE/KflWv4x0tgxu4iJgEmftTkUYoKMuKz+WC7XSjAZ90vcwDLx3BJF8v5j4EghItfFdV5rLA5Y1lJJWETDIRwGSRUQgxICkEHK2v1aib6ZhnXOHVnLOrUuHxAFVQbIEnFkFBMrzwoOJHlY1n8RJGmQrxRHVIYjUQcwxN3C7H1wWaPd9f6qxNTw8yJxJIcJZLQu/FbCnEyglw5DdnNU50hW4/7J8mwUScQZyF4ZzJMLXz+OPMWRPcIno/UcWrn7md8jO5NqWiSOJMMjQel5Tced+JnYH66SemEcKUTkurjjkZ18TsQaqetRbog2VGSnQU2L5FriCfRWp0jxGJO/N8Y0BHUhcNU4km2zM54k3cLcH/EsbAwTrotEKYvFkVT7OjrDmXC9fRhlW7FWyuLIfwTrhWTgURuSAAAAAElFTkSuQmCC);background-size:cover;outline:none}.list .item p{margin:0;word-wrap:break-word;font-size:14px}.list .item.tombstone p{width:100%;height:.5em;background-color:#ccc;margin:.5em 0}.list .item .bubble{padding:7px 10px;color:#333;background:#fff;box-shadow:0 3px 2px rgba(0,0,0,.1);position:relative;max-width:420px;min-width:80px;margin:0 20px 0 5px}.list .item .bubble:before{content:"";border-style:solid;border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;position:absolute;top:0;left:-10px}.list .item .meta{font-size:.8rem;color:#999;margin-top:3px}
\ No newline at end of file
diff --git a/docs/example/index.html b/docs/example/index.html
index a5aa22283..638d92a66 100644
--- a/docs/example/index.html
+++ b/docs/example/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=UTF-8><title>cube-ui lib</title><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><link href=css/app.e0d982d9ef57ac316f3ffcf24341c39c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=js/manifest.346dd10710fe9c0348bf.js></script><script type=text/javascript src=js/vendor.9655a2c38e3b841c4a21.js></script><script type=text/javascript src=js/app.fdf24581789dbd455ce7.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=UTF-8><title>cube-ui lib</title><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><link href=css/app.2287833534700774c792800f69036dc8.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=js/manifest.346dd10710fe9c0348bf.js></script><script type=text/javascript src=js/vendor.9655a2c38e3b841c4a21.js></script><script type=text/javascript src=js/app.3a3497c3c037f5ef7f1d.js></script></body></html>
\ No newline at end of file
diff --git a/docs/example/js/app.3a3497c3c037f5ef7f1d.js b/docs/example/js/app.3a3497c3c037f5ef7f1d.js
new file mode 100644
index 000000000..70108864b
--- /dev/null
+++ b/docs/example/js/app.3a3497c3c037f5ef7f1d.js
@@ -0,0 +1 @@
+webpackJsonp([0],{"+//L":function(t,e,a){function i(t){a("nowG")}var n=a("VU/8")(a("BQwy"),a("yZl8"),i,null,null);t.exports=n.exports},"+8WV":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default,CubeButtonGroup:c.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()},showFormatPicker:function(){this.formatPicker||(this.formatPicker=this.$createTimePicker({format:"hh:mm",onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.formatPicker.show()},showMinuteStepPicker:function(){this.minuteStepPicker||(this.minuteStepPicker=this.$createTimePicker({minuteStep:{rule:"ceil",step:15},onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.minuteStepPicker.show()},showMinPicker:function(){this.minPicker||(this.minPicker=this.$createTimePicker({min:+new Date-84e5,onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.minPicker.show()},showMaxPicker:function(){this.maxPicker||(this.maxPicker=this.$createTimePicker({delay:0,max:+new Date+1812e5,onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.maxPicker.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,a){this.$createDialog({type:"warn",title:"selected time: "+t,content:"selected text: "+e+"<br>format time: "+a,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,a){var i,n,l;!function(c,u){n=[e,a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addType=t.types=void 0;var a=/^(1|2)\d{3}[.\-/]\d{1,2}[.\-/]\d{1,2}$/,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))||a.test(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)}},n=(0,e.createAddAPI)(i);t.types=i,t.addType=n})},"+HHY":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("2DUa")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-index-list-group",props:{group:{type:Object,default:function(){return{}}}},methods:{selectItem:function(t){this.$emit("select",t)}},components:{CubeIndexListItem:i.default}},t.exports=e.default})},"+HVL":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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})},"+IZQ":function(t,e){},"+akI":function(t,e){},"+hyH":function(t,e,a){function i(t){a("VvZZ")}var n=a("VU/8")(a("fidG"),a("6u20"),i,null,null);t.exports=n.exports},"+iBg":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={data:function(){return{customIndex:1,imgs:["https://dpubstatic.udache.com/static/dpubimg/XsZT-Ium9K/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg","https://dpubstatic.udache.com/static/dpubimg/jM0pARr01R/686d7361ly1fpha0ncnnej21hc0zetxo.jpg","https://dpubstatic.udache.com/static/dpubimg/uesDMLn8ho/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg","https://dpubstatic.udache.com/static/dpubimg/yGntxcSqhM/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg"]}},methods:{showImagePreview:function(){this.$createImagePreview({imgs:this.imgs}).show()},showCustomImagePreview:function(){var t=this;this.$createImagePreview({imgs:this.imgs,initialIndex:this.customIndex,loop:!1,speed:500,onChange:function(e){t.customIndex=e},onHide:function(){console.log("hide")}},function(e){return e("div",{class:{"image-preview-custom-header":!0},slot:"header"},t.customIndex+1)}).show()},goTo:function(t){this.$router.push("/image-preview/"+t)}},components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default}},t.exports=e.default})},"+rJ6":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t,e,i,n){var l={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(l[t],n).test(e)){var c="year"===t?i.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?i:a(i);e=e.replace(RegExp.$1,c)}return e}function a(t){return("00"+t).substr((""+t).length)}function i(t,a){var i={year:{value:t.getFullYear(),regExpAttributes:"i"},month:{value:t.getMonth()+1},date:{value:t.getDate(),regExpAttributes:"i"},hour:{value:t.getHours(),regExpAttributes:"i"},minute:{value:t.getMinutes()},second:{value:t.getSeconds()},quarter:{value:Math.floor((t.getMonth()+3)/3),regExpAttributes:"i"},millisecond:{value:t.getMilliseconds()}};for(var n in i)a=e(n,a,i[n].value,i[n].regExpAttributes);return a}function n(t){var e=t.getFullYear(),a=t.getMonth()+1,i=t.getDate();return+new Date(e+"/"+a+"/"+i+" 00:00:00")}function l(t,e){return Math.floor((n(t)-n(e))/o)}function c(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function u(t,e){var a=30;return[1,3,5,7,8,10,12].indexOf(t)>-1?a=31:2===t&&(a=e&&e%400&&(e%4||!(e%100))?28:29),a}Object.defineProperty(t,"__esModule",{value:!0});var o=864e5;t.DAY_TIMESTAMP=o,t.HOUR_TIMESTAMP=36e5,t.MINUTE_TIMESTAMP=6e4,t.pad=a,t.formatType=e,t.formatDate=i,t.getZeroStamp=n,t.getDayDiff=l,t.getNow=c,t.computeNatureMaxDay=u})},"+vzD":function(t,e,a){var i=a("VU/8")(a("eC/x"),a("vuoK"),null,null,null);t.exports=i.exports},"/5me":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("s0qb")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e,a){function n(e){clearTimeout(A),A=0,t.progress=1,t.status=e,a&&a(t)}function c(){var e=k.responseText||k.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=k.getAllResponseHeaders()}var u=e.target,o=e.headers,s=void 0===o?{}:o,r=e.data,d=void 0===r?{}:r,v=e.fileName,p=void 0===v?"file":v,f=e.withCredentials,h=e.timeout,x=e.prop,y=void 0===x?"file":x,m=e.progressInterval,b=void 0===m?100:m,g=e.checkSuccess,_=void 0===g?function(){return!0}:g,w=(0,i.evalOpts)(u,t);t.progress=0,t.status=i.STATUS_UPLOADING;var k=new window.XMLHttpRequest;t._xhr=k;var A=0;if(k.upload){var C=Date.now();k.upload.onprogress=function(e){function a(){t.progress=e.loaded/e.total,C=Date.now()}if(e.total>0)if(A){clearTimeout(A);var i=Date.now(),n=i-C;n>=b?a():A=setTimeout(a,n)}else a(),A=1}}var T=new window.FormData,j=(0,i.evalOpts)(d,t);(0,l.default)(j).forEach(function(t){T.append(t,j[t])}),T.append(p,t[y]),k.onload=function(){if(k.status<200||k.status>=300)return void n(i.STATUS_ERROR);c();var e=t.response;if(_.length<=2){n(_(e,t)?i.STATUS_SUCCESS:i.STATUS_ERROR)}else _(e,t,function(t){n(t?i.STATUS_SUCCESS:i.STATUS_ERROR)})},k.onerror=function(){c(),n(i.STATUS_ERROR)},k.ontimeout=function(){c(),n(i.STATUS_ERROR)},k.open("POST",w,!0),f&&(k.withCredentials=!0);var P=(0,i.evalOpts)(s,t);(0,l.default)(P).forEach(function(t){k.setRequestHeader(t,P[t])}),h>0&&(k.timeout=h),k.send(T)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"/Ca3":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("t7U9"),a("UFDc"),a("4Gmg"),a("tJl4"),a("M7O5")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(l),d=o(c),v=o(u);e.default={name:"cube-form",mixins:[v.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:d.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1},submitAlwaysValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{fieldsModel:function(){var t={};return this.fields.forEach(function(e){e.isBtnField||(t[e.fieldValue.modelKey]=e.modelValue)}),t},groups:function(){var t=this.schema,e=t.groups||[];return t.fields&&e.unshift({fields:t.fields}),e},fieldsData:function(){return this.groups.reduce(function(t,e){return e.fields.reduce(function(t,e){return t.push(e),t},t),t},[])},layout:function(){var t=this.options;return t&&t.layout||d.default.STANDARD},formClass:function(){var t=this.invalid,e=this.valid,a=this.layout;return{"cube-form_standard":a===d.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":a===d.default.CLASSIC,"cube-form_fresh":a===d.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(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.skipValidate=t,(0,i.dispatchEvent)(this.$refs.form,"submit"),this.skipValidate=!1},reset:function(){(0,i.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(t){var e=this;if(this.syncValidatorValues(),this.skipValidate)return void this.$emit("submit",t,this.model,this.fieldsModel);var a=function(a){a?(e.$emit("valid",e.validity),e.$emit("submit",t,e.model,e.fieldsModel)):(e.options.scrollToInvalidField&&e.firstInvalidField&&e.firstInvalidField.$el.scrollIntoView(),t.preventDefault(),e.$emit("invalid",e.validity))};this.submitAlwaysValidate||void 0===this.valid?(this._submit(a),(this.validating||this.pending)&&t.preventDefault()):a(this.valid)},resetHandler:function(t){this._reset(),this.$emit("reset",t)},_submit:function(t){var e=this;this.validate(function(){t&&t(e.valid)})},_reset:function(){this.fields.forEach(function(t){t.reset()}),this.setValidity(),this.setValidating(),this.setPending()},syncValidatorValues:function(){this.fields.forEach(function(t){t.syncValidatorValue()})},validate:function(t){var e=this,a=(0,n.cb2PromiseWithResolve)(t);a&&(t=a.resolve);var i=0,l=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(a){a.validate(function(){++i===l&&t&&t(e.valid)})}),a},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,a,i){var n=this.validity[t];n&&n.valid===e&&n.result===a&&n.dirty===i||this.setValidity(t,{valid:e,result:a,dirty:i})},setValidity:function(t,e){var a={};t&&((0,s.default)(a,this.validity),void 0===e?delete a[t]:a[t]=e);var i=!1,n=!1,l=!0,c="";this.fields.forEach(function(t){var e=t.fieldValue.modelKey;if(e){var u=a[e];u?(u.dirty&&(i=!0),!1===u.valid?l=!1:l&&!u.valid&&(l=u.valid),n||!1!==u.valid||(n=!0,c=e)):t.hasRules&&(l&&(l=void 0),a[e]={valid:void 0,result:{},dirty:!1})}}),this.validity=a,this.dirty=i,this.originValid=l,this.setFirstInvalid(c),this.validatedCount++},setFirstInvalid:function(t){var e=this;if(!t)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(a,i){if(a.fieldValue.modelKey===t)return e.firstInvalidField=a,e.firstInvalidFieldIndex=i,!0})},addField:function(t){var e=this.fieldsData.indexOf(t.field);this.fields.splice(e,0,t);var a=t.fieldValue.modelKey;a&&this.setValidity(a)},destroyField:function(t){var e=this.fields.indexOf(t);this.fields.splice(e,1);var a=t.fieldValue.modelKey;a&&this.setValidity(a)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:r.default}},t.exports=e.default})},"/Pfp":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("N/gd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"/V0l":function(t,e,a){function i(t){a("ee49")}var n=a("VU/8")(a("ISEw"),a("BoHM"),i,null,null);t.exports=n.exports},"/W4T":function(t,e){},"/Yrh":function(t,e,a){function i(t){a("js4V")}var n=a("VU/8")(a("0+e1"),a("J1IR"),i,null,null);t.exports=n.exports},"/kdh":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("+//L"),a("UFDc"),a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a),c=(0,n.prefixStyle)("transform");e.default={name:"cube-tab-panels",props:{value:{type:[String,Number]},data:{type:Array,default:function(){return[]}}},created:function(){this.panels=[]},mounted:function(){this._move(this.value)},methods:{_move:function(t){var e=(0,i.findIndex)(this.panels,function(e){return e.value===t});if(-1!==e){var a=this.$refs.panelsGroup,n=-100*e;a.style[c]="translateX("+n+"%)"}},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);e>-1&&this.panels.splice(e,1)}},watch:{value:function(t){this._move(t)}},components:{TabPanel:l.default}},t.exports=e.default})},"/tRR":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Select"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("cube-button-group",[a("cube-button",{on:{click:t.modify}},[t._v("modify")])],1)],1)])},staticRenderFns:[]}},"0+e1":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9"),a("UFDc"),a("Ct0e")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(n),c=(0,a.prefixStyle)("transform"),u=(0,a.prefixStyle)("transition");e.default={name:"cube-tab-bar",components:{CubeTab:l.default},props:{value:{type:[String,Number],required:!0},data:{type:Array,default:function(){return[]}},inline:{type:Boolean,default:!1},showSlider:{type:Boolean,default:!1},useTransition:{type:Boolean,default:!0}},watch:{value:function(){this._updateSliderStyle()}},created:function(){this.tabs=[]},mounted:function(){this._updateSliderStyle(),window.addEventListener("resize",this._resizeHandler)},activated:function(){window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._cleanUp()},beforeDestroy:function(){this._cleanUp()},methods:{addTab:function(t){this.tabs.push(t)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&this.tabs.splice(e,1)},trigger:function(t){var e=this;if(this.$emit("click",t),t!==this.value){["input","change"].forEach(function(a){e.$emit(a,t)})}},_updateSliderStyle:function(){var t=this;if(this.showSlider){var e=this.$refs.slider;this.$nextTick(function(){var a=t._getSliderWidthAndIndex(),i=a.width,n=a.index;e.style.width=i+"px",t.setSliderTransform(t._getOffsetLeft(n))})}},setSliderTransform:function(t){var e=this.$refs.slider;"number"==typeof t&&(t+="px"),e&&(this.useTransition&&(e.style[u]=c+" 0.2s linear"),e.style[c]="translateX("+t+") translateZ(0)")},_getSliderWidthAndIndex:function(){var t=this,e=0,a=0;return this.tabs.length>0&&(a=(0,i.findIndex)(this.tabs,function(e){return e.value===t.value}),e=this.tabs[a].$el.clientWidth),{width:e,index:a}},_getOffsetLeft:function(t){return this.tabs[t].$el.offsetLeft||0},_resizeHandler:function(){var t=this;clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(function(){t._updateSliderStyle()},60)},_cleanUp:function(){clearTimeout(this._resizeTimer),window.removeEventListener("resize",this._resizeHandler)}}},t.exports=e.default})},"07pW":function(t,e,a){function i(t){a("W1tV")}var n=a("VU/8")(a("0ht6"),a("O7AT"),i,"data-v-1410244b",null);t.exports=n.exports},"0Bfo":function(t,e){},"0I1X":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=(0,a.prefixStyle)("flexBasis");e.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(t){var e=this;if(t<=1)return"";this.$nextTick(function(){var a=100/t+"%";Array.prototype.forEach.call(e.$refs.group.children,function(t){t.style[i]=a})})}}}},t.exports=e.default})},"0MNC":function(t,e,a){function i(t){a("ucs0")}var n=a("VU/8")(a("CIqy"),a("jyim"),i,null,null);t.exports=n.exports},"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"}]}]},"0Oib":function(t,e,a){var i,n,l;!function(c,u){n=[e,a("cL1+"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.USE_TRANSITION=void 0;t.USE_TRANSITION=function(){var t=!0;if(e.isIOS){var i=(0,a.getIOSVersion)(e.ua);if(!i)return t;i.major>=13&&i.minor>=3&&(t=!1)}return t}()})},"0PCq":function(t,e,a){var i,n,l;!function(c,u){n=[e,a("Dd8w"),a("Kjwe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function n(t){var e=(0,l.default)({},t);return(0,c.default)(e),e}Object.defineProperty(t,"__esModule",{value:!0}),t.processField=void 0;var l=i(e),c=i(a);t.processField=n})},"0YF1":function(t,e){},"0ZfZ":function(t,e){},"0ht6":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"HelloWorld",data:function(){return{msg:"scroll - textarea demo",options:{scrollbar:!0,preventDefaultException:{className:/(^|\s)(editable-div|textarea-native)(\s|$)/,tagName:/^(INPUT|TEXTAREA|BUTTON|SELECT)$/}},optionsOuter:{preventDefaultException:{className:/(^|\s)(editable-div|textarea-native)(\s|$)/,tagName:/^(INPUT|TEXTAREA|BUTTON|SELECT|P)$/}},placeholder:"Please type here...",divValue:"",textareaValue:"",isFocusNative:!1,isFocusDiv:!1}},computed:{textareaValueCount:function(){return this.textareaValue.length},divValueCount:function(){return this.divValue.length}},mounted:function(){this.textareaInitHeight=window.getComputedStyle(this.$refs.textarea).height,console.log("textareaInitHeight: ",this.textareaInitHeight)},methods:{onInputDiv:function(t){this.divValue=t.target.innerText;var e=this.$refs.divWrapScroll;this.oldHeightDiv!==e.$el.scrollHeight&&this.goToRightPositon(e,e.$el)},onInputNative:function(){var t=this.$refs.textarea,e=this.$refs.nativeWrapScroll;t.style.height=this.textareaInitHeight,t.style.height=t.scrollHeight+"px",this.oldHeightNative!==t.scrollHeight&&this.goToRightPositon(e,t)},goToRightPositon:function(t,e){var a=this;this.$nextTick(function(){var i=a.oldHeightDiv?e.scrollHeight-a.oldHeightDiv:0;a.oldHeightDiv=e.scrollHeight,t.refresh(),t.$el.scrollTop=0;var n=t.scroll.y,l=t.scroll.maxScrollY,c=n!==l?Math.max(Math.min(n-i,0),l):n;t.scrollTo(0,c,100)})},onFocusNative:function(){this.isFocusNative=!0},onBlurNative:function(){this.isFocusNative=!1},onFocusDiv:function(){this.isFocusDiv=!0},onBlurDiv:function(){this.isFocusDiv=!1}},components:{CubePage:i.default}},t.exports=e.default})},"0l/c":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={methods:{showDefault:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",data:[{content:"<em>align - center</em>",class:"cube-foo"},{content:"align - left",align:"left"},{content:"align - right",align:"right"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()}}),this.actionSheet.show()},showActive:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",active:0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()},showPickerStyle:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",pickerStyle:!0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()}},components:{CubePage:l.default,CubeButtonGroup:c.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:[]}},"0wrK":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/Yrh"),a("Ct0e")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Tab=c.default,e.default=l.default,t.exports=e.default})},"1/C+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-toolbar"},[t.moreActions?a("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,i){return a("cube-toolbar-item",{key:i,attrs:{action:e},nativeOn:{click:function(a){t.itemClick(e)}}})})):t._e(),t._v(" "),a("ul",{staticClass:"cube-toolbar-group"},t._l(t.basicActions,function(e,i){return a("cube-toolbar-item",{key:i,attrs:{action:e},nativeOn:{click:function(a){t.itemClick(e)}}})}))])},staticRenderFns:[]}},"12+A":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-index-list"},[a("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.scrollOptions,data:t.data},on:{scroll:t.scroll,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pullup",fn:function(e){return t.$slots.pullup||t.$scopedSlots.pullup?[t._t("pullup",null,{pullUpLoad:e.pullUpLoad,isPullUpLoad:e.isPullUpLoad})]:void 0}},{key:"pulldown",fn:function(e){return t.$slots.pulldown||t.$scopedSlots.pulldown?[t._t("pulldown",null,{pullDownRefresh:e.pullDownRefresh,pullDownStyle:e.pullDownStyle,beforePullDown:e.beforePullDown,isPullingDown:e.isPullingDown,bubbleY:e.bubbleY})]:void 0}}])},[a("div",{ref:"content",staticClass:"cube-index-list-content"},[t.hasTitle?a("h1",{ref:"title",staticClass:"cube-index-list-title",on:{click:t.titleClick}},[t._t("title",[t._v(t._s(t.title))])],2):t._e(),t._v(" "),a("ul",[t._t("default",t._l(t.data,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e},on:{select:t.selectItem}})}))],2)])]),t._v(" "),t.navbar?a("div",{staticClass:"cube-index-list-nav",on:{touchstart:t.onShortcutTouchStart,touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.onShortcutTouchMove(e)}}},[a("ul",{staticClass:"cube-index-list-nav-list"},t._l(t.shortcutList,function(e,i){return a("li",{key:i,staticClass:"cube-index-list-nav-item",class:{active:t.currentIndex===i},attrs:{"data-index":i}},[t._t("nav-item",[t._v(t._s(e))],{item:e})],2)}))]):t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedTitle,expression:"fixedTitle"}],ref:"fixed",staticClass:"cube-index-list-fixed cube-index-list-anchor",domProps:{innerHTML:t._s(t.fixedTitle)}})],1)},staticRenderFns:[]}},"1BqV":function(t,e,a){function i(t){a("R0L0")}var n=a("VU/8")(a("qgol"),a("Kf6+"),i,null,null);t.exports=n.exports},"1H2N":function(t,e,a){function i(t){a("Bi/D")}var n=a("VU/8")(a("5D5k"),a("2/BF"),i,null,null);t.exports=n.exports},"1Vb/":function(t,e,a){function i(t){a("FSTv")}var n=a("VU/8")(a("RkVv"),a("WL1h"),i,"data-v-4a2b2c8b",null);t.exports=n.exports},"1Zrt":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e,a){var i=t.rules&&t.rules[e];"custom"!==e&&i&&"function"!=typeof i&&(t.rules[e]=a)},a=function(t){return function(a,i){return e(a,t,i)}}("required"),i=function(t){return a(t,function(t){return!1!==t})},n=function(t){return a(t,function(t){return t>0})};t.boolRequiredHandler=i,t.numberGT0RequiredHandler=n})},"1adm":function(t,e){},"1btU":function(t,e,a){function i(t){a("Y4Q7")}var n=a("VU/8")(a("ulou"),a("90kD"),i,null,null);t.exports=n.exports},"1fgG":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"1ftA":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet（操作列表）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),a("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),a("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},"1j+8":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("1Vb/"),a("6SSl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n),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:c.default,SwitchOption:u.default,InputOption:o.default}},t.exports=e.default})},"1j7+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-bar-view",title:"TabBar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{data:t.tabs},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelDefault,callback:function(e){t.selectedLabelDefault=e},expression:"selectedLabelDefault"}})],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{"show-slider":""},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelSlots,callback:function(e){t.selectedLabelSlots=e},expression:"selectedLabelSlots"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{icon:t.icon,label:t.label}})}))],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{"show-slider":"",inline:""},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelInline,callback:function(e){t.selectedLabelInline=e},expression:"selectedLabelInline"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{icon:t.icon,label:t.label}})}))],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{on:{click:t.clickHandler},model:{value:t.selectedLabelSlotsOnly,callback:function(e){t.selectedLabelSlotsOnly=e},expression:"selectedLabelSlotsOnly"}},t._l(t.tabs,function(e,i){return a("cube-tab",{key:e.label,attrs:{label:e.label}},[a("i",{class:e.icon,attrs:{slot:"icon"},slot:"icon"}),t._v(" "),a("span")])}))],1)])])},staticRenderFns:[]}},"1peF":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("pFYg"),a("fZjL"),a("UFDc"),a("aDIA"),a("4KJe"),a("E61+")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(c),v=o(u);e.default={name:"cube-validator",mixins:[d.default],props:{model:{required:!0},modelKey:{type:String,default:""},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:{targetModel:function(){var t=this.modelKey,e=this.model;return t?e[t]:e},invalid:function(){var t=this.valid;return(0,n.isUndef)(t)?void 0:!t},isDisabled:function(){var t=this.disabled,e=(0,r.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},targetModel:{handler:function(){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},sync:!0},rules:function(){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,n.cb2PromiseWithResolve)(t);if(e&&(t=e.resolve),this.isDisabled)return t&&t(this.valid),e;this._validateCount++;var a=this._validateCount,i=this.targetModel,c=this.rules,u=c.type,o=[],r=!0;if(c.required||(r=l.rules.required(i,!0,u)),r){for(var d in c)!function(t){var e=c[t],a=void 0;a=(0,n.isFunc)(e)?e(i,c[t],u):!l.rules[t]||l.rules[t](i,c[t],u),o.push(function(e){var i=function(a){e({key:t,valid:!0===a,ret:a})},l=function(a){e({key:t,valid:!1,ret:a})};"object"===(void 0===a?"undefined":(0,s.default)(a))&&(0,n.isFunc)(a.then)?a.then(i).catch(l):(0,n.isFunc)(a)?a(i,l):e({key:t,valid:!0===a,ret:a})})}(d)}return this._checkTasks(o,a,t),e},_checkTasks:function(t,e,a){var i=this,l=this.rules,c=!0,u={},o=!0;this.validating=!0;var s=this.targetModel;(0,n.parallel)(t,function(t){i._validateCount===e&&(i.validating=!1,t.forEach(function(t){var e=t.key,a=t.valid,o=t.ret,r=i.messages[e]?(0,n.isFunc)(i.messages[e])?i.messages[e](o,a):i.messages[e]:i.findMessage(e,l[e],l.type,s);c&&!a&&(c=!1,i.msg=r),u[e]={valid:a,invalid:!a,message:r}}),o||i.$emit("validated",c),i._updateModel(c,u),a&&a(i.valid))}),this.validating&&(o=!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")},findMessage:function(t,e,a,i){var l=this.$cubeMessages,c=this.$cubeLang,u=l[c].validator[t];return u?(0,n.isString)(u)?u:(0,n.isFunc)(u)?u(e):(u[a]||(a=(0,n.isArray)(i)?"array":void 0===i?"undefined":(0,s.default)(i)),"function"==typeof u[a]?u[a](e):(0,v.default)(u[a],e)):""}}},t.exports=e.default})},"2/BF":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"input-view",title:"Input"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-input",{attrs:{type:t.type,placeholder:"please type here...",disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,autocomplete:!0,eye:t.eye},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),a("div",{staticClass:"value"},[t._v("value: "+t._s(t.value))]),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"readonly",value:t.readonly},on:{"update:value":t.updateReadonly}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"maxlength:10",value:t.maxlength10},on:{"update:value":t.updateMaxLength}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"clearable",value:t.useClear},on:{"update:value":t.updateUseClear}}),t._v(" "),t.useClear?a("switch-option",{staticClass:"item",attrs:{name:"blur hiden",value:t.clearBlurHidden},on:{"update:value":t.updateBlurHidden}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"password",value:t.isPwd},on:{"update:value":t.updatePwd}}),t._v(" "),t.isPwd?a("switch-option",{staticClass:"item",attrs:{name:"show eye",value:t.showEye},on:{"update:value":t.updateShowEye}}):t._e(),t._v(" "),t.isPwd&&t.showEye?a("switch-option",{staticClass:"item",attrs:{name:"reverse",value:t.reverse},on:{"update:value":t.updateReverse}}):t._e(),t._v(" "),t.isPwd&&t.showEye?a("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,a){function i(t){a("KkmI")}var n=a("VU/8")(a("3SPU"),a("pvDH"),i,null,null);t.exports=n.exports},"2G9e":function(t,e){},"2Q9x":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"input-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],attrs:{type:"text"},domProps:{value:t.inputValue},on:{input:function(e){e.target.composing||(t.inputValue=e.target.value)}}})])},staticRenderFns:[]}},"2iSa":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={methods:{showAlert:function(){this.dialog=this.$createDialog({type:"alert",title:"我是标题",content:"我是内容",icon:"cubeic-alert"}),this.dialog.show()},showPrompt:function(){var t=this;this.dialog=this.$createDialog({type:"prompt",title:"我是标题",prompt:{placeholder:"请输入"},onConfirm:function(e,a){t.$createToast({type:"warn",time:1e3,txt:"Prompt value: "+(a||"")}).show()}}),this.dialog.show()},showBtn:function(){var t=this;this.dialog=this.$createDialog({type:"confirm",icon:"cubeic-alert",title:"我是标题",content:"我是内容",confirmBtn:{text:"确定按钮",active:!0,disabled:!1,href:"javascript:;"},cancelBtn:{text:"取消按钮",active:!1,disabled:!1,href:"javascript:;"},onConfirm:function(){t.$createToast({type:"warn",time:1e3,txt:"点击确认按钮"}).show()},onCancel:function(){t.$createToast({type:"warn",time:1e3,txt:"点击取消按钮"}).show()}}),this.dialog.show()},showClose:function(){var t=this;this.dialog=this.$createDialog({type:"alert",icon:"cubeic-alert",showClose:!0,title:"标题",onClose:function(){t.$createToast({type:"warn",time:1e3,txt:"点击关闭按钮"}).show()}}),this.dialog.show()},showSlot:function(){this.dialog=this.$createDialog({type:"alert",confirmBtn:{text:"我知道了",active:!0}},function(t){return[t("div",{class:{"my-title":!0},slot:"title"},[t("div",{class:{"my-title-img":!0}}),t("p","附近车少,优选出租车将来接您")]),t("p",{class:{"my-content":!0},slot:"content"},"价格仍按快车计算")]}),this.dialog.show()}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},"2nzE":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"toutiao",attrs:{type:"scroll-view",title:"Scroll"}},[a("template",{slot:"content"},[a("header",{ref:"topHeader"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/0K9-YvWB-Q/toutiao_header2.png"}})]),t._v(" "),a("div",{staticClass:"nav-scroll-list-wrap"},[a("cube-scroll",{ref:"navScroll",attrs:{direction:"horizontal"}},[a("ul",{staticClass:"nav-wrapper"},t._l(t.navTxts,function(e,i){return a("li",{key:i,staticClass:"nav-item"},[t._v(t._s(e))])}))]),t._v(" "),a("div",{staticClass:"more-wrapper"},[a("span",{staticClass:"more"})])],1),t._v(" "),a("div",{staticClass:"content-scroll-wrapper"},[a("div",{ref:"scrollWrapper",staticClass:"content-scroll-list-wrap"},[a("cube-scroll",{ref:"contentScroll",attrs:{data:t.content,options:t.options},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?a("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>0}},[t._v("↓")])]):a("div",{staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isPullingDown,expression:"props.isPullingDown"}],staticClass:"loading"},[a("cube-loading")],1),t._v(" "),a("transition",{attrs:{name:"success"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:!e.isPullingDown,expression:"!props.isPullingDown"}],staticClass:"text-wrapper"},[a("span",{staticClass:"refresh-text"},[t._v("今日头条推荐引擎有x条更新")])])])],1)]):t._e()]}}])},[a("ul",{staticClass:"imgs-wrapper"},t._l(t.content,function(e,i){return a("li",{key:i,staticClass:"imgs-item"},[a("img",{attrs:{src:e.url},on:{load:t.onImgLoad}})])}))])],1)]),t._v(" "),a("footer",{ref:"footer"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/1KRE2YnAim/toutiao_footer2.png"}})])])],2)},staticRenderFns:[]}},"2zcT":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("tTMC"),a("EzE1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function l(t,e){var a=o[t.type]||t.type;e["string"==typeof a?"type":"component"]=a}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var c=n(a),u=n(i),o={switch:"radio-group",date:c.default,time:c.default,select:c.default,city:c.default,radio:"radio-group",checkbox:"checkbox-group",tel:"input",agreement:u.default};t.exports=e.default})},"34AZ":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("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 a("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,a=t._self._c||e;return a("transition",{attrs:{name:"cube-dialog-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog","z-index":t.zIndex,mask:!0,center:!0},on:{"mask-click":t.maskClick}},[a("div",{staticClass:"cube-dialog-main"},[a("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("div",{class:t.containerClass},[t.icon?a("p",{staticClass:"cube-dialog-icon"},[a("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?a("h2",{staticClass:"cube-dialog-title"},[t._t("title",[a("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-dialog-content"},[t._t("content",[a("div",{staticClass:"cube-dialog-content-def"},[t.content?a("p",{domProps:{innerHTML:t._s(t.content)}}):t._e(),t._v(" "),t.isPrompt?a("cube-input",t._b({model:{value:t.promptValue,callback:function(e){t.promptValue=e},expression:"promptValue"}},"cube-input",t.prompt,!1)):t._e()],1)])],2),t._v(" "),a("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm||t.isPrompt}},[t._t("btns",[t.isConfirm||t.isPrompt?a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._cancelBtn.active,"cube-dialog-btn_disabled":t._cancelBtn.disabled},attrs:{href:t._cancelBtn.href},on:{click:t.cancel}},[t._v(t._s(t._cancelBtn.text))]):t._e(),t._v(" "),a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active,"cube-dialog-btn_disabled":t._confirmBtn.disabled},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])],2)])])])],1)},staticRenderFns:[]}},"3BKo":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}}},t.exports=e.default})},"3K1Q":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),a("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,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="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?i:""}},methods:{addActiveCls:function(t){(0,a.addClass)(t.currentTarget,i)},removeActiveCls:function(t){(0,a.removeClass)(t.currentTarget,i)},selectItem:function(){this.$emit("select",this.item)}}},t.exports=e.default})},"3eik":function(t,e){},"3jWI":function(t,e,a){function i(t){a("DsfM")}var n=a("VU/8")(a("X4T+"),a("Pt9a"),i,null,null);t.exports=n.exports},"3kPI":function(t,e,a){function i(t){a("7k5H")}var n=a("VU/8")(a("Lg4b"),a("56tM"),i,null,null);t.exports=n.exports},"3ubT":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("5/tf"),a("agqa"),a("5KkG")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Panel=u.default,c.default.Item=o.default,e.default=c.default,t.exports=e.default})},"41pN":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yjF1"),a("0I1X")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-checkbox-group",mixins:[c.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){var t=this;this.$on("checked",function(e){t._value.length<t.max&&-1===t._value.indexOf(e)&&t._value.push(e),t.$emit("input",t._value)}),this.$on("cancel-checked",function(e){var a=t._value.indexOf(e);t._value.length>t.min&&a>-1&&t._value.splice(a,1),t.$emit("input",t._value)})},components:{CubeCheckbox:l.default}},t.exports=e.default})},"44h6":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("horizontal Demo")]),t._v(" "),a("cube-scroll",{ref:"scroll",staticClass:"horizontal-scroll-list-wrap",attrs:{data:t.items,direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}))])],1)])])},staticRenderFns:[]}},4840:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-wechat",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY,"check-top":t.checkTop,"fixed-show-ani":"sticky-fixed-show"},on:{"diff-change":t.diffChange}},[a("cube-scroll",{attrs:{"scroll-events":t.scrollEvents},on:{scroll:t.scrollHandler}},[a("img",{attrs:{src:"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"}}),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1),t._v(" "),a("ul",{ref:"stickyHeader",staticClass:"sticky-header",attrs:{slot:"fixed"},slot:"fixed"},[a("li",[t._v("header")])])],1)],1)])],2)},staticRenderFns:[]}},"4BV0":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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)"})},"4BmD":function(t,e,a){function i(t){a("NPLC")}var n=a("VU/8")(a("xIPZ"),a("iS0c"),i,null,null);t.exports=n.exports},"4Gmg":function(t,e,a){function i(t){a("mLUJ")}var n=a("VU/8")(a("f/6s"),a("G4Tv"),i,null,null);t.exports=n.exports},"4KJe":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("j9ag"),a("UFDc"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={computed:{$t:function(){var t=this.$cubeLang,e=this.$cubeMessages[t];return(0,i.isUndef)(e)?((0,n.warn)("Translation is not registered correctly, you can call Locale.use() to install it."),""):function(t){return(0,i.parsePath)(e,t)}}},beforeCreate:function(){l.default.install(this.$root.constructor)}},t.exports=e.default})},"4Kqh":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["timeout"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"4gT0":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},"4jua":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("side")}}},[t._v("Side Style")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"4sRm":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("3BKo")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-upload-btn",mixins:[i.default],methods:{changeHandler:function(t){var e=t.currentTarget,a=e.files;a&&(this.$parent.addFiles(a),e.value=null)}}},t.exports=e.default})},"4xIg":function(t,e,a){function i(t){a("byy8")}var n=a("VU/8")(a("XlLO"),a("yVfC"),i,null,null);t.exports=n.exports},"5/tf":function(t,e,a){function i(t){a("HNkC")}var n=a("VU/8")(a("kLzu"),a("7uMP"),i,null,null);t.exports=n.exports},"56tM":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-select",class:{"cube-select_active":t.active,"cube-select_disabled":t.disabled},on:{click:t.showPicker}},[t.selectedText?a("span",{staticClass:"cube-select-text"},[t._v(t._s(t.selectedText))]):a("span",{staticClass:"cube-select-placeholder"},[t._v(t._s(t._placeholder))]),t._v(" "),a("i",{staticClass:"cube-select-icon"})])},staticRenderFns:[]}},"58Ml":function(t,e,a){function i(t){a("lzDd")}var n=a("VU/8")(a("jnfQ"),a("wlGF"),i,null,null);t.exports=n.exports},"5D5k":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("1Vb/")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{type:"password",value:"",disabled:!1,useClear:!0,maxlength10:!1,clearBlurHidden:!0,readonly:!1,isPwd:!0,showEye:!0,pwdVisible:!0,reverse:!1}},computed:{clearable:function(){return{visible:this.useClear,blurHidden:this.clearBlurHidden}},eye:function(){return!(!this.isPwd||!this.showEye)&&{open:this.reverse?!this.pwdVisible:this.pwdVisible,reverse:this.reverse}}},watch:{value:function(t){var e=this;this.maxlength10&&t.length>10&&(t=t.slice(0,10),this.$nextTick(function(){e.value=t}))}},methods:{updateDisabled:function(t){this.disabled=t},updateReadonly:function(t){this.readonly=t},updateUseClear:function(t){this.useClear=t},updateBlurHidden:function(t){this.clearBlurHidden=t},updateMaxLength:function(t){this.maxlength10=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:l.default,SwitchOption:c.default}},t.exports=e.default})},"5Fev":function(t,e,a){function i(t){a("mz/u")}var n=a("VU/8")(a("Dw/u"),a("x1YM"),i,"data-v-c85e7c7a",null);t.exports=n.exports},"5HTY":function(t,e,a){var i=a("VU/8")(a("eWUu"),a("BIY4"),null,null,null);t.exports=i.exports},"5KkG":function(t,e,a){function i(t){a("jWap")}var n=a("VU/8")(a("+HVL"),a("M6zF"),i,null,null);t.exports=n.exports},"5VLA":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/scroll-nav/"+t)}}},t.exports=e.default})},"5Vnx":function(t,e){},"5e0o":function(t,e,a){function i(t){a("5Vnx")}var n=a("VU/8")(a("DLo4"),a("a8SH"),i,null,null);t.exports=n.exports},"5gCL":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Button"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("form",{attrs:{action:"/"}},[a("cube-button-group",[a("cube-button",[t._v("Button")]),t._v(" "),a("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),a("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),a("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),a("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),a("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),a("div",[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[a("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},"5qoB":function(t,e,a){var i,n,l;!function(c,u){n=[e,a("fZjL"),a("pFYg"),a("UFDc"),a("+Ghj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.addRule=t.rules=void 0;var c=l(e),u=l(a),o={required:function(t,e,a){return a=a||(Array.isArray(t)?"array":void 0===t?"undefined":(0,u.default)(t)),"array"===a&&Array.isArray(t)?t.length>0:""!==t&&void 0!==t&&null!==t},type:function(t,e){return!n.types[e]||n.types[e](t)},min:function(t,e,a){return a=a||(void 0===t?"undefined":(0,u.default)(t)),"number"===a||"date"===a?Number(t)>=e:t.length>=e},max:function(t,e,a){return a=a||(void 0===t?"undefined":(0,u.default)(t)),"number"===a||"date"===a?Number(t)<=e:t.length<=e},len:function(t,e,a){a=a||(void 0===t?"undefined":(0,u.default)(t));var i=t;return void 0===i.length&&(i="object"===a?(0,c.default)(i):String(i)),i.length===e},notWhitespace:function(t,e,a){return!/^\s+$/.test(t)},pattern:function(t,e,a){return e.test(t)},custom:function(t,e,a){return e(t)}},s=(0,i.createAddAPI)(o);t.rules=o,t.addRule=s})},"5zRN":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-page",class:t.type},[a("header",{staticClass:"header"},[a("h1",[t._v(t._s(t.title))]),t._v(" "),a("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),a("div",{staticClass:"wrapper"},[a("section",{directives:[{name:"show",rawName:"v-show",value:t.desc,expression:"desc"}],staticClass:"desc"},[t._t("desc",[t._v(t._s(t.desc))])],2),t._v(" "),a("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},"64cm":function(t,e){},"6G1g":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("piyO")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"6HwX":function(t,e){},"6KDq":function(t,e,a){function i(t){a("DVMH")}var n=a("VU/8")(a("I7KL"),a("oIl+"),i,null,null);t.exports=n.exports},"6MTa":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-recycle-list",{staticClass:"list",attrs:{infinite:t.infinite,size:t.size,"on-fetch":t.onFetch},scopedSlots:t._u([{key:"tombstone",fn:function(e){return[a("div",{staticClass:"item tombstone"},[a("div",{staticClass:"avatar"}),t._v(" "),a("div",{staticClass:"bubble"},[a("p"),t._v(" "),a("p"),t._v(" "),a("p"),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"})])])])]}},{key:"item",fn:function(e){var i=e.data;return[a("div",{staticClass:"item",attrs:{id:i.id},on:{click:function(e){t.handleClick(i)}}},[a("div",{staticClass:"avatar",style:{backgroundImage:"url("+(i.avatar||"")+")"}}),t._v(" "),a("div",{staticClass:"bubble"},[a("p",[t._v(t._s(i.msg))]),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"},[t._v(t._s(i.time))])])])])]}}])},[a("div",{attrs:{slot:"noMore"},slot:"noMore"},[t._v("没有更多数据了")])])],1)])])},staticRenderFns:[]}},"6SSl":function(t,e,a){function i(t){a("ETXl")}var n=a("VU/8")(a("eAlP"),a("2Q9x"),i,"data-v-311953ea",null);t.exports=n.exports},"6WIs":function(t,e,a){function i(t){return a(n(t))}function n(t){var e=l[t];if(!(e+1))throw new Error("Cannot find module '"+t+"'.");return e}var l={"./avatar0.png":"Uz7t","./avatar1.png":"bJvT","./avatar2.png":"j/9N","./avatar3.png":"kl+Y","./avatar4.png":"E37f","./avatar5.png":"F7um"};i.keys=function(){return Object.keys(l)},i.resolve=n,t.exports=i,i.id="6WIs"},"6boj":function(t,e,a){function i(t){a("6HwX")}var n=a("VU/8")(a("TdZF"),a("pegF"),i,null,null);t.exports=n.exports},"6liq":function(t,e,a){var i=a("VU/8")(a("+HHY"),a("97e9"),null,null,null);t.exports=i.exports},"6u20":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":t.expanded,"cube-textarea_active":t.isFocus}},[a("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),t._t("indicator",[t.indicator?a("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.indicatorConf.remain?t.remain:t.count))]):t._e()],{remain:t.remain,count:t.count})],2)},staticRenderFns:[]}},"72CF":function(t,e){},"7ErG":function(t,e,a){function i(t){a("lS1B")}var n=a("VU/8")(a("kZnE"),a("zzMN"),i,null,null);t.exports=n.exports},"7JW3":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form",title:"Form"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("classic")}}},[t._v("Classic style")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("fresh")}}},[t._v("Fresh style")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("questionnaire")}}},[t._v("Questionnaire")])],1),t._v(" "),a("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,"mask-closable":t.maskClosable},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,a){var i,n,l;!function(c,u){n=[t,e,a("+hyH")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"7brH":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("QMhb"),a("5e0o"),a("1BqV"),a("bh5B"),a("qefm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);e.default={name:"cube-scroll-nav",provide:function(){return{scrollNav:this}},mixins:[o.default],props:{data:{type:Array},speed:{type:Number,default:300},side:{type:Boolean,default:!1},current:{type:[String,Number],default:""}},data:function(){return{scrollEvents:["scroll","scroll-end"],scrollY:0,panels:[],active:this.current,pageStickyOffset:0}},computed:{labels:function(){return this.panels.map(function(t){return t.label})},barTxts:function(){return this.panels.map(function(t){return t.title})},barDirection:function(){return this.side?"vertical":"horizontal"}},watch:{current:function(t){this.stickyCurrent=t,this.active=t,this.jumpTo(t)},active:function(t){this.$emit("change",t)}},created:function(){this.navBar=null,this.stickyCurrent=this.current},mounted:function(){var t=this;this.$nextTick(function(){if(t.side){var e=t.$refs.pageSticky.$refs.fixedEle;t.$refs.scroll.$el.appendChild(e)}t.current||(t.active=t.stickyCurrent=t.labels[0]),t.refresh(),t.jumpTo(t.current)})},methods:{scrollTo:function(){this.$refs.scroll&&this.$refs.scroll.scrollTo.apply(this.$refs.scroll,arguments)},refresh:function(){this.navBar&&this.navBar.refresh(),this.$refs.sticky.refresh(),this.$refs.pageSticky.refresh(),this.pageStickyOffset=this.side?0:this.$refs.navBarEle.$el.offsetHeight,this.$refs.scroll.refresh()},setBar:function(t){this.navBar=t},barChange:function(t){var e=this;this.active=t,setTimeout(function(){e.jumpTo(t)})},jumpTo:function(t){if(t){var e=this.getPanel(t);if(e){this._jumping=!0;var a=this.pageStickyOffset;this.$refs.scroll.scrollToElement(e.$el,this.speed,0,this.side?a:-a)}}},getPanel:function(t){var e=null;return this.panels.some(function(a){if(a.label===t)return e=a,!0}),e},pageStickyChangeHandler:function(t){""===t&&(t=this.labels[0]),this.stickyCurrent=t,this._jumping||(this.active=t)},stickyChangeHandler:function(t){var e=this;this.$nextTick(function(){e.navBar&&e.navBar.refresh()}),this.$emit("sticky-change",t)},scrollHandler:function(t){this.scrollY=-t.y,this._jumping||(this.active=this.stickyCurrent)},scrollEndHandler:function(){this._jumping=!1},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)}},components:{CubeSticky:s.default,CubeStickyEle:r.default,CubeScroll:d.default,CubeScrollNavBar:v.default}},t.exports=e.default})},"7jsq":function(t,e){},"7k5H":function(t,e){},"7lCl":function(t,e,a){function i(t){a("Msz6")}var n=a("VU/8")(a("41pN"),a("pjpa"),i,null,null);t.exports=n.exports},"7tZM":function(t,e,a){function i(t){a("QRXK")}var n=a("VU/8")(a("Fth0"),a("QtPY"),i,null,null);t.exports=n.exports},"7uMP":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer",on:{click:t.drawerClick}},[a("div",{staticClass:"cube-drawer-main",style:t.slideStyle,on:{click:function(t){t.stopPropagation()},transitionend:t.transitionend}},[a("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(" "),a("div",{staticClass:"cube-drawer-panels",on:{transitionend:function(t){t.stopPropagation()}}},[t._t("default",t._l(t.data,function(t,e){return a("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,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe",title:"Swipe"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"8F4S":function(t,e,a){function i(t){a("/W4T")}var n=a("VU/8")(a("Uo7j"),a("jdO8"),i,null,null);t.exports=n.exports},"8Fl7":function(t,e){},"8GE+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-switch"},[a("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 a=t.checkboxValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.checkboxValue=a.concat([null])):l>-1&&(t.checkboxValue=a.slice(0,l).concat(a.slice(l+1)))}else t.checkboxValue=n}}}),t._v(" "),a("i",{staticClass:"cube-switch-ui"}),t._v(" "),a("span",{staticClass:"cube-switch-label"},[t._t("default")],2)])},staticRenderFns:[]}},"8YJ/":function(t,e,a){function i(t){a("VbyH")}var n=a("VU/8")(a("pWL+"),a("Nv3z"),i,null,null);t.exports=n.exports},"8cJp":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){var a=u[t.type];if(a){var n=a(t),l=n.rules,c=n.messages;(0,i.setRules)(e,t.model,l),(0,i.setMessages)(e,c)}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a),c=function(t,e){return{rules:{custom:t},messages:{custom:e}}},u={tel:function(t){var e=function(t){return"string"==typeof t&&/^1[0-9]{10}$/.test(t)},a=t.errMsg||"请输入正确的手机号码";return c(e,a)},upload:function(t){var e=function(t){return!t.length||l.default.all(t.map(function(t){return new l.default(function(e,a){!function i(){"error"===t.status?a(t):"success"===t.status?e(t):setTimeout(i,100)}()})})).then(function(){return!0})},a=t.errMsg||"上传失败";return c(e,a)}};t.exports=e.default})},"8cOd":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("NTtZ"),a("4Gmg"),a("zuie"),a("j9ag"),a("xYoV"),a("aDIA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(p.default.name,p.default),v.default.install(t),p.default._base=t},s.default.Group=r.default,s.default.Item=d.default,s.default.Validator=p.default,p.default.addRule=u.addRule,p.default.addMessage=u.addMessage,p.default.addType=u.addType,p.default.addHelper=v.default.addHelper,e.default=s.default,t.exports=e.default})},"8jxs":function(t,e,a){function i(t){a("fK3K")}var n=a("VU/8")(a("l+e5"),a("9w0G"),i,null,null);t.exports=n.exports},"8nmV":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("R4Zp")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"8xmU":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){e.modelKey=t.model,e.key=t.model}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a,t.exports=e.default})},"90kD":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},"91me":function(t,e,a){function i(t){a("Yx6s")}var n=a("VU/8")(a("nPBw"),a("RQH8"),i,null,null);t.exports=n.exports},"97e9":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-index-list-group"},[a("h2",{staticClass:"cube-index-list-anchor",domProps:{innerHTML:t._s(t.group.name)}}),t._v(" "),a("ul",[t._t("default",t._l(t.group.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}})}))],2)])},staticRenderFns:[]}},"9I0H":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("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 a("cube-form-group",{key:t.key||e,attrs:{fields:t.fields,legend:t.legend}})}))],2)},staticRenderFns:[]}},"9IQh":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},"9O6X":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS"),a("XRNA"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-recycle-list",data:function(){return{items:[],heights:0,startIndex:0,loadings:[],noMore:!1}},props:{infinite:{type:Boolean,default:!1},size:{type:Number,default:20},offset:{type:Number,default:100},onFetch:{type:Function,required:!0}},computed:{visibleItems:function(){return this.items.slice(Math.max(0,this.startIndex-this.size),Math.min(this.items.length,this.startIndex+this.size))},tombHeight:function(){return this.infinite?this.$refs.tomb&&this.$refs.tomb.offsetHeight:0},loading:function(){return this.loadings.length}},created:function(){this.list=[],this.promiseStack=[]},mounted:function(){this.checkPromiseCompatibility(),this.$el.addEventListener("scroll",this._onScroll),window.addEventListener("resize",this._onResize),this.load()},beforeDestroy:function(){this.$el.removeEventListener("scroll",this._onScroll),window.removeEventListener("resize",this._onResize)},methods:{checkPromiseCompatibility:function(){(0,n.isUndef)(window.Promise)&&(0,i.warn)("requires a Promise polyfill in this browser.")},load:function(){if(this.infinite){var t=this.items,e=t.length;t.length+=this.size;var a=t.length;this.loadItems(e,a),this.getItems()}else this.loading||this.getItems()},getItems:function(){var t=this,e=this.promiseStack.length,a=this.onFetch();this.loadings.push("pending"),this.promiseStack.push(a),a.then(function(a){t.loadings.pop(),a?(t.setList(e,a),t.loadItemsByIndex(e),a.length<t.size&&t.stopScroll(e)):t.stopScroll(e)})},removeUnusedTombs:function(t,e){var a=void 0,i=this.size,n=e*i,l=(e+1)*i;for(a=n;a<l&&(!t[a]||!t[a].isTombstone);a++);this.items=t.slice(0,a)},stopScroll:function(t){this.noMore=!0,this.removeUnusedTombs(this.items.slice(0),t),this.updateItemTop(),this.updateStartIndex()},setList:function(t,e){for(var a=this.list,i=t*this.size,n=0;n<e.length;n++)a[i+n]=e[n]},loadItemsByIndex:function(t){var e=this.size,a=t*e,i=(t+1)*e;this.loadItems(a,i)},loadItems:function(t,e){for(var a=this,i=this.items,n=[],l=void 0,c=t;c<e;c++){(function(t){if((l=i[t])&&l.loaded)return"continue";a.setItem(t,a.list[t]),n.push(a.$nextTick().then(function(){a.updateItemHeight(t)}))})(c)}window.Promise.all(n).then(function(){a.updateItemTop(),a.updateStartIndex()})},setItem:function(t,e){this.$set(this.items,t,{data:e||{},height:0,top:-1e3,isTombstone:!e,loaded:e?1:0})},updateItemHeight:function(t){var e=this.items[t],a=this.$refs["preloads"+t];a&&a[0]?e.height=a[0].offsetHeight:e&&(e.height=this.tombHeight)},updateItemTop:function(){for(var t=0,e=this.items,a=void 0,i=void 0,n=0;n<e.length;n++)a=e[n-1],i=e[n],e[n]?(i.top=a?a.top+a.height:0,t+=i.height):t+=0;this.heights=t},updateStartIndex:function(){for(var t=this.$el.scrollTop,e=void 0,a=this.items,i=0;i<a.length;i++)if(!(e=a[i])||e.top>t){this.startIndex=Math.max(0,i-1);break}},reset:function(){var t=this;[{key:"items",value:[]},{key:"heights",value:0},{key:"startIndex",value:0},{key:"loadings",value:[]},{key:"noMore",value:!1},{key:"list",value:[]},{key:"promiseStack",value:[]}].forEach(function(e){var a=e.key,i=e.value;t[a]=i}),this.$el.scrollTop=0,this.load()},_onScroll:function(){!this.noMore&&this.$el.scrollTop+this.$el.offsetHeight>this.heights-this.offset&&this.load(),this.updateStartIndex()},_onResize:function(){var t=this.items;t.forEach(function(t){t.loaded=!1}),this.loadItems(0,t.length)}},components:{CubeLoading:l.default}},t.exports=e.default})},"9ZJD":function(t,e){},"9ZU5":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=3;e.default={data:function(){return{options:{pullDownRefresh:{threshold:60,stop:40,txt:"更新成功"}},pullDownY:0,pullDownStyle:"",opacityStyle:"",triggerSurpriseFlag:!1,triggerSurprise:!1}},components:{CubePage:i.default},computed:{pullDownTip:function(){return this.pullDownY<=60?"下拉刷新...":this.pullDownY<=90?"继续下拉有惊喜...":"松手得惊喜！"},headerStyle:function(){return Math.min(1,Math.max(0,1-this.pullDownY/40))}},methods:{onScrollHandle:function(t){this.pullDownY=t.y,t.y>0&&(this.pullDownStyle="top:"+t.y+"px",this.triggerSurpriseFlag=!1,this.pullDownY>90&&(this.triggerSurpriseFlag=!0)),this.$refs.topHeader.style.opacity=this.headerStyle},onPullingDown:function(){var t=this;if(this.triggerSurpriseFlag)return this.triggerSurprise=!0,void this.$refs.scroll.forceUpdate();setTimeout(function(){t.$refs.scroll.forceUpdate()},1e3)},surpriseHandle:function(){this.triggerSurpriseFlag=!1,this.triggerSurprise=!1,this.$refs.topHeader.style.opacity=1},onImgLoad:function(){0==--n&&this.$refs.scroll.refresh()}}},t.exports=e.default})},"9ofc":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("tombstone")}}},[t._v("Infinite")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"9w0G":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),a("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),a("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[a("div",[t._v("Awesome!")])])],1),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},"9xqn":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE"),a("yjF1"),a("7lCl"),a("ZrYO"),a("N/gd"),a("mkLW"),a("yb46"),a("g9J/"),a("3kPI"),a("R4Zp"),a("+hyH"),a("BD2p")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=f(a),x=f(i),y=f(n),m=f(l),b=f(c),g=f(u),_=f(o),w=f(s),k=f(r),A=f(d),C=f(v),T=f(p),j=[h.default,x.default,y.default,m.default,b.default,g.default,_.default,w.default,k.default,A.default,C.default,T.default],P={};j.forEach(function(t){P[t.name]=t}),e.default=P,t.exports=e.default})},"9zBd":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.provinceList=[{text:"北京市",value:"110000"},{text:"天津市",value:"120000"},{text:"河北省",value:"130000"},{text:"山西省",value:"140000"},{text:"内蒙古自治区",value:"150000"},{text:"辽宁省",value:"210000"},{text:"吉林省",value:"220000"},{text:"黑龙江省",value:"230000"},{text:"上海市",value:"310000"},{text:"江苏省",value:"320000"},{text:"浙江省",value:"330000"},{text:"安徽省",value:"340000"},{text:"福建省",value:"350000"},{text:"江西省",value:"360000"},{text:"山东省",value:"370000"},{text:"河南省",value:"410000"},{text:"湖北省",value:"420000"},{text:"湖南省",value:"430000"},{text:"广东省",value:"440000"},{text:"广西壮族自治区",value:"450000"},{text:"海南省",value:"460000"},{text:"重庆市",value:"500000"},{text:"四川省",value:"510000"},{text:"贵州省",value:"520000"},{text:"云南省",value:"530000"},{text:"西藏自治区",value:"540000"},{text:"陕西省",value:"610000"},{text:"甘肃省",value:"620000"},{text:"青海省",value:"630000"},{text:"宁夏回族自治区",value:"640000"},{text:"新疆维吾尔自治区",value:"650000"}],t.cityList={110000:[{province:"北京市",text:"北京市",value:"110100"}],120000:[{province:"天津市",text:"天津市",value:"120100"}],130000:[{province:"河北省",text:"石家庄市",value:"130100"},{province:"河北省",text:"唐山市",value:"130200"},{province:"河北省",text:"秦皇岛市",value:"130300"},{province:"河北省",text:"邯郸市",value:"130400"},{province:"河北省",text:"邢台市",value:"130500"},{province:"河北省",text:"保定市",value:"130600"},{province:"河北省",text:"张家口市",value:"130700"},{province:"河北省",text:"承德市",value:"130800"},{province:"河北省",text:"沧州市",value:"130900"},{province:"河北省",text:"廊坊市",value:"131000"},{province:"河北省",text:"衡水市",value:"131100"},{province:"河北省",text:"省直辖县级行政区划",value:"139000"}],140000:[{province:"山西省",text:"太原市",value:"140100"},{province:"山西省",text:"大同市",value:"140200"},{province:"山西省",text:"阳泉市",value:"140300"},{province:"山西省",text:"长治市",value:"140400"},{province:"山西省",text:"晋城市",value:"140500"},{province:"山西省",text:"朔州市",value:"140600"},{province:"山西省",text:"晋中市",value:"140700"},{province:"山西省",text:"运城市",value:"140800"},{province:"山西省",text:"忻州市",value:"140900"},{province:"山西省",text:"临汾市",value:"141000"},{province:"山西省",text:"吕梁市",value:"141100"}],150000:[{province:"内蒙古自治区",text:"呼和浩特市",value:"150100"},{province:"内蒙古自治区",text:"包头市",value:"150200"},{province:"内蒙古自治区",text:"乌海市",value:"150300"},{province:"内蒙古自治区",text:"赤峰市",value:"150400"},{province:"内蒙古自治区",text:"通辽市",value:"150500"},{province:"内蒙古自治区",text:"鄂尔多斯市",value:"150600"},{province:"内蒙古自治区",text:"呼伦贝尔市",value:"150700"},{province:"内蒙古自治区",text:"巴彦淖尔市",value:"150800"},{province:"内蒙古自治区",text:"乌兰察布市",value:"150900"},{province:"内蒙古自治区",text:"兴安盟",value:"152200"},{province:"内蒙古自治区",text:"锡林郭勒盟",value:"152500"},{province:"内蒙古自治区",text:"阿拉善盟",value:"152900"}],210000:[{province:"辽宁省",text:"沈阳市",value:"210100"},{province:"辽宁省",text:"大连市",value:"210200"},{province:"辽宁省",text:"鞍山市",value:"210300"},{province:"辽宁省",text:"抚顺市",value:"210400"},{province:"辽宁省",text:"本溪市",value:"210500"},{province:"辽宁省",text:"丹东市",value:"210600"},{province:"辽宁省",text:"锦州市",value:"210700"},{province:"辽宁省",text:"营口市",value:"210800"},{province:"辽宁省",text:"阜新市",value:"210900"},{province:"辽宁省",text:"辽阳市",value:"211000"},{province:"辽宁省",text:"盘锦市",value:"211100"},{province:"辽宁省",text:"铁岭市",value:"211200"},{province:"辽宁省",text:"朝阳市",value:"211300"},{province:"辽宁省",text:"葫芦岛市",value:"211400"}],220000:[{province:"吉林省",text:"长春市",value:"220100"},{province:"吉林省",text:"吉林市",value:"220200"},{province:"吉林省",text:"四平市",value:"220300"},{province:"吉林省",text:"辽源市",value:"220400"},{province:"吉林省",text:"通化市",value:"220500"},{province:"吉林省",text:"白山市",value:"220600"},{province:"吉林省",text:"松原市",value:"220700"},{province:"吉林省",text:"白城市",value:"220800"},{province:"吉林省",text:"延边朝鲜族自治州",value:"222400"}],230000:[{province:"黑龙江省",text:"哈尔滨市",value:"230100"},{province:"黑龙江省",text:"齐齐哈尔市",value:"230200"},{province:"黑龙江省",text:"鸡西市",value:"230300"},{province:"黑龙江省",text:"鹤岗市",value:"230400"},{province:"黑龙江省",text:"双鸭山市",value:"230500"},{province:"黑龙江省",text:"大庆市",value:"230600"},{province:"黑龙江省",text:"伊春市",value:"230700"},{province:"黑龙江省",text:"佳木斯市",value:"230800"},{province:"黑龙江省",text:"七台河市",value:"230900"},{province:"黑龙江省",text:"牡丹江市",value:"231000"},{province:"黑龙江省",text:"黑河市",value:"231100"},{province:"黑龙江省",text:"绥化市",value:"231200"},{province:"黑龙江省",text:"大兴安岭地区",value:"232700"}],310000:[{province:"上海市",text:"上海市",value:"310100"}],320000:[{province:"江苏省",text:"南京市",value:"320100"},{province:"江苏省",text:"无锡市",value:"320200"},{province:"江苏省",text:"徐州市",value:"320300"},{province:"江苏省",text:"常州市",value:"320400"},{province:"江苏省",text:"苏州市",value:"320500"},{province:"江苏省",text:"南通市",value:"320600"},{province:"江苏省",text:"连云港市",value:"320700"},{province:"江苏省",text:"淮安市",value:"320800"},{province:"江苏省",text:"盐城市",value:"320900"},{province:"江苏省",text:"扬州市",value:"321000"},{province:"江苏省",text:"镇江市",value:"321100"},{province:"江苏省",text:"泰州市",value:"321200"},{province:"江苏省",text:"宿迁市",value:"321300"}],330000:[{province:"浙江省",text:"杭州市",value:"330100"},{province:"浙江省",text:"宁波市",value:"330200"},{province:"浙江省",text:"温州市",value:"330300"},{province:"浙江省",text:"嘉兴市",value:"330400"},{province:"浙江省",text:"湖州市",value:"330500"},{province:"浙江省",text:"绍兴市",value:"330600"},{province:"浙江省",text:"金华市",value:"330700"},{province:"浙江省",text:"衢州市",value:"330800"},{province:"浙江省",text:"舟山市",value:"330900"},{province:"浙江省",text:"台州市",value:"331000"},{province:"浙江省",text:"丽水市",value:"331100"}],340000:[{province:"安徽省",text:"合肥市",value:"340100"},{province:"安徽省",text:"芜湖市",value:"340200"},{province:"安徽省",text:"蚌埠市",value:"340300"},{province:"安徽省",text:"淮南市",value:"340400"},{province:"安徽省",text:"马鞍山市",value:"340500"},{province:"安徽省",text:"淮北市",value:"340600"},{province:"安徽省",text:"铜陵市",value:"340700"},{province:"安徽省",text:"安庆市",value:"340800"},{province:"安徽省",text:"黄山市",value:"341000"},{province:"安徽省",text:"滁州市",value:"341100"},{province:"安徽省",text:"阜阳市",value:"341200"},{province:"安徽省",text:"宿州市",value:"341300"},{province:"安徽省",text:"六安市",value:"341500"},{province:"安徽省",text:"亳州市",value:"341600"},{province:"安徽省",text:"池州市",value:"341700"},{province:"安徽省",text:"宣城市",value:"341800"}],350000:[{province:"福建省",text:"福州市",value:"350100"},{province:"福建省",text:"厦门市",value:"350200"},{province:"福建省",text:"莆田市",value:"350300"},{province:"福建省",text:"三明市",value:"350400"},{province:"福建省",text:"泉州市",value:"350500"},{province:"福建省",text:"漳州市",value:"350600"},{province:"福建省",text:"南平市",value:"350700"},{province:"福建省",text:"龙岩市",value:"350800"},{province:"福建省",text:"宁德市",value:"350900"}],360000:[{province:"江西省",text:"南昌市",value:"360100"},{province:"江西省",text:"景德镇市",value:"360200"},{province:"江西省",text:"萍乡市",value:"360300"},{province:"江西省",text:"九江市",value:"360400"},{province:"江西省",text:"新余市",value:"360500"},{province:"江西省",text:"鹰潭市",value:"360600"},{province:"江西省",text:"赣州市",value:"360700"},{province:"江西省",text:"吉安市",value:"360800"},{province:"江西省",text:"宜春市",value:"360900"},{province:"江西省",text:"抚州市",value:"361000"},{province:"江西省",text:"上饶市",value:"361100"}],370000:[{province:"山东省",text:"济南市",value:"370100"},{province:"山东省",text:"青岛市",value:"370200"},{province:"山东省",text:"淄博市",value:"370300"},{province:"山东省",text:"枣庄市",value:"370400"},{province:"山东省",text:"东营市",value:"370500"},{province:"山东省",text:"烟台市",value:"370600"},{province:"山东省",text:"潍坊市",value:"370700"},{province:"山东省",text:"济宁市",value:"370800"},{province:"山东省",text:"泰安市",value:"370900"},{province:"山东省",text:"威海市",value:"371000"},{province:"山东省",text:"日照市",value:"371100"},{province:"山东省",text:"莱芜市",value:"371200"},{province:"山东省",text:"临沂市",value:"371300"},{province:"山东省",text:"德州市",value:"371400"},{province:"山东省",text:"聊城市",value:"371500"},{province:"山东省",text:"滨州市",value:"371600"},{province:"山东省",text:"菏泽市",value:"371700"}],410000:[{province:"河南省",text:"郑州市",value:"410100"},{province:"河南省",text:"开封市",value:"410200"},{province:"河南省",text:"洛阳市",value:"410300"},{province:"河南省",text:"平顶山市",value:"410400"},{province:"河南省",text:"安阳市",value:"410500"},{province:"河南省",text:"鹤壁市",value:"410600"},{province:"河南省",text:"新乡市",value:"410700"},{province:"河南省",text:"焦作市",value:"410800"},{province:"河南省",text:"濮阳市",value:"410900"},{province:"河南省",text:"许昌市",value:"411000"},{province:"河南省",text:"漯河市",value:"411100"},{province:"河南省",text:"三门峡市",value:"411200"},{province:"河南省",text:"南阳市",value:"411300"},{province:"河南省",text:"商丘市",value:"411400"},{province:"河南省",text:"信阳市",value:"411500"},{province:"河南省",text:"周口市",value:"411600"},{province:"河南省",text:"驻马店市",value:"411700"},{province:"河南省",text:"省直辖县级行政区划",value:"419000"}],420000:[{province:"湖北省",text:"武汉市",value:"420100"},{province:"湖北省",text:"黄石市",value:"420200"},{province:"湖北省",text:"十堰市",value:"420300"},{province:"湖北省",text:"宜昌市",value:"420500"},{province:"湖北省",text:"襄阳市",value:"420600"},{province:"湖北省",text:"鄂州市",value:"420700"},{province:"湖北省",text:"荆门市",value:"420800"},{province:"湖北省",text:"孝感市",value:"420900"},{province:"湖北省",text:"荆州市",value:"421000"},{province:"湖北省",text:"黄冈市",value:"421100"},{province:"湖北省",text:"咸宁市",value:"421200"},{province:"湖北省",text:"随州市",value:"421300"},{province:"湖北省",text:"恩施土家族苗族自治州",value:"422800"},{province:"湖北省",text:"省直辖县级行政区划",value:"429000"}],430000:[{province:"湖南省",text:"长沙市",value:"430100"},{province:"湖南省",text:"株洲市",value:"430200"},{province:"湖南省",text:"湘潭市",value:"430300"},{province:"湖南省",text:"衡阳市",value:"430400"},{province:"湖南省",text:"邵阳市",value:"430500"},{province:"湖南省",text:"岳阳市",value:"430600"},{province:"湖南省",text:"常德市",value:"430700"},{province:"湖南省",text:"张家界市",value:"430800"},{province:"湖南省",text:"益阳市",value:"430900"},{province:"湖南省",text:"郴州市",value:"431000"},{province:"湖南省",text:"永州市",value:"431100"},{province:"湖南省",text:"怀化市",value:"431200"},{province:"湖南省",text:"娄底市",value:"431300"},{province:"湖南省",text:"湘西土家族苗族自治州",value:"433100"}],440000:[{province:"广东省",text:"广州市",value:"440100"},{province:"广东省",text:"韶关市",value:"440200"},{province:"广东省",text:"深圳市",value:"440300"},{province:"广东省",text:"珠海市",value:"440400"},{province:"广东省",text:"汕头市",value:"440500"},{province:"广东省",text:"佛山市",value:"440600"},{province:"广东省",text:"江门市",value:"440700"},{province:"广东省",text:"湛江市",value:"440800"},{province:"广东省",text:"茂名市",value:"440900"},{province:"广东省",text:"肇庆市",value:"441200"},{province:"广东省",text:"惠州市",value:"441300"},{province:"广东省",text:"梅州市",value:"441400"},{province:"广东省",text:"汕尾市",value:"441500"},{province:"广东省",text:"河源市",value:"441600"},{province:"广东省",text:"阳江市",value:"441700"},{province:"广东省",text:"清远市",value:"441800"},{province:"广东省",text:"东莞市",value:"441900"},{province:"广东省",text:"中山市",value:"442000"},{province:"广东省",text:"潮州市",value:"445100"},{province:"广东省",text:"揭阳市",value:"445200"},{province:"广东省",text:"云浮市",value:"445300"}],450000:[{province:"广西壮族自治区",text:"南宁市",value:"450100"},{province:"广西壮族自治区",text:"柳州市",value:"450200"},{province:"广西壮族自治区",text:"桂林市",value:"450300"},{province:"广西壮族自治区",text:"梧州市",value:"450400"},{province:"广西壮族自治区",text:"北海市",value:"450500"},{province:"广西壮族自治区",text:"防城港市",value:"450600"},{province:"广西壮族自治区",text:"钦州市",value:"450700"},{province:"广西壮族自治区",text:"贵港市",value:"450800"},{province:"广西壮族自治区",text:"玉林市",value:"450900"},{province:"广西壮族自治区",text:"百色市",value:"451000"},{province:"广西壮族自治区",text:"贺州市",value:"451100"},{province:"广西壮族自治区",text:"河池市",value:"451200"},{province:"广西壮族自治区",text:"来宾市",value:"451300"},{province:"广西壮族自治区",text:"崇左市",value:"451400"}],460000:[{province:"海南省",text:"海口市",value:"460100"},{province:"海南省",text:"三亚市",value:"460200"},{province:"海南省",text:"三沙市",value:"460300"},{province:"海南省",text:"儋州市",value:"460400"},{province:"海南省",text:"省直辖县级行政区划",value:"469000"}],500000:[{province:"重庆市",text:"重庆市",value:"500100"},{province:"重庆市",text:"县",value:"500200"}],510000:[{province:"四川省",text:"成都市",value:"510100"},{province:"四川省",text:"自贡市",value:"510300"},{province:"四川省",text:"攀枝花市",value:"510400"},{province:"四川省",text:"泸州市",value:"510500"},{province:"四川省",text:"德阳市",value:"510600"},{province:"四川省",text:"绵阳市",value:"510700"},{province:"四川省",text:"广元市",value:"510800"},{province:"四川省",text:"遂宁市",value:"510900"},{province:"四川省",text:"内江市",value:"511000"},{province:"四川省",text:"乐山市",value:"511100"},{province:"四川省",text:"南充市",value:"511300"},{province:"四川省",text:"眉山市",value:"511400"},{province:"四川省",text:"宜宾市",value:"511500"},{province:"四川省",text:"广安市",value:"511600"},{province:"四川省",text:"达州市",value:"511700"},{province:"四川省",text:"雅安市",value:"511800"},{province:"四川省",text:"巴中市",value:"511900"},{province:"四川省",text:"资阳市",value:"512000"},{province:"四川省",text:"阿坝藏族羌族自治州",value:"513200"},{province:"四川省",text:"甘孜藏族自治州",value:"513300"},{province:"四川省",text:"凉山彝族自治州",value:"513400"}],520000:[{province:"贵州省",text:"贵阳市",value:"520100"},{province:"贵州省",text:"六盘水市",value:"520200"},{province:"贵州省",text:"遵义市",value:"520300"},{province:"贵州省",text:"安顺市",value:"520400"},{province:"贵州省",text:"毕节市",value:"520500"},{province:"贵州省",text:"铜仁市",value:"520600"},{province:"贵州省",text:"黔西南布依族苗族自治州",value:"522300"},{province:"贵州省",text:"黔东南苗族侗族自治州",value:"522600"},{province:"贵州省",text:"黔南布依族苗族自治州",value:"522700"}],530000:[{province:"云南省",text:"昆明市",value:"530100"},{province:"云南省",text:"曲靖市",value:"530300"},{province:"云南省",text:"玉溪市",value:"530400"},{province:"云南省",text:"保山市",value:"530500"},{province:"云南省",text:"昭通市",value:"530600"},{province:"云南省",text:"丽江市",value:"530700"},{province:"云南省",text:"普洱市",value:"530800"},{province:"云南省",text:"临沧市",value:"530900"},{province:"云南省",text:"楚雄彝族自治州",value:"532300"},{province:"云南省",text:"红河哈尼族彝族自治州",value:"532500"},{province:"云南省",text:"文山壮族苗族自治州",value:"532600"},{province:"云南省",text:"西双版纳傣族自治州",value:"532800"},{province:"云南省",text:"大理白族自治州",value:"532900"},{province:"云南省",text:"德宏傣族景颇族自治州",value:"533100"},{province:"云南省",text:"怒江傈僳族自治州",value:"533300"},{province:"云南省",text:"迪庆藏族自治州",value:"533400"}],540000:[{province:"西藏自治区",text:"拉萨市",value:"540100"},{province:"西藏自治区",text:"日喀则市",value:"540200"},{province:"西藏自治区",text:"昌都市",value:"540300"},{province:"西藏自治区",text:"林芝市",value:"540400"},{province:"西藏自治区",text:"山南市",value:"540500"},{province:"西藏自治区",text:"那曲地区",value:"542400"},{province:"西藏自治区",text:"阿里地区",value:"542500"}],610000:[{province:"陕西省",text:"西安市",value:"610100"},{province:"陕西省",text:"铜川市",value:"610200"},{province:"陕西省",text:"宝鸡市",value:"610300"},{province:"陕西省",text:"咸阳市",value:"610400"},{province:"陕西省",text:"渭南市",value:"610500"},{province:"陕西省",text:"延安市",value:"610600"},{province:"陕西省",text:"汉中市",value:"610700"},{province:"陕西省",text:"榆林市",value:"610800"},{province:"陕西省",text:"安康市",value:"610900"},{province:"陕西省",text:"商洛市",value:"611000"}],620000:[{province:"甘肃省",text:"兰州市",value:"620100"},{province:"甘肃省",text:"嘉峪关市",value:"620200"},{province:"甘肃省",text:"金昌市",value:"620300"},{province:"甘肃省",text:"白银市",value:"620400"},{province:"甘肃省",text:"天水市",value:"620500"},{province:"甘肃省",text:"武威市",value:"620600"},{province:"甘肃省",text:"张掖市",value:"620700"},{province:"甘肃省",text:"平凉市",value:"620800"},{province:"甘肃省",text:"酒泉市",value:"620900"},{province:"甘肃省",text:"庆阳市",value:"621000"},{province:"甘肃省",text:"定西市",value:"621100"},{province:"甘肃省",text:"陇南市",value:"621200"},{province:"甘肃省",text:"临夏回族自治州",value:"622900"},{province:"甘肃省",text:"甘南藏族自治州",value:"623000"}],630000:[{province:"青海省",text:"西宁市",value:"630100"},{province:"青海省",text:"海东市",value:"630200"},{province:"青海省",text:"海北藏族自治州",value:"632200"},{province:"青海省",text:"黄南藏族自治州",value:"632300"},{province:"青海省",text:"海南藏族自治州",value:"632500"},{province:"青海省",text:"果洛藏族自治州",value:"632600"},{province:"青海省",text:"玉树藏族自治州",value:"632700"},{province:"青海省",text:"海西蒙古族藏族自治州",value:"632800"}],640000:[{province:"宁夏回族自治区",text:"银川市",value:"640100"},{province:"宁夏回族自治区",text:"石嘴山市",value:"640200"},{province:"宁夏回族自治区",text:"吴忠市",value:"640300"},{province:"宁夏回族自治区",text:"固原市",value:"640400"},{province:"宁夏回族自治区",text:"中卫市",value:"640500"}],650000:[{province:"新疆维吾尔自治区",text:"乌鲁木齐市",value:"650100"},{province:"新疆维吾尔自治区",text:"克拉玛依市",value:"650200"},{province:"新疆维吾尔自治区",text:"吐鲁番市",value:"650400"},{province:"新疆维吾尔自治区",text:"哈密市",value:"650500"},{province:"新疆维吾尔自治区",text:"昌吉回族自治州",value:"652300"},{province:"新疆维吾尔自治区",text:"博尔塔拉蒙古自治州",value:"652700"},{province:"新疆维吾尔自治区",text:"巴音郭楞蒙古自治州",value:"652800"},{province:"新疆维吾尔自治区",text:"阿克苏地区",value:"652900"},{province:"新疆维吾尔自治区",text:"克孜勒苏柯尔克孜自治州",value:"653000"},{province:"新疆维吾尔自治区",text:"喀什地区",value:"653100"},{province:"新疆维吾尔自治区",text:"和田地区",value:"653200"},{province:"新疆维吾尔自治区",text:"伊犁哈萨克自治州",value:"654000"},{province:"新疆维吾尔自治区",text:"塔城地区",value:"654200"},{province:"新疆维吾尔自治区",text:"阿勒泰地区",value:"654300"},{province:"新疆维吾尔自治区",text:"自治区直辖县级行政区划",value:"659000"}]},t.areaList={110100:[{city:"市辖区",text:"东城区",value:"110101"},{city:"市辖区",text:"西城区",value:"110102"},{city:"市辖区",text:"朝阳区",value:"110105"},{city:"市辖区",text:"丰台区",value:"110106"},{city:"市辖区",text:"石景山区",value:"110107"},{city:"市辖区",text:"海淀区",value:"110108"},{city:"市辖区",text:"门头沟区",value:"110109"},{city:"市辖区",text:"房山区",value:"110111"},{city:"市辖区",text:"通州区",value:"110112"},{city:"市辖区",text:"顺义区",value:"110113"},{city:"市辖区",text:"昌平区",value:"110114"},{city:"市辖区",text:"大兴区",value:"110115"},{city:"市辖区",text:"怀柔区",value:"110116"},{city:"市辖区",text:"平谷区",value:"110117"},{city:"市辖区",text:"密云区",value:"110118"},{city:"市辖区",text:"延庆区",value:"110119"}],120100:[{city:"市辖区",text:"和平区",value:"120101"},{city:"市辖区",text:"河东区",value:"120102"},{city:"市辖区",text:"河西区",value:"120103"},{city:"市辖区",text:"南开区",value:"120104"},{city:"市辖区",text:"河北区",value:"120105"},{city:"市辖区",text:"红桥区",value:"120106"},{city:"市辖区",text:"东丽区",value:"120110"},{city:"市辖区",text:"西青区",value:"120111"},{city:"市辖区",text:"津南区",value:"120112"},{city:"市辖区",text:"北辰区",value:"120113"},{city:"市辖区",text:"武清区",value:"120114"},{city:"市辖区",text:"宝坻区",value:"120115"},{city:"市辖区",text:"滨海新区",value:"120116"},{city:"市辖区",text:"宁河区",value:"120117"},{city:"市辖区",text:"静海区",value:"120118"},{city:"市辖区",text:"蓟州区",value:"120119"}],130100:[{city:"石家庄市",text:"市辖区",value:"130101"},{city:"石家庄市",text:"长安区",value:"130102"},{city:"石家庄市",text:"桥西区",value:"130104"},{city:"石家庄市",text:"新华区",value:"130105"},{city:"石家庄市",text:"井陉矿区",value:"130107"},{city:"石家庄市",text:"裕华区",value:"130108"},{city:"石家庄市",text:"藁城区",value:"130109"},{city:"石家庄市",text:"鹿泉区",value:"130110"},{city:"石家庄市",text:"栾城区",value:"130111"},{city:"石家庄市",text:"井陉县",value:"130121"},{city:"石家庄市",text:"正定县",value:"130123"},{city:"石家庄市",text:"行唐县",value:"130125"},{city:"石家庄市",text:"灵寿县",value:"130126"},{city:"石家庄市",text:"高邑县",value:"130127"},{city:"石家庄市",text:"深泽县",value:"130128"},{city:"石家庄市",text:"赞皇县",value:"130129"},{city:"石家庄市",text:"无极县",value:"130130"},{city:"石家庄市",text:"平山县",value:"130131"},{city:"石家庄市",text:"元氏县",value:"130132"},{city:"石家庄市",text:"赵县",value:"130133"},{city:"石家庄市",text:"晋州市",value:"130183"},{city:"石家庄市",text:"新乐市",value:"130184"}],130200:[{city:"唐山市",text:"市辖区",value:"130201"},{city:"唐山市",text:"路南区",value:"130202"},{city:"唐山市",text:"路北区",value:"130203"},{city:"唐山市",text:"古冶区",value:"130204"},{city:"唐山市",text:"开平区",value:"130205"},{city:"唐山市",text:"丰南区",value:"130207"},{city:"唐山市",text:"丰润区",value:"130208"},{city:"唐山市",text:"曹妃甸区",value:"130209"},{city:"唐山市",text:"滦县",value:"130223"},{city:"唐山市",text:"滦南县",value:"130224"},{city:"唐山市",text:"乐亭县",value:"130225"},{city:"唐山市",text:"迁西县",value:"130227"},{city:"唐山市",text:"玉田县",value:"130229"},{city:"唐山市",text:"遵化市",value:"130281"},{city:"唐山市",text:"迁安市",value:"130283"}],130300:[{city:"秦皇岛市",text:"市辖区",value:"130301"},{city:"秦皇岛市",text:"海港区",value:"130302"},{city:"秦皇岛市",text:"山海关区",value:"130303"},{city:"秦皇岛市",text:"北戴河区",value:"130304"},{city:"秦皇岛市",text:"抚宁区",value:"130306"},{city:"秦皇岛市",text:"青龙满族自治县",value:"130321"},{city:"秦皇岛市",text:"昌黎县",value:"130322"},{city:"秦皇岛市",text:"卢龙县",value:"130324"}],130400:[{city:"邯郸市",text:"市辖区",value:"130401"},{city:"邯郸市",text:"邯山区",value:"130402"},{city:"邯郸市",text:"丛台区",value:"130403"},{city:"邯郸市",text:"复兴区",value:"130404"},{city:"邯郸市",text:"峰峰矿区",value:"130406"},{city:"邯郸市",text:"邯郸县",value:"130421"},{city:"邯郸市",text:"临漳县",value:"130423"},{city:"邯郸市",text:"成安县",value:"130424"},{city:"邯郸市",text:"大名县",value:"130425"},{city:"邯郸市",text:"涉县",value:"130426"},{city:"邯郸市",text:"磁县",value:"130427"},{city:"邯郸市",text:"肥乡县",value:"130428"},{city:"邯郸市",text:"永年县",value:"130429"},{city:"邯郸市",text:"邱县",value:"130430"},{city:"邯郸市",text:"鸡泽县",value:"130431"},{city:"邯郸市",text:"广平县",value:"130432"},{city:"邯郸市",text:"馆陶县",value:"130433"},{city:"邯郸市",text:"魏县",value:"130434"},{city:"邯郸市",text:"曲周县",value:"130435"},{city:"邯郸市",text:"武安市",value:"130481"}],130500:[{city:"邢台市",text:"市辖区",value:"130501"},{city:"邢台市",text:"桥东区",value:"130502"},{city:"邢台市",text:"桥西区",value:"130503"},{city:"邢台市",text:"邢台县",value:"130521"},{city:"邢台市",text:"临城县",value:"130522"},{city:"邢台市",text:"内丘县",value:"130523"},{city:"邢台市",text:"柏乡县",value:"130524"},{city:"邢台市",text:"隆尧县",value:"130525"},{city:"邢台市",text:"任县",value:"130526"},{city:"邢台市",text:"南和县",value:"130527"},{city:"邢台市",text:"宁晋县",value:"130528"},{city:"邢台市",text:"巨鹿县",value:"130529"},{city:"邢台市",text:"新河县",value:"130530"},{city:"邢台市",text:"广宗县",value:"130531"},{city:"邢台市",text:"平乡县",value:"130532"},{city:"邢台市",text:"威县",value:"130533"},{city:"邢台市",text:"清河县",value:"130534"},{city:"邢台市",text:"临西县",value:"130535"},{city:"邢台市",text:"南宫市",value:"130581"},{city:"邢台市",text:"沙河市",value:"130582"}],130600:[{city:"保定市",text:"市辖区",value:"130601"},{city:"保定市",text:"竞秀区",value:"130602"},{city:"保定市",text:"莲池区",value:"130606"},{city:"保定市",text:"满城区",value:"130607"},{city:"保定市",text:"清苑区",value:"130608"},{city:"保定市",text:"徐水区",value:"130609"},{city:"保定市",text:"涞水县",value:"130623"},{city:"保定市",text:"阜平县",value:"130624"},{city:"保定市",text:"定兴县",value:"130626"},{city:"保定市",text:"唐县",value:"130627"},{city:"保定市",text:"高阳县",value:"130628"},{city:"保定市",text:"容城县",value:"130629"},{city:"保定市",text:"涞源县",value:"130630"},{city:"保定市",text:"望都县",value:"130631"},{city:"保定市",text:"安新县",value:"130632"},{city:"保定市",text:"易县",value:"130633"},{city:"保定市",text:"曲阳县",value:"130634"},{city:"保定市",text:"蠡县",value:"130635"},{city:"保定市",text:"顺平县",value:"130636"},{city:"保定市",text:"博野县",value:"130637"},{city:"保定市",text:"雄县",value:"130638"},{city:"保定市",text:"涿州市",value:"130681"},{city:"保定市",text:"安国市",value:"130683"},{city:"保定市",text:"高碑店市",value:"130684"}],130700:[{city:"张家口市",text:"市辖区",value:"130701"},{city:"张家口市",text:"桥东区",value:"130702"},{city:"张家口市",text:"桥西区",value:"130703"},{city:"张家口市",text:"宣化区",value:"130705"},{city:"张家口市",text:"下花园区",value:"130706"},{city:"张家口市",text:"万全区",value:"130708"},{city:"张家口市",text:"崇礼区",value:"130709"},{city:"张家口市",text:"张北县",value:"130722"},{city:"张家口市",text:"康保县",value:"130723"},{city:"张家口市",text:"沽源县",value:"130724"},{city:"张家口市",text:"尚义县",value:"130725"},{city:"张家口市",text:"蔚县",value:"130726"},{city:"张家口市",text:"阳原县",value:"130727"},{city:"张家口市",text:"怀安县",value:"130728"},{city:"张家口市",text:"怀来县",value:"130730"},{city:"张家口市",text:"涿鹿县",value:"130731"},{city:"张家口市",text:"赤城县",value:"130732"}],130800:[{city:"承德市",text:"市辖区",value:"130801"},{city:"承德市",text:"双桥区",value:"130802"},{city:"承德市",text:"双滦区",value:"130803"},{city:"承德市",text:"鹰手营子矿区",value:"130804"},{city:"承德市",text:"承德县",value:"130821"},{city:"承德市",text:"兴隆县",value:"130822"},{city:"承德市",text:"平泉县",value:"130823"},{city:"承德市",text:"滦平县",value:"130824"},{city:"承德市",text:"隆化县",value:"130825"},{city:"承德市",text:"丰宁满族自治县",value:"130826"},{city:"承德市",text:"宽城满族自治县",value:"130827"},{city:"承德市",text:"围场满族蒙古族自治县",value:"130828"}],130900:[{city:"沧州市",text:"市辖区",value:"130901"},{city:"沧州市",text:"新华区",value:"130902"},{city:"沧州市",text:"运河区",value:"130903"},{city:"沧州市",text:"沧县",value:"130921"},{city:"沧州市",text:"青县",value:"130922"},{city:"沧州市",text:"东光县",value:"130923"},{city:"沧州市",text:"海兴县",value:"130924"},{city:"沧州市",text:"盐山县",value:"130925"},{city:"沧州市",text:"肃宁县",value:"130926"},{city:"沧州市",text:"南皮县",value:"130927"},{city:"沧州市",text:"吴桥县",value:"130928"},{city:"沧州市",text:"献县",value:"130929"},{city:"沧州市",text:"孟村回族自治县",value:"130930"},{city:"沧州市",text:"泊头市",value:"130981"},{city:"沧州市",text:"任丘市",value:"130982"},{city:"沧州市",text:"黄骅市",value:"130983"},{city:"沧州市",text:"河间市",value:"130984"}],131000:[{city:"廊坊市",text:"市辖区",value:"131001"},{city:"廊坊市",text:"安次区",value:"131002"},{city:"廊坊市",text:"广阳区",value:"131003"},{city:"廊坊市",text:"固安县",value:"131022"},{city:"廊坊市",text:"永清县",value:"131023"},{city:"廊坊市",text:"香河县",value:"131024"},{city:"廊坊市",text:"大城县",value:"131025"},{city:"廊坊市",text:"文安县",value:"131026"},{city:"廊坊市",text:"大厂回族自治县",value:"131028"},{city:"廊坊市",text:"霸州市",value:"131081"},{city:"廊坊市",text:"三河市",value:"131082"}],131100:[{city:"衡水市",text:"市辖区",value:"131101"},{city:"衡水市",text:"桃城区",value:"131102"},{city:"衡水市",text:"冀州区",value:"131103"},{city:"衡水市",text:"枣强县",value:"131121"},{city:"衡水市",text:"武邑县",value:"131122"},{city:"衡水市",text:"武强县",value:"131123"},{city:"衡水市",text:"饶阳县",value:"131124"},{city:"衡水市",text:"安平县",value:"131125"},{city:"衡水市",text:"故城县",value:"131126"},{city:"衡水市",text:"景县",value:"131127"},{city:"衡水市",text:"阜城县",value:"131128"},{city:"衡水市",text:"深州市",value:"131182"}],139000:[{city:"省直辖县级行政区划",text:"定州市",value:"139001"},{city:"省直辖县级行政区划",text:"辛集市",value:"139002"}],140100:[{city:"太原市",text:"市辖区",value:"140101"},{city:"太原市",text:"小店区",value:"140105"},{city:"太原市",text:"迎泽区",value:"140106"},{city:"太原市",text:"杏花岭区",value:"140107"},{city:"太原市",text:"尖草坪区",value:"140108"},{city:"太原市",text:"万柏林区",value:"140109"},{city:"太原市",text:"晋源区",value:"140110"},{city:"太原市",text:"清徐县",value:"140121"},{city:"太原市",text:"阳曲县",value:"140122"},{city:"太原市",text:"娄烦县",value:"140123"},{city:"太原市",text:"古交市",value:"140181"}],140200:[{city:"大同市",text:"市辖区",value:"140201"},{city:"大同市",text:"城区",value:"140202"},{city:"大同市",text:"矿区",value:"140203"},{city:"大同市",text:"南郊区",value:"140211"},{city:"大同市",text:"新荣区",value:"140212"},{city:"大同市",text:"阳高县",value:"140221"},{city:"大同市",text:"天镇县",value:"140222"},{city:"大同市",text:"广灵县",value:"140223"},{city:"大同市",text:"灵丘县",value:"140224"},{city:"大同市",text:"浑源县",value:"140225"},{city:"大同市",text:"左云县",value:"140226"},{city:"大同市",text:"大同县",value:"140227"}],140300:[{city:"阳泉市",text:"市辖区",value:"140301"},{city:"阳泉市",text:"城区",value:"140302"},{city:"阳泉市",text:"矿区",value:"140303"},{city:"阳泉市",text:"郊区",value:"140311"},{city:"阳泉市",text:"平定县",value:"140321"},{city:"阳泉市",text:"盂县",value:"140322"}],140400:[{city:"长治市",text:"市辖区",value:"140401"},{city:"长治市",text:"城区",value:"140402"},{city:"长治市",text:"郊区",value:"140411"},{city:"长治市",text:"长治县",value:"140421"},{city:"长治市",text:"襄垣县",value:"140423"},{city:"长治市",text:"屯留县",value:"140424"},{city:"长治市",text:"平顺县",value:"140425"},{city:"长治市",text:"黎城县",value:"140426"},{city:"长治市",text:"壶关县",value:"140427"},{city:"长治市",text:"长子县",value:"140428"},{city:"长治市",text:"武乡县",value:"140429"},{city:"长治市",text:"沁县",value:"140430"},{city:"长治市",text:"沁源县",value:"140431"},{city:"长治市",text:"潞城市",value:"140481"}],140500:[{city:"晋城市",text:"市辖区",value:"140501"},{city:"晋城市",text:"城区",value:"140502"},{city:"晋城市",text:"沁水县",value:"140521"},{city:"晋城市",text:"阳城县",value:"140522"},{city:"晋城市",text:"陵川县",value:"140524"},{city:"晋城市",text:"泽州县",value:"140525"},{city:"晋城市",text:"高平市",value:"140581"}],140600:[{city:"朔州市",text:"市辖区",value:"140601"},{city:"朔州市",text:"朔城区",value:"140602"},{city:"朔州市",text:"平鲁区",value:"140603"},{city:"朔州市",text:"山阴县",value:"140621"},{city:"朔州市",text:"应县",value:"140622"},{city:"朔州市",text:"右玉县",value:"140623"},{city:"朔州市",text:"怀仁县",value:"140624"}],140700:[{city:"晋中市",text:"市辖区",value:"140701"},{city:"晋中市",text:"榆次区",value:"140702"},{city:"晋中市",text:"榆社县",value:"140721"},{city:"晋中市",text:"左权县",value:"140722"},{city:"晋中市",text:"和顺县",value:"140723"},{city:"晋中市",text:"昔阳县",value:"140724"},{city:"晋中市",text:"寿阳县",value:"140725"},{city:"晋中市",text:"太谷县",value:"140726"},{city:"晋中市",text:"祁县",value:"140727"},{city:"晋中市",text:"平遥县",value:"140728"},{city:"晋中市",text:"灵石县",value:"140729"},{city:"晋中市",text:"介休市",value:"140781"}],140800:[{city:"运城市",text:"市辖区",value:"140801"},{city:"运城市",text:"盐湖区",value:"140802"},{city:"运城市",text:"临猗县",value:"140821"},{city:"运城市",text:"万荣县",value:"140822"},{city:"运城市",text:"闻喜县",value:"140823"},{city:"运城市",text:"稷山县",value:"140824"},{city:"运城市",text:"新绛县",value:"140825"},{city:"运城市",text:"绛县",value:"140826"},{city:"运城市",text:"垣曲县",value:"140827"},{city:"运城市",text:"夏县",value:"140828"},{city:"运城市",text:"平陆县",value:"140829"},{city:"运城市",text:"芮城县",value:"140830"},{city:"运城市",text:"永济市",value:"140881"},{city:"运城市",text:"河津市",value:"140882"}],140900:[{city:"忻州市",text:"市辖区",value:"140901"},{city:"忻州市",text:"忻府区",value:"140902"},{city:"忻州市",text:"定襄县",value:"140921"},{city:"忻州市",text:"五台县",value:"140922"},{city:"忻州市",text:"代县",value:"140923"},{city:"忻州市",text:"繁峙县",value:"140924"},{city:"忻州市",text:"宁武县",value:"140925"},{city:"忻州市",text:"静乐县",value:"140926"},{city:"忻州市",text:"神池县",value:"140927"},{city:"忻州市",text:"五寨县",value:"140928"},{city:"忻州市",text:"岢岚县",value:"140929"},{city:"忻州市",text:"河曲县",value:"140930"},{city:"忻州市",text:"保德县",value:"140931"},{city:"忻州市",text:"偏关县",value:"140932"},{city:"忻州市",text:"原平市",value:"140981"}],141000:[{city:"临汾市",text:"市辖区",value:"141001"},{city:"临汾市",text:"尧都区",value:"141002"},{city:"临汾市",text:"曲沃县",value:"141021"},{city:"临汾市",text:"翼城县",value:"141022"},{city:"临汾市",text:"襄汾县",value:"141023"},{city:"临汾市",text:"洪洞县",value:"141024"},{city:"临汾市",text:"古县",value:"141025"},{city:"临汾市",text:"安泽县",value:"141026"},{city:"临汾市",text:"浮山县",value:"141027"},{city:"临汾市",text:"吉县",value:"141028"},{city:"临汾市",text:"乡宁县",value:"141029"},{city:"临汾市",text:"大宁县",value:"141030"},{city:"临汾市",text:"隰县",value:"141031"},{city:"临汾市",text:"永和县",value:"141032"},{city:"临汾市",text:"蒲县",value:"141033"},{city:"临汾市",text:"汾西县",value:"141034"},{city:"临汾市",text:"侯马市",value:"141081"},{city:"临汾市",text:"霍州市",value:"141082"}],141100:[{city:"吕梁市",text:"市辖区",value:"141101"},{city:"吕梁市",text:"离石区",value:"141102"},{city:"吕梁市",text:"文水县",value:"141121"},{city:"吕梁市",text:"交城县",value:"141122"},{city:"吕梁市",text:"兴县",value:"141123"},{city:"吕梁市",text:"临县",value:"141124"},{city:"吕梁市",text:"柳林县",value:"141125"},{city:"吕梁市",text:"石楼县",value:"141126"},{city:"吕梁市",text:"岚县",value:"141127"},{city:"吕梁市",text:"方山县",value:"141128"},{city:"吕梁市",text:"中阳县",value:"141129"},{city:"吕梁市",text:"交口县",value:"141130"},{city:"吕梁市",text:"孝义市",value:"141181"},{city:"吕梁市",text:"汾阳市",value:"141182"}],150100:[{city:"呼和浩特市",text:"市辖区",value:"150101"},{city:"呼和浩特市",text:"新城区",value:"150102"},{city:"呼和浩特市",text:"回民区",value:"150103"},{city:"呼和浩特市",text:"玉泉区",value:"150104"},{city:"呼和浩特市",text:"赛罕区",value:"150105"},{city:"呼和浩特市",text:"土默特左旗",value:"150121"},{city:"呼和浩特市",text:"托克托县",value:"150122"},{city:"呼和浩特市",text:"和林格尔县",value:"150123"},{city:"呼和浩特市",text:"清水河县",value:"150124"},{city:"呼和浩特市",text:"武川县",value:"150125"}],150200:[{city:"包头市",text:"市辖区",value:"150201"},{city:"包头市",text:"东河区",value:"150202"},{city:"包头市",text:"昆都仑区",value:"150203"},{city:"包头市",text:"青山区",value:"150204"},{city:"包头市",text:"石拐区",value:"150205"},{city:"包头市",text:"白云鄂博矿区",value:"150206"},{city:"包头市",text:"九原区",value:"150207"},{city:"包头市",text:"土默特右旗",value:"150221"},{city:"包头市",text:"固阳县",value:"150222"},{city:"包头市",text:"达尔罕茂明安联合旗",value:"150223"}],150300:[{city:"乌海市",text:"市辖区",value:"150301"},{city:"乌海市",text:"海勃湾区",value:"150302"},{city:"乌海市",text:"海南区",value:"150303"},{city:"乌海市",text:"乌达区",value:"150304"}],150400:[{city:"赤峰市",text:"市辖区",value:"150401"},{city:"赤峰市",text:"红山区",value:"150402"},{city:"赤峰市",text:"元宝山区",value:"150403"},{city:"赤峰市",text:"松山区",value:"150404"},{city:"赤峰市",text:"阿鲁科尔沁旗",value:"150421"},{city:"赤峰市",text:"巴林左旗",value:"150422"},{city:"赤峰市",text:"巴林右旗",value:"150423"},{city:"赤峰市",text:"林西县",value:"150424"},{city:"赤峰市",text:"克什克腾旗",value:"150425"},{city:"赤峰市",text:"翁牛特旗",value:"150426"},{city:"赤峰市",text:"喀喇沁旗",value:"150428"},{city:"赤峰市",text:"宁城县",value:"150429"},{city:"赤峰市",text:"敖汉旗",value:"150430"}],150500:[{city:"通辽市",text:"市辖区",value:"150501"},{city:"通辽市",text:"科尔沁区",value:"150502"},{city:"通辽市",text:"科尔沁左翼中旗",value:"150521"},{city:"通辽市",text:"科尔沁左翼后旗",value:"150522"},{city:"通辽市",text:"开鲁县",value:"150523"},{city:"通辽市",text:"库伦旗",value:"150524"},{city:"通辽市",text:"奈曼旗",value:"150525"},{city:"通辽市",text:"扎鲁特旗",value:"150526"},{city:"通辽市",text:"霍林郭勒市",value:"150581"}],150600:[{city:"鄂尔多斯市",text:"市辖区",value:"150601"},{city:"鄂尔多斯市",text:"东胜区",value:"150602"},{city:"鄂尔多斯市",text:"康巴什区",value:"150603"},{city:"鄂尔多斯市",text:"达拉特旗",value:"150621"},{city:"鄂尔多斯市",text:"准格尔旗",value:"150622"},{city:"鄂尔多斯市",text:"鄂托克前旗",value:"150623"},{city:"鄂尔多斯市",text:"鄂托克旗",value:"150624"},{city:"鄂尔多斯市",text:"杭锦旗",value:"150625"},{city:"鄂尔多斯市",text:"乌审旗",value:"150626"},{city:"鄂尔多斯市",text:"伊金霍洛旗",value:"150627"}],150700:[{city:"呼伦贝尔市",text:"市辖区",value:"150701"},{city:"呼伦贝尔市",text:"海拉尔区",value:"150702"},{city:"呼伦贝尔市",text:"扎赉诺尔区",value:"150703"},{city:"呼伦贝尔市",text:"阿荣旗",value:"150721"},{city:"呼伦贝尔市",text:"莫力达瓦达斡尔族自治旗",value:"150722"},{city:"呼伦贝尔市",text:"鄂伦春自治旗",value:"150723"},{city:"呼伦贝尔市",text:"鄂温克族自治旗",value:"150724"},{city:"呼伦贝尔市",text:"陈巴尔虎旗",value:"150725"},{city:"呼伦贝尔市",text:"新巴尔虎左旗",value:"150726"},{city:"呼伦贝尔市",text:"新巴尔虎右旗",value:"150727"},{city:"呼伦贝尔市",text:"满洲里市",value:"150781"},{city:"呼伦贝尔市",text:"牙克石市",value:"150782"},{city:"呼伦贝尔市",text:"扎兰屯市",value:"150783"},{city:"呼伦贝尔市",text:"额尔古纳市",value:"150784"},{city:"呼伦贝尔市",text:"根河市",value:"150785"}],150800:[{city:"巴彦淖尔市",text:"市辖区",value:"150801"},{city:"巴彦淖尔市",text:"临河区",value:"150802"},{city:"巴彦淖尔市",text:"五原县",value:"150821"},{city:"巴彦淖尔市",text:"磴口县",value:"150822"},{city:"巴彦淖尔市",text:"乌拉特前旗",value:"150823"},{city:"巴彦淖尔市",text:"乌拉特中旗",value:"150824"},{city:"巴彦淖尔市",text:"乌拉特后旗",value:"150825"},{city:"巴彦淖尔市",text:"杭锦后旗",value:"150826"}],150900:[{city:"乌兰察布市",text:"市辖区",value:"150901"},{city:"乌兰察布市",text:"集宁区",value:"150902"},{city:"乌兰察布市",text:"卓资县",value:"150921"},{city:"乌兰察布市",text:"化德县",value:"150922"},{city:"乌兰察布市",text:"商都县",value:"150923"},{city:"乌兰察布市",text:"兴和县",value:"150924"},{city:"乌兰察布市",text:"凉城县",value:"150925"},{city:"乌兰察布市",text:"察哈尔右翼前旗",value:"150926"},{city:"乌兰察布市",text:"察哈尔右翼中旗",value:"150927"},{city:"乌兰察布市",text:"察哈尔右翼后旗",value:"150928"},{city:"乌兰察布市",text:"四子王旗",value:"150929"},{city:"乌兰察布市",text:"丰镇市",value:"150981"}],152200:[{city:"兴安盟",text:"乌兰浩特市",value:"152201"},{city:"兴安盟",text:"阿尔山市",value:"152202"},{city:"兴安盟",text:"科尔沁右翼前旗",value:"152221"},{city:"兴安盟",text:"科尔沁右翼中旗",value:"152222"},{city:"兴安盟",text:"扎赉特旗",value:"152223"},{city:"兴安盟",text:"突泉县",value:"152224"}],152500:[{city:"锡林郭勒盟",text:"二连浩特市",value:"152501"},{city:"锡林郭勒盟",text:"锡林浩特市",value:"152502"},{city:"锡林郭勒盟",text:"阿巴嘎旗",value:"152522"},{city:"锡林郭勒盟",text:"苏尼特左旗",value:"152523"},{city:"锡林郭勒盟",text:"苏尼特右旗",value:"152524"},{city:"锡林郭勒盟",text:"东乌珠穆沁旗",value:"152525"},{city:"锡林郭勒盟",text:"西乌珠穆沁旗",value:"152526"},{city:"锡林郭勒盟",text:"太仆寺旗",value:"152527"},{city:"锡林郭勒盟",text:"镶黄旗",value:"152528"},{city:"锡林郭勒盟",text:"正镶白旗",value:"152529"},{city:"锡林郭勒盟",text:"正蓝旗",value:"152530"},{city:"锡林郭勒盟",text:"多伦县",value:"152531"}],152900:[{city:"阿拉善盟",text:"阿拉善左旗",value:"152921"},{city:"阿拉善盟",text:"阿拉善右旗",value:"152922"},{city:"阿拉善盟",text:"额济纳旗",value:"152923"}],210100:[{city:"沈阳市",text:"市辖区",value:"210101"},{city:"沈阳市",text:"和平区",value:"210102"},{city:"沈阳市",text:"沈河区",value:"210103"},{city:"沈阳市",text:"大东区",value:"210104"},{city:"沈阳市",text:"皇姑区",value:"210105"},{city:"沈阳市",text:"铁西区",value:"210106"},{city:"沈阳市",text:"苏家屯区",value:"210111"},{city:"沈阳市",text:"浑南区",value:"210112"},{city:"沈阳市",text:"沈北新区",value:"210113"},{city:"沈阳市",text:"于洪区",value:"210114"},{city:"沈阳市",text:"辽中区",value:"210115"},{city:"沈阳市",text:"康平县",value:"210123"},{city:"沈阳市",text:"法库县",value:"210124"},{city:"沈阳市",text:"新民市",value:"210181"}],210200:[{city:"大连市",text:"市辖区",value:"210201"},{city:"大连市",text:"中山区",value:"210202"},{city:"大连市",text:"西岗区",value:"210203"},{city:"大连市",text:"沙河口区",value:"210204"},{city:"大连市",text:"甘井子区",value:"210211"},{city:"大连市",text:"旅顺口区",value:"210212"},{city:"大连市",text:"金州区",value:"210213"},{city:"大连市",text:"普兰店区",value:"210214"},{city:"大连市",text:"长海县",value:"210224"},{city:"大连市",text:"瓦房店市",value:"210281"},{city:"大连市",text:"庄河市",value:"210283"}],210300:[{city:"鞍山市",text:"市辖区",value:"210301"},{city:"鞍山市",text:"铁东区",value:"210302"},{city:"鞍山市",text:"铁西区",value:"210303"},{city:"鞍山市",text:"立山区",value:"210304"},{city:"鞍山市",text:"千山区",value:"210311"},{city:"鞍山市",text:"台安县",value:"210321"},{city:"鞍山市",text:"岫岩满族自治县",value:"210323"},{city:"鞍山市",text:"海城市",value:"210381"}],210400:[{city:"抚顺市",text:"市辖区",value:"210401"},{city:"抚顺市",text:"新抚区",value:"210402"},{city:"抚顺市",text:"东洲区",value:"210403"},{city:"抚顺市",text:"望花区",value:"210404"},{city:"抚顺市",text:"顺城区",value:"210411"},{city:"抚顺市",text:"抚顺县",value:"210421"},{city:"抚顺市",text:"新宾满族自治县",value:"210422"},{city:"抚顺市",text:"清原满族自治县",value:"210423"}],210500:[{city:"本溪市",text:"市辖区",value:"210501"},{city:"本溪市",text:"平山区",value:"210502"},{city:"本溪市",text:"溪湖区",value:"210503"},{city:"本溪市",text:"明山区",value:"210504"},{city:"本溪市",text:"南芬区",value:"210505"},{city:"本溪市",text:"本溪满族自治县",value:"210521"},{city:"本溪市",text:"桓仁满族自治县",value:"210522"}],210600:[{city:"丹东市",text:"市辖区",value:"210601"},{city:"丹东市",text:"元宝区",value:"210602"},{city:"丹东市",text:"振兴区",value:"210603"},{city:"丹东市",text:"振安区",value:"210604"},{city:"丹东市",text:"宽甸满族自治县",value:"210624"},{city:"丹东市",text:"东港市",value:"210681"},{city:"丹东市",text:"凤城市",value:"210682"}],210700:[{city:"锦州市",text:"市辖区",value:"210701"},{city:"锦州市",text:"古塔区",value:"210702"},{city:"锦州市",text:"凌河区",value:"210703"},{city:"锦州市",text:"太和区",value:"210711"},{city:"锦州市",text:"黑山县",value:"210726"},{city:"锦州市",text:"义县",value:"210727"},{city:"锦州市",text:"凌海市",value:"210781"},{city:"锦州市",text:"北镇市",value:"210782"}],210800:[{city:"营口市",text:"市辖区",value:"210801"},{city:"营口市",text:"站前区",value:"210802"},{city:"营口市",text:"西市区",value:"210803"},{city:"营口市",text:"鲅鱼圈区",value:"210804"},{city:"营口市",text:"老边区",value:"210811"},{city:"营口市",text:"盖州市",value:"210881"},{city:"营口市",text:"大石桥市",value:"210882"}],210900:[{city:"阜新市",text:"市辖区",value:"210901"},{city:"阜新市",text:"海州区",value:"210902"},{city:"阜新市",text:"新邱区",value:"210903"},{city:"阜新市",text:"太平区",value:"210904"},{city:"阜新市",text:"清河门区",value:"210905"},{city:"阜新市",text:"细河区",value:"210911"},{city:"阜新市",text:"阜新蒙古族自治县",value:"210921"},{city:"阜新市",text:"彰武县",value:"210922"}],211000:[{city:"辽阳市",text:"市辖区",value:"211001"},{city:"辽阳市",text:"白塔区",value:"211002"},{city:"辽阳市",text:"文圣区",value:"211003"},{city:"辽阳市",text:"宏伟区",value:"211004"},{city:"辽阳市",text:"弓长岭区",value:"211005"},{city:"辽阳市",text:"太子河区",value:"211011"},{city:"辽阳市",text:"辽阳县",value:"211021"},{city:"辽阳市",text:"灯塔市",value:"211081"}],211100:[{city:"盘锦市",text:"市辖区",value:"211101"},{city:"盘锦市",text:"双台子区",value:"211102"},{city:"盘锦市",text:"兴隆台区",value:"211103"},{city:"盘锦市",text:"大洼区",value:"211104"},{city:"盘锦市",text:"盘山县",value:"211122"}],211200:[{city:"铁岭市",text:"市辖区",value:"211201"},{city:"铁岭市",text:"银州区",value:"211202"},{city:"铁岭市",text:"清河区",value:"211204"},{city:"铁岭市",text:"铁岭县",value:"211221"},{city:"铁岭市",text:"西丰县",value:"211223"},{city:"铁岭市",text:"昌图县",value:"211224"},{city:"铁岭市",text:"调兵山市",value:"211281"},{city:"铁岭市",text:"开原市",value:"211282"}],211300:[{city:"朝阳市",text:"市辖区",value:"211301"},{city:"朝阳市",text:"双塔区",value:"211302"},{city:"朝阳市",text:"龙城区",value:"211303"},{city:"朝阳市",text:"朝阳县",value:"211321"},{city:"朝阳市",text:"建平县",value:"211322"},{city:"朝阳市",text:"喀喇沁左翼蒙古族自治县",value:"211324"},{city:"朝阳市",text:"北票市",value:"211381"},{city:"朝阳市",text:"凌源市",value:"211382"}],211400:[{city:"葫芦岛市",text:"市辖区",value:"211401"},{city:"葫芦岛市",text:"连山区",value:"211402"},{city:"葫芦岛市",text:"龙港区",value:"211403"},{city:"葫芦岛市",text:"南票区",value:"211404"},{city:"葫芦岛市",text:"绥中县",value:"211421"},{city:"葫芦岛市",text:"建昌县",value:"211422"},{city:"葫芦岛市",text:"兴城市",value:"211481"}],220100:[{city:"长春市",text:"市辖区",value:"220101"},{city:"长春市",text:"南关区",value:"220102"},{city:"长春市",text:"宽城区",value:"220103"},{city:"长春市",text:"朝阳区",value:"220104"},{city:"长春市",text:"二道区",value:"220105"},{city:"长春市",text:"绿园区",value:"220106"},{city:"长春市",text:"双阳区",value:"220112"},{city:"长春市",text:"九台区",value:"220113"},{city:"长春市",text:"农安县",value:"220122"},{city:"长春市",text:"榆树市",value:"220182"},{city:"长春市",text:"德惠市",value:"220183"}],220200:[{city:"吉林市",text:"市辖区",value:"220201"},{city:"吉林市",text:"昌邑区",value:"220202"},{city:"吉林市",text:"龙潭区",value:"220203"},{city:"吉林市",text:"船营区",value:"220204"},{city:"吉林市",text:"丰满区",value:"220211"},{city:"吉林市",text:"永吉县",value:"220221"},{city:"吉林市",text:"蛟河市",value:"220281"},{city:"吉林市",text:"桦甸市",value:"220282"},{city:"吉林市",text:"舒兰市",value:"220283"},{city:"吉林市",text:"磐石市",value:"220284"}],220300:[{city:"四平市",text:"市辖区",value:"220301"},{city:"四平市",text:"铁西区",value:"220302"},{city:"四平市",text:"铁东区",value:"220303"},{city:"四平市",text:"梨树县",value:"220322"},{city:"四平市",text:"伊通满族自治县",value:"220323"},{city:"四平市",text:"公主岭市",value:"220381"},{city:"四平市",text:"双辽市",value:"220382"}],220400:[{city:"辽源市",text:"市辖区",value:"220401"},{city:"辽源市",text:"龙山区",value:"220402"},{city:"辽源市",text:"西安区",value:"220403"},{city:"辽源市",text:"东丰县",value:"220421"},{city:"辽源市",text:"东辽县",value:"220422"}],220500:[{city:"通化市",text:"市辖区",value:"220501"},{city:"通化市",text:"东昌区",value:"220502"},{city:"通化市",text:"二道江区",value:"220503"},{city:"通化市",text:"通化县",value:"220521"},{city:"通化市",text:"辉南县",value:"220523"},{city:"通化市",text:"柳河县",value:"220524"},{city:"通化市",text:"梅河口市",value:"220581"},{city:"通化市",text:"集安市",value:"220582"}],220600:[{city:"白山市",text:"市辖区",value:"220601"},{city:"白山市",text:"浑江区",value:"220602"},{city:"白山市",text:"江源区",value:"220605"},{city:"白山市",text:"抚松县",value:"220621"},{city:"白山市",text:"靖宇县",value:"220622"},{city:"白山市",text:"长白朝鲜族自治县",value:"220623"},{city:"白山市",text:"临江市",value:"220681"}],220700:[{city:"松原市",text:"市辖区",value:"220701"},{city:"松原市",text:"宁江区",value:"220702"},{city:"松原市",text:"前郭尔罗斯蒙古族自治县",value:"220721"},{city:"松原市",text:"长岭县",value:"220722"},{city:"松原市",text:"乾安县",value:"220723"},{city:"松原市",text:"扶余市",value:"220781"}],220800:[{city:"白城市",text:"市辖区",value:"220801"},{city:"白城市",text:"洮北区",value:"220802"},{city:"白城市",text:"镇赉县",value:"220821"},{city:"白城市",text:"通榆县",value:"220822"},{city:"白城市",text:"洮南市",value:"220881"},{city:"白城市",text:"大安市",value:"220882"}],222400:[{city:"延边朝鲜族自治州",text:"延吉市",value:"222401"},{city:"延边朝鲜族自治州",text:"图们市",value:"222402"},{city:"延边朝鲜族自治州",text:"敦化市",value:"222403"},{city:"延边朝鲜族自治州",text:"珲春市",value:"222404"},{city:"延边朝鲜族自治州",text:"龙井市",value:"222405"},{city:"延边朝鲜族自治州",text:"和龙市",value:"222406"},{city:"延边朝鲜族自治州",text:"汪清县",value:"222424"},{city:"延边朝鲜族自治州",text:"安图县",value:"222426"}],230100:[{city:"哈尔滨市",text:"市辖区",value:"230101"},{city:"哈尔滨市",text:"道里区",value:"230102"},{city:"哈尔滨市",text:"南岗区",value:"230103"},{city:"哈尔滨市",text:"道外区",value:"230104"},{city:"哈尔滨市",text:"平房区",value:"230108"},{city:"哈尔滨市",text:"松北区",value:"230109"},{city:"哈尔滨市",text:"香坊区",value:"230110"},{city:"哈尔滨市",text:"呼兰区",value:"230111"},{city:"哈尔滨市",text:"阿城区",value:"230112"},{city:"哈尔滨市",text:"双城区",value:"230113"},{city:"哈尔滨市",text:"依兰县",value:"230123"},{city:"哈尔滨市",text:"方正县",value:"230124"},{city:"哈尔滨市",text:"宾县",value:"230125"},{city:"哈尔滨市",text:"巴彦县",value:"230126"},{city:"哈尔滨市",text:"木兰县",value:"230127"},{city:"哈尔滨市",text:"通河县",value:"230128"},{city:"哈尔滨市",text:"延寿县",value:"230129"},{city:"哈尔滨市",text:"尚志市",value:"230183"},{city:"哈尔滨市",text:"五常市",value:"230184"}],230200:[{city:"齐齐哈尔市",text:"市辖区",value:"230201"},{city:"齐齐哈尔市",text:"龙沙区",value:"230202"},{city:"齐齐哈尔市",text:"建华区",value:"230203"},{city:"齐齐哈尔市",text:"铁锋区",value:"230204"},{city:"齐齐哈尔市",text:"昂昂溪区",value:"230205"},{city:"齐齐哈尔市",text:"富拉尔基区",value:"230206"},{city:"齐齐哈尔市",text:"碾子山区",value:"230207"},{city:"齐齐哈尔市",text:"梅里斯达斡尔族区",value:"230208"},{city:"齐齐哈尔市",text:"龙江县",value:"230221"},{city:"齐齐哈尔市",text:"依安县",value:"230223"},{city:"齐齐哈尔市",text:"泰来县",value:"230224"},{city:"齐齐哈尔市",text:"甘南县",value:"230225"},{city:"齐齐哈尔市",text:"富裕县",value:"230227"},{city:"齐齐哈尔市",text:"克山县",value:"230229"},{city:"齐齐哈尔市",text:"克东县",value:"230230"},{city:"齐齐哈尔市",text:"拜泉县",value:"230231"},{city:"齐齐哈尔市",text:"讷河市",value:"230281"}],230300:[{city:"鸡西市",text:"市辖区",value:"230301"},{city:"鸡西市",text:"鸡冠区",value:"230302"},{city:"鸡西市",text:"恒山区",value:"230303"},{city:"鸡西市",text:"滴道区",value:"230304"},{city:"鸡西市",text:"梨树区",value:"230305"},{city:"鸡西市",text:"城子河区",value:"230306"},{city:"鸡西市",text:"麻山区",value:"230307"},{city:"鸡西市",text:"鸡东县",value:"230321"},{city:"鸡西市",text:"虎林市",value:"230381"},{city:"鸡西市",text:"密山市",value:"230382"}],230400:[{city:"鹤岗市",text:"市辖区",value:"230401"},{city:"鹤岗市",text:"向阳区",value:"230402"},{city:"鹤岗市",text:"工农区",value:"230403"},{city:"鹤岗市",text:"南山区",value:"230404"},{city:"鹤岗市",text:"兴安区",value:"230405"},{city:"鹤岗市",text:"东山区",value:"230406"},{city:"鹤岗市",text:"兴山区",value:"230407"},{city:"鹤岗市",text:"萝北县",value:"230421"},{city:"鹤岗市",text:"绥滨县",value:"230422"}],230500:[{city:"双鸭山市",text:"市辖区",value:"230501"},{city:"双鸭山市",text:"尖山区",value:"230502"},{city:"双鸭山市",text:"岭东区",value:"230503"},{city:"双鸭山市",text:"四方台区",value:"230505"},{city:"双鸭山市",text:"宝山区",value:"230506"},{city:"双鸭山市",text:"集贤县",value:"230521"},{city:"双鸭山市",text:"友谊县",value:"230522"},{city:"双鸭山市",text:"宝清县",value:"230523"},{city:"双鸭山市",text:"饶河县",value:"230524"}],230600:[{city:"大庆市",text:"市辖区",value:"230601"},{city:"大庆市",text:"萨尔图区",value:"230602"},{city:"大庆市",text:"龙凤区",value:"230603"},{city:"大庆市",text:"让胡路区",value:"230604"},{city:"大庆市",text:"红岗区",value:"230605"},{city:"大庆市",text:"大同区",value:"230606"},{city:"大庆市",text:"肇州县",value:"230621"},{city:"大庆市",text:"肇源县",value:"230622"},{city:"大庆市",text:"林甸县",value:"230623"},{city:"大庆市",text:"杜尔伯特蒙古族自治县",value:"230624"}],230700:[{city:"伊春市",text:"市辖区",value:"230701"},{city:"伊春市",text:"伊春区",value:"230702"},{city:"伊春市",text:"南岔区",value:"230703"},{city:"伊春市",text:"友好区",value:"230704"},{city:"伊春市",text:"西林区",value:"230705"},{city:"伊春市",text:"翠峦区",value:"230706"},{city:"伊春市",text:"新青区",value:"230707"},{city:"伊春市",text:"美溪区",value:"230708"},{city:"伊春市",text:"金山屯区",value:"230709"},{city:"伊春市",text:"五营区",value:"230710"},{city:"伊春市",text:"乌马河区",value:"230711"},{city:"伊春市",text:"汤旺河区",value:"230712"},{city:"伊春市",text:"带岭区",value:"230713"},{city:"伊春市",text:"乌伊岭区",value:"230714"},{city:"伊春市",text:"红星区",value:"230715"},{city:"伊春市",text:"上甘岭区",value:"230716"},{city:"伊春市",text:"嘉荫县",value:"230722"},{city:"伊春市",text:"铁力市",value:"230781"}],230800:[{city:"佳木斯市",text:"市辖区",value:"230801"},{city:"佳木斯市",text:"向阳区",value:"230803"},{city:"佳木斯市",text:"前进区",value:"230804"},{city:"佳木斯市",text:"东风区",value:"230805"},{city:"佳木斯市",text:"郊区",value:"230811"},{city:"佳木斯市",text:"桦南县",value:"230822"},{city:"佳木斯市",text:"桦川县",value:"230826"},{city:"佳木斯市",text:"汤原县",value:"230828"},{city:"佳木斯市",text:"同江市",value:"230881"},{city:"佳木斯市",text:"富锦市",value:"230882"},{city:"佳木斯市",text:"抚远市",value:"230883"}],230900:[{city:"七台河市",text:"市辖区",value:"230901"},{city:"七台河市",text:"新兴区",value:"230902"},{city:"七台河市",text:"桃山区",value:"230903"},{city:"七台河市",text:"茄子河区",value:"230904"},{city:"七台河市",text:"勃利县",value:"230921"}],231000:[{city:"牡丹江市",text:"市辖区",value:"231001"},{city:"牡丹江市",text:"东安区",value:"231002"},{city:"牡丹江市",text:"阳明区",value:"231003"},{city:"牡丹江市",text:"爱民区",value:"231004"},{city:"牡丹江市",text:"西安区",value:"231005"},{city:"牡丹江市",text:"林口县",value:"231025"},{city:"牡丹江市",text:"绥芬河市",value:"231081"},{city:"牡丹江市",text:"海林市",value:"231083"},{city:"牡丹江市",text:"宁安市",value:"231084"},{city:"牡丹江市",text:"穆棱市",value:"231085"},{city:"牡丹江市",text:"东宁市",value:"231086"}],231100:[{city:"黑河市",text:"市辖区",value:"231101"},{city:"黑河市",text:"爱辉区",value:"231102"},{city:"黑河市",text:"嫩江县",value:"231121"},{city:"黑河市",text:"逊克县",value:"231123"},{city:"黑河市",text:"孙吴县",value:"231124"},{city:"黑河市",text:"北安市",value:"231181"},{city:"黑河市",text:"五大连池市",value:"231182"}],231200:[{city:"绥化市",text:"市辖区",value:"231201"},{city:"绥化市",text:"北林区",value:"231202"},{city:"绥化市",text:"望奎县",value:"231221"},{city:"绥化市",text:"兰西县",value:"231222"},{city:"绥化市",text:"青冈县",value:"231223"},{city:"绥化市",text:"庆安县",value:"231224"},{city:"绥化市",text:"明水县",value:"231225"},{city:"绥化市",text:"绥棱县",value:"231226"},{city:"绥化市",text:"安达市",value:"231281"},{city:"绥化市",text:"肇东市",value:"231282"},{city:"绥化市",text:"海伦市",value:"231283"}],232700:[{city:"大兴安岭地区",text:"呼玛县",value:"232721"},{city:"大兴安岭地区",text:"塔河县",value:"232722"},{city:"大兴安岭地区",text:"漠河县",value:"232723"}],310100:[{city:"市辖区",text:"黄浦区",value:"310101"},{city:"市辖区",text:"徐汇区",value:"310104"},{city:"市辖区",text:"长宁区",value:"310105"},{city:"市辖区",text:"静安区",value:"310106"},{city:"市辖区",text:"普陀区",value:"310107"},{city:"市辖区",text:"虹口区",value:"310109"},{city:"市辖区",text:"杨浦区",value:"310110"},{city:"市辖区",text:"闵行区",value:"310112"},{city:"市辖区",text:"宝山区",value:"310113"},{city:"市辖区",text:"嘉定区",value:"310114"},{city:"市辖区",text:"浦东新区",value:"310115"},{city:"市辖区",text:"金山区",value:"310116"},{city:"市辖区",text:"松江区",value:"310117"},{city:"市辖区",text:"青浦区",value:"310118"},{city:"市辖区",text:"奉贤区",value:"310120"},{city:"市辖区",text:"崇明区",value:"310151"}],320100:[{city:"南京市",text:"市辖区",value:"320101"},{city:"南京市",text:"玄武区",value:"320102"},{city:"南京市",text:"秦淮区",value:"320104"},{city:"南京市",text:"建邺区",value:"320105"},{city:"南京市",text:"鼓楼区",value:"320106"},{city:"南京市",text:"浦口区",value:"320111"},{city:"南京市",text:"栖霞区",value:"320113"},{city:"南京市",text:"雨花台区",value:"320114"},{city:"南京市",text:"江宁区",value:"320115"},{city:"南京市",text:"六合区",value:"320116"},{city:"南京市",text:"溧水区",value:"320117"},{city:"南京市",text:"高淳区",value:"320118"}],320200:[{city:"无锡市",text:"市辖区",value:"320201"},{city:"无锡市",text:"锡山区",value:"320205"},{city:"无锡市",text:"惠山区",value:"320206"},{city:"无锡市",text:"滨湖区",value:"320211"},{city:"无锡市",text:"梁溪区",value:"320213"},{city:"无锡市",text:"新吴区",value:"320214"},{city:"无锡市",text:"江阴市",value:"320281"},{city:"无锡市",text:"宜兴市",value:"320282"}],320300:[{city:"徐州市",text:"市辖区",value:"320301"},{city:"徐州市",text:"鼓楼区",value:"320302"},{city:"徐州市",text:"云龙区",value:"320303"},{city:"徐州市",text:"贾汪区",value:"320305"},{city:"徐州市",text:"泉山区",value:"320311"},{city:"徐州市",text:"铜山区",value:"320312"},{city:"徐州市",text:"丰县",value:"320321"},{city:"徐州市",text:"沛县",value:"320322"},{city:"徐州市",text:"睢宁县",value:"320324"},{city:"徐州市",text:"新沂市",value:"320381"},{city:"徐州市",text:"邳州市",value:"320382"}],320400:[{city:"常州市",text:"市辖区",value:"320401"},{city:"常州市",text:"天宁区",value:"320402"},{city:"常州市",text:"钟楼区",value:"320404"},{city:"常州市",text:"新北区",value:"320411"},{city:"常州市",text:"武进区",value:"320412"},{city:"常州市",text:"金坛区",value:"320413"},{city:"常州市",text:"溧阳市",value:"320481"}],320500:[{city:"苏州市",text:"市辖区",value:"320501"},{city:"苏州市",text:"虎丘区",value:"320505"},{city:"苏州市",text:"吴中区",value:"320506"},{city:"苏州市",text:"相城区",value:"320507"},{city:"苏州市",text:"姑苏区",value:"320508"},{city:"苏州市",text:"吴江区",value:"320509"},{city:"苏州市",text:"常熟市",value:"320581"},{city:"苏州市",text:"张家港市",value:"320582"},{city:"苏州市",text:"昆山市",value:"320583"},{city:"苏州市",text:"太仓市",value:"320585"}],320600:[{city:"南通市",text:"市辖区",value:"320601"},{city:"南通市",text:"崇川区",value:"320602"},{city:"南通市",text:"港闸区",value:"320611"},{city:"南通市",text:"通州区",value:"320612"},{city:"南通市",text:"海安县",value:"320621"},{city:"南通市",text:"如东县",value:"320623"},{city:"南通市",text:"启东市",value:"320681"},{city:"南通市",text:"如皋市",value:"320682"},{city:"南通市",text:"海门市",value:"320684"}],320700:[{city:"连云港市",text:"市辖区",value:"320701"},{city:"连云港市",text:"连云区",value:"320703"},{city:"连云港市",text:"海州区",value:"320706"},{city:"连云港市",text:"赣榆区",value:"320707"},{city:"连云港市",text:"东海县",value:"320722"},{city:"连云港市",text:"灌云县",value:"320723"},{city:"连云港市",text:"灌南县",value:"320724"}],320800:[{city:"淮安市",text:"市辖区",value:"320801"},{city:"淮安市",text:"淮安区",value:"320803"},{city:"淮安市",text:"淮阴区",value:"320804"},{city:"淮安市",text:"清江浦区",value:"320812"},{city:"淮安市",text:"洪泽区",value:"320813"},{city:"淮安市",text:"涟水县",value:"320826"},{city:"淮安市",text:"盱眙县",value:"320830"},{city:"淮安市",text:"金湖县",value:"320831"}],320900:[{city:"盐城市",text:"市辖区",value:"320901"},{city:"盐城市",text:"亭湖区",value:"320902"},{city:"盐城市",text:"盐都区",value:"320903"},{city:"盐城市",text:"大丰区",value:"320904"},{city:"盐城市",text:"响水县",value:"320921"},{city:"盐城市",text:"滨海县",value:"320922"},{city:"盐城市",text:"阜宁县",value:"320923"},{city:"盐城市",text:"射阳县",value:"320924"},{city:"盐城市",text:"建湖县",value:"320925"},{city:"盐城市",text:"东台市",value:"320981"}],321000:[{city:"扬州市",text:"市辖区",value:"321001"},{city:"扬州市",text:"广陵区",value:"321002"},{city:"扬州市",text:"邗江区",value:"321003"},{city:"扬州市",text:"江都区",value:"321012"},{city:"扬州市",text:"宝应县",value:"321023"},{city:"扬州市",text:"仪征市",value:"321081"},{city:"扬州市",text:"高邮市",value:"321084"}],321100:[{city:"镇江市",text:"市辖区",value:"321101"},{city:"镇江市",text:"京口区",value:"321102"},{city:"镇江市",text:"润州区",value:"321111"},{city:"镇江市",text:"丹徒区",value:"321112"},{city:"镇江市",text:"丹阳市",value:"321181"},{city:"镇江市",text:"扬中市",value:"321182"},{city:"镇江市",text:"句容市",value:"321183"}],321200:[{city:"泰州市",text:"市辖区",value:"321201"},{city:"泰州市",text:"海陵区",value:"321202"},{city:"泰州市",text:"高港区",value:"321203"},{city:"泰州市",text:"姜堰区",value:"321204"},{city:"泰州市",text:"兴化市",value:"321281"},{city:"泰州市",text:"靖江市",value:"321282"},{city:"泰州市",text:"泰兴市",value:"321283"}],321300:[{city:"宿迁市",text:"市辖区",value:"321301"},{city:"宿迁市",text:"宿城区",value:"321302"},{city:"宿迁市",text:"宿豫区",value:"321311"},{city:"宿迁市",text:"沭阳县",value:"321322"},{city:"宿迁市",text:"泗阳县",value:"321323"},{city:"宿迁市",text:"泗洪县",value:"321324"}],330100:[{city:"杭州市",text:"市辖区",value:"330101"},{city:"杭州市",text:"上城区",value:"330102"},{city:"杭州市",text:"下城区",value:"330103"},{city:"杭州市",text:"江干区",value:"330104"},{city:"杭州市",text:"拱墅区",value:"330105"},{city:"杭州市",text:"西湖区",value:"330106"},{city:"杭州市",text:"滨江区",value:"330108"},{city:"杭州市",text:"萧山区",value:"330109"},{city:"杭州市",text:"余杭区",value:"330110"},{city:"杭州市",text:"富阳区",value:"330111"},{city:"杭州市",text:"桐庐县",value:"330122"},{city:"杭州市",text:"淳安县",value:"330127"},{city:"杭州市",text:"建德市",value:"330182"},{city:"杭州市",text:"临安市",value:"330185"}],330200:[{city:"宁波市",text:"市辖区",value:"330201"},{city:"宁波市",text:"海曙区",value:"330203"},{city:"宁波市",text:"江东区",value:"330204"},{city:"宁波市",text:"江北区",value:"330205"},{city:"宁波市",text:"北仑区",value:"330206"},{city:"宁波市",text:"镇海区",value:"330211"},{city:"宁波市",text:"鄞州区",value:"330212"},{city:"宁波市",text:"象山县",value:"330225"},{city:"宁波市",text:"宁海县",value:"330226"},{city:"宁波市",text:"余姚市",value:"330281"},{city:"宁波市",text:"慈溪市",value:"330282"},{city:"宁波市",text:"奉化市",value:"330283"}],330300:[{city:"温州市",text:"市辖区",value:"330301"},{city:"温州市",text:"鹿城区",value:"330302"},{city:"温州市",text:"龙湾区",value:"330303"},{city:"温州市",text:"瓯海区",value:"330304"},{city:"温州市",text:"洞头区",value:"330305"},{city:"温州市",text:"永嘉县",value:"330324"},{city:"温州市",text:"平阳县",value:"330326"},{city:"温州市",text:"苍南县",value:"330327"},{city:"温州市",text:"文成县",value:"330328"},{city:"温州市",text:"泰顺县",value:"330329"},{city:"温州市",text:"瑞安市",value:"330381"},{city:"温州市",text:"乐清市",value:"330382"}],330400:[{city:"嘉兴市",text:"市辖区",value:"330401"},{city:"嘉兴市",text:"南湖区",value:"330402"},{city:"嘉兴市",text:"秀洲区",value:"330411"},{city:"嘉兴市",text:"嘉善县",value:"330421"},{city:"嘉兴市",text:"海盐县",value:"330424"},{city:"嘉兴市",text:"海宁市",value:"330481"},{city:"嘉兴市",text:"平湖市",value:"330482"},{city:"嘉兴市",text:"桐乡市",value:"330483"}],330500:[{city:"湖州市",text:"市辖区",value:"330501"},{city:"湖州市",text:"吴兴区",value:"330502"},{city:"湖州市",text:"南浔区",value:"330503"},{city:"湖州市",text:"德清县",value:"330521"},{city:"湖州市",text:"长兴县",value:"330522"},{city:"湖州市",text:"安吉县",value:"330523"}],330600:[{city:"绍兴市",text:"市辖区",value:"330601"},{city:"绍兴市",text:"越城区",value:"330602"},{city:"绍兴市",text:"柯桥区",value:"330603"},{city:"绍兴市",text:"上虞区",value:"330604"},{city:"绍兴市",text:"新昌县",value:"330624"},{city:"绍兴市",text:"诸暨市",value:"330681"},{city:"绍兴市",text:"嵊州市",value:"330683"}],330700:[{city:"金华市",text:"市辖区",value:"330701"},{city:"金华市",text:"婺城区",value:"330702"},{city:"金华市",text:"金东区",value:"330703"},{city:"金华市",text:"武义县",value:"330723"},{city:"金华市",text:"浦江县",value:"330726"},{city:"金华市",text:"磐安县",value:"330727"},{city:"金华市",text:"兰溪市",value:"330781"},{city:"金华市",text:"义乌市",value:"330782"},{city:"金华市",text:"东阳市",value:"330783"},{city:"金华市",text:"永康市",value:"330784"}],330800:[{city:"衢州市",text:"市辖区",value:"330801"},{city:"衢州市",text:"柯城区",value:"330802"},{city:"衢州市",text:"衢江区",value:"330803"},{city:"衢州市",text:"常山县",value:"330822"},{city:"衢州市",text:"开化县",value:"330824"},{city:"衢州市",text:"龙游县",value:"330825"},{city:"衢州市",text:"江山市",value:"330881"}],330900:[{city:"舟山市",text:"市辖区",value:"330901"},{city:"舟山市",text:"定海区",value:"330902"},{city:"舟山市",text:"普陀区",value:"330903"},{city:"舟山市",text:"岱山县",value:"330921"},{city:"舟山市",text:"嵊泗县",value:"330922"}],331000:[{city:"台州市",text:"市辖区",value:"331001"},{city:"台州市",text:"椒江区",value:"331002"},{city:"台州市",text:"黄岩区",value:"331003"},{city:"台州市",text:"路桥区",value:"331004"},{city:"台州市",text:"玉环县",value:"331021"},{city:"台州市",text:"三门县",value:"331022"},{city:"台州市",text:"天台县",value:"331023"},{city:"台州市",text:"仙居县",value:"331024"},{city:"台州市",text:"温岭市",value:"331081"},{city:"台州市",text:"临海市",value:"331082"}],331100:[{city:"丽水市",text:"市辖区",value:"331101"},{city:"丽水市",text:"莲都区",value:"331102"},{city:"丽水市",text:"青田县",value:"331121"},{city:"丽水市",text:"缙云县",value:"331122"},{city:"丽水市",text:"遂昌县",value:"331123"},{city:"丽水市",text:"松阳县",value:"331124"},{city:"丽水市",text:"云和县",value:"331125"},{city:"丽水市",text:"庆元县",value:"331126"},{city:"丽水市",text:"景宁畲族自治县",value:"331127"},{city:"丽水市",text:"龙泉市",value:"331181"}],340100:[{city:"合肥市",text:"市辖区",value:"340101"},{city:"合肥市",text:"瑶海区",value:"340102"},{city:"合肥市",text:"庐阳区",value:"340103"},{city:"合肥市",text:"蜀山区",value:"340104"},{city:"合肥市",text:"包河区",value:"340111"},{city:"合肥市",text:"长丰县",value:"340121"},{city:"合肥市",text:"肥东县",value:"340122"},{city:"合肥市",text:"肥西县",value:"340123"},{city:"合肥市",text:"庐江县",value:"340124"},{city:"合肥市",text:"巢湖市",value:"340181"}],340200:[{city:"芜湖市",text:"市辖区",value:"340201"},{city:"芜湖市",text:"镜湖区",value:"340202"},{city:"芜湖市",text:"弋江区",value:"340203"},{city:"芜湖市",text:"鸠江区",value:"340207"},{city:"芜湖市",text:"三山区",value:"340208"},{city:"芜湖市",text:"芜湖县",value:"340221"},{city:"芜湖市",text:"繁昌县",value:"340222"},{city:"芜湖市",text:"南陵县",value:"340223"},{city:"芜湖市",text:"无为县",value:"340225"}],340300:[{city:"蚌埠市",text:"市辖区",value:"340301"},{city:"蚌埠市",text:"龙子湖区",value:"340302"},{city:"蚌埠市",text:"蚌山区",value:"340303"},{city:"蚌埠市",text:"禹会区",value:"340304"},{city:"蚌埠市",text:"淮上区",value:"340311"},{city:"蚌埠市",text:"怀远县",value:"340321"},{city:"蚌埠市",text:"五河县",value:"340322"},{city:"蚌埠市",text:"固镇县",value:"340323"}],340400:[{city:"淮南市",text:"市辖区",value:"340401"},{city:"淮南市",text:"大通区",value:"340402"},{city:"淮南市",text:"田家庵区",value:"340403"},{city:"淮南市",text:"谢家集区",value:"340404"},{city:"淮南市",text:"八公山区",value:"340405"},{city:"淮南市",text:"潘集区",value:"340406"},{city:"淮南市",text:"凤台县",value:"340421"},{city:"淮南市",text:"寿县",value:"340422"}],340500:[{city:"马鞍山市",text:"市辖区",value:"340501"},{city:"马鞍山市",text:"花山区",value:"340503"},{city:"马鞍山市",text:"雨山区",value:"340504"},{city:"马鞍山市",text:"博望区",value:"340506"},{city:"马鞍山市",text:"当涂县",value:"340521"},{city:"马鞍山市",text:"含山县",value:"340522"},{city:"马鞍山市",text:"和县",value:"340523"}],340600:[{city:"淮北市",text:"市辖区",value:"340601"},{city:"淮北市",text:"杜集区",value:"340602"},{city:"淮北市",text:"相山区",value:"340603"},{city:"淮北市",text:"烈山区",value:"340604"},{city:"淮北市",text:"濉溪县",value:"340621"}],340700:[{city:"铜陵市",text:"市辖区",value:"340701"},{city:"铜陵市",text:"铜官区",value:"340705"},{city:"铜陵市",text:"义安区",value:"340706"},{city:"铜陵市",text:"郊区",value:"340711"},{city:"铜陵市",text:"枞阳县",value:"340722"}],340800:[{city:"安庆市",text:"市辖区",value:"340801"},{city:"安庆市",text:"迎江区",value:"340802"},{city:"安庆市",text:"大观区",value:"340803"},{city:"安庆市",text:"宜秀区",value:"340811"},{city:"安庆市",text:"怀宁县",value:"340822"},{city:"安庆市",text:"潜山县",value:"340824"},{city:"安庆市",text:"太湖县",value:"340825"},{city:"安庆市",text:"宿松县",value:"340826"},{city:"安庆市",text:"望江县",value:"340827"},{city:"安庆市",text:"岳西县",value:"340828"},{city:"安庆市",text:"桐城市",value:"340881"}],341000:[{city:"黄山市",text:"市辖区",value:"341001"},{city:"黄山市",text:"屯溪区",value:"341002"},{city:"黄山市",text:"黄山区",value:"341003"},{city:"黄山市",text:"徽州区",value:"341004"},{city:"黄山市",text:"歙县",value:"341021"},{city:"黄山市",text:"休宁县",value:"341022"},{city:"黄山市",text:"黟县",value:"341023"},{city:"黄山市",text:"祁门县",value:"341024"}],341100:[{city:"滁州市",text:"市辖区",value:"341101"},{city:"滁州市",text:"琅琊区",value:"341102"},{city:"滁州市",text:"南谯区",value:"341103"},{city:"滁州市",text:"来安县",value:"341122"},{city:"滁州市",text:"全椒县",value:"341124"},{city:"滁州市",text:"定远县",value:"341125"},{city:"滁州市",text:"凤阳县",value:"341126"},{city:"滁州市",text:"天长市",value:"341181"},{city:"滁州市",text:"明光市",value:"341182"}],341200:[{city:"阜阳市",text:"市辖区",value:"341201"},{city:"阜阳市",text:"颍州区",value:"341202"},{city:"阜阳市",text:"颍东区",value:"341203"},{city:"阜阳市",text:"颍泉区",value:"341204"},{city:"阜阳市",text:"临泉县",value:"341221"},{city:"阜阳市",text:"太和县",value:"341222"},{city:"阜阳市",text:"阜南县",value:"341225"},{city:"阜阳市",text:"颍上县",value:"341226"},{city:"阜阳市",text:"界首市",value:"341282"}],341300:[{city:"宿州市",text:"市辖区",value:"341301"},{city:"宿州市",text:"埇桥区",value:"341302"},{city:"宿州市",text:"砀山县",value:"341321"},{city:"宿州市",text:"萧县",value:"341322"},{city:"宿州市",text:"灵璧县",value:"341323"},{city:"宿州市",text:"泗县",value:"341324"}],341500:[{city:"六安市",text:"市辖区",value:"341501"},{city:"六安市",text:"金安区",value:"341502"},{city:"六安市",text:"裕安区",value:"341503"},{city:"六安市",text:"叶集区",value:"341504"},{city:"六安市",text:"霍邱县",value:"341522"},{city:"六安市",text:"舒城县",value:"341523"},{city:"六安市",text:"金寨县",value:"341524"},{city:"六安市",text:"霍山县",value:"341525"}],341600:[{city:"亳州市",text:"市辖区",value:"341601"},{city:"亳州市",text:"谯城区",value:"341602"},{city:"亳州市",text:"涡阳县",value:"341621"},{city:"亳州市",text:"蒙城县",value:"341622"},{city:"亳州市",text:"利辛县",value:"341623"}],341700:[{city:"池州市",text:"市辖区",value:"341701"},{city:"池州市",text:"贵池区",value:"341702"},{city:"池州市",text:"东至县",value:"341721"},{city:"池州市",text:"石台县",value:"341722"},{city:"池州市",text:"青阳县",value:"341723"}],341800:[{city:"宣城市",text:"市辖区",value:"341801"},{city:"宣城市",text:"宣州区",value:"341802"},{city:"宣城市",text:"郎溪县",value:"341821"},{city:"宣城市",text:"广德县",value:"341822"},{city:"宣城市",text:"泾县",value:"341823"},{city:"宣城市",text:"绩溪县",value:"341824"},{city:"宣城市",text:"旌德县",value:"341825"},{city:"宣城市",text:"宁国市",value:"341881"}],350100:[{city:"福州市",text:"市辖区",value:"350101"},{city:"福州市",text:"鼓楼区",value:"350102"},{city:"福州市",text:"台江区",value:"350103"},{city:"福州市",text:"仓山区",value:"350104"},{city:"福州市",text:"马尾区",value:"350105"},{city:"福州市",text:"晋安区",value:"350111"},{city:"福州市",text:"闽侯县",value:"350121"},{city:"福州市",text:"连江县",value:"350122"},{city:"福州市",text:"罗源县",value:"350123"},{city:"福州市",text:"闽清县",value:"350124"},{city:"福州市",text:"永泰县",value:"350125"},{city:"福州市",text:"平潭县",value:"350128"},{city:"福州市",text:"福清市",value:"350181"},{city:"福州市",text:"长乐市",value:"350182"}],350200:[{city:"厦门市",text:"市辖区",value:"350201"},{city:"厦门市",text:"思明区",value:"350203"},{city:"厦门市",text:"海沧区",value:"350205"},{city:"厦门市",text:"湖里区",value:"350206"},{city:"厦门市",text:"集美区",value:"350211"},{city:"厦门市",text:"同安区",value:"350212"},{city:"厦门市",text:"翔安区",value:"350213"}],350300:[{city:"莆田市",text:"市辖区",value:"350301"},{city:"莆田市",text:"城厢区",value:"350302"},{city:"莆田市",text:"涵江区",value:"350303"},{city:"莆田市",text:"荔城区",value:"350304"},{city:"莆田市",text:"秀屿区",value:"350305"},{city:"莆田市",text:"仙游县",value:"350322"}],350400:[{city:"三明市",text:"市辖区",value:"350401"},{city:"三明市",text:"梅列区",value:"350402"},{city:"三明市",text:"三元区",value:"350403"},{city:"三明市",text:"明溪县",value:"350421"},{city:"三明市",text:"清流县",value:"350423"},{city:"三明市",text:"宁化县",value:"350424"},{city:"三明市",text:"大田县",value:"350425"},{city:"三明市",text:"尤溪县",value:"350426"},{city:"三明市",text:"沙县",value:"350427"},{city:"三明市",text:"将乐县",value:"350428"},{city:"三明市",text:"泰宁县",value:"350429"},{city:"三明市",text:"建宁县",value:"350430"},{city:"三明市",text:"永安市",value:"350481"}],350500:[{city:"泉州市",text:"市辖区",value:"350501"},{city:"泉州市",text:"鲤城区",value:"350502"},{city:"泉州市",text:"丰泽区",value:"350503"},{city:"泉州市",text:"洛江区",value:"350504"},{city:"泉州市",text:"泉港区",value:"350505"},{city:"泉州市",text:"惠安县",value:"350521"},{city:"泉州市",text:"安溪县",value:"350524"},{city:"泉州市",text:"永春县",value:"350525"},{city:"泉州市",text:"德化县",value:"350526"},{city:"泉州市",text:"金门县",value:"350527"},{city:"泉州市",text:"石狮市",value:"350581"},{city:"泉州市",text:"晋江市",value:"350582"},{city:"泉州市",text:"南安市",value:"350583"}],350600:[{city:"漳州市",text:"市辖区",value:"350601"},{city:"漳州市",text:"芗城区",value:"350602"},{city:"漳州市",text:"龙文区",value:"350603"},{city:"漳州市",text:"云霄县",value:"350622"},{city:"漳州市",text:"漳浦县",value:"350623"},{city:"漳州市",text:"诏安县",value:"350624"},{city:"漳州市",text:"长泰县",value:"350625"},{city:"漳州市",text:"东山县",value:"350626"},{city:"漳州市",text:"南靖县",value:"350627"},{city:"漳州市",text:"平和县",value:"350628"},{city:"漳州市",text:"华安县",value:"350629"},{city:"漳州市",text:"龙海市",value:"350681"}],350700:[{city:"南平市",text:"市辖区",value:"350701"},{city:"南平市",text:"延平区",value:"350702"},{city:"南平市",text:"建阳区",value:"350703"},{city:"南平市",text:"顺昌县",value:"350721"},{city:"南平市",text:"浦城县",value:"350722"},{city:"南平市",text:"光泽县",value:"350723"},{city:"南平市",text:"松溪县",value:"350724"},{city:"南平市",text:"政和县",value:"350725"},{city:"南平市",text:"邵武市",value:"350781"},{city:"南平市",text:"武夷山市",value:"350782"},{city:"南平市",text:"建瓯市",value:"350783"}],350800:[{city:"龙岩市",text:"市辖区",value:"350801"},{city:"龙岩市",text:"新罗区",value:"350802"},{city:"龙岩市",text:"永定区",value:"350803"},{city:"龙岩市",text:"长汀县",value:"350821"},{city:"龙岩市",text:"上杭县",value:"350823"},{city:"龙岩市",text:"武平县",value:"350824"},{city:"龙岩市",text:"连城县",value:"350825"},{city:"龙岩市",text:"漳平市",value:"350881"}],350900:[{city:"宁德市",text:"市辖区",value:"350901"},{city:"宁德市",text:"蕉城区",value:"350902"},{city:"宁德市",text:"霞浦县",value:"350921"},{city:"宁德市",text:"古田县",value:"350922"},{city:"宁德市",text:"屏南县",value:"350923"},{city:"宁德市",text:"寿宁县",value:"350924"},{city:"宁德市",text:"周宁县",value:"350925"},{city:"宁德市",text:"柘荣县",value:"350926"},{city:"宁德市",text:"福安市",value:"350981"},{city:"宁德市",text:"福鼎市",value:"350982"}],360100:[{city:"南昌市",text:"市辖区",value:"360101"},{city:"南昌市",text:"东湖区",value:"360102"},{city:"南昌市",text:"西湖区",value:"360103"},{city:"南昌市",text:"青云谱区",value:"360104"},{city:"南昌市",text:"湾里区",value:"360105"},{city:"南昌市",text:"青山湖区",value:"360111"},{city:"南昌市",text:"新建区",value:"360112"},{city:"南昌市",text:"南昌县",value:"360121"},{city:"南昌市",text:"安义县",value:"360123"},{city:"南昌市",text:"进贤县",value:"360124"}],360200:[{city:"景德镇市",text:"市辖区",value:"360201"},{city:"景德镇市",text:"昌江区",value:"360202"},{city:"景德镇市",text:"珠山区",value:"360203"},{city:"景德镇市",text:"浮梁县",value:"360222"},{city:"景德镇市",text:"乐平市",value:"360281"}],360300:[{city:"萍乡市",text:"市辖区",value:"360301"},{city:"萍乡市",text:"安源区",value:"360302"},{city:"萍乡市",text:"湘东区",value:"360313"},{city:"萍乡市",text:"莲花县",value:"360321"},{city:"萍乡市",text:"上栗县",value:"360322"},{city:"萍乡市",text:"芦溪县",value:"360323"}],360400:[{city:"九江市",text:"市辖区",value:"360401"},{city:"九江市",text:"濂溪区",value:"360402"},{city:"九江市",text:"浔阳区",value:"360403"},{city:"九江市",text:"九江县",value:"360421"},{city:"九江市",text:"武宁县",value:"360423"},{city:"九江市",text:"修水县",value:"360424"},{city:"九江市",text:"永修县",value:"360425"},{city:"九江市",text:"德安县",value:"360426"},{city:"九江市",text:"都昌县",value:"360428"},{city:"九江市",text:"湖口县",value:"360429"},{city:"九江市",text:"彭泽县",value:"360430"},{city:"九江市",text:"瑞昌市",value:"360481"},{city:"九江市",text:"共青城市",value:"360482"},{city:"九江市",text:"庐山市",value:"360483"}],360500:[{city:"新余市",text:"市辖区",value:"360501"},{city:"新余市",text:"渝水区",value:"360502"},{city:"新余市",text:"分宜县",value:"360521"}],360600:[{city:"鹰潭市",text:"市辖区",value:"360601"},{city:"鹰潭市",text:"月湖区",value:"360602"},{city:"鹰潭市",text:"余江县",value:"360622"},{city:"鹰潭市",text:"贵溪市",value:"360681"}],360700:[{city:"赣州市",text:"市辖区",value:"360701"},{city:"赣州市",text:"章贡区",value:"360702"},{city:"赣州市",text:"南康区",value:"360703"},{city:"赣州市",text:"赣县",value:"360721"},{city:"赣州市",text:"信丰县",value:"360722"},{city:"赣州市",text:"大余县",value:"360723"},{city:"赣州市",text:"上犹县",value:"360724"},{city:"赣州市",text:"崇义县",value:"360725"},{city:"赣州市",text:"安远县",value:"360726"},{city:"赣州市",text:"龙南县",value:"360727"},{city:"赣州市",text:"定南县",value:"360728"},{city:"赣州市",text:"全南县",value:"360729"},{city:"赣州市",text:"宁都县",value:"360730"},{city:"赣州市",text:"于都县",value:"360731"},{city:"赣州市",text:"兴国县",value:"360732"},{city:"赣州市",text:"会昌县",value:"360733"},{city:"赣州市",text:"寻乌县",value:"360734"},{city:"赣州市",text:"石城县",value:"360735"},{city:"赣州市",text:"瑞金市",value:"360781"}],360800:[{city:"吉安市",text:"市辖区",value:"360801"},{city:"吉安市",text:"吉州区",value:"360802"},{city:"吉安市",text:"青原区",value:"360803"},{city:"吉安市",text:"吉安县",value:"360821"},{city:"吉安市",text:"吉水县",value:"360822"},{city:"吉安市",text:"峡江县",value:"360823"},{city:"吉安市",text:"新干县",value:"360824"},{city:"吉安市",text:"永丰县",value:"360825"},{city:"吉安市",text:"泰和县",value:"360826"},{city:"吉安市",text:"遂川县",value:"360827"},{city:"吉安市",text:"万安县",value:"360828"},{city:"吉安市",text:"安福县",value:"360829"},{city:"吉安市",text:"永新县",value:"360830"},{city:"吉安市",text:"井冈山市",value:"360881"}],360900:[{city:"宜春市",text:"市辖区",value:"360901"},{city:"宜春市",text:"袁州区",value:"360902"},{city:"宜春市",text:"奉新县",value:"360921"},{city:"宜春市",text:"万载县",value:"360922"},{city:"宜春市",text:"上高县",value:"360923"},{city:"宜春市",text:"宜丰县",value:"360924"},{city:"宜春市",text:"靖安县",value:"360925"},{city:"宜春市",text:"铜鼓县",value:"360926"},{city:"宜春市",text:"丰城市",value:"360981"},{city:"宜春市",text:"樟树市",value:"360982"},{city:"宜春市",text:"高安市",value:"360983"}],361000:[{city:"抚州市",text:"市辖区",value:"361001"},{city:"抚州市",text:"临川区",value:"361002"},{city:"抚州市",text:"南城县",value:"361021"},{city:"抚州市",text:"黎川县",value:"361022"},{city:"抚州市",text:"南丰县",value:"361023"},{city:"抚州市",text:"崇仁县",value:"361024"},{city:"抚州市",text:"乐安县",value:"361025"},{city:"抚州市",text:"宜黄县",value:"361026"},{city:"抚州市",text:"金溪县",value:"361027"},{city:"抚州市",text:"资溪县",value:"361028"},{city:"抚州市",text:"东乡县",value:"361029"},{city:"抚州市",text:"广昌县",value:"361030"}],361100:[{city:"上饶市",text:"市辖区",value:"361101"},{city:"上饶市",text:"信州区",value:"361102"},{city:"上饶市",text:"广丰区",value:"361103"},{city:"上饶市",text:"上饶县",value:"361121"},{city:"上饶市",text:"玉山县",value:"361123"},{city:"上饶市",text:"铅山县",value:"361124"},{city:"上饶市",text:"横峰县",value:"361125"},{city:"上饶市",text:"弋阳县",value:"361126"},{city:"上饶市",text:"余干县",value:"361127"},{city:"上饶市",text:"鄱阳县",value:"361128"},{city:"上饶市",text:"万年县",value:"361129"},{city:"上饶市",text:"婺源县",value:"361130"},{city:"上饶市",text:"德兴市",value:"361181"}],370100:[{city:"济南市",text:"市辖区",value:"370101"},{city:"济南市",text:"历下区",value:"370102"},{city:"济南市",text:"市中区",value:"370103"},{city:"济南市",text:"槐荫区",value:"370104"},{city:"济南市",text:"天桥区",value:"370105"},{city:"济南市",text:"历城区",value:"370112"},{city:"济南市",text:"长清区",value:"370113"},{city:"济南市",text:"平阴县",value:"370124"},{city:"济南市",text:"济阳县",value:"370125"},{city:"济南市",text:"商河县",value:"370126"},{city:"济南市",text:"章丘市",value:"370181"}],370200:[{city:"青岛市",text:"市辖区",value:"370201"},{city:"青岛市",text:"市南区",value:"370202"},{city:"青岛市",text:"市北区",value:"370203"},{city:"青岛市",text:"黄岛区",value:"370211"},{city:"青岛市",text:"崂山区",value:"370212"},{city:"青岛市",text:"李沧区",value:"370213"},{city:"青岛市",text:"城阳区",value:"370214"},{city:"青岛市",text:"胶州市",value:"370281"},{city:"青岛市",text:"即墨市",value:"370282"},{city:"青岛市",text:"平度市",value:"370283"},{city:"青岛市",text:"莱西市",value:"370285"}],370300:[{city:"淄博市",text:"市辖区",value:"370301"},{city:"淄博市",text:"淄川区",value:"370302"},{city:"淄博市",text:"张店区",value:"370303"},{city:"淄博市",text:"博山区",value:"370304"},{city:"淄博市",text:"临淄区",value:"370305"},{city:"淄博市",text:"周村区",value:"370306"},{city:"淄博市",text:"桓台县",value:"370321"},{city:"淄博市",text:"高青县",value:"370322"},{city:"淄博市",text:"沂源县",value:"370323"}],370400:[{city:"枣庄市",text:"市辖区",value:"370401"},{city:"枣庄市",text:"市中区",value:"370402"},{city:"枣庄市",text:"薛城区",value:"370403"},{city:"枣庄市",text:"峄城区",value:"370404"},{city:"枣庄市",text:"台儿庄区",value:"370405"},{city:"枣庄市",text:"山亭区",value:"370406"},{city:"枣庄市",text:"滕州市",value:"370481"}],370500:[{city:"东营市",text:"市辖区",value:"370501"},{city:"东营市",text:"东营区",value:"370502"},{city:"东营市",text:"河口区",value:"370503"},{city:"东营市",text:"垦利区",value:"370505"},{city:"东营市",text:"利津县",value:"370522"},{city:"东营市",text:"广饶县",value:"370523"}],370600:[{city:"烟台市",text:"市辖区",value:"370601"},{city:"烟台市",text:"芝罘区",value:"370602"},{city:"烟台市",text:"福山区",value:"370611"},{city:"烟台市",text:"牟平区",value:"370612"},{city:"烟台市",text:"莱山区",value:"370613"},{city:"烟台市",text:"长岛县",value:"370634"},{city:"烟台市",text:"龙口市",value:"370681"},{city:"烟台市",text:"莱阳市",value:"370682"},{city:"烟台市",text:"莱州市",value:"370683"},{city:"烟台市",text:"蓬莱市",value:"370684"},{city:"烟台市",text:"招远市",value:"370685"},{city:"烟台市",text:"栖霞市",value:"370686"},{city:"烟台市",text:"海阳市",value:"370687"}],370700:[{city:"潍坊市",text:"市辖区",value:"370701"},{city:"潍坊市",text:"潍城区",value:"370702"},{city:"潍坊市",text:"寒亭区",value:"370703"},{city:"潍坊市",text:"坊子区",value:"370704"},{city:"潍坊市",text:"奎文区",value:"370705"},{city:"潍坊市",text:"临朐县",value:"370724"},{city:"潍坊市",text:"昌乐县",value:"370725"},{city:"潍坊市",text:"青州市",value:"370781"},{city:"潍坊市",text:"诸城市",value:"370782"},{city:"潍坊市",text:"寿光市",value:"370783"},{city:"潍坊市",text:"安丘市",value:"370784"},{city:"潍坊市",text:"高密市",value:"370785"},{city:"潍坊市",text:"昌邑市",value:"370786"}],370800:[{city:"济宁市",text:"市辖区",value:"370801"},{city:"济宁市",text:"任城区",value:"370811"},{city:"济宁市",text:"兖州区",value:"370812"},{city:"济宁市",text:"微山县",value:"370826"},{city:"济宁市",text:"鱼台县",value:"370827"},{city:"济宁市",text:"金乡县",value:"370828"},{city:"济宁市",text:"嘉祥县",value:"370829"},{city:"济宁市",text:"汶上县",value:"370830"},{city:"济宁市",text:"泗水县",value:"370831"},{city:"济宁市",text:"梁山县",value:"370832"},{city:"济宁市",text:"曲阜市",value:"370881"},{city:"济宁市",text:"邹城市",value:"370883"}],370900:[{city:"泰安市",text:"市辖区",value:"370901"},{city:"泰安市",text:"泰山区",value:"370902"},{city:"泰安市",text:"岱岳区",value:"370911"},{city:"泰安市",text:"宁阳县",value:"370921"},{city:"泰安市",text:"东平县",value:"370923"},{city:"泰安市",text:"新泰市",value:"370982"},{city:"泰安市",text:"肥城市",value:"370983"}],371000:[{city:"威海市",text:"市辖区",value:"371001"},{city:"威海市",text:"环翠区",value:"371002"},{city:"威海市",text:"文登区",value:"371003"},{city:"威海市",text:"荣成市",value:"371082"},{city:"威海市",text:"乳山市",value:"371083"}],371100:[{city:"日照市",text:"市辖区",value:"371101"},{city:"日照市",text:"东港区",value:"371102"},{city:"日照市",text:"岚山区",value:"371103"},{city:"日照市",text:"五莲县",value:"371121"},{city:"日照市",text:"莒县",value:"371122"}],371200:[{city:"莱芜市",text:"市辖区",value:"371201"},{city:"莱芜市",text:"莱城区",value:"371202"},{city:"莱芜市",text:"钢城区",value:"371203"}],371300:[{city:"临沂市",text:"市辖区",value:"371301"},{city:"临沂市",text:"兰山区",value:"371302"},{city:"临沂市",text:"罗庄区",value:"371311"},{city:"临沂市",text:"河东区",value:"371312"},{city:"临沂市",text:"沂南县",value:"371321"},{city:"临沂市",text:"郯城县",value:"371322"},{city:"临沂市",text:"沂水县",value:"371323"},{city:"临沂市",text:"兰陵县",value:"371324"},{city:"临沂市",text:"费县",value:"371325"},{city:"临沂市",text:"平邑县",value:"371326"},{city:"临沂市",text:"莒南县",value:"371327"},{city:"临沂市",text:"蒙阴县",value:"371328"},{city:"临沂市",text:"临沭县",value:"371329"}],371400:[{city:"德州市",text:"市辖区",value:"371401"},{city:"德州市",text:"德城区",value:"371402"},{city:"德州市",text:"陵城区",value:"371403"},{city:"德州市",text:"宁津县",value:"371422"},{city:"德州市",text:"庆云县",value:"371423"},{city:"德州市",text:"临邑县",value:"371424"},{city:"德州市",text:"齐河县",value:"371425"},{city:"德州市",text:"平原县",value:"371426"},{city:"德州市",text:"夏津县",value:"371427"},{city:"德州市",text:"武城县",value:"371428"},{city:"德州市",text:"乐陵市",value:"371481"},{city:"德州市",text:"禹城市",value:"371482"}],371500:[{city:"聊城市",text:"市辖区",value:"371501"},{city:"聊城市",text:"东昌府区",value:"371502"},{city:"聊城市",text:"阳谷县",value:"371521"},{city:"聊城市",text:"莘县",value:"371522"},{city:"聊城市",text:"茌平县",value:"371523"},{city:"聊城市",text:"东阿县",value:"371524"},{city:"聊城市",text:"冠县",value:"371525"},{city:"聊城市",text:"高唐县",value:"371526"},{city:"聊城市",text:"临清市",value:"371581"}],371600:[{city:"滨州市",text:"市辖区",value:"371601"},{city:"滨州市",text:"滨城区",value:"371602"},{city:"滨州市",text:"沾化区",value:"371603"},{city:"滨州市",text:"惠民县",value:"371621"},{city:"滨州市",text:"阳信县",value:"371622"},{city:"滨州市",text:"无棣县",value:"371623"},{city:"滨州市",text:"博兴县",value:"371625"},{city:"滨州市",text:"邹平县",value:"371626"}],371700:[{city:"菏泽市",text:"市辖区",value:"371701"},{city:"菏泽市",text:"牡丹区",value:"371702"},{city:"菏泽市",text:"定陶区",value:"371703"},{city:"菏泽市",text:"曹县",value:"371721"},{city:"菏泽市",text:"单县",value:"371722"},{city:"菏泽市",text:"成武县",value:"371723"},{city:"菏泽市",text:"巨野县",value:"371724"},{city:"菏泽市",text:"郓城县",value:"371725"},{city:"菏泽市",text:"鄄城县",value:"371726"},{city:"菏泽市",text:"东明县",value:"371728"}],410100:[{city:"郑州市",text:"市辖区",value:"410101"},{city:"郑州市",text:"中原区",value:"410102"},{city:"郑州市",text:"二七区",value:"410103"},{city:"郑州市",text:"管城回族区",value:"410104"},{city:"郑州市",text:"金水区",value:"410105"},{city:"郑州市",text:"上街区",value:"410106"},{city:"郑州市",text:"惠济区",value:"410108"},{city:"郑州市",text:"中牟县",value:"410122"},{city:"郑州市",text:"巩义市",value:"410181"},{city:"郑州市",text:"荥阳市",value:"410182"},{city:"郑州市",text:"新密市",value:"410183"},{city:"郑州市",text:"新郑市",value:"410184"},{city:"郑州市",text:"登封市",value:"410185"}],410200:[{city:"开封市",text:"市辖区",value:"410201"},{city:"开封市",text:"龙亭区",value:"410202"},{city:"开封市",text:"顺河回族区",value:"410203"},{city:"开封市",text:"鼓楼区",value:"410204"},{city:"开封市",text:"禹王台区",value:"410205"},{city:"开封市",text:"金明区",value:"410211"},{city:"开封市",text:"祥符区",value:"410212"},{city:"开封市",text:"杞县",value:"410221"},{city:"开封市",text:"通许县",value:"410222"},{city:"开封市",text:"尉氏县",value:"410223"},{city:"开封市",text:"兰考县",value:"410225"}],410300:[{city:"洛阳市",text:"市辖区",value:"410301"},{city:"洛阳市",text:"老城区",value:"410302"},{city:"洛阳市",text:"西工区",value:"410303"},{city:"洛阳市",text:"瀍河回族区",value:"410304"},{city:"洛阳市",text:"涧西区",value:"410305"},{city:"洛阳市",text:"吉利区",value:"410306"},{city:"洛阳市",text:"洛龙区",value:"410311"},{city:"洛阳市",text:"孟津县",value:"410322"},{city:"洛阳市",text:"新安县",value:"410323"},{city:"洛阳市",text:"栾川县",value:"410324"},{city:"洛阳市",text:"嵩县",value:"410325"},{city:"洛阳市",text:"汝阳县",value:"410326"},{city:"洛阳市",text:"宜阳县",value:"410327"},{city:"洛阳市",text:"洛宁县",value:"410328"},{city:"洛阳市",text:"伊川县",value:"410329"},{city:"洛阳市",text:"偃师市",value:"410381"}],410400:[{city:"平顶山市",text:"市辖区",value:"410401"},{city:"平顶山市",text:"新华区",value:"410402"},{city:"平顶山市",text:"卫东区",value:"410403"},{city:"平顶山市",text:"石龙区",value:"410404"},{city:"平顶山市",text:"湛河区",value:"410411"},{city:"平顶山市",text:"宝丰县",value:"410421"},{city:"平顶山市",text:"叶县",value:"410422"},{city:"平顶山市",text:"鲁山县",value:"410423"},{city:"平顶山市",text:"郏县",value:"410425"},{city:"平顶山市",text:"舞钢市",value:"410481"},{city:"平顶山市",text:"汝州市",value:"410482"}],410500:[{city:"安阳市",text:"市辖区",value:"410501"},{city:"安阳市",text:"文峰区",value:"410502"},{city:"安阳市",text:"北关区",value:"410503"},{city:"安阳市",text:"殷都区",value:"410505"},{city:"安阳市",text:"龙安区",value:"410506"},{city:"安阳市",text:"安阳县",value:"410522"},{city:"安阳市",text:"汤阴县",value:"410523"},{city:"安阳市",text:"滑县",value:"410526"},{city:"安阳市",text:"内黄县",value:"410527"},{city:"安阳市",text:"林州市",value:"410581"}],410600:[{city:"鹤壁市",text:"市辖区",value:"410601"},{city:"鹤壁市",text:"鹤山区",value:"410602"},{city:"鹤壁市",text:"山城区",value:"410603"},{city:"鹤壁市",text:"淇滨区",value:"410611"},{city:"鹤壁市",text:"浚县",value:"410621"},{city:"鹤壁市",text:"淇县",value:"410622"}],410700:[{city:"新乡市",text:"市辖区",value:"410701"},{city:"新乡市",text:"红旗区",value:"410702"},{city:"新乡市",text:"卫滨区",value:"410703"},{city:"新乡市",text:"凤泉区",value:"410704"},{city:"新乡市",text:"牧野区",value:"410711"},{city:"新乡市",text:"新乡县",value:"410721"},{city:"新乡市",text:"获嘉县",value:"410724"},{city:"新乡市",text:"原阳县",value:"410725"},{city:"新乡市",text:"延津县",value:"410726"},{city:"新乡市",text:"封丘县",value:"410727"},{city:"新乡市",text:"长垣县",value:"410728"},{city:"新乡市",text:"卫辉市",value:"410781"},{city:"新乡市",text:"辉县市",value:"410782"}],410800:[{city:"焦作市",text:"市辖区",value:"410801"},{city:"焦作市",text:"解放区",value:"410802"},{city:"焦作市",text:"中站区",value:"410803"},{city:"焦作市",text:"马村区",value:"410804"},{city:"焦作市",text:"山阳区",value:"410811"},{city:"焦作市",text:"修武县",value:"410821"},{city:"焦作市",text:"博爱县",value:"410822"},{city:"焦作市",text:"武陟县",value:"410823"},{city:"焦作市",text:"温县",value:"410825"},{city:"焦作市",text:"沁阳市",value:"410882"},{city:"焦作市",text:"孟州市",value:"410883"}],410900:[{city:"濮阳市",text:"市辖区",value:"410901"},{city:"濮阳市",text:"华龙区",value:"410902"},{city:"濮阳市",text:"清丰县",value:"410922"},{city:"濮阳市",text:"南乐县",value:"410923"},{city:"濮阳市",text:"范县",value:"410926"},{city:"濮阳市",text:"台前县",value:"410927"},{city:"濮阳市",text:"濮阳县",value:"410928"}],411000:[{city:"许昌市",text:"市辖区",value:"411001"},{city:"许昌市",text:"魏都区",value:"411002"},{city:"许昌市",text:"许昌县",value:"411023"},{city:"许昌市",text:"鄢陵县",value:"411024"},{city:"许昌市",text:"襄城县",value:"411025"},{city:"许昌市",text:"禹州市",value:"411081"},{city:"许昌市",text:"长葛市",value:"411082"}],411100:[{city:"漯河市",text:"市辖区",value:"411101"},{city:"漯河市",text:"源汇区",value:"411102"},{city:"漯河市",text:"郾城区",value:"411103"},{city:"漯河市",text:"召陵区",value:"411104"},{city:"漯河市",text:"舞阳县",value:"411121"},{city:"漯河市",text:"临颍县",value:"411122"}],411200:[{city:"三门峡市",text:"市辖区",value:"411201"},{city:"三门峡市",text:"湖滨区",value:"411202"},{city:"三门峡市",text:"陕州区",value:"411203"},{city:"三门峡市",text:"渑池县",value:"411221"},{city:"三门峡市",text:"卢氏县",value:"411224"},{city:"三门峡市",text:"义马市",value:"411281"},{city:"三门峡市",text:"灵宝市",value:"411282"}],411300:[{city:"南阳市",text:"市辖区",value:"411301"},{city:"南阳市",text:"宛城区",value:"411302"},{city:"南阳市",text:"卧龙区",value:"411303"},{city:"南阳市",text:"南召县",value:"411321"},{city:"南阳市",text:"方城县",value:"411322"},{city:"南阳市",text:"西峡县",value:"411323"},{city:"南阳市",text:"镇平县",value:"411324"},{city:"南阳市",text:"内乡县",value:"411325"},{city:"南阳市",text:"淅川县",value:"411326"},{city:"南阳市",text:"社旗县",value:"411327"},{city:"南阳市",text:"唐河县",value:"411328"},{city:"南阳市",text:"新野县",value:"411329"},{city:"南阳市",text:"桐柏县",value:"411330"},{city:"南阳市",text:"邓州市",value:"411381"}],411400:[{city:"商丘市",text:"市辖区",value:"411401"},{city:"商丘市",text:"梁园区",value:"411402"},{city:"商丘市",text:"睢阳区",value:"411403"},{city:"商丘市",text:"民权县",value:"411421"},{city:"商丘市",text:"睢县",value:"411422"},{city:"商丘市",text:"宁陵县",value:"411423"},{city:"商丘市",text:"柘城县",value:"411424"},{city:"商丘市",text:"虞城县",value:"411425"},{city:"商丘市",text:"夏邑县",value:"411426"},{city:"商丘市",text:"永城市",value:"411481"}],411500:[{city:"信阳市",text:"市辖区",value:"411501"},{city:"信阳市",text:"浉河区",value:"411502"},{city:"信阳市",text:"平桥区",value:"411503"},{city:"信阳市",text:"罗山县",value:"411521"},{city:"信阳市",text:"光山县",value:"411522"},{city:"信阳市",text:"新县",value:"411523"},{city:"信阳市",text:"商城县",value:"411524"},{city:"信阳市",text:"固始县",value:"411525"},{city:"信阳市",text:"潢川县",value:"411526"},{city:"信阳市",text:"淮滨县",value:"411527"},{city:"信阳市",text:"息县",value:"411528"}],411600:[{city:"周口市",text:"市辖区",value:"411601"},{city:"周口市",text:"川汇区",value:"411602"},{city:"周口市",text:"扶沟县",value:"411621"},{city:"周口市",text:"西华县",value:"411622"},{city:"周口市",text:"商水县",value:"411623"},{city:"周口市",text:"沈丘县",value:"411624"},{city:"周口市",text:"郸城县",value:"411625"},{city:"周口市",text:"淮阳县",value:"411626"},{city:"周口市",text:"太康县",value:"411627"},{city:"周口市",text:"鹿邑县",value:"411628"},{city:"周口市",text:"项城市",value:"411681"}],411700:[{city:"驻马店市",text:"市辖区",value:"411701"},{city:"驻马店市",text:"驿城区",value:"411702"},{city:"驻马店市",text:"西平县",value:"411721"},{city:"驻马店市",text:"上蔡县",value:"411722"},{city:"驻马店市",text:"平舆县",value:"411723"},{city:"驻马店市",text:"正阳县",value:"411724"},{city:"驻马店市",text:"确山县",value:"411725"},{city:"驻马店市",text:"泌阳县",value:"411726"},{city:"驻马店市",text:"汝南县",value:"411727"},{city:"驻马店市",text:"遂平县",value:"411728"},{city:"驻马店市",text:"新蔡县",value:"411729"}],419000:[{city:"省直辖县级行政区划",text:"济源市",value:"419001"}],420100:[{city:"武汉市",text:"市辖区",value:"420101"},{city:"武汉市",text:"江岸区",value:"420102"},{city:"武汉市",text:"江汉区",value:"420103"},{city:"武汉市",text:"硚口区",value:"420104"},{city:"武汉市",text:"汉阳区",value:"420105"},{city:"武汉市",text:"武昌区",value:"420106"},{city:"武汉市",text:"青山区",value:"420107"},{city:"武汉市",text:"洪山区",value:"420111"},{city:"武汉市",text:"东西湖区",value:"420112"},{city:"武汉市",text:"汉南区",value:"420113"},{city:"武汉市",text:"蔡甸区",value:"420114"},{city:"武汉市",text:"江夏区",value:"420115"},{city:"武汉市",text:"黄陂区",value:"420116"},{city:"武汉市",text:"新洲区",value:"420117"}],420200:[{city:"黄石市",text:"市辖区",value:"420201"},{city:"黄石市",text:"黄石港区",value:"420202"},{city:"黄石市",text:"西塞山区",value:"420203"},{city:"黄石市",text:"下陆区",value:"420204"},{city:"黄石市",text:"铁山区",value:"420205"},{city:"黄石市",text:"阳新县",value:"420222"},{city:"黄石市",text:"大冶市",value:"420281"}],420300:[{city:"十堰市",text:"市辖区",value:"420301"},{city:"十堰市",text:"茅箭区",value:"420302"},{city:"十堰市",text:"张湾区",value:"420303"},{city:"十堰市",text:"郧阳区",value:"420304"},{city:"十堰市",text:"郧西县",value:"420322"},{city:"十堰市",text:"竹山县",value:"420323"},{city:"十堰市",text:"竹溪县",value:"420324"},{city:"十堰市",text:"房县",value:"420325"},{city:"十堰市",text:"丹江口市",value:"420381"}],420500:[{city:"宜昌市",text:"市辖区",value:"420501"},{city:"宜昌市",text:"西陵区",value:"420502"},{city:"宜昌市",text:"伍家岗区",value:"420503"},{city:"宜昌市",text:"点军区",value:"420504"},{city:"宜昌市",text:"猇亭区",value:"420505"},{city:"宜昌市",text:"夷陵区",value:"420506"},{city:"宜昌市",text:"远安县",value:"420525"},{city:"宜昌市",text:"兴山县",value:"420526"},{city:"宜昌市",text:"秭归县",value:"420527"},{city:"宜昌市",text:"长阳土家族自治县",value:"420528"},{city:"宜昌市",text:"五峰土家族自治县",value:"420529"},{city:"宜昌市",text:"宜都市",value:"420581"},{city:"宜昌市",text:"当阳市",value:"420582"},{city:"宜昌市",text:"枝江市",value:"420583"}],420600:[{city:"襄阳市",text:"市辖区",value:"420601"},{city:"襄阳市",text:"襄城区",value:"420602"},{city:"襄阳市",text:"樊城区",value:"420606"},{city:"襄阳市",text:"襄州区",value:"420607"},{city:"襄阳市",text:"南漳县",value:"420624"},{city:"襄阳市",text:"谷城县",value:"420625"},{city:"襄阳市",text:"保康县",value:"420626"},{city:"襄阳市",text:"老河口市",value:"420682"},{city:"襄阳市",text:"枣阳市",value:"420683"},{city:"襄阳市",text:"宜城市",value:"420684"}],420700:[{city:"鄂州市",text:"市辖区",value:"420701"},{city:"鄂州市",text:"梁子湖区",value:"420702"},{city:"鄂州市",text:"华容区",value:"420703"},{city:"鄂州市",text:"鄂城区",value:"420704"}],420800:[{city:"荆门市",text:"市辖区",value:"420801"},{city:"荆门市",text:"东宝区",value:"420802"},{city:"荆门市",text:"掇刀区",value:"420804"},{city:"荆门市",text:"京山县",value:"420821"},{city:"荆门市",text:"沙洋县",value:"420822"},{city:"荆门市",text:"钟祥市",value:"420881"}],420900:[{city:"孝感市",text:"市辖区",value:"420901"},{city:"孝感市",text:"孝南区",value:"420902"},{city:"孝感市",text:"孝昌县",value:"420921"},{city:"孝感市",text:"大悟县",value:"420922"},{city:"孝感市",text:"云梦县",value:"420923"},{city:"孝感市",text:"应城市",value:"420981"},{city:"孝感市",text:"安陆市",value:"420982"},{city:"孝感市",text:"汉川市",value:"420984"}],421000:[{city:"荆州市",text:"市辖区",value:"421001"},{city:"荆州市",text:"沙市区",value:"421002"},{city:"荆州市",text:"荆州区",value:"421003"},{city:"荆州市",text:"公安县",value:"421022"},{city:"荆州市",text:"监利县",value:"421023"},{city:"荆州市",text:"江陵县",value:"421024"},{city:"荆州市",text:"石首市",value:"421081"},{city:"荆州市",text:"洪湖市",value:"421083"},{city:"荆州市",text:"松滋市",value:"421087"}],421100:[{city:"黄冈市",text:"市辖区",value:"421101"},{city:"黄冈市",text:"黄州区",value:"421102"},{city:"黄冈市",text:"团风县",value:"421121"},{city:"黄冈市",text:"红安县",value:"421122"},{city:"黄冈市",text:"罗田县",value:"421123"},{city:"黄冈市",text:"英山县",value:"421124"},{city:"黄冈市",text:"浠水县",value:"421125"},{city:"黄冈市",text:"蕲春县",value:"421126"},{city:"黄冈市",text:"黄梅县",value:"421127"},{city:"黄冈市",text:"麻城市",value:"421181"},{city:"黄冈市",text:"武穴市",value:"421182"}],421200:[{city:"咸宁市",text:"市辖区",value:"421201"},{city:"咸宁市",text:"咸安区",value:"421202"},{city:"咸宁市",text:"嘉鱼县",value:"421221"},{city:"咸宁市",text:"通城县",value:"421222"},{city:"咸宁市",text:"崇阳县",value:"421223"},{city:"咸宁市",text:"通山县",value:"421224"},{city:"咸宁市",text:"赤壁市",value:"421281"}],421300:[{city:"随州市",text:"市辖区",value:"421301"},{city:"随州市",text:"曾都区",value:"421303"},{city:"随州市",text:"随县",value:"421321"},{city:"随州市",text:"广水市",value:"421381"}],422800:[{city:"恩施土家族苗族自治州",text:"恩施市",value:"422801"},{city:"恩施土家族苗族自治州",text:"利川市",value:"422802"},{city:"恩施土家族苗族自治州",text:"建始县",value:"422822"},{city:"恩施土家族苗族自治州",text:"巴东县",value:"422823"},{city:"恩施土家族苗族自治州",text:"宣恩县",value:"422825"},{city:"恩施土家族苗族自治州",text:"咸丰县",value:"422826"},{city:"恩施土家族苗族自治州",text:"来凤县",value:"422827"},{city:"恩施土家族苗族自治州",text:"鹤峰县",value:"422828"}],429000:[{city:"省直辖县级行政区划",text:"仙桃市",value:"429004"},{city:"省直辖县级行政区划",text:"潜江市",value:"429005"},{city:"省直辖县级行政区划",text:"天门市",value:"429006"},{city:"省直辖县级行政区划",text:"神农架林区",value:"429021"}],430100:[{city:"长沙市",text:"市辖区",value:"430101"},{city:"长沙市",text:"芙蓉区",value:"430102"},{city:"长沙市",text:"天心区",value:"430103"},{city:"长沙市",text:"岳麓区",value:"430104"},{city:"长沙市",text:"开福区",value:"430105"},{city:"长沙市",text:"雨花区",value:"430111"},{city:"长沙市",text:"望城区",value:"430112"},{city:"长沙市",text:"长沙县",value:"430121"},{city:"长沙市",text:"宁乡县",value:"430124"},{city:"长沙市",text:"浏阳市",value:"430181"}],430200:[{city:"株洲市",text:"市辖区",value:"430201"},{city:"株洲市",text:"荷塘区",value:"430202"},{city:"株洲市",text:"芦淞区",value:"430203"},{city:"株洲市",text:"石峰区",value:"430204"},{city:"株洲市",text:"天元区",value:"430211"},{city:"株洲市",text:"株洲县",value:"430221"},{city:"株洲市",text:"攸县",value:"430223"},{city:"株洲市",text:"茶陵县",value:"430224"},{city:"株洲市",text:"炎陵县",value:"430225"},{city:"株洲市",text:"醴陵市",value:"430281"}],430300:[{city:"湘潭市",text:"市辖区",value:"430301"},{city:"湘潭市",text:"雨湖区",value:"430302"},{city:"湘潭市",text:"岳塘区",value:"430304"},{city:"湘潭市",text:"湘潭县",value:"430321"},{city:"湘潭市",text:"湘乡市",value:"430381"},{city:"湘潭市",text:"韶山市",value:"430382"}],430400:[{city:"衡阳市",text:"市辖区",value:"430401"},{city:"衡阳市",text:"珠晖区",value:"430405"},{city:"衡阳市",text:"雁峰区",value:"430406"},{city:"衡阳市",text:"石鼓区",value:"430407"},{city:"衡阳市",text:"蒸湘区",value:"430408"},{city:"衡阳市",text:"南岳区",value:"430412"},{city:"衡阳市",text:"衡阳县",value:"430421"},{city:"衡阳市",text:"衡南县",value:"430422"},{city:"衡阳市",text:"衡山县",value:"430423"},{city:"衡阳市",text:"衡东县",value:"430424"},{city:"衡阳市",text:"祁东县",value:"430426"},{city:"衡阳市",text:"耒阳市",value:"430481"},{city:"衡阳市",text:"常宁市",value:"430482"}],430500:[{city:"邵阳市",text:"市辖区",value:"430501"},{city:"邵阳市",text:"双清区",value:"430502"},{city:"邵阳市",text:"大祥区",value:"430503"},{city:"邵阳市",text:"北塔区",value:"430511"},{city:"邵阳市",text:"邵东县",value:"430521"},{city:"邵阳市",text:"新邵县",value:"430522"},{city:"邵阳市",text:"邵阳县",value:"430523"},{city:"邵阳市",text:"隆回县",value:"430524"},{city:"邵阳市",text:"洞口县",value:"430525"},{city:"邵阳市",text:"绥宁县",value:"430527"},{city:"邵阳市",text:"新宁县",value:"430528"},{city:"邵阳市",text:"城步苗族自治县",value:"430529"},{city:"邵阳市",text:"武冈市",value:"430581"}],430600:[{city:"岳阳市",text:"市辖区",value:"430601"},{city:"岳阳市",text:"岳阳楼区",value:"430602"},{city:"岳阳市",text:"云溪区",value:"430603"},{city:"岳阳市",text:"君山区",value:"430611"},{city:"岳阳市",text:"岳阳县",value:"430621"},{city:"岳阳市",text:"华容县",value:"430623"},{city:"岳阳市",text:"湘阴县",value:"430624"},{city:"岳阳市",text:"平江县",value:"430626"},{city:"岳阳市",text:"汨罗市",value:"430681"},{city:"岳阳市",text:"临湘市",value:"430682"}],430700:[{city:"常德市",text:"市辖区",value:"430701"},{city:"常德市",text:"武陵区",value:"430702"},{city:"常德市",text:"鼎城区",value:"430703"},{city:"常德市",text:"安乡县",value:"430721"},{city:"常德市",text:"汉寿县",value:"430722"},{city:"常德市",text:"澧县",value:"430723"},{city:"常德市",text:"临澧县",value:"430724"},{city:"常德市",text:"桃源县",value:"430725"},{city:"常德市",text:"石门县",value:"430726"},{city:"常德市",text:"津市市",value:"430781"}],430800:[{city:"张家界市",text:"市辖区",value:"430801"},{city:"张家界市",text:"永定区",value:"430802"},{city:"张家界市",text:"武陵源区",value:"430811"},{city:"张家界市",text:"慈利县",value:"430821"},{city:"张家界市",text:"桑植县",value:"430822"}],430900:[{city:"益阳市",text:"市辖区",value:"430901"},{city:"益阳市",text:"资阳区",value:"430902"},{city:"益阳市",text:"赫山区",value:"430903"},{city:"益阳市",text:"南县",value:"430921"},{city:"益阳市",text:"桃江县",value:"430922"},{city:"益阳市",text:"安化县",value:"430923"},{city:"益阳市",text:"沅江市",value:"430981"}],431000:[{city:"郴州市",text:"市辖区",value:"431001"},{city:"郴州市",text:"北湖区",value:"431002"},{city:"郴州市",text:"苏仙区",value:"431003"},{city:"郴州市",text:"桂阳县",value:"431021"},{city:"郴州市",text:"宜章县",value:"431022"},{city:"郴州市",text:"永兴县",value:"431023"},{city:"郴州市",text:"嘉禾县",value:"431024"},{city:"郴州市",text:"临武县",value:"431025"},{city:"郴州市",text:"汝城县",value:"431026"},{city:"郴州市",text:"桂东县",value:"431027"},{city:"郴州市",text:"安仁县",value:"431028"},{city:"郴州市",text:"资兴市",value:"431081"}],431100:[{city:"永州市",text:"市辖区",value:"431101"},{city:"永州市",text:"零陵区",value:"431102"},{city:"永州市",text:"冷水滩区",value:"431103"},{city:"永州市",text:"祁阳县",value:"431121"},{city:"永州市",text:"东安县",value:"431122"},{city:"永州市",text:"双牌县",value:"431123"},{city:"永州市",text:"道县",value:"431124"},{city:"永州市",text:"江永县",value:"431125"},{city:"永州市",text:"宁远县",value:"431126"},{city:"永州市",text:"蓝山县",value:"431127"},{city:"永州市",text:"新田县",value:"431128"},{city:"永州市",text:"江华瑶族自治县",value:"431129"}],431200:[{city:"怀化市",text:"市辖区",value:"431201"},{city:"怀化市",text:"鹤城区",value:"431202"},{city:"怀化市",text:"中方县",value:"431221"},{city:"怀化市",text:"沅陵县",value:"431222"},{city:"怀化市",text:"辰溪县",value:"431223"},{city:"怀化市",text:"溆浦县",value:"431224"},{city:"怀化市",text:"会同县",value:"431225"},{city:"怀化市",text:"麻阳苗族自治县",value:"431226"},{city:"怀化市",text:"新晃侗族自治县",value:"431227"},{city:"怀化市",text:"芷江侗族自治县",value:"431228"},{city:"怀化市",text:"靖州苗族侗族自治县",value:"431229"},{city:"怀化市",text:"通道侗族自治县",value:"431230"},{city:"怀化市",text:"洪江市",value:"431281"}],431300:[{city:"娄底市",text:"市辖区",value:"431301"},{city:"娄底市",text:"娄星区",value:"431302"},{city:"娄底市",text:"双峰县",value:"431321"},{city:"娄底市",text:"新化县",value:"431322"},{city:"娄底市",text:"冷水江市",value:"431381"},{city:"娄底市",text:"涟源市",value:"431382"}],433100:[{city:"湘西土家族苗族自治州",text:"吉首市",value:"433101"},{city:"湘西土家族苗族自治州",text:"泸溪县",value:"433122"},{city:"湘西土家族苗族自治州",text:"凤凰县",value:"433123"},{city:"湘西土家族苗族自治州",text:"花垣县",value:"433124"},{city:"湘西土家族苗族自治州",text:"保靖县",value:"433125"},{city:"湘西土家族苗族自治州",text:"古丈县",value:"433126"},{city:"湘西土家族苗族自治州",text:"永顺县",value:"433127"},{city:"湘西土家族苗族自治州",text:"龙山县",value:"433130"}],440100:[{city:"广州市",text:"市辖区",value:"440101"},{city:"广州市",text:"荔湾区",value:"440103"},{city:"广州市",text:"越秀区",value:"440104"},{city:"广州市",text:"海珠区",value:"440105"},{city:"广州市",text:"天河区",value:"440106"},{city:"广州市",text:"白云区",value:"440111"},{city:"广州市",text:"黄埔区",value:"440112"},{city:"广州市",text:"番禺区",value:"440113"},{city:"广州市",text:"花都区",value:"440114"},{city:"广州市",text:"南沙区",value:"440115"},{city:"广州市",text:"从化区",value:"440117"},{city:"广州市",text:"增城区",value:"440118"}],440200:[{city:"韶关市",text:"市辖区",value:"440201"},{city:"韶关市",text:"武江区",value:"440203"},{city:"韶关市",text:"浈江区",value:"440204"},{city:"韶关市",text:"曲江区",value:"440205"},{city:"韶关市",text:"始兴县",value:"440222"},{city:"韶关市",text:"仁化县",value:"440224"},{city:"韶关市",text:"翁源县",value:"440229"},{city:"韶关市",text:"乳源瑶族自治县",value:"440232"},{city:"韶关市",text:"新丰县",value:"440233"},{city:"韶关市",text:"乐昌市",value:"440281"},{city:"韶关市",text:"南雄市",value:"440282"}],440300:[{city:"深圳市",text:"市辖区",value:"440301"},{city:"深圳市",text:"罗湖区",value:"440303"},{city:"深圳市",text:"福田区",value:"440304"},{city:"深圳市",text:"南山区",value:"440305"},{city:"深圳市",text:"宝安区",value:"440306"},{city:"深圳市",text:"龙岗区",value:"440307"},{city:"深圳市",text:"盐田区",value:"440308"}],440400:[{city:"珠海市",text:"市辖区",value:"440401"},{city:"珠海市",text:"香洲区",value:"440402"},{city:"珠海市",text:"斗门区",value:"440403"},{city:"珠海市",text:"金湾区",value:"440404"}],440500:[{city:"汕头市",text:"市辖区",value:"440501"},{city:"汕头市",text:"龙湖区",value:"440507"},{city:"汕头市",text:"金平区",value:"440511"},{city:"汕头市",text:"濠江区",value:"440512"},{city:"汕头市",text:"潮阳区",value:"440513"},{city:"汕头市",text:"潮南区",value:"440514"},{city:"汕头市",text:"澄海区",value:"440515"},{city:"汕头市",text:"南澳县",value:"440523"}],440600:[{city:"佛山市",text:"市辖区",value:"440601"},{city:"佛山市",text:"禅城区",value:"440604"},{city:"佛山市",text:"南海区",value:"440605"},{city:"佛山市",text:"顺德区",value:"440606"},{city:"佛山市",text:"三水区",value:"440607"},{city:"佛山市",text:"高明区",value:"440608"}],440700:[{city:"江门市",text:"市辖区",value:"440701"},{city:"江门市",text:"蓬江区",value:"440703"},{city:"江门市",text:"江海区",value:"440704"},{city:"江门市",text:"新会区",value:"440705"},{city:"江门市",text:"台山市",value:"440781"},{city:"江门市",text:"开平市",value:"440783"},{city:"江门市",text:"鹤山市",value:"440784"},{city:"江门市",text:"恩平市",value:"440785"}],440800:[{city:"湛江市",text:"市辖区",value:"440801"},{city:"湛江市",text:"赤坎区",value:"440802"},{city:"湛江市",text:"霞山区",value:"440803"},{city:"湛江市",text:"坡头区",value:"440804"},{city:"湛江市",text:"麻章区",value:"440811"},{city:"湛江市",text:"遂溪县",value:"440823"},{city:"湛江市",text:"徐闻县",value:"440825"},{city:"湛江市",text:"廉江市",value:"440881"},{city:"湛江市",text:"雷州市",value:"440882"},{city:"湛江市",text:"吴川市",value:"440883"}],440900:[{city:"茂名市",text:"市辖区",value:"440901"},{city:"茂名市",text:"茂南区",value:"440902"},{city:"茂名市",text:"电白区",value:"440904"},{city:"茂名市",text:"高州市",value:"440981"},{city:"茂名市",text:"化州市",value:"440982"},{city:"茂名市",text:"信宜市",value:"440983"}],441200:[{city:"肇庆市",text:"市辖区",value:"441201"},{city:"肇庆市",text:"端州区",value:"441202"},{city:"肇庆市",text:"鼎湖区",value:"441203"},{city:"肇庆市",text:"高要区",value:"441204"},{city:"肇庆市",text:"广宁县",value:"441223"},{city:"肇庆市",text:"怀集县",value:"441224"},{city:"肇庆市",text:"封开县",value:"441225"},{city:"肇庆市",text:"德庆县",value:"441226"},{city:"肇庆市",text:"四会市",value:"441284"}],441300:[{city:"惠州市",text:"市辖区",value:"441301"},{city:"惠州市",text:"惠城区",value:"441302"},{city:"惠州市",text:"惠阳区",value:"441303"},{city:"惠州市",text:"博罗县",value:"441322"},{city:"惠州市",text:"惠东县",value:"441323"},{city:"惠州市",text:"龙门县",value:"441324"}],441400:[{city:"梅州市",text:"市辖区",value:"441401"},{city:"梅州市",text:"梅江区",value:"441402"},{city:"梅州市",text:"梅县区",value:"441403"},{city:"梅州市",text:"大埔县",value:"441422"},{city:"梅州市",text:"丰顺县",value:"441423"},{city:"梅州市",text:"五华县",value:"441424"},{city:"梅州市",text:"平远县",value:"441426"},{city:"梅州市",text:"蕉岭县",value:"441427"},{city:"梅州市",text:"兴宁市",value:"441481"}],441500:[{city:"汕尾市",text:"市辖区",value:"441501"},{city:"汕尾市",text:"城区",value:"441502"},{city:"汕尾市",text:"海丰县",value:"441521"},{city:"汕尾市",text:"陆河县",value:"441523"},{city:"汕尾市",text:"陆丰市",value:"441581"}],441600:[{city:"河源市",text:"市辖区",value:"441601"},{city:"河源市",text:"源城区",value:"441602"},{city:"河源市",text:"紫金县",value:"441621"},{city:"河源市",text:"龙川县",value:"441622"},{city:"河源市",text:"连平县",value:"441623"},{city:"河源市",text:"和平县",value:"441624"},{city:"河源市",text:"东源县",value:"441625"}],441700:[{city:"阳江市",text:"市辖区",value:"441701"},{city:"阳江市",text:"江城区",value:"441702"},{city:"阳江市",text:"阳东区",value:"441704"},{city:"阳江市",text:"阳西县",value:"441721"},{city:"阳江市",text:"阳春市",value:"441781"}],441800:[{city:"清远市",text:"市辖区",value:"441801"},{city:"清远市",text:"清城区",value:"441802"},{city:"清远市",text:"清新区",value:"441803"},{city:"清远市",text:"佛冈县",value:"441821"},{city:"清远市",text:"阳山县",value:"441823"},{city:"清远市",text:"连山壮族瑶族自治县",value:"441825"},{city:"清远市",text:"连南瑶族自治县",value:"441826"},{city:"清远市",text:"英德市",value:"441881"},{city:"清远市",text:"连州市",value:"441882"}],441900:[],442000:[],445100:[{city:"潮州市",text:"市辖区",value:"445101"},{city:"潮州市",text:"湘桥区",value:"445102"},{city:"潮州市",text:"潮安区",value:"445103"},{city:"潮州市",text:"饶平县",value:"445122"}],445200:[{city:"揭阳市",text:"市辖区",value:"445201"},{city:"揭阳市",text:"榕城区",value:"445202"},{city:"揭阳市",text:"揭东区",value:"445203"},{city:"揭阳市",text:"揭西县",value:"445222"},{city:"揭阳市",text:"惠来县",value:"445224"},{city:"揭阳市",text:"普宁市",value:"445281"}],445300:[{city:"云浮市",text:"市辖区",value:"445301"},{city:"云浮市",text:"云城区",value:"445302"},{city:"云浮市",text:"云安区",value:"445303"},{city:"云浮市",text:"新兴县",value:"445321"},{city:"云浮市",text:"郁南县",value:"445322"},{city:"云浮市",text:"罗定市",value:"445381"}],450100:[{city:"南宁市",text:"市辖区",value:"450101"},{city:"南宁市",text:"兴宁区",value:"450102"},{city:"南宁市",text:"青秀区",value:"450103"},{city:"南宁市",text:"江南区",value:"450105"},{city:"南宁市",text:"西乡塘区",value:"450107"},{city:"南宁市",text:"良庆区",value:"450108"},{city:"南宁市",text:"邕宁区",value:"450109"},{city:"南宁市",text:"武鸣区",value:"450110"},{city:"南宁市",text:"隆安县",value:"450123"},{city:"南宁市",text:"马山县",value:"450124"},{city:"南宁市",text:"上林县",value:"450125"},{city:"南宁市",text:"宾阳县",value:"450126"},{city:"南宁市",text:"横县",value:"450127"}],450200:[{city:"柳州市",text:"市辖区",value:"450201"},{city:"柳州市",text:"城中区",value:"450202"},{city:"柳州市",text:"鱼峰区",value:"450203"},{city:"柳州市",text:"柳南区",value:"450204"},{city:"柳州市",text:"柳北区",value:"450205"},{city:"柳州市",text:"柳江区",value:"450206"},{city:"柳州市",text:"柳城县",value:"450222"},{city:"柳州市",text:"鹿寨县",value:"450223"},{city:"柳州市",text:"融安县",value:"450224"},{city:"柳州市",text:"融水苗族自治县",value:"450225"},{city:"柳州市",text:"三江侗族自治县",value:"450226"}],450300:[{city:"桂林市",text:"市辖区",value:"450301"},{city:"桂林市",text:"秀峰区",value:"450302"},{city:"桂林市",text:"叠彩区",value:"450303"},{city:"桂林市",text:"象山区",value:"450304"},{city:"桂林市",text:"七星区",value:"450305"},{city:"桂林市",text:"雁山区",value:"450311"},{city:"桂林市",text:"临桂区",value:"450312"},{city:"桂林市",text:"阳朔县",value:"450321"},{city:"桂林市",text:"灵川县",value:"450323"},{city:"桂林市",text:"全州县",value:"450324"},{city:"桂林市",text:"兴安县",value:"450325"},{city:"桂林市",text:"永福县",value:"450326"},{city:"桂林市",text:"灌阳县",value:"450327"},{city:"桂林市",text:"龙胜各族自治县",value:"450328"},{city:"桂林市",text:"资源县",value:"450329"},{city:"桂林市",text:"平乐县",value:"450330"},{city:"桂林市",text:"荔浦县",value:"450331"},{city:"桂林市",text:"恭城瑶族自治县",value:"450332"}],450400:[{city:"梧州市",text:"市辖区",value:"450401"},{city:"梧州市",text:"万秀区",value:"450403"},{city:"梧州市",text:"长洲区",value:"450405"},{city:"梧州市",text:"龙圩区",value:"450406"},{city:"梧州市",text:"苍梧县",value:"450421"},{city:"梧州市",text:"藤县",value:"450422"},{city:"梧州市",text:"蒙山县",value:"450423"},{city:"梧州市",text:"岑溪市",value:"450481"}],450500:[{city:"北海市",text:"市辖区",value:"450501"},{city:"北海市",text:"海城区",value:"450502"},{city:"北海市",text:"银海区",value:"450503"},{city:"北海市",text:"铁山港区",value:"450512"},{city:"北海市",text:"合浦县",value:"450521"}],450600:[{city:"防城港市",text:"市辖区",value:"450601"},{city:"防城港市",text:"港口区",value:"450602"},{city:"防城港市",text:"防城区",value:"450603"},{city:"防城港市",text:"上思县",value:"450621"},{city:"防城港市",text:"东兴市",value:"450681"}],450700:[{city:"钦州市",text:"市辖区",value:"450701"},{city:"钦州市",text:"钦南区",value:"450702"},{city:"钦州市",text:"钦北区",value:"450703"},{city:"钦州市",text:"灵山县",value:"450721"},{city:"钦州市",text:"浦北县",value:"450722"}],450800:[{city:"贵港市",text:"市辖区",value:"450801"},{city:"贵港市",text:"港北区",value:"450802"},{city:"贵港市",text:"港南区",value:"450803"},{city:"贵港市",text:"覃塘区",value:"450804"},{city:"贵港市",text:"平南县",value:"450821"},{city:"贵港市",text:"桂平市",value:"450881"}],450900:[{city:"玉林市",text:"市辖区",value:"450901"},{city:"玉林市",text:"玉州区",value:"450902"},{city:"玉林市",text:"福绵区",value:"450903"},{city:"玉林市",text:"容县",value:"450921"},{city:"玉林市",text:"陆川县",value:"450922"},{city:"玉林市",text:"博白县",value:"450923"},{city:"玉林市",text:"兴业县",value:"450924"},{city:"玉林市",text:"北流市",value:"450981"}],451000:[{city:"百色市",text:"市辖区",value:"451001"},{city:"百色市",text:"右江区",value:"451002"},{city:"百色市",text:"田阳县",value:"451021"},{city:"百色市",text:"田东县",value:"451022"},{city:"百色市",text:"平果县",value:"451023"},{city:"百色市",text:"德保县",value:"451024"},{city:"百色市",text:"那坡县",value:"451026"},{city:"百色市",text:"凌云县",value:"451027"},{city:"百色市",text:"乐业县",value:"451028"},{city:"百色市",text:"田林县",value:"451029"},{city:"百色市",text:"西林县",value:"451030"},{city:"百色市",text:"隆林各族自治县",value:"451031"},{city:"百色市",text:"靖西市",value:"451081"}],451100:[{city:"贺州市",text:"市辖区",value:"451101"},{city:"贺州市",text:"八步区",value:"451102"},{city:"贺州市",text:"平桂区",value:"451103"},{city:"贺州市",text:"昭平县",value:"451121"},{city:"贺州市",text:"钟山县",value:"451122"},{city:"贺州市",text:"富川瑶族自治县",value:"451123"}],451200:[{city:"河池市",text:"市辖区",value:"451201"},{city:"河池市",text:"金城江区",value:"451202"},{city:"河池市",text:"南丹县",value:"451221"},{city:"河池市",text:"天峨县",value:"451222"},{city:"河池市",text:"凤山县",value:"451223"},{city:"河池市",text:"东兰县",value:"451224"},{city:"河池市",text:"罗城仫佬族自治县",value:"451225"},{city:"河池市",text:"环江毛南族自治县",value:"451226"},{city:"河池市",text:"巴马瑶族自治县",value:"451227"},{city:"河池市",text:"都安瑶族自治县",value:"451228"},{city:"河池市",text:"大化瑶族自治县",value:"451229"},{city:"河池市",text:"宜州市",value:"451281"}],451300:[{city:"来宾市",text:"市辖区",value:"451301"},{city:"来宾市",text:"兴宾区",value:"451302"},{city:"来宾市",text:"忻城县",value:"451321"},{city:"来宾市",text:"象州县",value:"451322"},{city:"来宾市",text:"武宣县",value:"451323"},{city:"来宾市",text:"金秀瑶族自治县",value:"451324"},{city:"来宾市",text:"合山市",value:"451381"}],451400:[{city:"崇左市",text:"市辖区",value:"451401"},{city:"崇左市",text:"江州区",value:"451402"},{city:"崇左市",text:"扶绥县",value:"451421"},{city:"崇左市",text:"宁明县",value:"451422"},{city:"崇左市",text:"龙州县",value:"451423"},{city:"崇左市",text:"大新县",value:"451424"},{city:"崇左市",text:"天等县",value:"451425"},{city:"崇左市",text:"凭祥市",value:"451481"}],460100:[{city:"海口市",text:"市辖区",value:"460101"},{city:"海口市",text:"秀英区",value:"460105"},{city:"海口市",text:"龙华区",value:"460106"},{city:"海口市",text:"琼山区",value:"460107"},{city:"海口市",text:"美兰区",value:"460108"}],460200:[{city:"三亚市",text:"市辖区",value:"460201"},{city:"三亚市",text:"海棠区",value:"460202"},{city:"三亚市",text:"吉阳区",value:"460203"},{city:"三亚市",text:"天涯区",value:"460204"},{city:"三亚市",text:"崖州区",value:"460205"}],460300:[],460400:[],469000:[{city:"省直辖县级行政区划",text:"五指山市",value:"469001"},{city:"省直辖县级行政区划",text:"琼海市",value:"469002"},{city:"省直辖县级行政区划",text:"文昌市",value:"469005"},{city:"省直辖县级行政区划",text:"万宁市",value:"469006"},{city:"省直辖县级行政区划",text:"东方市",value:"469007"},{city:"省直辖县级行政区划",text:"定安县",value:"469021"},{city:"省直辖县级行政区划",text:"屯昌县",value:"469022"},{city:"省直辖县级行政区划",text:"澄迈县",value:"469023"},{city:"省直辖县级行政区划",text:"临高县",value:"469024"},{city:"省直辖县级行政区划",text:"白沙黎族自治县",value:"469025"},{city:"省直辖县级行政区划",text:"昌江黎族自治县",value:"469026"},{city:"省直辖县级行政区划",text:"乐东黎族自治县",value:"469027"},{city:"省直辖县级行政区划",text:"陵水黎族自治县",value:"469028"},{city:"省直辖县级行政区划",text:"保亭黎族苗族自治县",value:"469029"},{city:"省直辖县级行政区划",text:"琼中黎族苗族自治县",value:"469030"}],500100:[{city:"市辖区",text:"万州区",value:"500101"},{city:"市辖区",text:"涪陵区",value:"500102"},{city:"市辖区",text:"渝中区",value:"500103"},{city:"市辖区",text:"大渡口区",value:"500104"},{city:"市辖区",text:"江北区",value:"500105"},{city:"市辖区",text:"沙坪坝区",value:"500106"},{city:"市辖区",text:"九龙坡区",value:"500107"},{city:"市辖区",text:"南岸区",value:"500108"},{city:"市辖区",text:"北碚区",value:"500109"},{city:"市辖区",text:"綦江区",value:"500110"},{city:"市辖区",text:"大足区",value:"500111"},{city:"市辖区",text:"渝北区",value:"500112"},{city:"市辖区",text:"巴南区",value:"500113"},{city:"市辖区",text:"黔江区",value:"500114"},{city:"市辖区",text:"长寿区",value:"500115"},{city:"市辖区",text:"江津区",value:"500116"},{city:"市辖区",text:"合川区",value:"500117"},{city:"市辖区",text:"永川区",value:"500118"},{city:"市辖区",text:"南川区",value:"500119"},{city:"市辖区",text:"璧山区",value:"500120"},{city:"市辖区",text:"铜梁区",value:"500151"},{city:"市辖区",text:"潼南区",value:"500152"},{city:"市辖区",text:"荣昌区",value:"500153"},{city:"市辖区",text:"开州区",value:"500154"}],500200:[{city:"县",text:"梁平县",value:"500228"},{city:"县",text:"城口县",value:"500229"},{city:"县",text:"丰都县",value:"500230"},{city:"县",text:"垫江县",value:"500231"},{city:"县",text:"武隆县",value:"500232"},{city:"县",text:"忠县",value:"500233"},{city:"县",text:"云阳县",value:"500235"},{city:"县",text:"奉节县",value:"500236"},{city:"县",text:"巫山县",value:"500237"},{city:"县",text:"巫溪县",value:"500238"},{city:"县",text:"石柱土家族自治县",value:"500240"},{city:"县",text:"秀山土家族苗族自治县",value:"500241"},{city:"县",text:"酉阳土家族苗族自治县",value:"500242"},{city:"县",text:"彭水苗族土家族自治县",value:"500243"}],510100:[{city:"成都市",text:"市辖区",value:"510101"},{city:"成都市",text:"锦江区",value:"510104"},{city:"成都市",text:"青羊区",value:"510105"},{city:"成都市",text:"金牛区",value:"510106"},{city:"成都市",text:"武侯区",value:"510107"},{city:"成都市",text:"成华区",value:"510108"},{city:"成都市",text:"龙泉驿区",value:"510112"},{city:"成都市",text:"青白江区",value:"510113"},{city:"成都市",text:"新都区",value:"510114"},{city:"成都市",text:"温江区",value:"510115"},{city:"成都市",text:"双流区",value:"510116"},{city:"成都市",text:"金堂县",value:"510121"},{city:"成都市",text:"郫县",value:"510124"},{city:"成都市",text:"大邑县",value:"510129"},{city:"成都市",text:"蒲江县",value:"510131"},{city:"成都市",text:"新津县",value:"510132"},{city:"成都市",text:"都江堰市",value:"510181"},{city:"成都市",text:"彭州市",value:"510182"},{city:"成都市",text:"邛崃市",value:"510183"},{city:"成都市",text:"崇州市",value:"510184"},{city:"成都市",text:"简阳市",value:"510185"}],510300:[{city:"自贡市",text:"市辖区",value:"510301"},{city:"自贡市",text:"自流井区",value:"510302"},{city:"自贡市",text:"贡井区",value:"510303"},{city:"自贡市",text:"大安区",value:"510304"},{city:"自贡市",text:"沿滩区",value:"510311"},{city:"自贡市",text:"荣县",value:"510321"},{city:"自贡市",text:"富顺县",value:"510322"}],510400:[{city:"攀枝花市",text:"市辖区",value:"510401"},{city:"攀枝花市",text:"东区",value:"510402"},{city:"攀枝花市",text:"西区",value:"510403"},{city:"攀枝花市",text:"仁和区",value:"510411"},{city:"攀枝花市",text:"米易县",value:"510421"},{city:"攀枝花市",text:"盐边县",value:"510422"}],510500:[{city:"泸州市",text:"市辖区",value:"510501"},{city:"泸州市",text:"江阳区",value:"510502"},{city:"泸州市",text:"纳溪区",value:"510503"},{city:"泸州市",text:"龙马潭区",value:"510504"},{city:"泸州市",text:"泸县",value:"510521"},{city:"泸州市",text:"合江县",value:"510522"},{city:"泸州市",text:"叙永县",value:"510524"},{city:"泸州市",text:"古蔺县",value:"510525"}],510600:[{city:"德阳市",text:"市辖区",value:"510601"},{city:"德阳市",text:"旌阳区",value:"510603"},{city:"德阳市",text:"中江县",value:"510623"},{city:"德阳市",text:"罗江县",value:"510626"},{city:"德阳市",text:"广汉市",value:"510681"},{city:"德阳市",text:"什邡市",value:"510682"},{city:"德阳市",text:"绵竹市",value:"510683"}],510700:[{city:"绵阳市",text:"市辖区",value:"510701"},{city:"绵阳市",text:"涪城区",value:"510703"},{city:"绵阳市",text:"游仙区",value:"510704"},{city:"绵阳市",text:"安州区",value:"510705"},{city:"绵阳市",text:"三台县",value:"510722"},{city:"绵阳市",text:"盐亭县",value:"510723"},{city:"绵阳市",text:"梓潼县",value:"510725"},{city:"绵阳市",text:"北川羌族自治县",value:"510726"},{city:"绵阳市",text:"平武县",value:"510727"},{city:"绵阳市",text:"江油市",value:"510781"}],510800:[{city:"广元市",text:"市辖区",value:"510801"},{city:"广元市",text:"利州区",value:"510802"},{city:"广元市",text:"昭化区",value:"510811"},{city:"广元市",text:"朝天区",value:"510812"},{city:"广元市",text:"旺苍县",value:"510821"},{city:"广元市",text:"青川县",value:"510822"},{city:"广元市",text:"剑阁县",value:"510823"},{city:"广元市",text:"苍溪县",value:"510824"}],510900:[{city:"遂宁市",text:"市辖区",value:"510901"},{city:"遂宁市",text:"船山区",value:"510903"},{city:"遂宁市",text:"安居区",value:"510904"},{city:"遂宁市",text:"蓬溪县",value:"510921"},{city:"遂宁市",text:"射洪县",value:"510922"},{city:"遂宁市",text:"大英县",value:"510923"}],511000:[{city:"内江市",text:"市辖区",value:"511001"},{city:"内江市",text:"市中区",value:"511002"},{city:"内江市",text:"东兴区",value:"511011"},{city:"内江市",text:"威远县",value:"511024"},{city:"内江市",text:"资中县",value:"511025"},{city:"内江市",text:"隆昌县",value:"511028"}],511100:[{city:"乐山市",text:"市辖区",value:"511101"},{city:"乐山市",text:"市中区",value:"511102"},{city:"乐山市",text:"沙湾区",value:"511111"},{city:"乐山市",text:"五通桥区",value:"511112"},{city:"乐山市",text:"金口河区",value:"511113"},{city:"乐山市",text:"犍为县",value:"511123"},{city:"乐山市",text:"井研县",value:"511124"},{city:"乐山市",text:"夹江县",value:"511126"},{city:"乐山市",text:"沐川县",value:"511129"},{city:"乐山市",text:"峨边彝族自治县",value:"511132"},{city:"乐山市",text:"马边彝族自治县",value:"511133"},{city:"乐山市",text:"峨眉山市",value:"511181"}],511300:[{city:"南充市",text:"市辖区",value:"511301"},{city:"南充市",text:"顺庆区",value:"511302"},{city:"南充市",text:"高坪区",value:"511303"},{city:"南充市",text:"嘉陵区",value:"511304"},{city:"南充市",text:"南部县",value:"511321"},{city:"南充市",text:"营山县",value:"511322"},{city:"南充市",text:"蓬安县",value:"511323"},{city:"南充市",text:"仪陇县",value:"511324"},{city:"南充市",text:"西充县",value:"511325"},{city:"南充市",text:"阆中市",value:"511381"}],511400:[{city:"眉山市",text:"市辖区",value:"511401"},{city:"眉山市",text:"东坡区",value:"511402"},{city:"眉山市",text:"彭山区",value:"511403"},{city:"眉山市",text:"仁寿县",value:"511421"},{city:"眉山市",text:"洪雅县",value:"511423"},{city:"眉山市",text:"丹棱县",value:"511424"},{city:"眉山市",text:"青神县",value:"511425"}],511500:[{city:"宜宾市",text:"市辖区",value:"511501"},{city:"宜宾市",text:"翠屏区",value:"511502"},{city:"宜宾市",text:"南溪区",value:"511503"},{city:"宜宾市",text:"宜宾县",value:"511521"},{city:"宜宾市",text:"江安县",value:"511523"},{city:"宜宾市",text:"长宁县",value:"511524"},{city:"宜宾市",text:"高县",value:"511525"},{city:"宜宾市",text:"珙县",value:"511526"},{city:"宜宾市",text:"筠连县",value:"511527"},{city:"宜宾市",text:"兴文县",value:"511528"},{city:"宜宾市",text:"屏山县",value:"511529"}],511600:[{city:"广安市",text:"市辖区",value:"511601"},{city:"广安市",text:"广安区",value:"511602"},{city:"广安市",text:"前锋区",value:"511603"},{city:"广安市",text:"岳池县",value:"511621"},{city:"广安市",text:"武胜县",value:"511622"},{city:"广安市",text:"邻水县",value:"511623"},{city:"广安市",text:"华蓥市",value:"511681"}],511700:[{city:"达州市",text:"市辖区",value:"511701"},{city:"达州市",text:"通川区",value:"511702"},{city:"达州市",text:"达川区",value:"511703"},{city:"达州市",text:"宣汉县",value:"511722"},{city:"达州市",text:"开江县",value:"511723"},{city:"达州市",text:"大竹县",value:"511724"},{city:"达州市",text:"渠县",value:"511725"},{city:"达州市",text:"万源市",value:"511781"}],511800:[{city:"雅安市",text:"市辖区",value:"511801"},{city:"雅安市",text:"雨城区",value:"511802"},{city:"雅安市",text:"名山区",value:"511803"},{city:"雅安市",text:"荥经县",value:"511822"},{city:"雅安市",text:"汉源县",value:"511823"},{city:"雅安市",text:"石棉县",value:"511824"},{city:"雅安市",text:"天全县",value:"511825"},{city:"雅安市",text:"芦山县",value:"511826"},{city:"雅安市",text:"宝兴县",value:"511827"}],511900:[{city:"巴中市",text:"市辖区",value:"511901"},{city:"巴中市",text:"巴州区",value:"511902"},{city:"巴中市",text:"恩阳区",value:"511903"},{city:"巴中市",text:"通江县",value:"511921"},{city:"巴中市",text:"南江县",value:"511922"},{city:"巴中市",text:"平昌县",value:"511923"}],512000:[{city:"资阳市",text:"市辖区",value:"512001"},{city:"资阳市",text:"雁江区",value:"512002"},{city:"资阳市",text:"安岳县",value:"512021"},{city:"资阳市",text:"乐至县",value:"512022"}],513200:[{city:"阿坝藏族羌族自治州",text:"马尔康市",value:"513201"},{city:"阿坝藏族羌族自治州",text:"汶川县",value:"513221"},{city:"阿坝藏族羌族自治州",text:"理县",value:"513222"},{city:"阿坝藏族羌族自治州",text:"茂县",value:"513223"},{city:"阿坝藏族羌族自治州",text:"松潘县",value:"513224"},{city:"阿坝藏族羌族自治州",text:"九寨沟县",value:"513225"},{city:"阿坝藏族羌族自治州",text:"金川县",value:"513226"},{city:"阿坝藏族羌族自治州",text:"小金县",value:"513227"},{city:"阿坝藏族羌族自治州",text:"黑水县",value:"513228"},{city:"阿坝藏族羌族自治州",text:"壤塘县",value:"513230"},{city:"阿坝藏族羌族自治州",text:"阿坝县",value:"513231"},{city:"阿坝藏族羌族自治州",text:"若尔盖县",value:"513232"},{city:"阿坝藏族羌族自治州",text:"红原县",value:"513233"}],513300:[{city:"甘孜藏族自治州",text:"康定市",value:"513301"},{city:"甘孜藏族自治州",text:"泸定县",value:"513322"},{city:"甘孜藏族自治州",text:"丹巴县",value:"513323"},{city:"甘孜藏族自治州",text:"九龙县",value:"513324"},{city:"甘孜藏族自治州",text:"雅江县",value:"513325"},{city:"甘孜藏族自治州",text:"道孚县",value:"513326"},{city:"甘孜藏族自治州",text:"炉霍县",value:"513327"},{city:"甘孜藏族自治州",text:"甘孜县",value:"513328"},{city:"甘孜藏族自治州",text:"新龙县",value:"513329"},{city:"甘孜藏族自治州",text:"德格县",value:"513330"},{city:"甘孜藏族自治州",text:"白玉县",value:"513331"},{city:"甘孜藏族自治州",text:"石渠县",value:"513332"},{city:"甘孜藏族自治州",text:"色达县",value:"513333"},{city:"甘孜藏族自治州",text:"理塘县",value:"513334"},{city:"甘孜藏族自治州",text:"巴塘县",value:"513335"},{city:"甘孜藏族自治州",text:"乡城县",value:"513336"},{city:"甘孜藏族自治州",text:"稻城县",value:"513337"},{city:"甘孜藏族自治州",text:"得荣县",value:"513338"}],513400:[{city:"凉山彝族自治州",text:"西昌市",value:"513401"},{city:"凉山彝族自治州",text:"木里藏族自治县",value:"513422"},{city:"凉山彝族自治州",text:"盐源县",value:"513423"},{city:"凉山彝族自治州",text:"德昌县",value:"513424"},{city:"凉山彝族自治州",text:"会理县",value:"513425"},{city:"凉山彝族自治州",text:"会东县",value:"513426"},{city:"凉山彝族自治州",text:"宁南县",value:"513427"},{city:"凉山彝族自治州",text:"普格县",value:"513428"},{city:"凉山彝族自治州",text:"布拖县",value:"513429"},{city:"凉山彝族自治州",text:"金阳县",value:"513430"},{city:"凉山彝族自治州",text:"昭觉县",value:"513431"},{city:"凉山彝族自治州",text:"喜德县",value:"513432"},{city:"凉山彝族自治州",text:"冕宁县",value:"513433"},{city:"凉山彝族自治州",text:"越西县",value:"513434"},{city:"凉山彝族自治州",text:"甘洛县",value:"513435"},{city:"凉山彝族自治州",text:"美姑县",value:"513436"},{city:"凉山彝族自治州",text:"雷波县",value:"513437"}],520100:[{city:"贵阳市",text:"市辖区",value:"520101"},{city:"贵阳市",text:"南明区",value:"520102"},{city:"贵阳市",text:"云岩区",value:"520103"},{city:"贵阳市",text:"花溪区",value:"520111"},{city:"贵阳市",text:"乌当区",value:"520112"},{city:"贵阳市",text:"白云区",value:"520113"},{city:"贵阳市",text:"观山湖区",value:"520115"},{city:"贵阳市",text:"开阳县",value:"520121"},{city:"贵阳市",text:"息烽县",value:"520122"},{city:"贵阳市",text:"修文县",value:"520123"},{city:"贵阳市",text:"清镇市",value:"520181"}],520200:[{city:"六盘水市",text:"钟山区",value:"520201"},{city:"六盘水市",text:"六枝特区",value:"520203"},{city:"六盘水市",text:"水城县",value:"520221"},{city:"六盘水市",text:"盘县",value:"520222"}],520300:[{city:"遵义市",text:"市辖区",value:"520301"},{city:"遵义市",text:"红花岗区",value:"520302"},{city:"遵义市",text:"汇川区",value:"520303"},{city:"遵义市",text:"播州区",value:"520304"},{city:"遵义市",text:"桐梓县",value:"520322"},{city:"遵义市",text:"绥阳县",value:"520323"},{city:"遵义市",text:"正安县",value:"520324"},{city:"遵义市",text:"道真仡佬族苗族自治县",value:"520325"},{city:"遵义市",text:"务川仡佬族苗族自治县",value:"520326"},{city:"遵义市",text:"凤冈县",value:"520327"},{city:"遵义市",text:"湄潭县",value:"520328"},{city:"遵义市",text:"余庆县",value:"520329"},{city:"遵义市",text:"习水县",value:"520330"},{city:"遵义市",text:"赤水市",value:"520381"},{city:"遵义市",text:"仁怀市",value:"520382"}],520400:[{city:"安顺市",text:"市辖区",value:"520401"},{city:"安顺市",text:"西秀区",value:"520402"},{city:"安顺市",text:"平坝区",value:"520403"},{city:"安顺市",text:"普定县",value:"520422"},{city:"安顺市",text:"镇宁布依族苗族自治县",value:"520423"},{city:"安顺市",text:"关岭布依族苗族自治县",value:"520424"},{city:"安顺市",text:"紫云苗族布依族自治县",value:"520425"}],520500:[{city:"毕节市",text:"市辖区",value:"520501"},{city:"毕节市",text:"七星关区",value:"520502"},{city:"毕节市",text:"大方县",value:"520521"},{city:"毕节市",text:"黔西县",value:"520522"},{city:"毕节市",text:"金沙县",value:"520523"},{city:"毕节市",text:"织金县",value:"520524"},{city:"毕节市",text:"纳雍县",value:"520525"},{city:"毕节市",text:"威宁彝族回族苗族自治县",value:"520526"},{city:"毕节市",text:"赫章县",value:"520527"}],520600:[{city:"铜仁市",text:"市辖区",value:"520601"},{city:"铜仁市",text:"碧江区",value:"520602"},{city:"铜仁市",text:"万山区",value:"520603"},{city:"铜仁市",text:"江口县",value:"520621"},{city:"铜仁市",text:"玉屏侗族自治县",value:"520622"},{city:"铜仁市",text:"石阡县",value:"520623"},{city:"铜仁市",text:"思南县",value:"520624"},{city:"铜仁市",text:"印江土家族苗族自治县",value:"520625"},{city:"铜仁市",text:"德江县",value:"520626"},{city:"铜仁市",text:"沿河土家族自治县",value:"520627"},{city:"铜仁市",text:"松桃苗族自治县",value:"520628"}],522300:[{city:"黔西南布依族苗族自治州",text:"兴义市",value:"522301"},{city:"黔西南布依族苗族自治州",text:"兴仁县",value:"522322"},{city:"黔西南布依族苗族自治州",text:"普安县",value:"522323"},{city:"黔西南布依族苗族自治州",text:"晴隆县",value:"522324"},{city:"黔西南布依族苗族自治州",text:"贞丰县",value:"522325"},{city:"黔西南布依族苗族自治州",text:"望谟县",value:"522326"},{city:"黔西南布依族苗族自治州",text:"册亨县",value:"522327"},{city:"黔西南布依族苗族自治州",text:"安龙县",value:"522328"}],522600:[{city:"黔东南苗族侗族自治州",text:"凯里市",value:"522601"},{city:"黔东南苗族侗族自治州",text:"黄平县",value:"522622"},{city:"黔东南苗族侗族自治州",text:"施秉县",value:"522623"},{city:"黔东南苗族侗族自治州",text:"三穗县",value:"522624"},{city:"黔东南苗族侗族自治州",text:"镇远县",value:"522625"},{city:"黔东南苗族侗族自治州",text:"岑巩县",value:"522626"},{city:"黔东南苗族侗族自治州",text:"天柱县",value:"522627"},{city:"黔东南苗族侗族自治州",text:"锦屏县",value:"522628"},{city:"黔东南苗族侗族自治州",text:"剑河县",value:"522629"},{city:"黔东南苗族侗族自治州",text:"台江县",value:"522630"},{city:"黔东南苗族侗族自治州",text:"黎平县",value:"522631"},{city:"黔东南苗族侗族自治州",text:"榕江县",value:"522632"},{city:"黔东南苗族侗族自治州",text:"从江县",value:"522633"},{city:"黔东南苗族侗族自治州",text:"雷山县",value:"522634"},{city:"黔东南苗族侗族自治州",text:"麻江县",value:"522635"},{city:"黔东南苗族侗族自治州",text:"丹寨县",value:"522636"}],522700:[{city:"黔南布依族苗族自治州",text:"都匀市",value:"522701"},{city:"黔南布依族苗族自治州",text:"福泉市",value:"522702"},{city:"黔南布依族苗族自治州",text:"荔波县",value:"522722"},{city:"黔南布依族苗族自治州",text:"贵定县",value:"522723"},{city:"黔南布依族苗族自治州",text:"瓮安县",value:"522725"},{city:"黔南布依族苗族自治州",text:"独山县",value:"522726"},{city:"黔南布依族苗族自治州",text:"平塘县",value:"522727"},{city:"黔南布依族苗族自治州",text:"罗甸县",value:"522728"},{city:"黔南布依族苗族自治州",text:"长顺县",value:"522729"},{city:"黔南布依族苗族自治州",text:"龙里县",value:"522730"},{city:"黔南布依族苗族自治州",text:"惠水县",value:"522731"},{city:"黔南布依族苗族自治州",text:"三都水族自治县",value:"522732"}],530100:[{city:"昆明市",text:"市辖区",value:"530101"},{city:"昆明市",text:"五华区",value:"530102"},{city:"昆明市",text:"盘龙区",value:"530103"},{city:"昆明市",text:"官渡区",value:"530111"},{city:"昆明市",text:"西山区",value:"530112"},{city:"昆明市",text:"东川区",value:"530113"},{city:"昆明市",text:"呈贡区",value:"530114"},{city:"昆明市",text:"晋宁县",value:"530122"},{city:"昆明市",text:"富民县",value:"530124"},{city:"昆明市",text:"宜良县",value:"530125"},{city:"昆明市",text:"石林彝族自治县",value:"530126"},{city:"昆明市",text:"嵩明县",value:"530127"},{city:"昆明市",text:"禄劝彝族苗族自治县",value:"530128"},{city:"昆明市",text:"寻甸回族彝族自治县",value:"530129"},{city:"昆明市",text:"安宁市",value:"530181"}],530300:[{city:"曲靖市",text:"市辖区",value:"530301"},{city:"曲靖市",text:"麒麟区",value:"530302"},{city:"曲靖市",text:"沾益区",value:"530303"},{city:"曲靖市",text:"马龙县",value:"530321"},{city:"曲靖市",text:"陆良县",value:"530322"},{city:"曲靖市",text:"师宗县",value:"530323"},{city:"曲靖市",text:"罗平县",value:"530324"},{city:"曲靖市",text:"富源县",value:"530325"},{city:"曲靖市",text:"会泽县",value:"530326"},{city:"曲靖市",text:"宣威市",value:"530381"}],530400:[{city:"玉溪市",text:"市辖区",value:"530401"},{city:"玉溪市",text:"红塔区",value:"530402"},{city:"玉溪市",text:"江川区",value:"530403"},{city:"玉溪市",text:"澄江县",value:"530422"},{city:"玉溪市",text:"通海县",value:"530423"},{city:"玉溪市",text:"华宁县",value:"530424"},{city:"玉溪市",text:"易门县",value:"530425"},{city:"玉溪市",text:"峨山彝族自治县",value:"530426"},{city:"玉溪市",text:"新平彝族傣族自治县",value:"530427"},{city:"玉溪市",text:"元江哈尼族彝族傣族自治县",value:"530428"}],530500:[{city:"保山市",text:"市辖区",value:"530501"},{city:"保山市",text:"隆阳区",value:"530502"},{city:"保山市",text:"施甸县",value:"530521"},{city:"保山市",text:"龙陵县",value:"530523"},{city:"保山市",text:"昌宁县",value:"530524"},{city:"保山市",text:"腾冲市",value:"530581"}],530600:[{city:"昭通市",text:"市辖区",value:"530601"},{city:"昭通市",text:"昭阳区",value:"530602"},{city:"昭通市",text:"鲁甸县",value:"530621"},{city:"昭通市",text:"巧家县",value:"530622"},{city:"昭通市",text:"盐津县",value:"530623"},{city:"昭通市",text:"大关县",value:"530624"},{city:"昭通市",text:"永善县",value:"530625"},{city:"昭通市",text:"绥江县",value:"530626"},{city:"昭通市",text:"镇雄县",value:"530627"},{city:"昭通市",text:"彝良县",value:"530628"},{city:"昭通市",text:"威信县",value:"530629"},{city:"昭通市",text:"水富县",value:"530630"}],530700:[{city:"丽江市",text:"市辖区",value:"530701"},{city:"丽江市",text:"古城区",value:"530702"},{city:"丽江市",text:"玉龙纳西族自治县",value:"530721"},{city:"丽江市",text:"永胜县",value:"530722"},{city:"丽江市",text:"华坪县",value:"530723"},{city:"丽江市",text:"宁蒗彝族自治县",value:"530724"}],530800:[{city:"普洱市",text:"市辖区",value:"530801"},{city:"普洱市",text:"思茅区",value:"530802"},{city:"普洱市",text:"宁洱哈尼族彝族自治县",value:"530821"},{city:"普洱市",text:"墨江哈尼族自治县",value:"530822"},{city:"普洱市",text:"景东彝族自治县",value:"530823"},{city:"普洱市",text:"景谷傣族彝族自治县",value:"530824"},{city:"普洱市",text:"镇沅彝族哈尼族拉祜族自治县",value:"530825"},{city:"普洱市",text:"江城哈尼族彝族自治县",value:"530826"},{city:"普洱市",text:"孟连傣族拉祜族佤族自治县",value:"530827"},{city:"普洱市",text:"澜沧拉祜族自治县",value:"530828"},{city:"普洱市",text:"西盟佤族自治县",value:"530829"}],530900:[{city:"临沧市",text:"市辖区",value:"530901"},{city:"临沧市",text:"临翔区",value:"530902"},{city:"临沧市",text:"凤庆县",value:"530921"},{city:"临沧市",text:"云县",value:"530922"},{city:"临沧市",text:"永德县",value:"530923"},{city:"临沧市",text:"镇康县",value:"530924"},{city:"临沧市",text:"双江拉祜族佤族布朗族傣族自治县",value:"530925"},{city:"临沧市",text:"耿马傣族佤族自治县",value:"530926"},{city:"临沧市",text:"沧源佤族自治县",value:"530927"}],532300:[{city:"楚雄彝族自治州",text:"楚雄市",value:"532301"},{city:"楚雄彝族自治州",text:"双柏县",value:"532322"},{city:"楚雄彝族自治州",text:"牟定县",value:"532323"},{city:"楚雄彝族自治州",text:"南华县",value:"532324"},{city:"楚雄彝族自治州",text:"姚安县",value:"532325"},{city:"楚雄彝族自治州",text:"大姚县",value:"532326"},{city:"楚雄彝族自治州",text:"永仁县",value:"532327"},{city:"楚雄彝族自治州",text:"元谋县",value:"532328"},{city:"楚雄彝族自治州",text:"武定县",value:"532329"},{city:"楚雄彝族自治州",text:"禄丰县",value:"532331"}],532500:[{city:"红河哈尼族彝族自治州",text:"个旧市",value:"532501"},{city:"红河哈尼族彝族自治州",text:"开远市",value:"532502"},{city:"红河哈尼族彝族自治州",text:"蒙自市",value:"532503"},{city:"红河哈尼族彝族自治州",text:"弥勒市",value:"532504"},{city:"红河哈尼族彝族自治州",text:"屏边苗族自治县",value:"532523"},{city:"红河哈尼族彝族自治州",text:"建水县",value:"532524"},{city:"红河哈尼族彝族自治州",text:"石屏县",value:"532525"},{city:"红河哈尼族彝族自治州",text:"泸西县",value:"532527"},{city:"红河哈尼族彝族自治州",text:"元阳县",value:"532528"},{city:"红河哈尼族彝族自治州",text:"红河县",value:"532529"},{city:"红河哈尼族彝族自治州",text:"金平苗族瑶族傣族自治县",value:"532530"},{city:"红河哈尼族彝族自治州",text:"绿春县",value:"532531"},{city:"红河哈尼族彝族自治州",text:"河口瑶族自治县",value:"532532"}],532600:[{city:"文山壮族苗族自治州",text:"文山市",value:"532601"},{city:"文山壮族苗族自治州",text:"砚山县",value:"532622"},{city:"文山壮族苗族自治州",text:"西畴县",value:"532623"},{city:"文山壮族苗族自治州",text:"麻栗坡县",value:"532624"},{city:"文山壮族苗族自治州",text:"马关县",value:"532625"},{city:"文山壮族苗族自治州",text:"丘北县",value:"532626"},{city:"文山壮族苗族自治州",text:"广南县",value:"532627"},{city:"文山壮族苗族自治州",text:"富宁县",value:"532628"}],532800:[{city:"西双版纳傣族自治州",text:"景洪市",value:"532801"},{city:"西双版纳傣族自治州",text:"勐海县",value:"532822"},{city:"西双版纳傣族自治州",text:"勐腊县",value:"532823"}],532900:[{city:"大理白族自治州",text:"大理市",value:"532901"},{city:"大理白族自治州",text:"漾濞彝族自治县",value:"532922"},{city:"大理白族自治州",text:"祥云县",value:"532923"},{city:"大理白族自治州",text:"宾川县",value:"532924"},{city:"大理白族自治州",text:"弥渡县",value:"532925"},{city:"大理白族自治州",text:"南涧彝族自治县",value:"532926"},{city:"大理白族自治州",text:"巍山彝族回族自治县",value:"532927"},{city:"大理白族自治州",text:"永平县",value:"532928"},{city:"大理白族自治州",text:"云龙县",value:"532929"},{city:"大理白族自治州",text:"洱源县",value:"532930"},{city:"大理白族自治州",text:"剑川县",value:"532931"},{city:"大理白族自治州",text:"鹤庆县",value:"532932"}],533100:[{city:"德宏傣族景颇族自治州",text:"瑞丽市",value:"533102"},{city:"德宏傣族景颇族自治州",text:"芒市",value:"533103"},{city:"德宏傣族景颇族自治州",text:"梁河县",value:"533122"},{city:"德宏傣族景颇族自治州",text:"盈江县",value:"533123"},{city:"德宏傣族景颇族自治州",text:"陇川县",value:"533124"}],533300:[{city:"怒江傈僳族自治州",text:"泸水市",value:"533301"},{city:"怒江傈僳族自治州",text:"福贡县",value:"533323"},{city:"怒江傈僳族自治州",text:"贡山独龙族怒族自治县",value:"533324"},{city:"怒江傈僳族自治州",text:"兰坪白族普米族自治县",value:"533325"}],533400:[{city:"迪庆藏族自治州",text:"香格里拉市",value:"533401"},{city:"迪庆藏族自治州",text:"德钦县",value:"533422"},{city:"迪庆藏族自治州",text:"维西傈僳族自治县",value:"533423"}],540100:[{city:"拉萨市",text:"市辖区",value:"540101"},{city:"拉萨市",text:"城关区",value:"540102"},{city:"拉萨市",text:"堆龙德庆区",value:"540103"},{city:"拉萨市",text:"林周县",value:"540121"},{city:"拉萨市",text:"当雄县",value:"540122"},{city:"拉萨市",text:"尼木县",value:"540123"},{city:"拉萨市",text:"曲水县",value:"540124"},{city:"拉萨市",text:"达孜县",value:"540126"},{city:"拉萨市",text:"墨竹工卡县",value:"540127"}],540200:[{city:"日喀则市",text:"桑珠孜区",value:"540202"},{city:"日喀则市",text:"南木林县",value:"540221"},{city:"日喀则市",text:"江孜县",value:"540222"},{city:"日喀则市",text:"定日县",value:"540223"},{city:"日喀则市",text:"萨迦县",value:"540224"},{city:"日喀则市",text:"拉孜县",value:"540225"},{city:"日喀则市",text:"昂仁县",value:"540226"},{city:"日喀则市",text:"谢通门县",value:"540227"},{city:"日喀则市",text:"白朗县",value:"540228"},{city:"日喀则市",text:"仁布县",value:"540229"},{city:"日喀则市",text:"康马县",value:"540230"},{city:"日喀则市",text:"定结县",value:"540231"},{city:"日喀则市",text:"仲巴县",value:"540232"},{city:"日喀则市",text:"亚东县",value:"540233"},{city:"日喀则市",text:"吉隆县",value:"540234"},{city:"日喀则市",text:"聂拉木县",value:"540235"},{city:"日喀则市",text:"萨嘎县",value:"540236"},{city:"日喀则市",text:"岗巴县",value:"540237"}],540300:[{city:"昌都市",text:"卡若区",value:"540302"},{city:"昌都市",text:"江达县",value:"540321"},{city:"昌都市",text:"贡觉县",value:"540322"},{city:"昌都市",text:"类乌齐县",value:"540323"},{city:"昌都市",text:"丁青县",value:"540324"},{city:"昌都市",text:"察雅县",value:"540325"},{city:"昌都市",text:"八宿县",value:"540326"},{city:"昌都市",text:"左贡县",value:"540327"},{city:"昌都市",text:"芒康县",value:"540328"},{city:"昌都市",text:"洛隆县",value:"540329"},{city:"昌都市",text:"边坝县",value:"540330"}],540400:[{city:"林芝市",text:"巴宜区",value:"540402"},{city:"林芝市",text:"工布江达县",value:"540421"},{city:"林芝市",text:"米林县",value:"540422"},{city:"林芝市",text:"墨脱县",value:"540423"},{city:"林芝市",text:"波密县",value:"540424"},{city:"林芝市",text:"察隅县",value:"540425"},{city:"林芝市",text:"朗县",value:"540426"}],540500:[{city:"山南市",text:"市辖区",value:"540501"},{city:"山南市",text:"乃东区",value:"540502"},{city:"山南市",text:"扎囊县",value:"540521"},{city:"山南市",text:"贡嘎县",value:"540522"},{city:"山南市",text:"桑日县",value:"540523"},{city:"山南市",text:"琼结县",value:"540524"},{city:"山南市",text:"曲松县",value:"540525"},{city:"山南市",text:"措美县",value:"540526"},{city:"山南市",text:"洛扎县",value:"540527"},{city:"山南市",text:"加查县",value:"540528"},{city:"山南市",text:"隆子县",value:"540529"},{city:"山南市",text:"错那县",value:"540530"},{city:"山南市",text:"浪卡子县",value:"540531"}],542400:[{city:"那曲地区",text:"那曲县",value:"542421"},{city:"那曲地区",text:"嘉黎县",value:"542422"},{city:"那曲地区",text:"比如县",value:"542423"},{city:"那曲地区",text:"聂荣县",value:"542424"},{city:"那曲地区",text:"安多县",value:"542425"},{city:"那曲地区",text:"申扎县",value:"542426"},{city:"那曲地区",text:"索县",value:"542427"},{city:"那曲地区",text:"班戈县",value:"542428"},{city:"那曲地区",text:"巴青县",value:"542429"},{city:"那曲地区",text:"尼玛县",value:"542430"},{city:"那曲地区",text:"双湖县",value:"542431"}],542500:[{city:"阿里地区",text:"普兰县",value:"542521"},{city:"阿里地区",text:"札达县",value:"542522"},{city:"阿里地区",text:"噶尔县",value:"542523"},{city:"阿里地区",text:"日土县",value:"542524"},{city:"阿里地区",text:"革吉县",value:"542525"},{city:"阿里地区",text:"改则县",value:"542526"},{city:"阿里地区",text:"措勤县",value:"542527"}],610100:[{city:"西安市",text:"市辖区",value:"610101"},{city:"西安市",text:"新城区",value:"610102"},{city:"西安市",text:"碑林区",value:"610103"},{city:"西安市",text:"莲湖区",value:"610104"},{city:"西安市",text:"灞桥区",value:"610111"},{city:"西安市",text:"未央区",value:"610112"},{city:"西安市",text:"雁塔区",value:"610113"},{city:"西安市",text:"阎良区",value:"610114"},{city:"西安市",text:"临潼区",value:"610115"},{city:"西安市",text:"长安区",value:"610116"},{city:"西安市",text:"高陵区",value:"610117"},{city:"西安市",text:"蓝田县",value:"610122"},{city:"西安市",text:"周至县",value:"610124"},{city:"西安市",text:"户县",value:"610125"}],610200:[{city:"铜川市",text:"市辖区",value:"610201"},{city:"铜川市",text:"王益区",value:"610202"},{city:"铜川市",text:"印台区",value:"610203"},{city:"铜川市",text:"耀州区",value:"610204"},{city:"铜川市",text:"宜君县",value:"610222"}],610300:[{city:"宝鸡市",text:"市辖区",value:"610301"},{city:"宝鸡市",text:"渭滨区",value:"610302"},{city:"宝鸡市",text:"金台区",value:"610303"},{city:"宝鸡市",text:"陈仓区",value:"610304"},{city:"宝鸡市",text:"凤翔县",value:"610322"},{city:"宝鸡市",text:"岐山县",value:"610323"},{city:"宝鸡市",text:"扶风县",value:"610324"},{city:"宝鸡市",text:"眉县",value:"610326"},{city:"宝鸡市",text:"陇县",value:"610327"},{city:"宝鸡市",text:"千阳县",value:"610328"},{city:"宝鸡市",text:"麟游县",value:"610329"},{city:"宝鸡市",text:"凤县",value:"610330"},{city:"宝鸡市",text:"太白县",value:"610331"}],610400:[{city:"咸阳市",text:"市辖区",value:"610401"},{city:"咸阳市",text:"秦都区",value:"610402"},{city:"咸阳市",text:"杨陵区",value:"610403"},{city:"咸阳市",text:"渭城区",value:"610404"},{city:"咸阳市",text:"三原县",value:"610422"},{city:"咸阳市",text:"泾阳县",value:"610423"},{city:"咸阳市",text:"乾县",value:"610424"},{city:"咸阳市",text:"礼泉县",value:"610425"},{city:"咸阳市",text:"永寿县",value:"610426"},{city:"咸阳市",text:"彬县",value:"610427"},{city:"咸阳市",text:"长武县",value:"610428"},{city:"咸阳市",text:"旬邑县",value:"610429"},{city:"咸阳市",text:"淳化县",value:"610430"},{city:"咸阳市",text:"武功县",value:"610431"},{city:"咸阳市",text:"兴平市",value:"610481"}],610500:[{city:"渭南市",text:"市辖区",value:"610501"},{city:"渭南市",text:"临渭区",value:"610502"},{city:"渭南市",text:"华州区",value:"610503"},{city:"渭南市",text:"潼关县",value:"610522"},{city:"渭南市",text:"大荔县",value:"610523"},{city:"渭南市",text:"合阳县",value:"610524"},{city:"渭南市",text:"澄城县",value:"610525"},{city:"渭南市",text:"蒲城县",value:"610526"},{city:"渭南市",text:"白水县",value:"610527"},{city:"渭南市",text:"富平县",value:"610528"},{city:"渭南市",text:"韩城市",value:"610581"},{city:"渭南市",text:"华阴市",value:"610582"}],610600:[{city:"延安市",text:"市辖区",value:"610601"},{city:"延安市",text:"宝塔区",value:"610602"},{city:"延安市",text:"安塞区",value:"610603"},{city:"延安市",text:"延长县",value:"610621"},{city:"延安市",text:"延川县",value:"610622"},{city:"延安市",text:"子长县",value:"610623"},{city:"延安市",text:"志丹县",value:"610625"},{city:"延安市",text:"吴起县",value:"610626"},{city:"延安市",text:"甘泉县",value:"610627"},{city:"延安市",text:"富县",value:"610628"},{city:"延安市",text:"洛川县",value:"610629"},{city:"延安市",text:"宜川县",value:"610630"},{city:"延安市",text:"黄龙县",value:"610631"},{city:"延安市",text:"黄陵县",value:"610632"}],610700:[{city:"汉中市",text:"市辖区",value:"610701"},{city:"汉中市",text:"汉台区",value:"610702"},{city:"汉中市",text:"南郑县",value:"610721"},{city:"汉中市",text:"城固县",value:"610722"},{city:"汉中市",text:"洋县",value:"610723"},{city:"汉中市",text:"西乡县",value:"610724"},{city:"汉中市",text:"勉县",value:"610725"},{city:"汉中市",text:"宁强县",value:"610726"},{city:"汉中市",text:"略阳县",value:"610727"},{city:"汉中市",text:"镇巴县",value:"610728"},{city:"汉中市",text:"留坝县",value:"610729"},{city:"汉中市",text:"佛坪县",value:"610730"}],610800:[{city:"榆林市",text:"市辖区",value:"610801"},{city:"榆林市",text:"榆阳区",value:"610802"},{city:"榆林市",text:"横山区",value:"610803"},{city:"榆林市",text:"神木县",value:"610821"},{city:"榆林市",text:"府谷县",value:"610822"},{city:"榆林市",text:"靖边县",value:"610824"},{city:"榆林市",text:"定边县",value:"610825"},{city:"榆林市",text:"绥德县",value:"610826"},{city:"榆林市",text:"米脂县",value:"610827"},{city:"榆林市",text:"佳县",value:"610828"},{city:"榆林市",text:"吴堡县",value:"610829"},{city:"榆林市",text:"清涧县",value:"610830"},{city:"榆林市",text:"子洲县",value:"610831"}],610900:[{city:"安康市",text:"市辖区",value:"610901"},{city:"安康市",text:"汉滨区",value:"610902"},{city:"安康市",text:"汉阴县",value:"610921"},{city:"安康市",text:"石泉县",value:"610922"},{city:"安康市",text:"宁陕县",value:"610923"},{city:"安康市",text:"紫阳县",value:"610924"},{city:"安康市",text:"岚皋县",value:"610925"},{city:"安康市",text:"平利县",value:"610926"},{city:"安康市",text:"镇坪县",value:"610927"},{city:"安康市",text:"旬阳县",value:"610928"},{city:"安康市",text:"白河县",value:"610929"}],611000:[{city:"商洛市",text:"市辖区",value:"611001"},{city:"商洛市",text:"商州区",value:"611002"},{city:"商洛市",text:"洛南县",value:"611021"},{city:"商洛市",text:"丹凤县",value:"611022"},{city:"商洛市",text:"商南县",value:"611023"},{city:"商洛市",text:"山阳县",value:"611024"},{city:"商洛市",text:"镇安县",value:"611025"},{city:"商洛市",text:"柞水县",value:"611026"}],620100:[{city:"兰州市",text:"市辖区",value:"620101"},{city:"兰州市",text:"城关区",value:"620102"},{city:"兰州市",text:"七里河区",value:"620103"},{city:"兰州市",text:"西固区",value:"620104"},{city:"兰州市",text:"安宁区",value:"620105"},{city:"兰州市",text:"红古区",value:"620111"},{city:"兰州市",text:"永登县",value:"620121"},{city:"兰州市",text:"皋兰县",value:"620122"},{city:"兰州市",text:"榆中县",value:"620123"}],620200:[{city:"嘉峪关市",text:"市辖区",value:"620201"}],620300:[{city:"金昌市",text:"市辖区",value:"620301"},{city:"金昌市",text:"金川区",value:"620302"},{city:"金昌市",text:"永昌县",value:"620321"}],620400:[{city:"白银市",text:"市辖区",value:"620401"},{city:"白银市",text:"白银区",value:"620402"},{city:"白银市",text:"平川区",value:"620403"},{city:"白银市",text:"靖远县",value:"620421"},{city:"白银市",text:"会宁县",value:"620422"},{city:"白银市",text:"景泰县",value:"620423"}],620500:[{city:"天水市",text:"市辖区",value:"620501"},{city:"天水市",text:"秦州区",value:"620502"},{city:"天水市",text:"麦积区",value:"620503"},{city:"天水市",text:"清水县",value:"620521"},{city:"天水市",text:"秦安县",value:"620522"},{city:"天水市",text:"甘谷县",value:"620523"},{city:"天水市",text:"武山县",value:"620524"},{city:"天水市",text:"张家川回族自治县",value:"620525"}],620600:[{city:"武威市",text:"市辖区",value:"620601"},{city:"武威市",text:"凉州区",value:"620602"},{city:"武威市",text:"民勤县",value:"620621"},{city:"武威市",text:"古浪县",value:"620622"},{city:"武威市",text:"天祝藏族自治县",value:"620623"}],620700:[{city:"张掖市",text:"市辖区",value:"620701"},{city:"张掖市",text:"甘州区",value:"620702"},{city:"张掖市",text:"肃南裕固族自治县",value:"620721"},{city:"张掖市",text:"民乐县",value:"620722"},{city:"张掖市",text:"临泽县",value:"620723"},{city:"张掖市",text:"高台县",value:"620724"},{city:"张掖市",text:"山丹县",value:"620725"}],620800:[{city:"平凉市",text:"市辖区",value:"620801"},{city:"平凉市",text:"崆峒区",value:"620802"},{city:"平凉市",text:"泾川县",value:"620821"},{city:"平凉市",text:"灵台县",value:"620822"},{city:"平凉市",text:"崇信县",value:"620823"},{city:"平凉市",text:"华亭县",value:"620824"},{city:"平凉市",text:"庄浪县",value:"620825"},{city:"平凉市",text:"静宁县",value:"620826"}],620900:[{city:"酒泉市",text:"市辖区",value:"620901"},{city:"酒泉市",text:"肃州区",value:"620902"},{city:"酒泉市",text:"金塔县",value:"620921"},{city:"酒泉市",text:"瓜州县",value:"620922"},{city:"酒泉市",text:"肃北蒙古族自治县",value:"620923"},{city:"酒泉市",text:"阿克塞哈萨克族自治县",value:"620924"},{city:"酒泉市",text:"玉门市",value:"620981"},{city:"酒泉市",text:"敦煌市",value:"620982"}],621000:[{city:"庆阳市",text:"市辖区",value:"621001"},{city:"庆阳市",text:"西峰区",value:"621002"},{city:"庆阳市",text:"庆城县",value:"621021"},{city:"庆阳市",text:"环县",value:"621022"},{city:"庆阳市",text:"华池县",value:"621023"},{city:"庆阳市",text:"合水县",value:"621024"},{city:"庆阳市",text:"正宁县",value:"621025"},{city:"庆阳市",text:"宁县",value:"621026"},{city:"庆阳市",text:"镇原县",value:"621027"}],621100:[{city:"定西市",text:"市辖区",value:"621101"},{city:"定西市",text:"安定区",value:"621102"},{city:"定西市",text:"通渭县",value:"621121"},{city:"定西市",text:"陇西县",value:"621122"},{city:"定西市",text:"渭源县",value:"621123"},{city:"定西市",text:"临洮县",value:"621124"},{city:"定西市",text:"漳县",value:"621125"},{city:"定西市",text:"岷县",value:"621126"}],621200:[{city:"陇南市",text:"市辖区",value:"621201"},{city:"陇南市",text:"武都区",value:"621202"},{city:"陇南市",text:"成县",value:"621221"},{city:"陇南市",text:"文县",value:"621222"},{city:"陇南市",text:"宕昌县",value:"621223"},{city:"陇南市",text:"康县",value:"621224"},{city:"陇南市",text:"西和县",value:"621225"},{city:"陇南市",text:"礼县",value:"621226"},{city:"陇南市",text:"徽县",value:"621227"},{city:"陇南市",text:"两当县",value:"621228"}],622900:[{city:"临夏回族自治州",text:"临夏市",value:"622901"},{city:"临夏回族自治州",text:"临夏县",value:"622921"},{city:"临夏回族自治州",text:"康乐县",value:"622922"},{city:"临夏回族自治州",text:"永靖县",value:"622923"},{city:"临夏回族自治州",text:"广河县",value:"622924"},{city:"临夏回族自治州",text:"和政县",value:"622925"},{city:"临夏回族自治州",text:"东乡族自治县",value:"622926"},{city:"临夏回族自治州",text:"积石山保安族东乡族撒拉族自治县",value:"622927"}],623000:[{city:"甘南藏族自治州",text:"合作市",value:"623001"},{city:"甘南藏族自治州",text:"临潭县",value:"623021"},{city:"甘南藏族自治州",text:"卓尼县",value:"623022"},{city:"甘南藏族自治州",text:"舟曲县",value:"623023"},{city:"甘南藏族自治州",text:"迭部县",value:"623024"},{city:"甘南藏族自治州",text:"玛曲县",value:"623025"},{city:"甘南藏族自治州",text:"碌曲县",value:"623026"},{city:"甘南藏族自治州",text:"夏河县",value:"623027"}],630100:[{city:"西宁市",text:"市辖区",value:"630101"},{city:"西宁市",text:"城东区",value:"630102"},{city:"西宁市",text:"城中区",value:"630103"},{city:"西宁市",text:"城西区",value:"630104"},{city:"西宁市",text:"城北区",value:"630105"},{city:"西宁市",text:"大通回族土族自治县",value:"630121"},{city:"西宁市",text:"湟中县",value:"630122"},{city:"西宁市",text:"湟源县",value:"630123"}],630200:[{city:"海东市",text:"乐都区",value:"630202"},{city:"海东市",text:"平安区",value:"630203"},{city:"海东市",text:"民和回族土族自治县",value:"630222"},{city:"海东市",text:"互助土族自治县",value:"630223"},{city:"海东市",text:"化隆回族自治县",value:"630224"},{city:"海东市",text:"循化撒拉族自治县",value:"630225"}],632200:[{city:"海北藏族自治州",text:"门源回族自治县",value:"632221"},{city:"海北藏族自治州",text:"祁连县",value:"632222"},{city:"海北藏族自治州",text:"海晏县",value:"632223"},{city:"海北藏族自治州",text:"刚察县",value:"632224"}],632300:[{city:"黄南藏族自治州",text:"同仁县",value:"632321"},{city:"黄南藏族自治州",text:"尖扎县",value:"632322"},{city:"黄南藏族自治州",text:"泽库县",value:"632323"},{city:"黄南藏族自治州",text:"河南蒙古族自治县",value:"632324"}],632500:[{city:"海南藏族自治州",text:"共和县",value:"632521"},{city:"海南藏族自治州",text:"同德县",value:"632522"},{city:"海南藏族自治州",text:"贵德县",value:"632523"},{city:"海南藏族自治州",text:"兴海县",value:"632524"},{city:"海南藏族自治州",text:"贵南县",value:"632525"}],632600:[{city:"果洛藏族自治州",text:"玛沁县",value:"632621"},{city:"果洛藏族自治州",text:"班玛县",value:"632622"},{city:"果洛藏族自治州",text:"甘德县",value:"632623"},{city:"果洛藏族自治州",text:"达日县",value:"632624"},{city:"果洛藏族自治州",text:"久治县",value:"632625"},{city:"果洛藏族自治州",text:"玛多县",value:"632626"}],632700:[{city:"玉树藏族自治州",text:"玉树市",value:"632701"},{city:"玉树藏族自治州",text:"杂多县",value:"632722"},{city:"玉树藏族自治州",text:"称多县",value:"632723"},{city:"玉树藏族自治州",text:"治多县",value:"632724"},{city:"玉树藏族自治州",text:"囊谦县",value:"632725"},{city:"玉树藏族自治州",text:"曲麻莱县",value:"632726"}],632800:[{city:"海西蒙古族藏族自治州",text:"格尔木市",value:"632801"},{city:"海西蒙古族藏族自治州",text:"德令哈市",value:"632802"},{city:"海西蒙古族藏族自治州",text:"乌兰县",value:"632821"},{city:"海西蒙古族藏族自治州",text:"都兰县",value:"632822"},{city:"海西蒙古族藏族自治州",text:"天峻县",value:"632823"}],640100:[{city:"银川市",text:"市辖区",value:"640101"},{city:"银川市",text:"兴庆区",value:"640104"},{city:"银川市",text:"西夏区",value:"640105"},{city:"银川市",text:"金凤区",value:"640106"},{city:"银川市",text:"永宁县",value:"640121"},{city:"银川市",text:"贺兰县",value:"640122"},{city:"银川市",text:"灵武市",value:"640181"}],640200:[{city:"石嘴山市",text:"市辖区",value:"640201"},{city:"石嘴山市",text:"大武口区",value:"640202"},{city:"石嘴山市",text:"惠农区",value:"640205"},{city:"石嘴山市",text:"平罗县",value:"640221"}],640300:[{city:"吴忠市",text:"市辖区",value:"640301"},{city:"吴忠市",text:"利通区",value:"640302"},{city:"吴忠市",text:"红寺堡区",value:"640303"},{city:"吴忠市",text:"盐池县",value:"640323"},{city:"吴忠市",text:"同心县",value:"640324"},{city:"吴忠市",text:"青铜峡市",value:"640381"}],640400:[{city:"固原市",text:"市辖区",value:"640401"},{city:"固原市",text:"原州区",value:"640402"},{city:"固原市",text:"西吉县",value:"640422"},{city:"固原市",text:"隆德县",value:"640423"},{city:"固原市",text:"泾源县",value:"640424"},{city:"固原市",text:"彭阳县",value:"640425"}],640500:[{city:"中卫市",text:"市辖区",value:"640501"},{city:"中卫市",text:"沙坡头区",value:"640502"},{city:"中卫市",text:"中宁县",value:"640521"},{city:"中卫市",text:"海原县",value:"640522"}],650100:[{city:"乌鲁木齐市",text:"市辖区",value:"650101"},{city:"乌鲁木齐市",text:"天山区",value:"650102"},{city:"乌鲁木齐市",text:"沙依巴克区",value:"650103"},{city:"乌鲁木齐市",text:"新市区",value:"650104"},{city:"乌鲁木齐市",text:"水磨沟区",value:"650105"},{city:"乌鲁木齐市",text:"头屯河区",value:"650106"},{city:"乌鲁木齐市",text:"达坂城区",value:"650107"},{city:"乌鲁木齐市",text:"米东区",value:"650109"},{city:"乌鲁木齐市",text:"乌鲁木齐县",value:"650121"}],650200:[{city:"克拉玛依市",text:"市辖区",value:"650201"},{city:"克拉玛依市",text:"独山子区",value:"650202"},{city:"克拉玛依市",text:"克拉玛依区",value:"650203"},{city:"克拉玛依市",text:"白碱滩区",value:"650204"},{city:"克拉玛依市",text:"乌尔禾区",value:"650205"}],650400:[{city:"吐鲁番市",text:"高昌区",value:"650402"},{city:"吐鲁番市",text:"鄯善县",value:"650421"},{city:"吐鲁番市",text:"托克逊县",value:"650422"}],650500:[{city:"哈密市",text:"伊州区",value:"650502"},{city:"哈密市",text:"巴里坤哈萨克自治县",value:"650521"},{city:"哈密市",text:"伊吾县",value:"650522"}],652300:[{city:"昌吉回族自治州",text:"昌吉市",value:"652301"},{city:"昌吉回族自治州",text:"阜康市",value:"652302"},{city:"昌吉回族自治州",text:"呼图壁县",value:"652323"},{city:"昌吉回族自治州",text:"玛纳斯县",value:"652324"},{city:"昌吉回族自治州",text:"奇台县",value:"652325"},{city:"昌吉回族自治州",text:"吉木萨尔县",value:"652327"},{city:"昌吉回族自治州",text:"木垒哈萨克自治县",value:"652328"}],652700:[{city:"博尔塔拉蒙古自治州",text:"博乐市",value:"652701"},{city:"博尔塔拉蒙古自治州",text:"阿拉山口市",value:"652702"},{city:"博尔塔拉蒙古自治州",text:"精河县",value:"652722"},{city:"博尔塔拉蒙古自治州",text:"温泉县",value:"652723"}],652800:[{city:"巴音郭楞蒙古自治州",text:"库尔勒市",value:"652801"},{city:"巴音郭楞蒙古自治州",text:"轮台县",value:"652822"},{city:"巴音郭楞蒙古自治州",text:"尉犁县",value:"652823"},{city:"巴音郭楞蒙古自治州",text:"若羌县",value:"652824"},{city:"巴音郭楞蒙古自治州",text:"且末县",value:"652825"},{city:"巴音郭楞蒙古自治州",text:"焉耆回族自治县",value:"652826"},{city:"巴音郭楞蒙古自治州",text:"和静县",value:"652827"},{city:"巴音郭楞蒙古自治州",text:"和硕县",value:"652828"},{city:"巴音郭楞蒙古自治州",text:"博湖县",value:"652829"}],652900:[{city:"阿克苏地区",text:"阿克苏市",value:"652901"},{city:"阿克苏地区",text:"温宿县",value:"652922"},{city:"阿克苏地区",text:"库车县",value:"652923"},{city:"阿克苏地区",text:"沙雅县",value:"652924"},{city:"阿克苏地区",text:"新和县",value:"652925"},{city:"阿克苏地区",text:"拜城县",value:"652926"},{city:"阿克苏地区",text:"乌什县",value:"652927"},{city:"阿克苏地区",text:"阿瓦提县",value:"652928"},{city:"阿克苏地区",text:"柯坪县",value:"652929"}],653000:[{city:"克孜勒苏柯尔克孜自治州",text:"阿图什市",value:"653001"},{city:"克孜勒苏柯尔克孜自治州",text:"阿克陶县",value:"653022"},{city:"克孜勒苏柯尔克孜自治州",text:"阿合奇县",value:"653023"},{city:"克孜勒苏柯尔克孜自治州",text:"乌恰县",value:"653024"}],653100:[{city:"喀什地区",text:"喀什市",value:"653101"},{city:"喀什地区",text:"疏附县",value:"653121"},{city:"喀什地区",text:"疏勒县",value:"653122"},{city:"喀什地区",text:"英吉沙县",value:"653123"},{city:"喀什地区",text:"泽普县",value:"653124"},{city:"喀什地区",text:"莎车县",value:"653125"},{city:"喀什地区",text:"叶城县",value:"653126"},{city:"喀什地区",text:"麦盖提县",value:"653127"},{city:"喀什地区",text:"岳普湖县",value:"653128"},{city:"喀什地区",text:"伽师县",value:"653129"},{city:"喀什地区",text:"巴楚县",value:"653130"},{city:"喀什地区",text:"塔什库尔干塔吉克自治县",value:"653131"}],653200:[{city:"和田地区",text:"和田市",value:"653201"},{city:"和田地区",text:"和田县",value:"653221"},{city:"和田地区",text:"墨玉县",value:"653222"},{city:"和田地区",text:"皮山县",value:"653223"},{city:"和田地区",text:"洛浦县",value:"653224"},{city:"和田地区",text:"策勒县",value:"653225"},{city:"和田地区",text:"于田县",value:"653226"},{city:"和田地区",text:"民丰县",value:"653227"}],654000:[{city:"伊犁哈萨克自治州",text:"伊宁市",value:"654002"},{city:"伊犁哈萨克自治州",text:"奎屯市",value:"654003"},{city:"伊犁哈萨克自治州",text:"霍尔果斯市",value:"654004"},{city:"伊犁哈萨克自治州",text:"伊宁县",value:"654021"},{city:"伊犁哈萨克自治州",text:"察布查尔锡伯自治县",value:"654022"},{city:"伊犁哈萨克自治州",text:"霍城县",value:"654023"},{city:"伊犁哈萨克自治州",text:"巩留县",value:"654024"},{city:"伊犁哈萨克自治州",text:"新源县",value:"654025"},{city:"伊犁哈萨克自治州",text:"昭苏县",value:"654026"},{city:"伊犁哈萨克自治州",text:"特克斯县",value:"654027"},{city:"伊犁哈萨克自治州",text:"尼勒克县",value:"654028"}],654200:[{city:"塔城地区",text:"塔城市",value:"654201"},{city:"塔城地区",text:"乌苏市",value:"654202"},{city:"塔城地区",text:"额敏县",value:"654221"},{city:"塔城地区",text:"沙湾县",value:"654223"},{city:"塔城地区",text:"托里县",value:"654224"},{city:"塔城地区",text:"裕民县",value:"654225"},{city:"塔城地区",text:"和布克赛尔蒙古自治县",value:"654226"}],654300:[{city:"阿勒泰地区",text:"阿勒泰市",value:"654301"},{city:"阿勒泰地区",text:"布尔津县",value:"654321"},{city:"阿勒泰地区",text:"富蕴县",value:"654322"},{city:"阿勒泰地区",text:"福海县",value:"654323"},{city:"阿勒泰地区",text:"哈巴河县",value:"654324"},{city:"阿勒泰地区",text:"青河县",value:"654325"},{city:"阿勒泰地区",text:"吉木乃县",value:"654326"}],659000:[{city:"自治区直辖县级行政区划",text:"石河子市",value:"659001"},{city:"自治区直辖县级行政区划",text:"阿拉尔市",value:"659002"},{city:"自治区直辖县级行政区划",text:"图木舒克市",value:"659003"},{city:"自治区直辖县级行政区划",text:"五家渠市",value:"659004"},{city:"自治区直辖县级行政区划",text:"铁门关市",value:"659006"}]}})},A5db:function(t,e,a){function i(t){a("7jsq")}var n=a("VU/8")(a("KZW3"),a("tmZ1"),i,null,null);t.exports=n.exports},AQXh:function(t,e,a){function i(t){a("HAAd")}var n=a("VU/8")(a("Woua"),a("kftu"),i,null,null);t.exports=n.exports},AdWU:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{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 a in t){var i=t[a];i.size>1048576&&(i.ignore=!0,e=!0)}e&&this.$createToast({type:"warn",time:1e3,txt:"You selected >1M files"}).show()}},components:{CubePage:i.default}},t.exports=e.default})},AgjA:function(t,e,a){function i(t){a("nqbe")}var n=a("VU/8")(a("2iSa"),a("T6wA"),i,null,null);t.exports=n.exports},AkiL:function(t,e){},AnsX:function(t,e,a){var i=a("VU/8")(a("WjKT"),a("/tRR"),null,null,null);t.exports=i.exports},ApVb:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("Zd1j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(i),o=c(n),s=c(l);e.default={data:function(){return{initTime:(new Date).getTime(),id:0,size:50,infinite:!0}},components:{CubePage:o.default},methods:{getItem:function(t){var e=Math.floor(6*Math.random()),i=s.default.messages[Math.floor(Math.random()*s.default.messages.length)];return{id:t,avatar:a("6WIs")("./avatar"+e+".png"),msg:i,time:new Date(Math.floor(this.initTime+t*this.size*1e3+Math.random()*this.size*1e3)).toString()}},onFetch:function(){var t=this,e=[];return new u.default(function(a){setTimeout(function(){for(var i=0;i<t.size;i++)e.push(t.getItem(t.id++));a(e)},1e3)})},handleClick:function(t){console.log(t)}}},t.exports=e.default})},B1Rs:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("KATl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-swipe",provide:function(){return{swipe:this}},props:{data:{type:Array,default:function(){return[]}},autoShrink:{type:Boolean,default:!1}},created:function(){this.activeIndex=-1,this.items=[]},methods:{addItem:function(t){this.items.push(t)},removeItem:function(t){var e=this.items.indexOf(t);this.items.splice(e,1),e<=this.activeIndex&&(this.activeIndex-=1)},onItemClick:function(t,e){this.$emit("item-click",t,e)},onBtnClick:function(t,e){var a=this.data[e];this.$emit("btn-click",t,e,a)},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.items[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubeSwipeItem:i.default}},t.exports=e.default})},BD2p:function(t,e,a){function i(t){a("YekI")}var n=a("VU/8")(a("u1ui"),a("Vh/j"),i,null,null);t.exports=n.exports},BH5X:function(t,e,a){function i(t){a("hHHY")}var n=a("VU/8")(a("N6Rs"),a("fn00"),i,null,null);t.exports=n.exports},BHjP:function(t,e,a){function i(t){a("mJX1")}var n=a("VU/8")(a("9ZU5"),a("mZtU"),i,null,null);t.exports=n.exports},BINl:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-toast-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast","z-index":t.zIndex,mask:t.mask},on:{"mask-click":t.maskClick}},[!t.isLoading&&t.iconClass.length?a("i",{staticClass:"cube-toast-icon",class:t.iconClass}):t._e(),t._v(" "),t.isLoading?a("cube-loading"):t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip",domProps:{innerHTML:t._s(t.txt)}})],1)],1)},staticRenderFns:[]}},BIY4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Date Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDatePicker}},[t._v("Date Picker")]),t._v(" "),a("cube-button",{on:{click:t.showChangeOrderPicker}},[t._v("Date Picker(Change order)")]),t._v(" "),a("cube-button",{on:{click:t.showTimePicker}},[t._v("Time Picker")]),t._v(" "),a("cube-button",{on:{click:t.showDateTimePicker}},[t._v("Date Time Picker")]),t._v(" "),a("cube-button",{on:{click:t.showFormatPicker}},[t._v("Use format")]),t._v(" "),a("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")])],1)],1)])},staticRenderFns:[]}},BPTU:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("LIRj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:null,icon:String,options:Object,loadData:Function,action:Function,formatValue:Function},data:function(){var t=this._formatValue();return{model:t,modelText:t.text,isActive:!1}},computed:{computedValue:function(){return this._formatValue()}},watch:{isActive:function(t){this.$refs.input.isFocus=t},model:function(t){this.modelText=t.text,this.modelMap[t.value]=t.text,this.$emit("input",t.value)}},beforeCreate:function(){this.modelMap={}},methods:{_formatValue:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.value;return t===Object(t)?t:{text:this.modelMap[t]||t,value:t}},defaultAction:function(){var t=this.options,e=t.component,i=t.options;return this[(0,a.camelize)("$create-"+e)](i||{})},showComponent:function(){if(!this.actionComponent){var t=this.actionComponent=this.action?this.action(this):this.defaultAction(this);t.$on("select",this.onSelect),t.$on("hide",this.onHide),t.$on("cancel",this.onHide),t.$on("close",this.onHide)}this.actionComponent.show(),this.isActive=!0},clickHandler:function(){var t=this;this.loadData?this.loadData(this.options).then(function(){t.showComponent()}):this.showComponent()},onSelect:function(){this.isActive=!1,this.model=this._formatValue(this.formatValue?this.formatValue.apply(this,arguments):{text:arguments.length<=0?void 0:arguments[0],value:arguments.length<=2?void 0:arguments[2]})},onHide:function(){this.isActive=!1}}},t.exports=e.default})},BQwy:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab-panel",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.$parent.addPanel(this)},destroyed:function(){this.$parent.removePanel(this)}},t.exports=e.default})},"BRD/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);e.default={name:"cube-segment-picker",mixins:[s.default,r.default,d.default,v.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;t<this.data.length;t++){var e=this.$refs.pickers[t];if(e.$attrs.index===this.current)return e}},_nextTxt:function(){return this.nextTxt||this.$t("next")},_prevTxt:function(){return this.prevTxt||this.$t("prev")}},watch:{data:function(){this.current=0,this.selectedVal=[],this.selectedIndex=[],this.selectedText=[]}},methods:{show:function(){!this.isVisible&&this.data.length&&(this.isVisible=!0,this.currentPicker.show())},hide:function(){this.isVisible&&this.data.length&&(this.isVisible=!1,this.currentPicker.hide())},_select:function(){for(var t=arguments.length,e=Array(t),a=0;a<t;a++)e[a]=arguments[a];this.selectedVal[this.current]=e[0],this.selectedIndex[this.current]=e[1],this.selectedText[this.current]=e[2],this.current<this.data.length-1?(this.$emit.apply(this,["next",this.current].concat((0,o.default)(e))),this.current++,this.currentPicker.show()):(this.isVisible=!1,this.$emit("select",this.selectedVal,this.selectedIndex,this.selectedText),this.current=0)},_cancel:function(){if(this.current>0){for(var t=arguments.length,e=Array(t),a=0;a<t;a++)e[a]=arguments[a];this.$emit.apply(this,["prev",this.current].concat((0,o.default)(e))),this.current--,this.currentPicker.show()}else this.isVisible=!1,this.$emit("cancel")},_change:function(){for(var t=arguments.length,e=Array(t),a=0;a<t;a++)e[a]=arguments[a];this.$emit.apply(this,["change",this.current].concat((0,o.default)(e)))}}},t.exports=e.default})},Ba27:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={components:{CubePage:i.default}},t.exports=e.default})},BbKW:function(t,e){},BehE:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-bar",title:"ScrollNavBar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-scroll-nav-bar",{attrs:{current:t.current,labels:t.labels},on:{change:t.changeHandler}}),t._v(" "),a("div",{staticClass:"side-container"},[a("cube-scroll-nav-bar",{attrs:{direction:"vertical",current:t.current,labels:t.labels,txts:t.txts},on:{change:t.changeHandler},scopedSlots:t._u([{key:"default",fn:function(e){return a("i",{},[t._v(t._s(e.txt))])}}])})],1)],1)])},staticRenderFns:[]}},"Bf/j":function(t,e,a){function i(t){a("eX6E")}var n=a("VU/8")(a("h1qY"),a("sTLp"),i,null,null);t.exports=n.exports},Bhgd:function(t,e,a){var i=a("VU/8")(a("SpYO"),a("bp4N"),null,null,null);t.exports=i.exports},"Bi/D":function(t,e){},Bjol:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:Boolean,desc:String,text:String,link:Object},data:function(){return{checked:this.value}},watch:{checked:function(t){this.$emit("input",t)}}},t.exports=e.default})},BoHM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"demo-questionnaire"},[t.tip?a("p",{staticClass:"demo-questionnaire-tip cubeic-warn",domProps:{innerHTML:t._s(t.tip)}}):t._e(),t._v(" "),a("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options,"submit-always-validate":!0},on:{validate:t.validateHandler,submit:t.submitHandler}})],1)},staticRenderFns:[]}},"C/e8":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("1Vb/")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default,SwitchOption:c.default},data:function(){return{more:!1,money:10,actions:[{text:"完成订单",action:"showText"},{text:"打车来接",checked:!1,type:"checkbox"},{text:'一口价<span class="orange">10元</span>',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='一口价<span class="orange">'+this.money+"元</span>"},clickHandler:function(t){t.action&&this[t.action](t)}}},t.exports=e.default})},C2tW:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,a){a&&(0,i.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},C78E:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload",title:"Upload"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("compress")}}},[t._v("Compress")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},C8H9:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("XPXN"),a("xV+0")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e.default=t,e}(n),s={"全部":o.ALL_HEROES,"法师":o.MAGE_HEROES,"战士":o.FIGHTER_HEROES,"坦克":o.TANK_HEROES,"刺客":o.ASSASSIN_HEROES,"辅助":o.SUPPORT_HEROES,"射手":o.MARKSMAN_HEROES},r=(0,c.default)(s).map(function(t){return{label:t}});e.default={data:function(){return{selectedLabel:"全部",scrollData:[],tabs:r}},created:function(){this.scrollData=s[this.selectedLabel]},methods:{changeHandler:function(t){var e=this;this.scrollData=s[t],this.$nextTick(function(){e.$refs.scroll.scrollTo(0,0),e.$refs.scroll.refresh()})}},components:{CubePage:u.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},CDIQ:function(t,e){},CIqy:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Dd8w"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{initialIndex:0,imgs:["https://dpubstatic.udache.com/static/dpubimg/XsZT-Ium9K/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg","https://dpubstatic.udache.com/static/dpubimg/jM0pARr01R/686d7361ly1fpha0ncnnej21hc0zetxo.jpg","https://dpubstatic.udache.com/static/dpubimg/uesDMLn8ho/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg"]}},methods:{handleImgsClick:function(t){var e=this;this.initialIndex=t;var a={$props:{imgs:this.imgs,initialIndex:"initialIndex",loop:!1},$events:{change:function(t){e.initialIndex=t}}};this.$createImagePreview((0,l.default)({},a)).show()}},components:{CubePage:c.default}},t.exports=e.default})},CNZU:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"wrapper",staticClass:"cube-scroll-wrapper"},[a("div",{staticClass:"cube-scroll-content"},[a("div",{ref:"listWrapper",staticClass:"cube-scroll-list-wrapper"},[t._t("default",[a("ul",{staticClass:"cube-scroll-list"},t._l(t.data,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px",on:{click:function(a){t.clickItem(e)}}},[t._v(t._s(e))])}))])],2),t._v(" "),t._t("pullup",[t.pullUpLoad?a("div",{staticClass:"cube-pullup-wrapper"},[t.isPullUpLoad?a("div",{staticClass:"after-trigger"},[a("loading")],1):a("div",{staticClass:"before-trigger"},[a("span",[t._v(t._s(t.pullUpTxt))])])]):t._e()],{pullUpLoad:t.pullUpLoad,isPullUpLoad:t.isPullUpLoad})],2),t._v(" "),t.pullDownRefresh?a("div",{ref:"pulldown",staticClass:"cube-pulldown"},[t._t("pulldown",[a("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.beforePullDown,expression:"beforePullDown"}],staticClass:"before-trigger"},[a("bubble",{staticClass:"bubble",attrs:{y:t.bubbleY}})],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.beforePullDown,expression:"!beforePullDown"}],staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isPullingDown,expression:"isPullingDown"}],staticClass:"loading"},[a("loading")],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.isPullingDown,expression:"!isPullingDown"}],staticClass:"cube-pulldown-loaded"},[a("span",[t._v(t._s(t.refreshTxt))])])])])],{pullDownRefresh:t.pullDownRefresh,pullDownStyle:t.pullDownStyle,beforePullDown:t.beforePullDown,isPullingDown:t.isPullingDown,bubbleY:t.bubbleY})],2):t._e()])},staticRenderFns:[]}},CRpU:function(t,e){},Cfx3:function(t,e,a){function i(t){a("kCqI")}var n=a("VU/8")(a("5VLA"),a("4jua"),i,null,null);t.exports=n.exports},CkYj:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"time-picker-view",title:"TimePicker（时间选择器）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showTimePicker}},[t._v("TimePicker")]),t._v(" "),a("cube-button",{on:{click:t.showConfigDayPicker}},[t._v("Config day options")]),t._v(" "),a("cube-button",{on:{click:t.showFormatPicker}},[t._v("Config format")]),t._v(" "),a("cube-button",{on:{click:t.showMinuteStepPicker}},[t._v("Config minute step")]),t._v(" "),a("cube-button",{on:{click:t.showMinPicker}},[t._v("Config min")]),t._v(" "),a("cube-button",{on:{click:t.showMaxPicker}},[t._v("Config max")]),t._v(" "),a("cube-button",{on:{click:t.showSetTimePiker}},[t._v("Use setTime")])],1)],1)])},staticRenderFns:[]}},Ct0e:function(t,e,a){function i(t){a("gf9D")}var n=a("VU/8")(a("cMIu"),a("pVCu"),i,null,null);t.exports=n.exports},Cuup:function(t,e){},CzhT:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("xru3"),a("go4C"),a("qefm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Panel=u.default,c.default.Bar=o.default,e.default=c.default,t.exports=e.default})},D1IJ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("2zcT"),a("8xmU"),a("N7+C"),a("YtAD"),a("qtvM"),a("jMGR"),a("8cJp")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function r(t){var e={};return[d.default,v.default,p.default,f.default,h.default,x.default,y.default].forEach(function(a){a(t,e)}),e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=s(a),v=s(i),p=s(n),f=s(l),h=s(c),x=s(u),y=s(o);t.exports=e.default})},DD7W:function(t,e,a){function i(t){a("Q1ow")}var n=a("VU/8")(a("t4A1"),a("IDsm"),i,null,null);t.exports=n.exports},DIVr:function(t,e,a){function i(t){a("nmXI")}var n=a("VU/8")(a("Kjut"),a("1fgG"),i,null,null);t.exports=n.exports},DLo4:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=(0,a.prefixStyle)("transform");e.default={name:"cube-sticky",provide:function(){return{sticky:this}},props:{pos:{type:Number,required:!0},checkTop:{type:Boolean,default:!0},fixedShowAni:{type:String,default:function(){return this.checkTop?"":"cube-sticky-fixed-fade"}},offset:{type:Number,default:0}},data:function(){return{diff:0,currentDiff:0,currentIndex:-1,currentKey:""}},computed:{fixedShow:function(){return!!this.eles[this.currentIndex]}},watch:{diff:function(t){t>=0&&(t=0),t=Math.ceil(t),this._fixedTop!==t&&(this._fixedTop=t,this.$refs.fixedEle.style[i]="translate3d(0, "+t+"px, 0)")},pos:"computeCurrentSticky",currentIndex:function(t,e){var i=this,n=this.eles[e],l=this.eles[t],c=l&&void 0!==l.eleKey?l.eleKey:-1===t?"":t,u=this.$refs.fixedEle,o=this.$slots.fixed||this.$scopedSlots.fixed;this.$nextTick(function(){if(o)i.fixedEleHeight=u.offsetHeight;else{var t=u.firstElementChild;n&&(n.$el.appendChild(t),n.refresh()),l?(u.appendChild(l.$el.firstElementChild),i.fixedEleHeight=u.offsetHeight):i.fixedEleHeight=0}n&&(0,a.removeClass)(n.$el,"cube-sticky-ele-on"),l&&(0,a.addClass)(l.$el,"cube-sticky-ele-on")}),this.currentKey=c,this.$emit("change",c,t)},currentDiff:function(t){var e=this.heights[this.currentIndex]||0;this.$emit("diff-change",t,e)}},created:function(){this.fixedEleHeight=0,this.eles=[],this.positions=[],this.heights=[]},mounted:function(){this.refresh()},methods:{addEle:function(t){this.eles.push(t)},removeEle:function(t){var e=this.eles.indexOf(t);this.eles.splice(e,1),this.positions.splice(e,1)},refresh:function(){var t=this;this.$nextTick(function(){t.eles.forEach(function(t){t.refresh()}),t._calculateHeight(),t.computeCurrentSticky(t.pos)})},computeCurrentSticky:function(t){t+=this.offset;for(var e=this.positions,a=this.heights,i=this.checkTop,n=e.length,l=n-1;l>=0;l--){var c=l===n-1,u=c?t:e[l+1],o=void 0,s=void 0;i?(o=e[l],s=o+a[l]):(o=e[l]+a[l],s=o);var r=Math.max(s,u);if(t>=o&&t<=r){this.currentIndex=l,this.currentDiff=t-o;var d=u-t;return void(this.diff=d>=0&&!c?d-(this.fixedEleHeight||a[l]):0)}}this.currentIndex=-1,this.currentDiff=0},_calculateHeight:function(){var t=this;this.eles.forEach(function(e,i){var n=(0,a.getRect)(e.$el),l=n.top,c=n.height;t.positions[i]=l,t.heights[i]=c}),this.fixedEleHeight=this.$refs.fixedEle.offsetHeight}}},t.exports=e.default})},DVMH:function(t,e){},DXQ8:function(t,e,a){function i(t){a("sdgg")}var n=a("VU/8")(a("gBDM"),a("l6Sg"),i,null,null);t.exports=n.exports},DsfM:function(t,e){},"Dw/u":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"select-option",props:{name:{type:String},options:{type:Array},value:null},data:function(){return{selected:this.value}},watch:{selected:function(t){this.$emit("update:value",t)}},mounted:function(){var t=this;this.picker=this.$createPicker({title:"Choose "+this.name,data:[this.options],cancelTxt:"cancel",confirmTxt:"confirm",onValueChange:function(e){t.selected=e[0]}})},methods:{showPicker:function(){this.picker.show()}}},t.exports=e.default})},E37f:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADPtJREFUeNrtW2lYVNcZfs8sDDDAsCrIPhUCsSgmgsoWQU3U1JCodUHMUo0+xJC6NFptjGltopKFFGJspDV1X2NJ1LSlKoGZSYyQiohGRAGRYZGZgRlgZpjt9Md4ndZUmQ1o+/D+4eHOud/23u+c73znXmAYwxjGMIYxjGEMCchQG8CAUkoBFku7XjKNMy0pyfQ0FqAmPR1K6ovnxo8nl3CLRj36KL5DIikdMYJ+iHdQKhAgABuhZbHIRhQjWaWiJnKYPtnejnx6mUhqa6HA73GuspJVTbcjqLTUdWpbkaFBIiFk/nzAaBxqv4eMAPX1UgqEhNAp3BHsPatXo5FeJNWLFkGPBvwuKGjAHPYmy/BKWxuu0Ldo0oED5A/kD8aFBQVueSlngaamwY7DoBGgevvCKMDPj/1C31T282+/jcvoI+deeglpyEWbi8tgO34PlbgEf70eP8K39Mndu03PGPYa977xhuc/0gkgkw20+gEnQDOtvJXVtnAhbSIy1i8LCuhFdGF/QMBA67U7IM/hHJ5RKPAR8mjJihXu0am9xp7jxwdMn7MFUnr0KMBma+qCjOzD27fTYISQ7LVrBzZsA4g1SKBbCgrcf9/6hXHDmjXOXjtYzhJETaUU4HDUH42q5Kw/cuR/PvAMPkAF2fTaa/f8MlVWAFyus8Q7TABTvWj2ccI5J/70J/yMzsb7c+cObdQGAHf90uzTzOWc+PRTxm9HxTosQP2ZJJITuXEjnYcDmL94saPy7ty5c8fFhSHWcTByZLKODmcs9Yyf6p3i/ZzYDRsclWc3Ad2/KfvAJS02FqfoKZqzZAn+CEpfr6/He+Q1jO3ttVWeQtHZyeUCH35YUCAUAp2dXV3OSHSFQqHgcoH8fEauWY/DmEJeReuvf615TjSFMz852V4xTl+E+zJES1zOREcbTmK5aUZt7YPGqVRKJZcLyGRyOZcLnD79l7+MHAnweDyeyQQsX75s2a1bzrPrk0927QoPB/R6g4HFAmbNmjGjvR3w9/fz0+sBLy+BQK+3I4A/RQH9tKbG7ZTbOuOSxx4jrAkJgPWSbCagJ1tSBYwYwQk2dfO2enjc/7txFq0w7czIwASSQFuKih4kZ+vWbdtGjwZUqp4eLheIjo6K6ukB5s2bO7e1FfD09PAwGJxHQHd3Tw+HAxw7dvx4UBBw40ZdHZ8PCATe3gYDsH7966/fuOGAghasIJ7Ll/OjUq/qOx/st90EMIuOulAsYm+oq8NSEPKuUGivvTqdTsdiAYQQAgBcLpdrMjkl1lZBr9frWSzLGuHi4uLikP4jZDpd3dDg/lLLXuO7UVHWlqtWrwHqclE+O2fmTFsDr9VqtWw2oNFoNGy25Trj8P2B7+vTas2BcQ4djJy+PjPhDBi99wdeo1Gr2WyL3VZjAf07yY+MVI8NdGMXTZtm7W1WE0A+YtXj4rx5tgbg7NnSUn9/4OjRY8dGjXrwOKPRaCQEKCjYsUMoBC5fvnLFy8uumP8bqqtrary8gMLCwsLISMBkMpnIQ/L+yBGznaWlZWV+frbrI5PIZjJ+0SJrx/dLgDlFCUEx/k4SZ8yw1aBx4+LilEqgtvb6dT4fEIslEl9fwGg0GAgBtNq+PjYb+POfi4uDgsyZQggQHR0dbXst9UNER0dF9fYCvb3mJ7u4+PPPAwMtmWYwmIkXicRiX1+gru7GDT4fGDs2Lk6lsl0fzcPPcXz6dGvH97sGaNaJpwJhYabN9C0Ox/665OLFixcFAuDzz0+eHDnSsgbcpRfe3l5eOh2QlZWV1dIChIaGhGg0jhPA4NatpiY3N+DQocOHg4MBpVKl4nLNuim1VF+ZmbNnt7cD8fHx8Uql/fpY7oYUgyEy0o2kE6Cx0W4CendLxrFfnzULC0wfkfzTpx0NBPPkSaUtLa6uAIfD4VAKBAePGqXVAmy2+f+BAvPES6VSqaurJRNDQoKDtVrAxcVMhMN4ARdo3syZ/OOpa41r/vrXBw3rdwq62nF1pCA3Pl6tNqewo+DxXF1NJkAoFArVaiAsLCxMoxn4wDPgcNhsSoHwcLNexg5nBZ6J09W9368TxD3+eL/29DfgMqu6yuNIYuLhbYe2B40GEhISEpRKICUlOVkuB3x8fHzs2cD8v4DZWYvFEomfH1BRUVEhEABjAsf4dVclJAC4o3jI/f0SMC9xTntLvVg8lh9X5NmSmclUNV9/ff786NFATEx0dE8PMHVqRkZHBxASEhKi1Q51WAYObW1tbTweUFYmEvn5AdXV1dVeXkBAQECATgc8+2xmZns7ENcxpl3FlUh+hsI7D5PXLwHsUZwx5LBSGTsq9pPubiA2Nja2uxtobGxsdHcHysrKy/38gB07du6MjLSk9hNPpKXJ5UBMTExMd7dlw8WAeXLkcrl8CM/DIBB4e+v1QECAv79O98Pf7/fz2rXaWg8Pi5/Z2VlZUul/8LOSLiUfdHYCWOMQARCxuKZlUikWmEDyLZcjIiIi1GrL39bWlhYeDygvN6fivn0HDgQHAyNHBgbqdEBqalKSQmGpLoqLv/giMBC4dq2uTiAAKOVwnNdl7x+EGI0GAxAY6O/f2wusWpWbW19vDrCnp2UfcPt2c7ObmyXTc3JWrGhstKxdD8SriDJtun0bAPDyQ+zoz1DtepGIt1UoNL4JGDfdvGmtg0w3UywWi81zY2WlQAB4ePD5RiPAYpkXwwsXEhJWrgRu3nzmmdzcwSMgJEQkOnYMSEw8eXLzZktx0NVl7p7GxY0dq1IBU6dOmSKTAf7+5inGWlhbhvabAbxtKSl9Gxoa1HqxlLO2tdXatxZ8fMypPXv2T37S1gZkZKSny2TA119/842Pj+07TReX7m6FAtDrPTy8vQFKCfnX1gKPp1R2dAB9fQKBLSfOvb29vWw2kJiYkNDVBSQlTZ7c2Qnw+Xy+Xc1AHerxi5YWN356KrY9OPD3iOpvgHlOo5RshxdmnTljh0kALA5Nnz5tWkcHEBERHm7LRisi4syZPXuA+PgdO1auBDgctVqlAoTCU6d27gTGjzdftxW+vuYqjrHL7sAz8VpOKuhXJSXWjre6F0TV5OdUfOiQ/abdZyghxJa6//r1Z59dtQro6QkJiYkBUlPfeGPGDMDXt66ushKorFyzZvdu++xwlk8AYNqGRGw6eNDa8VYT4P5Oy0zj5pISnCZ5NLf/1HI2eLyurvZ2wM/v6lWJBJDLH300JQVwc7tzp6kJ8PJqbLx8ebCt+hfcPRHkC5OXGJ8+e9ba26zvht7tb5Ol4JOt27bZayfTf1epzL0YaxEaKhZ/9hnQ1JSevngxUF29bFleHlBV9corhYVAWFhpqT35qdEw7W8H9+EBRMT64p13zBll/Z7a5jNhN6XrWoPr7t3kRdTRoitXrL2P6cczzTCZTCazhYAbN2bPXrkSaGmZPDkz03K9uzs0NCYGqKrKySkosD1uzCLM2HX/uUF/IKmYSA9XV7sv0G/UX9mzx1b9ds9/zGG06W1yESVlZQinp9Dzw26RXG4+8923b//+0FDzQQeLBXh4eHoaDEBNjatrcjIglz/yyMSJ9lpjOwSCpqarV4GoqObmM2csawGbbS6Pn38+O/v2bcsO9wf4HgJ4GwysiawLyElLczMmLzNs+eabQSOAQe/Hon2c2F/9Ci8gAnW//S1zvb6+ocHdHThw4OBB84ZsxAhzu3nRIqkUqKq6dMnLy7KzHCowbe+0tJQUhQI4ePDIkeBgoLnZ3C3NylqwQCoFoqLM5wr3MB6bMGf9ev711K8MR/Py7NXvMAH3XswqlDzH+XLPnm/jvk31fj47m9npTpgwYYJSae6zt7VZnrD/VphMlBIC/O1vJSUBAYBIJBL5+gJPPTV9ekcHkPbIEwL5ib17+cKUVw3JL77IlOn26nNaCXbysc006BN394bCplq37d9//zgeP6NUhoXFx48b58jBxlCjqurSJYEAqLxZGSkQNDUFufr46DJjYubPz09qznf8yGgAXs69+/bEWMlv2EXvvYfzNIPkrF49NOFzHESKZrr//ffdolIWGheuW2drldOv/IF2QL1HfIIdPmcOdtECMnHXLlqCLThhz3H34ICkkDlYIJNhAg2l115+2b0o9R/G74qLB0zfYDl27wONFF0sO2fLFqipHzm5dOmQf6BRjkIE6nRoRRhdVFRkiOEcMr775puCpMlSQKFwXMHDMWSfKGnGlE8AQkPp+6zX2Kdzc+lESolo8WK4QIj3HvYCi4PoxC5skEpJDZlOJx08CKF+ifHpggL36HQCNDcPdhz+iz7SM3/YoZ0T9DFn/qRJplUkC+UZGfgxNWJSQgL5GGqaFh2NJvIl+TIwkH5I38JXAsE9R1aRtzBFqUQYnUVntbXRbJwk52tr8R1pREVFBWuzyR8zzp1zrUmtMOw8f97Zc/kwhjGMYQxjGMP4H8M/AXiI3aUalWSzAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAwlrS75wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMOfpA1sAAAB7dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2dhNnJna3hjbW1hLyVFNSU4RCVBMSVFOSU4MCU5QSVFNSVBNCVCNCVFNSU4MyU4RiVFOCVBMSVBOCVFNiU4MyU4NTExLnN2Zy3NmWQAAAAASUVORK5CYII="},"E61+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("UFDc"),a("XRNA"),a("osO1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.replace(o,function(t,n,l){var o=n.split("|").slice(1).map(function(t){return t.trim()}),s=o.length,r=e;return s&&o.forEach(function(t){var e=c(t),n=e.fnName,l=e.args;l.unshift(r),(0,a.isFunc)(u.default.helpers[n])?r=u.default.helpers[n].apply(null,l):((0,i.warn)('A helper function named "'+n+'" is not registered, please register it by Validator.addHelper()'),r="")}),r})}function c(t){var e=t.indexOf("("),a=t.indexOf(")"),i="",n=[];if(e===r)n=[],i=t;else if(e!==r&&a!==r){var l=t.slice(e+1,a);n=l.split(",").map(function(t){return t.trim().replace(s,"")}),i=t.slice(0,e)}return{fnName:i,args:n}}Object.defineProperty(e,"__esModule",{value:!0});var u=function(t){return t&&t.__esModule?t:{default:t}}(n),o=/\{\{((?:.|\n)+?)\}\}/g,s=/['"]/g,r=-1;e.default=l,t.exports=e.default})},EF6b:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-view",title:"Checkbox"}},[a("template",{slot:"content"},[a("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Checkbox")]),t._v(" "),a("p",[t._v("checked value: "+t._s(t.checked))]),t._v(" "),a("cube-checkbox",{attrs:{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(" "),a("br"),a("br"),t._v(" "),a("cube-checkbox",{attrs:{option:t.optionValue},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}}),t._v(" "),a("p",[t._v("checked value (with option) : "+t._s(t.checked2))]),t._v(" "),a("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    ")]),t._v(" "),a("br"),a("br"),t._v(" "),a("cube-checkbox",{staticClass:"with-click",model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("\n      Agree "),a("a",{attrs:{href:"javascript:;"},on:{click:function(t){t.stopPropagation()}}},[t._v("《xxx》")])])],1)],2)},staticRenderFns:[]}},ES30:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gCE8"),a("6liq"),a("2DUa")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Group=u.default,c.default.Item=o.default,e.default=c.default,t.exports=e.default})},ETXl:function(t,e){},Eezp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-composite-view",title:"tab-composite"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-tab-bar",{ref:"tabNav",attrs:{"show-slider":"","use-transition":t.disabled,data:t.tabLabels},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}}),t._v(" "),a("div",{staticClass:"tab-slide-container"},[a("cube-slide",{ref:"slide",attrs:{loop:t.loop,"initial-index":t.initialIndex,"auto-play":t.autoPlay,"show-dots":t.showDots,options:t.slideOptions},on:{scroll:t.scroll,change:t.changePage}},[a("cube-slide-item",[a("cube-scroll",{attrs:{data:t.followersData,options:t.scrollOptions}},[a("ul",{staticClass:"list-wrapper"},t._l(t.followersData,function(e,i){return a("li",{key:i,staticClass:"list-item"},[a("div",{staticClass:"top"},[a("img",{staticClass:"avatar",attrs:{src:e.avatar}}),t._v(" "),a("span",{staticClass:"time"},[t._v(t._s(t.resolveTitle(e)))])]),t._v(" "),a("div",{staticClass:"middle is-bold line-height"},[t._v(t._s(e.question))]),t._v(" "),a("div",[t._v(t._s(t.resolveQuestionFollowers(e)))])])}))])],1),t._v(" "),a("cube-slide-item",[a("cube-scroll",{attrs:{data:t.recommendData,options:t.scrollOptions}},[a("ul",{staticClass:"list-wrapper"},t._l(t.recommendData,function(e,i){return a("li",{key:i,staticClass:"list-item"},[a("div",{staticClass:"top is-black is-bold line-height"},[t._v("\n                  "+t._s(e.question)+"\n                ")]),t._v(" "),a("div",{staticClass:"middle is-grey line-height"},[t._v(t._s(e.content))]),t._v(" "),a("div",[t._v(t._s(t.resolveQuestionFollowers(e)))])])}))])],1),t._v(" "),a("cube-slide-item",[a("cube-scroll",{attrs:{data:t.hotData,options:t.scrollOptions}},[a("ul",{staticClass:"list-wrapper"},t._l(t.hotData,function(e,i){return a("li",{key:i,staticClass:"list-item"},[a("div",{staticClass:"hot-title"},[a("span",{staticClass:"hot-sequence"},[t._v(t._s(e.sequence))]),t._v(" "),a("span"),t._v("\n                  "+t._s(e.label)+"\n                ")]),t._v(" "),a("div",{staticClass:"hot-content is-bold is-black"},[t._v(t._s(e.question))])])}))])],1)],1)],1)],1)])},staticRenderFns:[]}},Emnr:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-image-preview-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"image-preview","z-index":t.zIndex,center:!1}},[a("div",{staticClass:"cube-image-preview-container"},[a("div",{staticClass:"cube-image-preview-header"},[t._t("header",null,{current:t.currentPageIndex})],2),t._v(" "),t.isVisible?a("cube-slide",{ref:"slide",attrs:{data:t.imgs,"initial-index":t.currentPageIndex,"auto-play":!1,loop:t.loop,speed:t.speed,options:t.options},on:{change:t.slideChangeHandler}},[t._l(t.imgs,function(e,i){return a("cube-slide-item",{key:i},[a("div",{staticClass:"cube-image-preview-item",on:{click:t.itemClickHandler}},[a("cube-scroll",{ref:"items",refInFor:!0,attrs:{options:t.scrollOptions},nativeOn:{dblclick:function(e){t.dblclickHandler(i,e)}}},[a("img",{staticClass:"cube-image-preview-img",attrs:{src:e},on:{load:function(e){t.imgLoad(i)}}})])],1)])}),t._v(" "),a("template",{slot:"dots"},[a("i")])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-image-preview-footer"},[t._t("footer",[a("span",{staticClass:"cube-image-preview-counter"},[t._v(t._s(t.currentPageIndex+1)+"/"+t._s(t.imgs.length))])],{current:t.currentPageIndex})],2)],1)])],1)},staticRenderFns:[]}},Er22:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/recycle-list/"+t)}}},t.exports=e.default})},"Eu3/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-action-sheet-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],class:{"cube-action-sheet_picker":t.pickerStyle},attrs:{type:"action-sheet",center:!1,mask:!0,"z-index":t.zIndex},on:{"mask-click":t.maskClick}},[a("transition",{attrs:{name:"cube-action-sheet-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-action-sheet-panel cube-safe-area-pb",on:{click:function(t){t.stopPropagation()}}},[a("h1",{directives:[{name:"show",rawName:"v-show",value:t.pickerStyle||t.title,expression:"pickerStyle || title"}],staticClass:"cube-action-sheet-title border-bottom-1px"},[t._v(t._s(t.title))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-content"},[a("ul",{staticClass:"cube-action-sheet-list"},t._l(t.data,function(e,i){return a("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",i===t.active?"cube-action-sheet-item_active":""],attrs:{"data-align":e.align},domProps:{innerHTML:t._s(e.content)},on:{click:function(a){t.itemClick(e,i)}}})}))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-space"}),t._v(" "),a("div",{staticClass:"cube-action-sheet-cancel",on:{click:t.cancel}},[a("span",[t._v(t._s(t._cancelTxt))])])])])],1)],1)},staticRenderFns:[]}},EzE1:function(t,e,a){function i(t){a("qcQ4")}var n=a("VU/8")(a("Bjol"),a("cIKt"),i,null,null);t.exports=n.exports},EzL5:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("IskU")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{swipeData:i.defaultData}},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var a=this;"delete"===t.action&&this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){a.swipeData.splice(e,1)}}).show()}},components:{CubePage:n.default}},t.exports=e.default})},F7um:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACwRJREFUeNrtm3tUVVUawH/78Lh0EYR4JCopoGI4PqGxhxNJaywfmS5fOWVaEtnbarVMW9PM1DJXy1VOWS6H0JxRp0TzvQx0zYQrNVIUyNegIGIqAiKXELncy717/tj3eDEV7r28cobfP98f5+yz9/d9e39772/vA5100kknnXTSSSf/jwhPC0qZOg4++QSIgyeeAPrA7beDeAPq6kAegOPHQcyArVvBngypqUI89xyUlnpcr33bMAgNBW2rqk/HPh4uXRLao4fg4kXP9VrxAXTvDvYN8OyzIFfD+PHAZxAXBwwEPz+gEC5dAo7B2rVCpGyHV15pTweUQ1kZsBnCw12oSjlGyh/g/fcRQUdg0SIhpk4Fm03av5Xg7Q1Vj8PcuWCdB5MmISzfK8Wt/4SAAGiYCaKJdnuPBLsdfHbC5ctI33vh2DGE4TykpyO7joWlS4U2UkBDg7T/SdUruqfC/PkgjsCCBY0M3RwToLxciJRwuOOONneAlF9I1TDr56qnX2UjlJQgCYbkZBChEBSEkHth2jRgDkye3KjqDZCRAYHvgMEAVzLhgQfAGgleXp51C1fw+QlsNqT/b2D3bkT1CrBYQE6GRx5p9OJy2LABKe6HdetAXgSTCcFsWLECOAV33uk0jHkj+PkJ7ZUMqK9vQwekvaaGvv0uqKx0PmAPZGcLLeUfcO+915f7fJTqWXIyLFzYdgZuMcdhwQIhUpbAokXX6WFPPQ3Z2Qh2wvDhzifacQgJESJ5iSM0uYT7Drg6ZHvkOTx9ADQNGA1VVchzPSE8XGh/cQzxL76EGTMQDQNg1SqQ2Y73b9YkR5v04d+li5K+vkoaDA6Ff/ENu11JvfdZLEpevqyk2ezQQDZjknvAbkcap8KsWUJ74j+wenUjvc9CeTnwDQQHA7lqRJ1bpkaA0rvNHHDVETJ1CuTnA7+HQYMafXI+PP880jAQ+vVDmP8Ar7128y/pBg0NVTI4WEkfH0/bdmOsViX13qmP3ubCxW018PHHcKULFBSoDrJs2bX65ucL8WwlDBnibqu8PVdIVDtiI9c6QE6FTz9FmIfeOJbrhu3eXUnd4MLjzuAaer36RKkvHEwmJc+dU1J3lE5dALz6KgjV02Hotc/t78NXXwHPeWRFT9WR9hUfQEAAwiYgJwcIgn79bl4iKEjJXr2UbCoMdQQ2m5JnziipO+amvAUFBUhrEiQkCO3FDc5w5zot7nVSrpyvlom26XD48PUxvkcPJV1Zqv6aKCtTUt+z6HOHY47A2g/i4oR4wU+FJs9ohV4YsA4WL3YaXg8l0dFK3mqG19FDla6H3ql0PcPTlN4tw2MHSLk1FQYMgOowGD3aaXh9bdy1a8cZrzUJDLxWL13P6rUwbpyUmcuhf39Pv+75CJB1CZCWBvbZqlEREepB4/TA/xL6YkHX0/a00tv0Paxc6elX3XaAShl06YKofVltRPR1+q0aatxF11PXu7YQ7rnnql3cxP0RIEz9Vc5Ez8lERjoeNDmhl5ZeuODnB4WFFy4kJkJ1dV1do418h1FVZTL5+EBBQUnJ4MFQUVFbO3RoUyV0PXv2VNJhB2EqgXnz3K3fgxBk2aayg3qoaTphtXHjpk0REbB9+759KSkQEzN27LffQkDAffedOgVFRSZTSkp7mPpa9u8/cCA4GD77bOXKkSMhKmrs2OxsCAtLTDx0CAoLLZbU1Ka+cNttSup2sHwMjz3mbjs8cID5CPTp01zIOX369GmjEbKyvvsuNBQiIqKiYmJACCGEAE3z8vLygsuXfXwmTgSr1Wptj52BxWKxaBqkp3/9dffuEBQUHh4ZCb6+fn6Nu1JISEzMuHFQUnLmjNHY1Bd1O9SPgr5928wB0p5zQO0mvR9SeRm9B9yY8vKKCoMBfHx8fQ0GyM7esWPLFsjLy8ratQsKCnJysrNh+/a0tOXLnaGgrTGZqqt9fMBqbWjw9oaffiooOHYMsrLWr1+zBoqLjx7Nz4f09I8+WrgQysvLy/Us1I3R7aD9FQwGaU9f58xbNY8bqYgzf1YbrsA5jjVxt6bejoqKiqqthddfX7589WqwWMxmsxmWLHnhhaeecr4XHBwcbLVCaGhoqJ4+a0tCQ0NCLBZ48sl58956CwYNSkx89FF4++0JE5KSVDvr6sDLy9tbSpg0aeTIK1dc+XLgi475YbZzWfrjj82VcmPQe+9Xw821mT4sTBnUYikpWbwYDh7cuXPDBufz8PDw8Pp6mD171qySEtA0IRrnKevqzGYvL9ixIyPjRscc6enr1/fsCYcO5eY23nGcP19a6ucHmzdv3aovGK9RWNM0KSEy0s9v6VLIycnIWLPGaXh/f6PRZoMZM6ZPP3vWnY7R2C6uH8y4MQLsJ9V23O+462UgKqpr15UroXfvESMARo+Oj/f2Bn9/f/+mkrb19fX1mgaZmbt2hYdDXFz//jU1EBgYGGi1Ql5efn7XrnDy5MmTXbpA7969el254pxcL1woK9PzrDeiW7eAgH37nHLIkPfe8/YGo9FobGhQc5U7ejpDUW2kYyRUuFLK5Uqk/NcqldcJHABnz7rXOM/ZtEn15Kys3btDQ0FKNU5iY0NCjEaw24VoaICTJy9etFjUnCMlzJmTnFxcDH379ulTW9terQWoegaio4UYdRiKi5t7240QlDTTkZha4s6RW0uZOHH8+NJSCAgwGqWEceN69IiKgilTIiLi4mDatG7dBg2C2NigoMBAGD48IaGqqiMML55Whz6mPzozqs3jsgPUkLTbQWxyZXJpbeLjBw+uqYGDBy9dKiuDhgYp7XaorKyvN5vh1Kmff66pgYSEYcOaTSS3CTIWTpzQLxm4WsqDAxk5DDIzkYRASMhNXxMkOyamD1ojTfHww2PGnD0LJ04UFhqNsGxZUVFuLpjNaiaJj1eGj46Ojm7fnn+VPbB3r7uF2uwUSsVqTYOcS7BpE3DKcb+mReiT8+HDR48GBoKfn8Fgs8GAAXfdVVMDQnTQQY+UGowfL7TfxsO2ba4Wa8GRZNPoIUvKA6fBtZW0KxgMBoPd3pGh5jo2Q0UF+BdAZqa7hT12gJQ5OTBzJsh34OWXb/DKEkcIqoDY2I62UvOIZBW75TRYuxbY4+INvn9Dbq7QBpidNzHcqNXT5kqZK9U5ry0WiopArr2lzwKkeB42bhRaQg5MmtRe1Xo8AoQYKsBkkjJnuvOi1YcftlfDWx3BeRg6VI3sYcPUyG4iyMmgaDh3Tmh9P23JsrwVDuUdk608OBJ27kTIxfDQQx1jxXZA8iZkZ4NYDA88ILSEu6+/yuI6rbYKkvLQHnXXx9YXDh4EzkC3bi3+8K8GMQ3KypA2oa6hDC9qjYxAqy3ZhBg2As6fBz6BBx+82uBbn28coSgdxoxpLcPrtOE+YP86dVVPe1Oti+XXzmO8NqFIpQBkGsydixS+UFPTcguJd6G4WIiEBLXYaF3a+DogSHv+G2onbMmAL79EsAqSktqgqr/B0qVC3J3myY8SHUWbO0BHyvR08PJCRsVAcjKCN+Hdd2mlVAXOUPGi41r5DBeuFwKMgspK5OVXYcsW/ceN9rJLuzngl0j7DzEQGIjQUuCll5BMgdmzEVQ6b6O1CX+HkhIgElJTkfXPqD9mRoS1Sshykw5zwC9Ry1khIAdITAR5BJKSkOJxuP9+BBNg4EBgAoSFNfGpaNWjxSTIywPiYP9+4GnYsQMRnwB796pUSXP/CrQ9vxoHuIpz35H3u2uzsabvoKqqvUNIJ5100kknnXjKfwGX7B4gTpCqegAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAenRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODU4LnN2Z7bV1VIAAAAASUVORK5CYII="},"FI+X":function(t,e){},FSTv:function(t,e){},FZvW:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{current:"快车",labels:["快车","小巴","专车","顺风车","代驾","公交","自驾租车","豪华车","二手车","出租车"],txts:["1快车","2小巴","3专车","4顺风车","5代驾","6公交","7自驾租车","8豪华车","9二手车","10出租车"]}},methods:{changeHandler:function(t){this.current=t}},components:{CubePage:i.default}},t.exports=e.default})},Fc4T:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 🙃 ","👆🏻 outer 👇🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👆🏻 outer 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ "],l=["😀 😁 😂 🤣 😃 🙃 ","👆🏻 inner 👇🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👆🏻 inner 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👆🏻 inner 👇🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 inner 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","👆🏻 inner 👇🏻 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 inner 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","👆🏻 inner 👇🏻 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 inner 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","👆🏻 inner 👇🏻 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items1:n,items2:l}},components:{CubePage:i.default}},t.exports=e.default})},FmUO:function(t,e,a){function i(t){a("Pp+f")}var n=a("VU/8")(a("NEEv"),a("Iakm"),i,null,null);t.exports=n.exports},Fth0:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/sticky/"+t)}}},t.exports=e.default})},Fxpn:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-radio",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-radio-wrap",class:t._wrapClass},[a("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.computedOption.value,checked:t._q(t.radioValue,t.computedOption.value)},on:{change:function(e){t.radioValue=t.computedOption.value}}}),t._v(" "),t._m(0),t._v(" "),t._t("default",[a("span",{staticClass:"cube-radio-label"},[t._v(t._s(t.computedOption.label))])])],2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("span",{staticClass:"cube-radio-ui cubeic-round-border"},[a("i")])}]}},G4Tv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-form-group"},[a("p",{staticClass:"cube-form-group-legend"},[t._v(t._s(t.legend))]),t._v(" "),a("div",{staticClass:"cube-form-group-content"},[t._t("default",t._l(t.fields,function(t,e){return a("cube-form-item",{key:t.key||e,attrs:{field:t}})}))],2)])},staticRenderFns:[]}},"G59/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS"),a("PzHl"),a("Z5VE"),a("d64j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);e.default={name:"cube-toast",mixins:[s.default,r.default],props:{type:{type:String,default:"loading"},icon:{type:String,default:""},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3},zIndex:{type:Number,default:900}},computed:{iconClass:function(){var t=[];this.icon&&t.push(this.icon);var e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},a=e[this.type];return a&&t.push(a),t},isLoading:function(){return"loading"===this.type}},methods:{maskClick:function(){this.maskClosable&&this.hide()},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:u.default}},t.exports=e.default})},GFMH:function(t,e,a){function i(t){a("KkYI")}var n=a("VU/8")(a("/kdh"),a("gqZP"),i,null,null);t.exports=n.exports},GJyM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.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,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("dz9r")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{action:{target:"//jsonplaceholder.typicode.com/photos/",prop:"base64Value",checkSuccess:function(t){return!0}}}},methods:{processFile:function(t,e){(0,c.default)(t,{compress:{width:1600,height:1600,quality:.5}},e)},fileSubmitted:function(t){t.base64Value=t.file.base64}},components:{CubePage:l.default}},t.exports=e.default})},Gp4f:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"H+BD":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("1Vb/"),a("5Fev")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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}],allowHalf:!1}},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},updateAllowHalf:function(t){this.allowHalf=t}},components:{CubePage:u.default,CubeButtonGroup:o.default,SwitchOption:s.default,SelectOption:r.default}},t.exports=e.default})},"H61/":function(t,e,a){function i(t){a("MCCe")}var n=a("VU/8")(a("gAqf"),a("44h6"),i,null,null);t.exports=n.exports},HAAd:function(t,e){},HBJ7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},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,"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,"mask-closable":t.maskClosable},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,a){var i,n,l;!function(c,u){n=[t,e,a("70Rd"),a("GdJY"),a("64cm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.registerLanguage("json",c.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&&l.default.highlightBlock(t.$refs.code)})})},deep:!0}},mounted:function(){this.$refs.code&&l.default.highlightBlock(this.$refs.code)}},t.exports=e.default})},"I0/a":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav-bar",class:"cube-scroll-nav-bar_"+t.direction},[a("cube-scroll",{ref:"scroll",attrs:{nestMode:"none",options:t.options,direction:t.direction}},[a("div",{ref:"items",staticClass:"cube-scroll-nav-bar-items"},t._l(t.usedTxts,function(e,i){return a("div",{key:i,staticClass:"cube-scroll-nav-bar-item",class:{"cube-scroll-nav-bar-item_active":t.active===t.labels[i]},on:{click:function(e){t.clickHandler(t.labels[i])}}},[t._t("default",[a("span",{domProps:{innerHTML:t._s(e)}})],{txt:e,index:i,active:t.active,label:t.labels[i]})],2)}))])],1)},staticRenderFns:[]}},"I6+Q":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["change","hide"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},I7KL:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkList:["1","4"],options:["1","2",{label:"3",value:"3",disabled:!0},{label:"4",value:"4",disabled:!0}],colOptions:["1","2","3","4","5","6","7","8"],colNum:3,colCheckList:[]}},components:{CubePage:i.default}},t.exports=e.default})},IBT5:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},IDsm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("cube-scroll",{ref:"scroll",staticClass:"outer-horizontal-scroll",attrs:{data:t.items1,direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},[t._l(t.items1,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}),t._v(" "),a("li",{staticClass:"list-item inner-horizontal-scroll"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items2,nestMode:"free",direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},t._l(t.items2,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}))])],1),t._v(" "),t._l(t.items1,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])})],2)])],1)])])},staticRenderFns:[]}},ISEw:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("D1IJ")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={props:{tip:String,questions:{type:Array,default:function(){return[]}},submit:{type:Object,default:function(){return{text:"Submit"}}}},data:function(){var t={};return this.questions.forEach(function(e){t[e.model]=void 0,"checkbox"!==e.type&&"upload"!==e.type||(t[e.model]=[])}),{validity:{},valid:void 0,model:t,options:{scrollToInvalidField:!0,layout:"classic"}}},computed:{schema:function(){var t=[];return this.eachQuestion(function(e){var a=(0,i.default)(e);t.push(a)}),t.push({type:"submit",label:this.submit.text}),{fields:t}}},watch:{validity:function(t){this.$emit("validity",t)}},methods:{eachQuestion:function(t){var e=this.model;this.questions.forEach(function(a){var i=!1,n=a.on;if(n){"string"==typeof n&&(n={model:n});var l=e[n.model];if(n.options)if(Array.isArray(l)){var c=!1;l.some(function(t){if(n.options.indexOf(t)>=0)return c=!0,!0}),i=!c}else i=n.options.indexOf(l)<0;else i=!l}i||t(a)})},submitHandler:function(t){t.preventDefault(),this.$emit("submit",this.getModel())},getModel:function(){var t=this,e=this.model,a={};return this.eachQuestion(function(i){var n=i.model;a[n]=t.processModel(i,e[n])}),a},processModel:function(t,e){var a=t.model,i={city:function(t){return t},upload:function(t){return t}};return i[a]?i[a](e):e},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid}}},t.exports=e.default})},Iakm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-checker-item",class:{"cube-checker-item_active":t.isActive,"cube-checker-item_disabled":t.isDisabled},on:{click:t.clickHandler}},[t._t("default",[a("span",{domProps:{innerHTML:t._s(t.option.text)}})])],2)},staticRenderFns:[]}},IskU:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a){var i,n,l;!function(c,u){n=[t,e,a("Z5VE"),a("bh5B"),a("5KkG")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={name:"cube-drawer-panel",mixins:[c.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:u.default,CubeDrawerItem:o.default}},t.exports=e.default})},J1IR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-tab-bar",class:{"cube-tab-bar_inline":t.inline}},[t._t("default",t._l(t.data,function(t,e){return a("cube-tab",{key:t.value||t.label,attrs:{label:t.label,value:t.value,icon:t.icon}})})),t._v(" "),t.showSlider?a("div",{ref:"slider",staticClass:"cube-tab-bar-slider"}):t._e()],2)},staticRenderFns:[]}},J4wF:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/upload/"+t)}}},t.exports=e.default})},J7to:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{offsetTop:56,scrollY:0,scrollEvents:["scroll","scroll-end"],items1:n.slice(),items2:[],items3:[],tabPullUpMap:{1:{enable:!0,pos:0},2:{enable:!0,pos:0},3:{enable:!0,pos:0}},tabOpacity:0,currentTab:1,tabs:[{label:"tab1",value:1},{label:"tab2",value:2},{label:"tab3",value:3}]}},computed:{options:function(){return{pullUpLoad:this.tabPullUpMap[this.currentTab].enable,observeDOM:!1}},scrollData:function(){return[this.items1,this.items2,this.items3]},stickyPos:function(){return this.$refs.sticky.positions[0]-this.offsetTop}},watch:{currentTab:function(t,e){var a=this;this.tabPullUpMap[e].pos=this.scrollY;var i=this.stickyPos,n=i+this.offsetTop,l=this.tabPullUpMap[t].pos,c=void 0;this.scrollY>=n?(c=Math.max(l,i),this.tabOpacity=1):this.scrollY>=i?c=Math.max(l,i):(this.tabOpacity=0,c=this.scrollY),this.tabChangeing=!0,this.$refs.scroll.scrollTo(0,-c,1),this.$nextTick(function(){a.tabPullUpMap[t].enable&&!a["items"+t].length?(a.$refs.scroll.scroll.movingDirectionY=1,a.$refs.scroll.scroll.maxScrollY=-c):a.$refs.scroll.refresh()})}},methods:{onPullingUp:function(){var t=this,e=this.currentTab;setTimeout(function(){if(e!==t.currentTab)return void t.$refs.scroll.forceUpdate();var a="items"+e;(t[a]=t[a].concat(n)).length>=20*e&&(t.tabPullUpMap[e].enable=!1)},300)},scrollHandler:function(t){var e=t.y;this.scrollY=-e},scrollEndHandler:function(){var t=this;this.tabChangeing&&this.$nextTick(function(){t.tabChangeing=!1})},diffChange:function(t,e){var a=0;e&&(a=3*t/e),this.tabChangeing&&(a=Math.max(a,this.tabOpacity)),a=Math.min(a,1),this.tabOpacity=a,this.$refs.stickyHeader.style.opacity=a}},components:{CubePage:i.default}},t.exports=e.default})},JBFj:function(t,e,a){var i=a("VU/8")(a("BRD/"),a("UJHE"),null,null,null);t.exports=i.exports},JHHX:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{buttonStyle:["inline","outline","primary"]}},computed:{inlineStyle:function(){return this.buttonStyle.indexOf("inline")>=0},outlineStyle:function(){return this.buttonStyle.indexOf("outline")>=0},primaryStyle:function(){return this.buttonStyle.indexOf("primary")>=0}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},JKih:function(t,e,a){function i(t){a("Vdc2")}var n=a("VU/8")(a("Fc4T"),a("eXer"),i,null,null);t.exports=n.exports},JOED:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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 u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},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,a=t._self._c||e;return a("transition",{attrs:{name:"cube-picker-fade"}},[a("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.maskClick}},[a("transition",{attrs:{name:"cube-picker-move"}},[a("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()}}},[a("div",{staticClass:"cube-picker-choose border-bottom-1px"},[a("span",{staticClass:"cube-picker-cancel",on:{click:t.cancel}},[t._v(t._s(t._cancelTxt))]),t._v(" "),a("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),a("div",{staticClass:"cube-picker-title-group"},[a("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?a("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),t._v(" "),a("div",{staticClass:"cube-picker-content"},[a("i",{staticClass:"border-bottom-1px"}),t._v(" "),a("i",{staticClass:"border-top-1px"}),t._v(" "),a("div",{ref:"wheelWrapper",staticClass:"cube-picker-wheel-wrapper"},t._l(t.finalData,function(e,i){return a("div",{key:i,style:{order:t._getFlexOrder(e)}},[a("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,i){return a("li",{key:i,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),a("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},JgmB:function(t,e,a){var i=a("VU/8")(a("Ba27"),a("UReh"),null,null,null);t.exports=i.exports},Jhh2:function(t,e){},Jp5a:function(t,e,a){function i(t){a("c5uy")}var n=a("VU/8")(a("R/bX"),a("zlwF"),i,null,null);t.exports=n.exports},JpKp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"slide",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("vertical")}}},[t._v("Vertical")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("horizontal")}}},[t._v("Horizontal")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"K/GD":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{components:[{name:"Basic 基础组件",shortcut:"Basic",items:[{path:"/button",text:"Button"},{path:"/loading",text:"Loading"},{path:"/tip",text:"Tip"},{path:"/toolbar",text:"Toolbar"},{path:"/tab-bar",text:"TabBar"}]},{name:"Form 表单组件",shortcut:"Form",items:[{path:"/checkbox",text:"Checkbox"},{path:"/checkbox-group",text:"CheckboxGroup"},{path:"/checker",text:"Checker"},{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"},{path:"/image-preview",text:"ImagePreview"}]},{name:"Scroll 滚动组件",shortcut:"Scroll",items:[{path:"/scroll",text:"Scroll"},{path:"/slide",text:"Slide"},{path:"/index-list",text:"IndexList"},{path:"/swipe",text:"Swipe"},{path:"/sticky",text:"Sticky"},{path:"/scroll-nav-bar",text:"ScrollNavBar"},{path:"/scroll-nav",text:"ScrollNav"},{path:"/recycle-list",text:"RecycleList"}]}]}},components:{CubeView:i.default}},t.exports=e.default})},K3bW:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[a("template",{slot:"content"},[a("div",{staticClass:"swipe-wrapper"},[a("cube-scroll",[a("cube-swipe",{attrs:{data:t.swipeData},on:{"item-click":t.onItemClick,"btn-click":t.onBtnClick}})],1)],1)])],2)},staticRenderFns:[]}},K5n8:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=[{text:"剧毒",value:"剧毒"},{text:"蚂蚁",value:"蚂蚁"},{text:"幽鬼",value:"幽鬼"},{text:"主宰",value:"主宰"},{text:"卡尔",value:"卡尔"},{text:"宙斯",value:"宙斯"},{text:"巫医",value:"巫医"},{text:"巫妖",value:"巫妖"},{text:"神谕者",value:"神谕者"},{text:"撼地神牛",value:"神谕者"},{text:"蓝胖子",value:"蓝胖子"},{text:"水晶室女",value:"水晶室女"},{text:"莉娜",value:"莉娜"},{text:"斯拉克",value:"斯拉克"},{text:"斯拉达",value:"斯拉达"}],a=[{text:"输出",value:"输出"},{text:"控制",value:"控制"},{text:"核心",value:"核心"},{text:"爆发",value:"爆发"},{text:"辅助",value:"辅助"},{text:"打野",value:"打野"},{text:"逃生",value:"逃生"},{text:"先手",value:"先手"}],i=[{text:"梅肯",value:"梅肯"},{text:"秘法鞋",value:"秘法鞋"},{text:"假腿",value:"假腿"},{text:"飞鞋",value:"飞鞋"},{text:"辉耀",value:"辉耀"},{text:"金箍棒",value:"金箍棒"}],n=[{text:"顺丰",value:"顺丰"},{text:"中通",value:"中通"},{text:"圆通",value:"圆通"}];t.column1=e,t.column2=a,t.column3=i,t.expressData=n})},KATl:function(t,e,a){function i(t){a("0YF1")}var n=a("VU/8")(a("tspx"),a("v7b+"),i,null,null);t.exports=n.exports},KIfi:function(t,e,a){function i(t){a("TtvH")}var n=a("VU/8")(a("C8H9"),a("yk/l"),i,null,null);t.exports=n.exports},KMzT:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),a("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),a("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),a("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")]),t._v(" "),a("cube-button",{on:{click:t.showToastTxtOnly}},[t._v("Toast - txt only")])],1)],1)])},staticRenderFns:[]}},KZW3:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("XPXN"),a("o/OE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:u.default},data:function(){return{title:"Current City: BEIJING",data:o.default,options:{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,c.default)(o.default[1].items)),t.$refs.indexList.forceUpdate(!0)},1e3)}}},t.exports=e.default})},"Kf6+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-sticky-ele"},[a("div",{staticClass:"cube-sticky-content"},[t._t("default")],2)])},staticRenderFns:[]}},Kjut:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/drawer/"+t)}}},t.exports=e.default})},Kjwe:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("1Zrt"),a("kjd8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){var e=l[t.type];e&&e(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l={submit:function(t){(0,i.toButtonHandler)(t,"submit")},reset:function(t){(0,i.toButtonHandler)(t,"reset")},checkbox:function(t){(0,a.boolRequiredHandler)(t)},switch:function(t){(0,a.boolRequiredHandler)(t)},rate:function(t){(0,a.numberGT0RequiredHandler)(t)}};t.exports=e.default})},KkYI:function(t,e){},KkmI:function(t,e){},KrQh:function(t,e,a){function i(t){a("W0tM")}var n=a("VU/8")(a("AdWU"),a("U+AE"),i,null,null);t.exports=n.exports},LIRj:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(i,function(t,e){return e?e.toUpperCase():""})}function a(t){return t=String(t),t.replace(/([A-Z])/g,"-$1").toLowerCase()}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e,t.kebab=a;var i=/-(\w)/g})},LXLj:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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 u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},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,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.cascadeData=[{value:"Fruit",text:"Fruit",children:[{value:"Apple",text:"Apple",children:[{value:1,text:"One"},{value:2,text:"Two"}]},{value:"Orange",text:"Orange",children:[{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Lemon",text:"Lemon",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]}]},{value:"Drink",text:"Drink",children:[{value:"Coffee",text:"Coffee",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]},{value:"Tea",text:"Tea",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Juice",text:"Juice",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]},{value:"Dessert",text:"Dessert",children:[{value:"Chocolate",text:"Chocolate",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]},{value:"cheese",text:"cheese",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"cake",text:"cake",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]}]})},Lg4b:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("pFYg"),a("UFDc"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(n);e.default={name:"cube-select",mixins:[u.default],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,c.default)(t))&&(t={value:t,text:t}),t})]},valueIndex:function(){var t=this.value,e=(0,i.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:""},_placeholder:function(){return this.placeholder||this.$t("selectText")},_title:function(){return this.title||this.$t("selectText")},_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}},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,a){this.hided(),t[0]!==this.value&&(this.$emit("input",t[0]),this.$emit("change",t[0],e[0],a[0]))}}},t.exports=e.default})},Ll9R:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollEvents:["scroll"],scrollY:0,checkTop:!0,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){var e=t.y;this.scrollY=-e},diffChange:function(t,e){var a=0;e&&(a=t/e),this.$refs.stickyHeader.style.opacity=a}},components:{CubePage:i.default}},t.exports=e.default})},M2u5:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Dd8w"),a("woOf"),a("PzHl"),a("N/gd"),a("Z5VE"),a("d64j"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(l),f=s(c),h=s(u),x=s(o),y={textType:"ok",active:!0,disabled:!1,href:"javascript:;"},m={textType:"cancel",active:!1,disabled:!1,href:"javascript:;"},b=function(t,e){"string"==typeof t&&(t={text:t});var a=e&&this.$t(e.textType);return(0,d.default)({},e,{text:a},t)};e.default={name:"cube-dialog",mixins:[f.default,h.default,x.default],props:{type:{type:String,default:"alert"},prompt:{type:Object,default:function(){return{value:"",placeholder:""}}},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,r.default)({},y)}},cancelBtn:{type:[Object,String],default:function(){return(0,r.default)({},m)}}},data:function(){return{defHref:"javascript:;",promptValue:this.prompt.value}},computed:{_confirmBtn:function(){return b.call(this,this.confirmBtn,y)},_cancelBtn:function(){return b.call(this,this.cancelBtn,m)},isConfirm:function(){return"confirm"===this.type},isPrompt:function(){return"prompt"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},watch:{"prompt.value":{handler:function(t){this.promptValue=t}}},methods:{maskClick:function(t){this.maskClosable&&this.cancel(t)},confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t,this.promptValue))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:v.default,CubeInput:p.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,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a=this.validating;return e||a?void 0:t},invalid:function(){var t=this.valid;return void 0===t?t:!t}}},t.exports=e.default})},MCCe:function(t,e){},MHqM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav",class:{"cube-scroll-nav_side":t.side}},[a("cube-sticky",{ref:"sticky",attrs:{pos:t.scrollY},on:{change:t.stickyChangeHandler}},[a("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.options,data:t.data},on:{scroll:t.scrollHandler,"scroll-end":t.scrollEndHandler}},[t._t("prepend"),t._v(" "),a("div",{staticClass:"cube-scroll-nav-main"},[a("cube-sticky-ele",{ref:"navBarEle",attrs:{"ele-key":"cube-scroll-nav-bar"}},[t._t("bar",[a("cube-scroll-nav-bar",{attrs:{direction:t.barDirection,txts:t.barTxts,labels:t.labels,current:t.active}})],{txts:t.barTxts,labels:t.labels,current:t.active})],2),t._v(" "),a("cube-sticky",{ref:"pageSticky",attrs:{offset:t.pageStickyOffset,pos:t.scrollY},on:{change:t.pageStickyChangeHandler}},[a("div",{staticClass:"cube-scroll-nav-panels"},[t._t("default")],2),t._v(" "),t.side?t._e():a("template",{slot:"fixed"},[a("div")])],2)],1)],2)],1)],1)},staticRenderFns:[]}},MMvM:function(t,e){},MNuz:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("PzHl"),a("Z5VE"),a("d64j"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);e.default={name:"cube-action-sheet",mixins:[o.default,s.default,r.default],props:{data:{type:Array,default:function(){return[]}},active:{type:Number,default:-1},title:{type:String,default:""},pickerStyle:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},cancelTxt:{type:String,default:""}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")}},methods:{maskClick:function(){this.maskClosable&&this.cancel()},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})},MdHd:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("QMhb"),a("bh5B")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-scroll-nav-bar",inject:{scrollNav:{default:null}},mixins:[l.default],props:{direction:{type:String,default:"horizontal",validator:function(t){return"horizontal"===t||"vertical"===t}},labels:{type:Array,default:function(){return[]}},txts:{type:Array,default:function(){return this._defaultTxts=!0,this.labels}},current:{type:[String,Number],default:""}},data:function(){return{active:this.current,usedTxts:this.txts}},watch:{labels:function(t){this._defaultTxts&&(this.usedTxts=t)},txts:function(t){this.usedTxts=t},current:function(t){this.active=t},active:function(t){this.$emit("change",t),this._adjust()}},mounted:function(){var t=this;this.scrollNav&&this.scrollNav.setBar(this),this.active&&this.$nextTick(function(){t._adjust()})},beforeDestroy:function(){this.scrollNav&&this.scrollNav.setBar(null)},methods:{clickHandler:function(t){t!==this.active&&(this.active=t,this.scrollNav&&this.scrollNav.barChange(t))},refresh:function(){this.$refs.scroll.refresh(),this._adjust()},_adjust:function(){var t=this;this.$nextTick(function(){var e="horizontal"===t.direction,a=e?"clientWidth":"clientHeight",i=t.active,n=t.$refs.scroll.$el[a],l=t.$refs.items,c=l[a],u=Math.min(0,n-c),o=n/2,s=l.children,r=0;t.labels.every(function(t,e){return t===i?(r+=s[e][a]/2,!1):(r+=s[e][a],!0)});var d=o-r;d=Math.max(u,Math.min(0,d)),t.$refs.scroll.scrollTo(e?d:0,e?0:d,300)})}},components:{CubeScroll:c.default}},t.exports=e.default})},Mr73:function(t,e,a){function i(t){a("w5NG")}var n=a("VU/8")(a("uYby"),a("mwCR"),i,null,null);t.exports=n.exports},Msz6:function(t,e){},"N/gd":function(t,e,a){function i(t){a("7MyF")}var n=a("VU/8")(a("eFmn"),a("q70N"),i,null,null);t.exports=n.exports},N5yD:function(t,e,a){function i(t){a("aSgS")}var n=a("VU/8")(a("B1Rs"),a("iRyi"),i,null,null);t.exports=n.exports},N6Rs:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Vexm"),a("fGk3"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=c.provinceList;v.forEach(function(t){t.children=c.cityList[t.value],t.children.forEach(function(t){t.children=c.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:v,selectedIndex:this.value,onSelect:this.selectHandler})},methods:{showPicker:function(){this.picker.show()},selectHandler:function(t,e,a){this.selected=a,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:d.default}},t.exports=e.default})},"N7+C":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){var a=i[t.type]||"";e.label=t.title?t.title+a:""}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var i={radio:"（单选）",checkbox:"（多选）"};t.exports=e.default})},N7CF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Cascade Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showCascadePicker}},[t._v("Cascade Picker")]),t._v(" "),a("cube-button",{on:{click:t.showAddressPicker}},[t._v("Address Picker")]),t._v(" "),a("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Set Data")]),t._v(" "),a("cube-button",{on:{click:t.showAsyncPicker}},[t._v("Async Load Data")])],1)],1)])},staticRenderFns:[]}},NEEv:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checker-item",props:{option:{type:Object,default:function(){return{}}}},computed:{isActive:function(){var t=this.$parent.isRadio,e=this.$parent.currentValue,a=this.option.value;return t?e===a:e.indexOf(a)>=0},isDisabled:function(){return this.option.disabled}},methods:{clickHandler:function(){this.isDisabled||this.$parent.check(this.option)}}},t.exports=e.default})},NFzl:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-extend-popup",props:{content:{type:String}},methods:{show:function(){this.$refs.popup.show()},hide:function(){this.$refs.popup.hide(),this.$emit("hide")}}},t.exports=e.default})},NPLC:function(t,e){},NTtZ:function(t,e,a){function i(t){a("U+Iq")}var n=a("VU/8")(a("/Ca3"),a("9I0H"),i,null,null);t.exports=n.exports},NZLs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-popup",{ref:"popup",attrs:{type:"extend-popup"}},[a("div",{staticClass:"cube-extend-popup-content",on:{click:t.hide}},[t._t("default",[t._v(t._s(t.content))])],2)])},staticRenderFns:[]}},NhRQ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("lQMO"),a("I6+Q")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,c.default)(t,l.default)},e.default=l.default,t.exports=e.default})},NmRe:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Segment Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDateSegmentPicker}},[t._v("StartDate - EndDate")]),t._v(" "),a("cube-button",{on:{click:t.showCitySegmentPicker}},[t._v("Express - From - To")])],1)],1)])},staticRenderFns:[]}},Nv3z:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-def",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-scroll-nav",{on:{change:t.changeHandler}},t._l(t.data,function(e){return a("cube-scroll-nav-panel",{key:e.name,attrs:{label:e.name}},[a("ul",t._l(e.foods,function(e){return a("li",[a("div",[a("img",{attrs:{src:e.icon}}),t._v(" "),a("p",[t._v(t._s(e.name))])])])}))])}))],1)])])},staticRenderFns:[]}},O1ak:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),o.default.install(t),(0,u.default)(t,c.default)},e.default=c.default,t.exports=e.default})},O6S8:function(t,e,a){function i(t){a("nFiz")}var n=a("VU/8")(a("9IQh"),a("+Cpq"),i,null,null);t.exports=n.exports},O7AT:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-textarea",title:"Scroll"}},[a("template",{slot:"content"},[a("div",{staticClass:"scroll-wrap",on:{touchstart:function(t){t.stopPropagation()}}},[a("cube-scroll",{ref:"scrollOuter",staticClass:"scroll-outer",attrs:{options:t.optionsOuter}},[a("p",[t._v("Sometimes we need a teatarea in cube-scroll component. However the problem is, we can not use the native scroll in teatarea when we need to scroll, due to we prevent the default broswer behavior of 'scroll' event in Cube-scroll.")]),t._v(" "),a("p",[t._v("Now, we give this example, introducing two ways how to solve this trouble.")]),t._v(" "),a("p",[t._v("Both approach takes advantage of the cube-scroll support for nesting. We wrap the internal input box with cube-scroll and simulate the scrolling behavior by cube-scroll.")]),t._v(" "),a("div",{staticClass:"editable-div-wrapper",class:{"editable-div_active":t.isFocusDiv}},[a("cube-scroll",{ref:"divWrapScroll",attrs:{options:t.options}},[a("div",{ref:"editablediv",staticClass:"editable-div",attrs:{contenteditable:"true"},on:{focus:t.onFocusDiv,blur:t.onBlurDiv,input:t.onInputDiv}})]),t._v(" "),a("span",{staticClass:"editable-div-indicator"},[t._v(t._s(t.divValueCount))])],1),t._v(" "),a("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_active":t.isFocusNative}},[a("cube-scroll",{ref:"nativeWrapScroll",attrs:{options:t.options}},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"textarea",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder},domProps:{value:t.textareaValue},on:{input:[function(e){e.target.composing||(t.textareaValue=e.target.value)},t.onInputNative],focus:t.onFocusNative,blur:t.onBlurNative}})]),t._v(" "),a("span",{staticClass:"cube-textarea-indicator"},[t._v(t._s(t.textareaValueCount))])],1),t._v(" "),a("p",[t._v("有时候我们需要在 cube-scroll 组件中包含 teatarea 输入框。然而由于我们在使用 cube-scroll 时禁用了浏览器 'scroll' 事件的默认行为，因此我们无法在 textarea 输入框中使用浏览器的原生滚动。")]),t._v(" "),a("p",[t._v("现在我们希望通过这个例子，介绍两种解决这个问题的方法。")]),t._v(" "),a("p",[t._v("核心都是利用了 cube-scroll 支持嵌套的能力，我们将内部的输入框用 cube-scroll 进行包装，通过 cube-scroll 去模拟滚动行为。但是有一个要求是，内容区域必须是高度自适应，即高度随内容多少增加或减少。")]),t._v(" "),a("p",[t._v("1. 利用 div 标签模拟 textarea，实现内容区域高度自适应。"),a("br"),t._v(" 2. 利用 textarea 配合 js，实现高度自适应。")]),t._v(" "),a("p",[t._v("最后，我们还需要一些额外的工作保证输入过程中，光标能始终在视线内，保持与原生输入框的行为一致。")])])],1),t._v(" "),a("h1",[t._v(t._s(t.msg))])])],2)},staticRenderFns:[]}},Ojzo:function(t,e,a){function i(t){a("ku8z")}var n=a("VU/8")(a("uCDH"),a("Eezp"),i,null,null);t.exports=n.exports},Oluj:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("PzHl"),a("niVN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,c.default)(t,l.default)},e.default=l.default,t.exports=e.default})},OyTe:function(t,e){},"P+K9":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("VzLe"),a("qgN4"),a("inlK"),a("t3q3"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(l),f=s(c),h=s(u),x=s(o);v.default.install=function(t){t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(v.default.name,v.default),x.default.install(t),(0,h.default)(t,r.default),(0,f.default)(t,d.default),(0,p.default)(t,v.default)},v.default.Picker=r.default,d.default.Picker=r.default,v.default.CascadePicker=d.default,e.default=v.default,t.exports=e.default})},P9U6:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/5sW"),a("XPXN"),a("1Vb/"),a("6SSl"),a("5Fev"),a("h7Gw")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c),f=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items:f,itemIndex:f.length,scrollbar:!0,scrollbarFade:!0,startY:0,scrollToY:-200,scrollToTime:700,scrollToEasing:"bounce",scrollToEasingOptions:[{text:"bounce",value:"bounce"},{text:"swipe",value:"swipe"},{text:"swipeBounce",value:"swipeBounce"}],customPullDown:!1}},computed:{options:function(){return{scrollbar:this.scrollbarObj,startY:this.startY}},scrollbarObj:function(){return!!this.scrollbar&&{fade:this.scrollbarFade}}},watch:{scrollbarObj:{handler:function(){this.rebuildScroll()},deep:!0},startY:function(){this.rebuildScroll()}},methods:{scrollTo:function(){this.$refs.scroll.scrollTo(0,this.scrollToY,this.scrollToTime,u.ease[this.scrollToEasing])},updateScrollbar:function(t){this.scrollbar=t},updateScrollbarFade:function(t){this.scrollbarFade=t},updateStartY:function(t){this.startY=t},updateScrollToY:function(t){this.scrollToY=t},updateScrollToTime:function(t){this.scrollToTime=t},updateScrollToEasing:function(t){this.scrollToEasing=t},rebuildScroll:function(){var t=this;s.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}},components:{CubePage:r.default,SwitchOption:d.default,InputOption:v.default,SelectOption:p.default}},t.exports=e.default})},PGMA:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tabs",title:"Tab Demos"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("tab-bar")}}},[t._v("TabBar Demos")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("tab")}}},[t._v("Tab Demos")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("scroll-tab")}}},[t._v("ScrollTab Demo")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},Pe8L:function(t,e,a){function i(t){a("qKQa")}var n=a("VU/8")(a("J4wF"),a("C78E"),i,null,null);t.exports=n.exports},"Pp+f":function(t,e){},PpuX:function(t,e){},Ps1K:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("FmUO")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-checker",props:{value:[String,Number,Array],options:{type:Array,default:function(){return[]}},type:{type:String,default:"checkbox"},min:{type:Number,default:0},max:{type:Number,default:function(){return this.options.length}}},data:function(){return{currentValue:this.value}},computed:{isRadio:function(){return"radio"===this.type}},watch:{value:function(t){this.currentValue=t},currentValue:function(t){this.$emit("input",t)}},methods:{check:function(t){this.isRadio?this.checkRadio(t):this.checkCheckbox(t)},checkRadio:function(t){this.currentValue=t.value},checkCheckbox:function(t){var e=t.value,a=this.currentValue,i=a.length,n=this.min,l=this.max,c=a.indexOf(e);c>-1?i>n&&a.splice(c,1):i<l&&a.push(e)}},components:{CubeCheckerItem:i.default}},t.exports=e.default})},Pt9a:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-side",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-scroll-nav",{attrs:{side:!0,data:t.data,current:t.current},on:{change:t.changeHandler,"sticky-change":t.stickyChangeHandler}},[a("ul",{staticClass:"prepend-header",attrs:{slot:"prepend"},slot:"prepend"},[a("li",[t._v("11")]),t._v(" "),a("li",[t._v("22")]),t._v(" "),a("li",[t._v("333")])]),t._v(" "),t._l(t.data,function(e){return a("cube-scroll-nav-panel",{key:e.name,attrs:{label:e.name,title:e.name}},[a("ul",t._l(e.foods,function(e){return a("li",[a("div",[a("img",{attrs:{src:e.icon}}),t._v(" "),a("p",[t._v(t._s(e.name))])])])}))])})],2)],1)])])},staticRenderFns:[]}},PzHl:function(t,e,a){function i(t){a("u3HD")}var n=a("VU/8")(a("xomh"),a("S72U"),i,null,null);t.exports=n.exports},Q1ow:function(t,e){},"QAv/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload-btn"},[t._t("default",[t._m(0)]),t._v(" "),a("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,a=t._self._c||e;return a("div",{staticClass:"cube-upload-btn-def"},[a("i")])}]}},QMhb:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("bOdI"),a("0PCq"),a("UFDc"),a("xYoV"),a("tJl4"),a("VLcU"),a("M7O5"),a("9xqn")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=d(a),p=d(i),f=d(c),h=d(u),x=d(s),y=d(r);y.default.CubeValidator=f.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,validatorModelKey:"value",modelValue:e,validatorModel:(0,p.default)({},"value",e)}},computed:{fieldValue:function(){return(0,n.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 a=t.type,i="cube-"+a;return y.default[i]?i:a}},watch:{modelVal:function(t){this.modelValue!==t&&(this.modelValue=t)},modelValue:{handler:function(t){this.form.model[this.fieldValue.modelKey]=t,this.updateValidatorModel()},sync:!0},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.syncValidatorValue(),t.validate(),e},e,!1,this.validatorModel[this.validatorModelKey]))},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.validate()},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.validatorModelKey]:(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.validatorModelKey]=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},syncValidatorValue:function(){this.pending=!1,this.validatorModel[this.validatorModelKey]=this.modelValue,this.form.updatePending()},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,a=(0,l.cb2PromiseWithResolve)(t);a&&(t=a.resolve);var i=this.$refs.validator;return i?i.validate(function(){e.validatorDisabled=!0,e.updateValidity(),t&&t(),e.$nextTick(function(){e.validatorDisabled=!1})}):t&&t(),a},reset:function(){var t=this,e=this.fieldValue;if(e.modelKey){var a=(0,o.getResetValueByType)(e.type);this.validatorDisabled=!0,(0,l.resetTypeValue)(this,"modelValue",a),this.syncValidatorValue(),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){t.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===h.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:y.default},t.exports=e.default})},QRXK:function(t,e){},QreJ:function(t,e,a){function i(t){a("1adm")}var n=a("VU/8")(a("kZI5"),a("VeN1"),i,null,null);t.exports=n.exports},QtPY:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky",title:"Sticky"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("scroll")}}},[t._v("Scroll")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("native")}}},[t._v("Native Scroll")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("wechat")}}},[t._v("WeChat")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("complex")}}},[t._v("Complex")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},QvWg:function(t,e){},Qx69:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"group",staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,i){return a("cube-radio",{key:i,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){},"R/bX":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("/V0l")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{tip:"请配合如实填写问卷，确保xxxx相关文案",questions:[{type:"switch",model:"switch",title:"询问是否？"},{type:"input",model:"input",title:"输入",options:{placeholder:"请输入"},on:"switch",required:!0},{type:"date",model:"date",title:"日期",options:{},required:!0},{type:"time",model:"time",title:"时间",options:{min:"01:00",max:"23:59"},required:!0},{type:"select",model:"select",title:"选择",options:["option1","option2","option3"],required:!0},{type:"radio",model:"radio",title:"单选",options:["单选1","单选2","单选3"],required:!0},{type:"checkbox",model:"checkbox",title:"多选",options:["多选1","多选2","多选3"],required:!0},{type:"textarea",model:"textarea",title:"多行文本",on:{model:"checkbox",options:["多选1","多选3"]},required:!0},{type:"checkbox",row:!0,model:"checkbox2",title:"多选-横",options:["多选-横1","多选-横2","多选-横3"],required:!0},{type:"tel",model:"tel",title:"手机号",options:{placeholder:"请输入手机号"},required:!0},{type:"rate",model:"rate",title:"级别",options:{max:10},required:!0},{type:"city",model:"city",title:"城市",required:!0},{type:"upload",model:"upload",title:"上传",options:{action:"//jsonplaceholder.typicode.com/photos/",max:2},required:!0},{type:"agreement",model:"agreement",options:{text:"请同意",link:{text:"《xx协议》",href:"https://github.com/didi/cube-ui"},desc:"说明：本人承诺xx xxxxx xxx xx。"},required:!0,errMsg:"请同意协议"}],submit:{text:"Submit"}}},components:{CubePage:l.default,DemoQuestionnaire:c.default},methods:{submitHandler:function(t){console.log("submit",t)}}},t.exports=e.default})},R082:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("lVze"),a("vhte"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),o.default.install(t),(0,u.default)(t,c.default)},e.default=c.default,t.exports=e.default})},R0L0:function(t,e){},R4Zp:function(t,e,a){function i(t){a("ir9C")}var n=a("VU/8")(a("gz49"),a("8GE+"),i,null,null);t.exports=n.exports},RGkz:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{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:i.default}},t.exports=e.default})},"RO/E":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("N5yD"),a("KATl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},RO5T:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s",onTimeout:function(){console.log("timeout")}}),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()},showToastTxtOnly:function(){this.toast=this.$createToast({txt:"Plain txt",type:"txt"}),this.toast.show()}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},RQH8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-native",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY,"check-top":t.checkTop}},[a("div",{staticClass:"scroll-ele",on:{scroll:t.scrollHandler}},[a("ul",[a("li",[t._v("title")])]),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("222")]),t._v(" "),a("li",[t._v("222")])])]),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("333")])])]),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1)])],1)])],2)},staticRenderFns:[]}},RQcS:function(t,e){},RVzk:function(t,e){},RkVv:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"switch-option",props:{name:{type:String},value:null},data:function(){return{checked:this.value}},watch:{checked:function(t){this.$emit("update:value",t)}},methods:{clickSwitch:function(){this.checked=!this.checked}}},t.exports=e.default})},S72U:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.rootClass,style:{"z-index":t.zIndex}},[a("div",{staticClass:"cube-popup-mask",on:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),a("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[t.$slots.default?a("div",{staticClass:"cube-popup-content"},[t._t("default")],2):a("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},SFrn:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("GFMH"),a("+//L")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Panel=c.default,e.default=l.default,t.exports=e.default})},SOQt:function(t,e,a){function i(t){a("AkiL")}var n=a("VU/8")(a("M2u5"),a("37es"),i,null,null);t.exports=n.exports},SPGs:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qefm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},SW1b:function(t,e,a){function i(t){a("eiDU")}var n=a("VU/8")(a("P9U6"),a("iXiC"),i,null,null);t.exports=n.exports},SpYO:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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),a=0;a<t;a++)e[a]=arguments[a];console.log("file removed",e)}},rules:{required:!0,uploaded:function(t,e){return u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"standard"}}},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})},SrUm:function(t,e,a){var i,n,l;!function(c,u){n=[a("//Fk"),a("/5sW"),a("/ocq"),a("lVK7"),a("pwV8"),a("z16Y"),a("v5o6"),a("cTzj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}var s=o(t),r=o(e),d=o(a),v=o(i),p=o(n),f=o(l),h=o(c),x=o(u);window.Promise=window.Promise||s.default,h.default.attach(document.body),r.default.use(v.default),r.default.use(d.default),r.default.use(x.default),new r.default({router:f.default,render:function(t){return t(p.default)}}).$mount("#app")})},SvSE:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll",title:"Scroll"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[a("span",{staticClass:"scroll-example"},[t._v("1. Default")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("horizontal")}}},[a("span",{staticClass:"scroll-example"},[t._v("2. Horizontal")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("config")}}},[a("span",{staticClass:"scroll-example"},[t._v("3. Customized")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("jd")}}},[a("span",{staticClass:"scroll-example"},[t._v("4. JD")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("toutiao")}}},[a("span",{staticClass:"scroll-example"},[t._v("5. Toutiao")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("v-scrolls")}}},[a("span",{staticClass:"scroll-example"},[t._v("6. Vertical scrolls")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("h-scrolls")}}},[a("span",{staticClass:"scroll-example"},[t._v("7. Horizontal scrolls")])])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},Sx9D:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"switch-view",title:"Switch"}},[a("template",{slot:"content"},[a("cube-switch",{model:{value:t.values[0],callback:function(e){t.$set(t.values,0,e)},expression:"values[0]"}},[t._v("Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[0]))]),t._v(" "),a("cube-switch",{model:{value:t.values[1],callback:function(e){t.$set(t.values,1,e)},expression:"values[1]"}},[t._v("Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[1]))]),t._v(" "),a("cube-switch",{attrs:{disabled:t.disabled},model:{value:t.values[2],callback:function(e){t.$set(t.values,2,e)},expression:"values[2]"}},[t._v("Disbled Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[2]))]),t._v(" "),a("cube-switch",{attrs:{disabled:t.disabled},model:{value:t.values[3],callback:function(e){t.$set(t.values,3,e)},expression:"values[3]"}},[t._v("Disbled Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[3]))])],1)],2)},staticRenderFns:[]}},T6wA:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"dialog-view",title:"Dialog"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showAlert}},[t._v("Dialog - alert")]),t._v(" "),a("cube-button",{on:{click:t.showPrompt}},[t._v("Dialog - prompt")]),t._v(" "),a("cube-button",{on:{click:t.showBtn}},[t._v("Dialog - btn")]),t._v(" "),a("cube-button",{on:{click:t.showClose}},[t._v("Dialog - show close")]),t._v(" "),a("cube-button",{on:{click:t.showSlot}},[t._v("Dialog - slot")])],1)],1)])},staticRenderFns:[]}},TAcf:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("Xxa5"),a("exGp"),a("woOf"),a("GQaK"),a("qqiS"),a("XNdS"),a("QMhb"),a("kVGr"),a("t7U9"),a("LIRj"),a("0Oib")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=f(a),x=f(i),y=f(n),m=f(l),b=f(c),g=f(u),_=f(o),w=f(s),k=f(r),A=["scroll","before-scroll-start","scroll-end"],C={observeDOM:!0,click:!0,probeType:1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1};e.default={name:"cube-scroll",mixins:[w.default,k.default],provide:function(){return{parentScroll:this}},inject:{parentScroll:{default:null}},props:{data:{type:Array,default:function(){return[]}},scrollEvents:{type:Array,default:function(){return[]},validator:function(t){return t.every(function(t){return-1!==A.indexOf(t)})}},listenScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},listenBeforeScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},direction:{type:String,default:"vertical"},refreshDelay:{type:Number,default:20},nestMode:{type:String,default:"none"}},data:function(){return{beforePullDown:!0,isPullingDown:!1,isPullUpLoad:!1,pullUpNoMore:!1,bubbleY:0,pullDownStyle:"",pullDownStop:40,pullDownHeight:60,pullUpHeight:0}},computed:{pullDownRefresh:function(){var t=this.options.pullDownRefresh;return t?(!0===t&&(t={}),(0,m.default)({stop:this.pullDownStop},t)):t},pullUpLoad:function(){return this.options.pullUpLoad},pullUpTxt:function(){var t=this.pullUpLoad,e=t&&t.txt,a=e&&e.more||"",i=e&&e.noMore||"";return this.pullUpNoMore?i:a},refreshTxt:function(){var t=this.pullDownRefresh;return t&&t.txt||"Refresh success"},finalScrollEvents:function(){var t=this.scrollEvents.slice();return t.length||(this.listenScroll&&t.push("scroll"),this.listenBeforeScroll&&t.push("before-scroll-start")),t},needListenScroll:function(){return-1!==this.finalScrollEvents.indexOf("scroll")||this.parentScroll}},watch:{data:function(){var t=this;setTimeout(function(){t.forceUpdate(!0)},this.refreshDelay)},pullDownRefresh:{handler:function(t,e){t&&(this.scroll.openPullDown(t),e||(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler())),!t&&e&&(this.scroll.closePullDown(),this._offPullDownRefresh(),this._pullDownRefreshChangeHandler())},deep:!0},pullUpLoad:{handler:function(t,e){t&&(this.scroll.openPullUp(t),e||(this._onPullUpLoad(),this._pullUpLoadChangeHandler())),!t&&e&&(this.scroll.closePullUp(),this._offPullUpLoad(),this._pullUpLoadChangeHandler())},deep:!0}},activated:function(){this.enable()},deactivated:function(){this.disable()},mounted:function(){var t=this;this.$nextTick(function(){t.initScroll()})},beforeDestroy:function(){this.destroy()},methods:{initScroll:function(){if(this.$refs.wrapper){this._calculateMinHeight();var t={scrollY:"vertical"===this.direction,scrollX:"horizontal"===this.direction,probeType:this.needListenScroll?3:1,useTransition:p.USE_TRANSITION},e=(0,m.default)({},C,t,this.options);this.scroll=new b.default(this.$refs.wrapper,e),this.parentScroll&&"none"!==this.nestMode&&this._handleNestScroll(),this._listenScrollEvents(),this.pullDownRefresh&&(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler()),this.pullUpLoad&&(this._onPullUpLoad(),this._pullUpLoadChangeHandler())}},disable:function(){this.scroll&&this.scroll.disable()},enable:function(){this.scroll&&this.scroll.enable()},refresh:function(){this._calculateMinHeight(),this.scroll&&this.scroll.refresh()},destroy:function(){this.scroll&&this.scroll.destroy(),this.scroll=null},scrollTo:function(){this.scroll&&this.scroll.scrollTo.apply(this.scroll,arguments)},scrollToElement:function(){this.scroll&&this.scroll.scrollToElement.apply(this.scroll,arguments)},clickItem:function(t){this.$emit("click",t)},forceUpdate:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,y.default)(x.default.mark(function i(){return x.default.wrap(function(i){for(;;)switch(i.prev=i.next){case 0:if(!t.isPullDownUpdating){i.next=2;break}return i.abrupt("return");case 2:if(!t.pullDownRefresh||!t.isPullingDown){i.next=12;break}return t.isPullingDown=!1,t.isPullDownUpdating=!0,i.next=7,t._waitFinishPullDown();case 7:return t.isPullDownUpdating=!1,i.next=10,t._waitResetPullDown(e);case 10:i.next=13;break;case 12:t.pullUpLoad&&t.isPullUpLoad&&(t.isPullUpLoad=!1,t.scroll.finishPullUp(),t.pullUpNoMore=!e||a);case 13:e&&t.refresh();case 14:case"end":return i.stop()}},i,t)}))()},resetPullUpTxt:function(){this.pullUpNoMore=!1},_listenScrollEvents:function(){var t=this;this.finalScrollEvents.forEach(function(e){t.scroll.on((0,v.camelize)(e),function(){for(var a=arguments.length,i=Array(a),n=0;n<a;n++)i[n]=arguments[n];t.$emit.apply(t,[e].concat(i))})})},_handleNestScroll:function(){var t=this;this.$nextTick(function(){var e=t.scroll,a=t.parentScroll.scroll;[e,a].forEach(function(i,n,l){i.on("touchEnd",function(){a.enable(),e.enable(),e.initiated=!1}),i.on("beforeScrollStart",function(){t.touchStartMoment=!0;var e=l[(n+1)%2];e.stop(),e.resetPosition()})}),e.on("scroll",function(i){!e.initiated||e.isInTransition||"native"===t.nestMode&&!t.touchStartMoment||(t._checkReachBoundary(i)?(e.resetPosition(),e.disable(),a.pointX=e.pointX,a.pointY=e.pointY,a.enable()):a.disable(),t.touchStartMoment=!1)})})},_checkReachBoundary:function(t){var e=this.scroll.distX,a=this.scroll.distY,i=e>0?t.x>=this.scroll.minScrollX:e<0&&t.x<=this.scroll.maxScrollX,n=a>0?t.y>=this.scroll.minScrollY:a<0&&t.y<=this.scroll.maxScrollY,l=this.scroll.freeScroll,c=this.scroll.hasHorizontalScroll,u=this.scroll.hasVerticalScroll;if(!c&&!u)return!0;if(l)return i||n;var o=void 0;return this.scroll.movingDirectionX?o=i:this.scroll.movingDirectionY&&(o=n),o},_calculateMinHeight:function(){var t=this.$refs,e=t.wrapper,a=t.listWrapper,i=this.pullUpLoad,n=this.pullDownRefresh,l=0;if(n||i){l=(0,d.getRect)(e).height+1,i&&i.visible&&(l-=this.pullUpHeight)}a.style.minHeight=l+"px"},_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)},_pullDownRefreshChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullDownEleHeight(),t._calculateMinHeight()})},_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-this.pullDownHeight),this.pullDownStyle="top:"+Math.min(t.y-this.pullDownHeight,0)+"px"):(this.bubbleY=0,this.pullDownStyle="top:"+Math.min(t.y-this.pullDownStop,0)+"px")},_pullUpLoadChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullUpEleHeight(),t._calculateMinHeight()})},_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")},_waitFinishPullDown:function(t){var e=this,a=this.pullDownRefresh.stopTime,i=void 0===a?600:a;return new h.default(function(t){setTimeout(function(){e.scroll.finishPullDown(),t()},i)})},_waitResetPullDown:function(t){var e=this;return new h.default(function(t){e.resetPullDownTimer=setTimeout(function(){e.pullDownStyle="top: -"+e.pullDownHeight+"px",e.beforePullDown=!0,t()},e.scroll.options.bounceTime)})},_getPullDownEleHeight:function(){var t=this,e=this.$refs.pulldown;e&&(e=e.firstChild,this.pullDownHeight=(0,d.getRect)(e).height,this.beforePullDown=!1,this.isPullingDown=!0,this.$nextTick(function(){t.pullDownStop=(0,d.getRect)(e).height,t.beforePullDown=!0,t.isPullingDown=!1}))},_getPullUpEleHeight:function(){var t=this.$refs.listWrapper,e=t.nextElementSibling;if(!e)return void(this.pullUpHeight=0);this.pullUpHeight=(0,d.getRect)(e).height}},components:{Loading:g.default,Bubble:_.default}},t.exports=e.default})},TCNK:function(t,e,a){function i(t){a("+IZQ")}var n=a("VU/8")(a("J7to"),a("x3Dq"),i,null,null);t.exports=n.exports},TMiY:function(t,e,a){function i(t){a("2G9e")}var n=a("VU/8")(a("V1uU"),a("Sx9D"),i,null,null);t.exports=n.exports},Ta5O:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("+vzD"),a("wOxr"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);s.default.install=function(t){t.component(o.default.name,o.default),t.component(s.default.name,s.default),v.default.install(t),(0,d.default)(t,o.default),(0,r.default)(t,s.default)},s.default.Picker=o.default,e.default=s.default,t.exports=e.default})},TdZF:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabel:"天辉",tabs:[{label:"天辉",icon:"cubeic-like",heroes:["敌法师","卓尔游侠","主宰","米拉娜","变体精灵"]},{label:"夜魇",icon:"cubeic-star",heroes:["血魔","影魔","剃刀","剧毒术士","虚空假面","幻影刺客","冥界亚龙","克林克兹","育母蜘蛛","编织者","幽鬼","司夜刺客","米波"]}]}},components:{CubePage:i.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},TtvH:function(t,e){},TyIl:function(t,e){},"U+AE":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-def",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Normal upload(File max size 1MB): ")]),t._v(" "),a("div",[a("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1},on:{"files-added":t.filesAdded}}),t._v(" "),t.isUploading?a("cube-button",{on:{click:t.pause}},[t._v("Pause")]):a("cube-button",{on:{click:t.upload}},[t._v("Upload")]),t._v(" "),a("cube-button",{on:{click:t.retry}},[t._v("Retry")])],1)])],2)},staticRenderFns:[]}},"U+Iq":function(t,e){},U4Ng:function(t,e,a){function i(t){a("gSj3")}var n=a("VU/8")(a("Ll9R"),a("4840"),i,null,null);t.exports=n.exports},U6M5:function(t,e){},U8em:function(t,e,a){var i=a("VU/8")(a("vLxS"),a("phPD"),null,null,null);t.exports=i.exports},UFDc:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("fZjL"),a("bOdI"),a("pFYg"),a("LIRj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}function c(t,e){if(t.findIndex)return t.findIndex(e);var a=-1;return t.some(function(t,i,n){var l=e.call(this,t,i,n);if(l)return a=i,l}),a}function u(t,e){for(var a in e)t[a]&&"object"===(0,b.default)(t[a])?u(t[a],e[a]):t[a]=e[a]}function o(t){return function(){for(var e=arguments.length,a=Array(e),i=0;i<e;i++)a[i]=arguments[i];"string"==typeof a[0]&&(a[0]=(0,m.default)({},a[0],a[1])),u(t,a[0])}}function s(t){var e=Object.prototype.toString;return function(a){return e.call(a)==="[object "+t+"]"}}function r(t,e,a){if(void 0!==a)return g._set(t,e,a);if(e){var i=t[e],n=g[void 0===i?"undefined":(0,b.default)(i)];n&&n(t,e,i)}else(0,y.default)(t).forEach(function(e){r(t,e)})}function d(t,e){var a=0,i=[],n=t.length;if(!n)return e(i);t.forEach(function(t,l){t(function(t){a+=1,i[l]=t,a===n&&e(i)})})}function v(t){var e=void 0;if(void 0!==window.Promise){var a=t;e=new window.Promise(function(e){t=function(t){a&&a(t),e(t)}}),e.resolve=t}return e}function p(t,e,a,i){var n=void 0,l=i,c=function(e,a){n=null,a&&(l=t.apply(e,a))},u=function(){for(var i=this,u=arguments.length,o=Array(u),s=0;s<u;s++)o[s]=arguments[s];if(n&&clearTimeout(n),a){var r=!n;n=setTimeout(c,e),r&&(l=t.apply(this,o))}else n=setTimeout(function(){c(i,o)},e);return l};return u.cancel=function(){clearTimeout(n),n=null},u}function f(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.prefix,i=void 0===a?"":a,l=e.firstUpperCase,c=void 0!==l&&l,u=t.name,o=u.replace(/^cube-/i,""),s=""+(0,n.camelize)(""+i+o);return c&&(s=s.charAt(0).toUpperCase()+s.slice(1)),s}function h(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=e.split("."),i=t,n=0;n<a.length;n++){var l=a[n];if(w(i[l])){i="";break}i=i[l]}return i}function x(t){var e=/os (\d\d?_\d(_\d)?)/,a=e.exec(t);if(!a)return null;var i=a[1].split("_").map(function(t){return parseInt(t,10)});return{major:i[0],minor:i[1],patch:i[2]||0}}Object.defineProperty(t,"__esModule",{value:!0}),t.getIOSVersion=t.isNumber=t.isObject=t.isString=t.isArray=t.isFunc=t.isUndef=t.parsePath=t.processComponentName=t.debounce=t.cb2PromiseWithResolve=t.parallel=t.resetTypeValue=t.createAddAPI=t.deepAssign=t.findIndex=void 0;var y=l(e),m=l(a),b=l(i),g={_set:function(t,e,a){t[e]=a},string:function(t,e){g._set(t,e,"")},number:function(t,e){g._set(t,e,0)},boolean:function(t,e){g._set(t,e,!1)},object:function(t,e,a){Array.isArray(a)?g._set(t,e,[]):g._set(t,e,{})}},_=s("Function"),w=s("Undefined"),k=s("Array"),A=s("String"),C=s("Object"),T=s("Number");t.findIndex=c,t.deepAssign=u,t.createAddAPI=o,t.resetTypeValue=r,t.parallel=d,t.cb2PromiseWithResolve=v,t.debounce=p,t.processComponentName=f,t.parsePath=h,t.isUndef=w,t.isFunc=_,t.isArray=k,t.isString=A,t.isObject=C,t.isNumber=T,t.getIOSVersion=x})},UJHE:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-segment-picker"},t._l(t.data,function(e,i){return a(e.is||"cube-picker",t._b({key:i,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:i,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(i===t.data.length-1?t._confirmTxt:t._nextTxt),"cancel-txt":e.cancelTxt||(0===i?t._cancelTxt:t._prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},UKcw:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("Zd1j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(i),o=c(n),s=c(l);e.default={data:function(){return{initTime:(new Date).getTime(),id:0,size:50,offset:100}},components:{CubePage:o.default},methods:{getItem:function(t){var e=Math.floor(6*Math.random()),i=s.default.messages[Math.floor(Math.random()*s.default.messages.length)];return{id:t,avatar:a("6WIs")("./avatar"+e+".png"),msg:i,time:new Date(Math.floor(this.initTime+t*this.size*1e3+Math.random()*this.size*1e3)).toString()}},onFetch:function(){var t=this,e=[];return new u.default(function(a){setTimeout(function(){for(var i=0;i<t.size;i++)e.push(t.getItem(t.id++));a(e)},500)})},handleClick:function(t){console.log(t)}}},t.exports=e.default})},UReh:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"loading-view",title:"Loading"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-loading"),t._v(" "),a("cube-loading",{attrs:{size:28}}),t._v(" "),a("cube-loading",{attrs:{size:40}})],1)])},staticRenderFns:[]}},USmt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper custom"},[a("cube-index-list",{attrs:{data:t.singerData},scopedSlots:t._u([{key:"nav-item",fn:function(e){return a("span",{staticClass:"custom-nav-item"},[t._v(t._s(e.item))])}}])},t._l(t.singerData,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}},[a("div",{staticClass:"custom-item"},[a("img",{directives:[{name:"lazy",rawName:"v-lazy",value:e.avatar,expression:"item.avatar"}],staticClass:"avatar"}),t._v(" "),a("span",{staticClass:"name"},[t._v(t._s(e.name))])])])}))}))],1)])])])},staticRenderFns:[]}},UchT:function(t,e,a){function i(t){a("TyIl")}var n=a("VU/8")(a("ZiKE"),a("1j7+"),i,null,null);t.exports=n.exports},UgWs:function(t,e,a){function i(t){a("sawW")}var n=a("VU/8")(a("XG7C"),a("2nzE"),i,null,null);t.exports=n.exports},Uo7j:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("o/OE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default},data:function(){return{title:"Current City: BEIJING",data:c.default.slice(0,4),options:{pullUpLoad:!0}}},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<c.default.length&&t.data.push(c.default[e]),t.$refs.indexList.forceUpdate()},1e3)}}},t.exports=e.default})},UqhO:function(t,e,a){function i(t){a("8Fl7")}var n=a("VU/8")(a("kTpf"),a("3K1Q"),i,null,null);t.exports=n.exports},UrdA:function(t,e,a){function i(t){a("9ZJD")}var n=a("VU/8")(a("ApVb"),a("6MTa"),i,null,null);t.exports=n.exports},Uz7t:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADz5JREFUeNrtm3lQVFe+xz+nu6EbZG0aaEAaZRFoNIAKaqI4iY5LEo2+aPLG0kziTIxmUROrJjMxcZJxSc28aFWMZTImZbayXuJEo2MSlzjPXRSQ4AJBUIIgyL41a0P3eX9cOrgRQBEnEz7/UF5vn/M9v989v/M7v3su9NNPP/3080tF3G0BXSHtR8vB3R2hzYTwcKSYDgYDQm4AHx8kK0CjQcg0aGxEqn6AoiJE6wzIzRViTBFUVd3tcXTGXXeAlFKCEMjU/4Jx4xBiCcyerRh67FgEg2HYMJAfgFrd8w7wgbw8wAIHDyJEK2zfjrSMgL17hep+AW1td2v8fe4Aac99HrRaRA2waBGIrcpf+TUMGdKHUkxQUgLEw/r1SLETNm4UqpEJUFvbVyL6zAFSpqXBjBlImQVvvYUgGsLC+qr/brADystBpMGf/gQj9sDmzUIIAVLeqU7vmAOkTA4CFxfQ/B/8/e9AHcybd6f66/0BEAW7d4Pz6/Dkk0IVuxbKynq7G1Wv67anvwQhIUgnCxw/zs/N8A4E2TB1KqK1EE6elDJ9AERH9343vYSU6UchMBBpy4PDh/8NQ8ztEgqVlSBfg/HjhUjcCJmZt9vobc8AKVMCwccH7G/Bt9/+BxreQZ4yTuEK+/ZJ+8kwGDjwdhu9/RAkRRy8+y7I5WA2320r9QGPQ2AgqJ6CL76Q9sxZ4Ox8q43dsgOkTJsMv/sdgjdg9uy7bZU+RzAZRo2CJg/4wx9uvZkeIu1pqeDpiZC7IT8fmApeXnfbHncP8RQ0N4NtNZjNQox6BH74obu/7vkMEPJJWLKEX7zhHcgPQacDVQosX97TX/d8BsiUYnjzTVDdC3o9UjqBSiUvyDD49a/T604/6uUVEnLgQHp6SAiUlhYXOzmBlHY7gMHg72+3w7hxsbEFBTB6dEJCZSWo1Wr1ndvu3Gwcip60tIwMb284cODUqUGDoLy8tFSjAbDbpQSDwWi02SApKT6+oABGjRoxoqoKVCqV6jq9VmhtRdregeBgoRr9GZSW9roDrufF46MLzVv1etV0/yb3N0+cqJtpXBtujojIypow4dlnoa4uJCQmBqRUqdRqcHe/fDk7G4YMOXx482Ywma5cOXkSli596qmzZ0Gv1+tbW++c4S0Wi0WjgfXrP/po6FDIz3dzi42FrKz771+4UNGrpBIqlUoFHh4FBVlZEBl58OAHH4DJVFGRlgYvvjh//rlz4Onp6XmtXrEOli0TYuT/wrp1veYAKVOXw/TpwHdgNLZ82XxItVStXvHtusiRO195Jeu1e5c++Ulg4IUHpg5fNFbV7dAWFHTixM6dkJi4Z8/KlbBixZIl330HOp1OpzyjvUNbW1ubELB69YYNcXGQkpKQ8PzzkJc3ceL8+d1vx2Q6cmTrVkhMPHDgr3+F115bsiQjA5ydnZ3b9e6Ao0eFSFgN48Z11Z6mB2NY3F5SKACjMcXwXbLPFihrMl2MmwkXJ0yJf+ZeuPfelStnzoRz537729WrwWr18DAYICystrawEOrq9PqBA6Gw0N3d3x+KikaPfuQRyM0tKjp3Dr766sCBykqYNWvq1Px8qKioqHB2hjNnzp3z8IBLly5dcnUFi6W+XqNxVFPBw8PDo60NgoODgpqaICYmJsZigYAAo7G5GQ4ePH7c3x8uXgwISEq60fBC2O12O8TG1tZeugQVFdXVVVVQUhIYGBUFgYHJyTt3KjM4JwcuXIiImDIF9uw5eLC8HKZPnzSpsBCAB2HUKClPN8OAAULEroWGhlt2gJL1mEwgC8BodFzfvz8lJSQEMjPnzFm6FKQUQqUCi8VoDA+HuLh33128GAYP9vXV62HZso0bP/0UNBonJycn2Lo1OTk1FV5/3csrIQFyciZNWrQIjh9ftWr7dqiqKioCKC0tK9NqIT4+Lq6mBhITExKqq8HLyzH1hQCora2tdXKCS5cKClxdYfPmjz82mcDDw929rQ2Ki2tqvL3h+++fe27x4o7xeXm1tjY2wgcfaLX5+RATM3as2QwlJfn5djusWvXCC9OmAdTX19VBdvacOcuXQ0VFdPSYMXDkyFtv7dt3jQOcwckJaV0AMTHAWkhJ6cy+XYcKYf8GIiJ+dEj74lVbW1Zmt4PFEhwcFdVxe1FRUtKsWaDV1taWl0NoqNl8zz3g5KTVarUghBJbH300MTE2FvT6nJzUVLBa3d31erDZXFw8PCAqKjraYoFXX/3jH8+fh4cffvDB0lKIiTGbLRYICgoKam6GoKDAwOZmMJuV+6dOnTy5tBSWL3/55ZwcGDfuvvsqK6GxsbbWZoP6eqMxNLRD78SJZ89+8w3ExERHX72NNBoHDQoLAx8fnU5JIjQatbpjxra0eHsbjdDaKoRWCw0NDQ2aax/nyd0pr3ftAKl6EPR6xz/tdrtdeeYUQ4JSsHXg4lJefvmy4iop4fTpw4f374fS0kuX8vIUB9rtsH//li2bN4OnZ17e6dNXdSe1WmdniI6OjKyvVxzWpcafIDo6KspiASEGDNDpbvz/oqKjR/fsgQsXMjLS0jqup6bu3btrF9TUlJWVlIBa3dLS1AQ6XV1defnVep2cnJ3Bam1tvdoOCB4Gg6ErfV2vAYJXwcMDWAWgVms0UoISSMDZ2WKpqup4ghsb/f1DQmDevFdfXbMG3N31eh8fWLPmiSdmzlRCkLMztLZarS0t0NCwYMG6dSCEzdbWBmp1dfW1IebmZGScPu3pCZcvFxXpdDBkSEREQ4Pyt76+4z6tVqu120GtVtrXaJqaLBZoa3NxcXeH2lpv76AgWL9+8eL588HJydlZqwUPD4PB1xdeeeXTT3fsgP37t237/HPYv19Z09Tq1taWFlCpLJa6uo5Q1+EZ0Qhubl2ZtxszQD4HVuv1l++5Z+jQ2loIDj5+fNu2juvV1RERI0dCU5OPT1AQeHkZDH5+4JgpDsNXVAwdmpQE5eWxsQ88AP7+GRnffgsmU0hIS4vi4JtlQWfOnD3r4QGffLJlS3Aw5OZeuODmBt98s2ePv3/nwzCblUU5OPjEiR07Oq7n5T300MKF0Nzs5eXn16HP2VkJmQ79BQUjRkye3JFOG41pabt3Q2hoRERLy032McL+Nlgstz8DkEFQUwPiGnNMmzZhQn4+ZGS8/fb770Np6bBhv/oV1NcHBkZEwDPP6HTx8WAwpKQcOwZubtOnv/ACNDQEBISFQXn5sGHjx4NOp6wVsbHbt69aBY89Nn9+Tk7napqbm5vV6g4HPfHE3LmFheDjo9ff+Jh0MGPGxIk//ACZmRs2bNgAZWVm87hx0NDg7z9oECQn//nPO3aAn196+r59kJPT2GixwLZtx46VlEBDQ2BgfDzodJWVxcUwbNiuXX/7G8yevWBBbu7NzKaaBtXVXVm3y5fcr7++aIvyMlw+Cc8957juyNNNJqPRYoGKig8/PHYMGho8PYOCoL4+ICA8HBob/fxMJqipCQ8fPlwJUYMGgY/P998nJ8OYMZs2Pf00/OY3U6acPw9mc2RkXV3nenx8fHysVjh8+MgRgwEOHTpyxMcHXFxcXOx2CAkxmZqabvydq6uLi80GgYEGg8UCVVUff3zkCFgser3JBBbLwIFRUWCxmExmM9TWhobGxUFrqxJaDYazZw8dgjFj3n9/4UKYO3f69PPnYciQsLCrQ96PCDEZ3nnnjTc2bWqvmd2ULjdiP5ZbRVO28rLaUfu4litXSkp0OtiyZdeuyEi4fPnKFVdXaG4ODg4LU6auSgU6XVFRXh4YDO7ujY3KQLKzYfDgkJDGxq7UwD/+sW1bYCCkp2dkeHoqodBigcjIyEiLBYYPj4vrziv1oqLiYkXvP/8ZFQXFxeXlit6BA0NDlbRaCHBxUfT6+np7NzbCvHnTpmVng8kUHHwzRwMbwW5H2g+Dt7dQjboInT9S3d8J21Nj4F//QvARPPBAV/c7tvyOPN6RPfn5+fm1tHS9yHbGypVr1gwZAklJY8dWVsL48UlJlZU9b+d66uocektLtVolhxMC/P0VvTeWHDo16WTIzBRiZBUMHdrV3d1P8YS4B77+uru3OwzuGJgjOyksLCx0cYHKysrKW3mNMWhQSEhTExw4cPiwry9s3Pjee4MHw1df7d79U4twZ9TXKzvqnJzcXDc3iIgID29o6ChdtLRYrT1LhO2HYPv27t7d/aZlm4QtW3BU/brA1dXV1Wbr2Cg5MBqV0oCbm5vbrRyHeuyxWbOKimD06MTEqioIDlZCwbBhSpbTU3Q6nc5mg4EDlRKGA8eT7+5+XXrZJeKzdjt1i247oKO8KnbD1q2d3VdcfOWKTgdpaenpnp4dA9m+/csvAwLA19dgsFohMzMry8MD8vPz811duz88R14/ZcqkSWVlMG3aQw+VlCiLb3fWEAdlZUpoPHHi5Em9HoxGf/+rder1SlaVk5ObO2AAXLhw8eKAAT/Z5GzYu1cpwp0/3227dl+yQsfxDFsNnDkDZEDHJtwReqxWq1WIjmypsbGxUa3umBktLS0tKhVoNEr+7Njg9RV2uxLjHTpcXJSZcL1Oq1UJQY76v0Zzg85UkBIpJ8OoUUKVGAapqXfMAT86wp7637B2LYJl8NJLfWe63kZ8DV9+CfZo2LQJKT7u2VlR8QY0NytHGo8e7XHvtypbytPLYMAApDUK0tIQxMHVZbmfDcdg1iwhEpbC1Xv6vuG234hJmfKsUnZVHYDkZJCfgLt7Xw/kNtgNNTVIXoary3GdIFgALS2gfhoWLBBi+FgoLr7VznvxZNyp9cr+QG5S0tWbb9h+vojfg80G9vtgzhzlZFznyUi3W+1tmVKmvAETJoB4sT0fPt9eTe1r4tpj+SPdKYr9hIkuKIssLvDMM0I18jR88UVvibxzp6PtaantH1ZkwNatfbhGtJ/7bxsOMTG/+C9kflysabXB6tUg/6e9qJdxdfrai7QfomUd3HcfaB/v3rFy2zClAhQvlOpv33AXvpBJ/aS9RvIZrFiBwB8efRR4Fm7v7VcPSW3/8OJx2LULVPnwl78IMWIEnDrVVyL+Db4RS30QQkOBSzB3LhDV7pAJSggjwfHi/fY6IgOysxH8Hj7/HMQp+OwzIUaOhOzsuzX+u+6AzpD278aCry/ClgcJCSBTIDISKcwQEIBAD56eIGco5V9hhepqBPPbz/G/B1lZSE02pKUJVfxR5ROkfvrpp59++umnH+D/ARqtYKkmlbZ9AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAwlrS75wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMOfpA1sAAAB7dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2dhNnJna3hjbW1hLyVFNSU4RCVBMSVFOSU4MCU5QSVFNSVBNCVCNCVFNSU4MyU4RiVFOCVBMSVBOCVFNiU4MyU4NTEyLnN2Z2pt47QAAAAASUVORK5CYII="},V13k:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",{staticClass:"cube-btn",class:t.btnClass,attrs:{type:t.type},on:{click:t.handleClick}},[t.icon?a("i",{class:t.icon}):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},V1uU:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{values:[!0,!1,!0,!1],disabled:!0}},components:{CubePage:i.default}},t.exports=e.default})},VA5X:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-custom",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Use slots: ")]),t._v(" "),a("div",{staticClass:"upload-view-custom-main"},[a("cube-upload",{ref:"upload",attrs:{action:t.action},on:{"files-added":t.addedHandler,"file-error":t.errHandler},model:{value:t.files,callback:function(e){t.files=e},expression:"files"}},[a("div",{staticClass:"clear-fix"},[t._l(t.files,function(t,e){return a("cube-upload-file",{key:e,attrs:{file:t}})}),t._v(" "),a("cube-upload-btn",{attrs:{multiple:!1}},[a("div",[a("i",[t._v("＋")]),t._v(" "),a("p",[t._v("Please click to upload ID card")])])])],2)])],1)])],2)},staticRenderFns:[]}},"VAT/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{province:{},selectedIndex:[],data:[[],[]]}},methods:{showDrawer:function(){var t=Math.round(Math.random()*i.provinceList.length),e=i.provinceList[t];this.province=e,this.$refs.drawer.refill(0,i.cityList[e.value]),this.$refs.drawer.show()},changeHandler:function(t,e,a,n,l){var c=this;setTimeout(function(){var a=i.areaList[e.value];c.$refs.drawer.refill(t+1,a)},200)},selectHandler:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:n.default}},t.exports=e.default})},VKJd:function(t,e,a){function i(t){a("72CF")}var n=a("VU/8")(a("rQlO"),a("li82"),i,null,null);t.exports=n.exports},VLcU:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t){var e=a[t];return e&&e()}Object.defineProperty(t,"__esModule",{value:!0});var a={checkbox:function(){return!1},select:function(){return null}};t.getResetValueByType=e})},VMLG:function(t,e){},VOzN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},VbyH:function(t,e){},VcN6:function(t,e,a){function i(t){a("RVzk")}var n=a("VU/8")(a("XUgO"),a("c4zc"),i,null,null);t.exports=n.exports},Vdc2:function(t,e){},VeN1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-scroll",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY},scopedSlots:t._u([{key:"fixed",fn:function(e){return[a("ul",{staticClass:"sticky-header"},[a("li",[t._v(t._s(e.current))])])]}}])},[a("cube-scroll",{attrs:{"scroll-events":t.scrollEvents},on:{scroll:t.scrollHandler}},[a("ul",[a("li",[t._v("title")])]),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"11"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"22"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("222")]),t._v(" "),a("li",[t._v("222")])])]),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"33"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("333")])])]),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1)],1)],1)])],2)},staticRenderFns:[]}},Vexm:function(t,e,a){var i=a("VU/8")(a("apY0"),a("0oyY"),null,null,null);t.exports=i.exports},"Vh/j":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload"},[t._t("default",[a("div",{staticClass:"cube-upload-def clear-fix"},[t._l(t.files,function(e,i){return a("upload-file",{key:i,attrs:{file:e},on:{click:function(a){t.fileClick(e,i)}}})}),t._v(" "),a("upload-btn",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn,expression:"isShowBtn"}],attrs:{multiple:t.multiple,accept:t.accept}})],2)])],2)},staticRenderFns:[]}},VvZZ:function(t,e){},VzLe:function(t,e,a){var i=a("VU/8")(a("waH8"),a("7Jhx"),null,null,null);t.exports=i.exports},W0tM:function(t,e){},W1tV:function(t,e){},W2Hj:function(t,e,a){var i=a("VU/8")(a("0l/c"),a("1ftA"),null,null,null);t.exports=i.exports},WL1h:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"switch-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("div",{staticClass:"switch-ellipse",class:{active:t.checked},on:{click:t.clickSwitch}},[a("span",{staticClass:"switch-circle",class:{active:t.checked}})])])},staticRenderFns:[]}},WiPx:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"cube-checker"},[t._t("default",t._l(t.options,function(t,e){return a("cube-checker-item",{key:e,attrs:{option:t}})}))],2)},staticRenderFns:[]}},WjKT:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default,CubeButtonGroup:c.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,a){console.log("change",t,e,a)},modify:function(){this.value=2014}}},t.exports=e.default})},WliM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checker-view",title:"Checker"}},[a("template",{slot:"content"},[a("p",[t._v("default usage")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.checkboxOptions},model:{value:t.checkboxCheckerList,callback:function(e){t.checkboxCheckerList=e},expression:"checkboxCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkboxCheckerList))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("type: radio")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.radioOptions,type:"radio"},model:{value:t.checkerValue,callback:function(e){t.checkerValue=e},expression:"checkerValue"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkerValue))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("use slot")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.radioOptions,type:"radio"},model:{value:t.checkerValue,callback:function(e){t.checkerValue=e},expression:"checkerValue"}},t._l(t.radioOptions,function(e){return a("cube-checker-item",{key:e.value,attrs:{option:e}},[a("span",{staticClass:"orange"},[a("i",{staticClass:"cubeic-alert"}),t._v(t._s(e.text))])])})),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkerValue))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("set min and max")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.checkboxOptions,min:1,max:2},model:{value:t.defaultCheckerList,callback:function(e){t.defaultCheckerList=e},expression:"defaultCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.defaultCheckerList)+"  (min: 1 max: 2)")]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("set disabled")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.disabledCheckerOptions},model:{value:t.disabledCheckerList,callback:function(e){t.disabledCheckerList=e},expression:"disabledCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.disabledCheckerList))]),t._v(" "),a("br"),a("br")],1)],2)},staticRenderFns:[]}},Woua:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("s0qb")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={success:"cubeic-right",error:"cubeic-warn"};e.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileCls:function(){return"cube-upload-file_"+this.file.status},fileStatusCls:function(){var t=this.file,e=t.status;if(t.progress>=.01||e===a.STATUS_SUCCESS||e===a.STATUS_ERROR)return"cube-upload-file_stat"},fileStyle:function(){var t=this.file.url||this.file.base64;if(t)return{"background-image":'url("'+t+'")'}},statusCls:function(){var t=this.file.status;return i[t]},fileProgress:function(){return this.statusCls?"100%":Math.min(Math.floor(100*this.file.progress),99)+"%"}},methods:{clickHandler:function(){this.$emit("click",this.file)},removeFile:function(){this.$parent.removeFile(this.file)}}},t.exports=e.default})},"X4T+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("YlpP")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u=c.default.goods;e.default={components:{CubePage:l.default},data:function(){return{data:u,current:u[3].name}},methods:{changeHandler:function(t){console.log("changed to:",t)},stickyChangeHandler:function(t){console.log("sticky-change",t)}}},t.exports=e.default})},XEOk:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("xUY6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t){return t.type.indexOf(l)>-1}Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a),l="mouse";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},allowHalf:{type:Boolean,default:!1}},data:function(){return{tempValue:0}},created:function(){this.mousePressed=!1},computed:{rateClass:function(){return this.justify&&"cube-rate-justify"}},watch:{value:{immediate:!0,handler:function(t){t!==this.tempValue&&(this.tempValue=this.handleNum(t))}}},methods:{handleStart:function(t){if(!this.disabled){i(t)&&(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||(i(t)?this.mousePressed&&this.computeTempValue(t):this.computeTempValue(t.touches[0]))},handleEnd:function(t){this.disabled||i(t)&&!this.mousePressed||(i(t)&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(i(t)?t:t.changedTouches[0]),this.$emit("input",this.tempValue))},handleNum:function(t){if(this.allowHalf){var e=Math.ceil(t)-.5;t=t<=e?e:e+.5}else t=Math.ceil(t);return t},computeTempValue:function(t){var e=(t.clientX-this.left)/this.containerWidth*this.max;e=this.handleNum(e),e>0&&e<=this.max?this.tempValue=e:this.tempValue=e<=0?0:this.max}},components:{CubeRateItem:n.default}},t.exports=e.default})},XG7C:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=[{url:"https://dpubstatic.udache.com/static/dpubimg/7EzIhoEvnG/toutiao_12.JPG"},{url:"https://dpubstatic.udache.com/static/dpubimg/GR0Piaf5sz/toutiao_21.JPG"},{url:"https://dpubstatic.udache.com/static/dpubimg/K1JqUN8HSA/toutiao_31.JPG"}],l=["关注","推荐","新时代","热点","体育","娱乐","科技","头条号","问答","国际","cube-ui666"],c=1;e.default={data:function(){return{content:n.slice(),options:{pullDownRefresh:{threshold:60,stopTime:1e3,txt:"更新成功"},pullUpLoad:!0},navTxts:l,secondStop:26}},components:{CubePage:i.default},methods:{onPullingDown:function(){var t=this;setTimeout(function(){t.content.unshift(n[c++%3]),t.$refs.contentScroll.scrollTo(0,t.secondStop,300)},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){t.content=t.content.concat(n)},1e3)},onImgLoad:function(){var t=this.$refs.contentScroll;t.scroll.beforePullDown&&t.refresh()}},mounted:function(){}},t.exports=e.default})},XInt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"slide",staticClass:"cube-slide"},[a("div",{ref:"slideGroup",staticClass:"cube-slide-group"},[t._t("default",t._l(t.data,function(e,i){return a("cube-slide-item",{key:i,attrs:{item:e},nativeOn:{click:function(a){t.clickItem(e,i)}}})}))],2),t._v(" "),t.showDots?a("div",{staticClass:"cube-slide-dots"},[t._t("dots",t._l(t.dots,function(e,i){return a("span",{key:i,class:{active:t.currentPageIndex===i}})}),{current:t.currentPageIndex,dots:t.dots})],2):t._e()])},staticRenderFns:[]}},XJZo:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("7ErG")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-toolbar",components:{CubeToolbarItem:i.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,a){var i=a("VU/8")(a("cbPg"),a("gTcW"),null,null,null);t.exports=i.exports},XPXN:function(t,e,a){function i(t){a("0Bfo")}var n=a("VU/8")(a("twNj"),a("5zRN"),i,null,null);t.exports=n.exports},XRNA:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showPicker}},[t._v("Picker")]),t._v(" "),a("cube-button",{on:{click:t.showMutiPicker}},[t._v("Multi-column Picker")]),t._v(" "),a("cube-button",{on:{click:t.showAliasPicker}},[t._v("Use alias")]),t._v(" "),a("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")]),t._v(" "),a("cube-button",{on:{click:t.showSubtitlePicker}},[t._v("Use subtitle")])],1)],1)])},staticRenderFns:[]}},XUNM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkerValue:"",radioOptions:[{value:0,text:"AAAAA"},{value:1,text:"BBBBB"}],checkboxCheckerList:[],checkboxOptions:[{value:1,text:"red"},{value:2,text:"yellow"},{value:3,text:"blue"},{value:4,text:"green"}],defaultCheckerList:[3],disabledCheckerOptions:[{value:1,text:"first",disabled:!0},{value:2,text:"second",disabled:!0},{value:3,text:"third"}],disabledCheckerList:[2]}},components:{CubePage:i.default},methods:{radioClick:function(t){console.log(t),this.radioCheckerList=[t]}}},t.exports=e.default})},XUgO:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("IskU")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{swipeData:i.customData}},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var a=this;"delete"===t.action?this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){a.swipeData.splice(e,1)}}).show():this.$refs.swipeItem[e].shrink()}},components:{CubePage:n.default}},t.exports=e.default})},XlLO:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN"),a("j/Id")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n),s=["top","right","bottom","left","center"],r=0;e.default={data:function(){return{type:"popup-dialog",mask:!0,visible1:!1,visible2:!1,visible3:!1,visible4:!1,position:""}},methods:{showPopup:function(t){var e=this;4===t&&(this.position=s[r++],r===s.length&&(r=0)),this["visible"+t]=!0,setTimeout(function(){e["visible"+t]=!1},2e3)}},components:{CubeButtonGroup:c.default,CubePage:u.default,CubeExtendPopup:o.default}},t.exports=e.default})},Xnqv:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},XyhL:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("g9J/"),a("xUY6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},Y01l:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("34KM")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},Y4Q7:function(t,e){},YGd9:function(t,e,a){function i(t){a("VMLG")}var n=a("VU/8")(a("XUNM"),a("WliM"),i,null,null);t.exports=n.exports},YUSN:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/scroll/"+t)}}},t.exports=e.default})},YVqS:function(t,e,a){var i=a("VU/8")(a("+8WV"),a("CkYj"),null,null,null);t.exports=i.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:[]}]}},YtAD:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("Dd8w"),a("+rJ6"),a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}function u(t,e){e.props||(e.props={}),(0,s.default)(e.props,d[t.type]||{}),t.row&&(e.props.colNum=2);var a=t.options||{};Array.isArray(a)&&(a={options:a}),a=(0,s.default)({},a);var i=v[t.type];(0,s.default)(e.props,i&&i(a)||a)}function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"-";return t.split(e).map(function(t){return+t})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u;var s=c(a),r=c(i),d={switch:{hollowStyle:!0},radio:{hollowStyle:!0},checkbox:{hollowStyle:!0}},v={switch:function(t){return{colNum:2,options:[{label:"是",value:1},{label:"否",value:0}]}},select:function(t,e){var a=t.placeholder||"请选择",i={component:t.component||"picker",options:t.props||{title:a,data:[t.options.map(function(t){return{text:t,value:t}})]}};return{placeholder:a,icon:t.icon||"cubeic-select",loadData:e,options:i,formatValue:t.formatValue||function(t,e,a){return{value:t[0],text:a[0]}}}},date:function(t){var e={value:new Date,title:"选择日期"};return t.min?e.min=o(t.min):e.min=[2010,1,1],t.max?e.max=o(t.max):e.max=[2100,12,31],v.select({placeholder:t.placeholder,icon:"cubeic-calendar",component:"date-picker",props:e,formatValue:function(e){return(0,n.formatDate)(e,t.format||"YYYY-MM-DD")}})},time:function(t){var e={value:new Date,title:"选择时间",startColumn:"hour",columnCount:2};return t.min?e.min=o(t.min,":"):e.min=[0,0],t.max?e.max=o(t.max,":"):e.max=[23,59],v.select({placeholder:t.placeholder,icon:"cubeic-time",component:"date-picker",props:e,formatValue:function(e){return(0,n.formatDate)(e,t.format||"hh:mm")}})},radio:function(t){return t},checkbox:function(t){return t},tel:function(t){return(0,r.default)({type:"tel"},t)},city:function(t){var e={},a=(0,l.loadCityData)(),i=function(){return a.then(function(t){return e.data=t,t})};return v.select({placeholder:t.placeholder,icon:"cubeic-location",component:"cascade-picker",props:e,formatValue:function(t,e,a){return{text:a.join(""),value:t}}},i)},upload:function(t){return t.max||(t.max=1),(0,r.default)({},t)}};t.exports=e.default})},Yu0J:function(t,e,a){function i(t){a("v1lR")}var n=a("VU/8")(a("s8G+"),a("rViw"),i,null,null);t.exports=n.exports},Yx6s:function(t,e){},Z5VE:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a){e?t.show():a&&!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,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checked:!0,checked2:"optionValue",optionValue:{label:"Option Checkbox",value:"optionValue",disabled:!1}}},components:{CubePage:i.default}},t.exports=e.default})},ZQJ7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("5e0o"),a("1BqV")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Ele=c.default,e.default=l.default,t.exports=e.default})},ZXOh:function(t,e,a){var i=a("VU/8")(a("qC0d"),a("PGMA"),null,null,null);t.exports=i.exports},Zd1j:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={messages:["when you popState and actually being well, we expect it further","But I'm going to take care of ripping out my code in the fact that just something like that","And what we'll createdCallbacks than that you can still read what each one of this should go out","So just return Promise back and do this, the route equals","ah, let's do a clearRoutes it says I'm not going to do","At least trying new Promise","then, and then it's going to check what that","And we zoom in, then you can kind of set, except for a router","Now strictly today","I'm going to just takes an iterable as well be to add a visible","Anyway, so that we'll do a link","So what I'm going to minify this, so I'll just console","log data for now, just sometimes look at that","not then if we wanted to do position from the registerElements primed and red","That isn't get called","At all","No","Interesting that misc here","So what was a regular expression","Because once you get over doing a fancy techniques","And let's see","OK, we broke thing to do","Right","document","&quot; So","Yeah","which is fine","And that we'll do sc","view","So what you draw the line where is it","Where is being run","I think, a million times look at it and styles an iteration, ES2015 update the content for is this","routes equals Array","from","Hm, that might be a trade","off, because we're just do an animation","in the attached","Look at this push","pull kind of useful to have layout root here is it","That by default, what we going to grab the","Yes","In router, I think, would let's say, for example","So let's make it can be just this the hour mark on the actual contents","We just loads though it was the way, a nice this","Are you would be a little bit more pretty raw, this is a day, dude","Border","radius, that","And I'm going to just do that will take something else","And thank you might now","That is the next time, I'm going to come into misc","And somebody actually not","source equals home","But if I was sending me to resolve where we go","All right","And it makes JavaScript","And I have run again","Normally a massive, as I said, this is always, I'm going to call the different [INAUDIBLE] Hm","Wow","We have happen on screen, and the otherwise, don't want","Yeah, and forth in the new path","So we don't you use that might very wrong","But in a customary bug","Don't forget to hidden or display to none, things like a race when you are actually really long time I want to tell that is where you go","And that work","Yeah, and I'm going to do today","I had misc are all the create one of the performance stuff","But if you had lots of tea","Yeah","Now we're going to come in","But did working as intended it","So we can be able to be watching it straightforward slash","And that, I think that will be all the like since we are valid concept for this, the root of this called HTML5 routing, which I don't know","I just feels OK, but hopefully, and opacity 0, and it's just put a z","index of 1 on that's going to be sort of handling of attachedCallback, and we want to transform scale very well be true for them is amazing, like across from the new one that","You know","Yeah, we could see now, all being we won't do this thing today","And so this is a current view","We have a question ties in","Why not","source equals router, why not","And I think that we'd probably, if we've already to allow it to be the thing","Oh, all right, so we get it, because I have to juggle it all","No","I feel I agree","It would actually get it, because otherwise, we still have this","routes","keys","So this is a layout boundary","It's the cause","Yeah, 3 pixels","OK","So since that's true","And this stuff","And that work","Good point, or strict, and then the URL, changed","But I'm going to, let's see, what we're any","So the new view, think about","And then we've defer, why not","Let's fail","So this newView, newView is never watching is I was that","so that it's a compass","Oh","North, east, south, we called, all be no ES","anything","What I'm curious about your question here","And I'm going to say","so let's see","So let's see","So we'll say from this animations that we want to do this so that this point","So we want us to cover next week","We can actually","But that they've all been set it","Yeah","And at the top and misc here","But it will be run into a bit different sections","And I think you'd want each of there's no DOM tree reason","Well, yeah","OK, so we have a couple of click for clicks","And so if we see about this","So what I think things that I really good start","script tags at home, kids","Don't do this file to actually","Woo","I made, sir","So again, particular line of the","let's call it sc for Supercharged","There's no","It's a compass","Oh","right","newView, newView is the simplicity at this one anything below 2015, right","It broke","OK, let's see","So we're going to removeEventListener","You are the nicest","something that you know, we'll create that doesn't necessarily end up with something new to these pages","In router","And certainly, as I said, you could usually just delete the constructor but createdCallback","Oh, well, let link of the","Yes","If we had to do is I want us to come up writing apps, it can actually, this push","pull kind of data, which version of something","So what they can be about view or something that have a thing to do a trade","off because you've got memory constraints and all these function","So let's see if","oh, do we wanted to do this","If you're attach, what we'd want to know","That is important think in so that goes to control of [","UI ","] transitions, particular expression","Right, so the otherwise, it should also work on the layout, which might because we're actually remind yourselves that I can do it","Yeah","So that, in theory, place all the content as well when that have new ideas","So this should be a class list, we'll create one of these, what we'll do is I want to do","All right, bottom, left","Do you have definitely","So when the mindset off chaining [INAUDIBLE] out of the same index HTML elements","Views","Yeah","So I'm going to createRoutes, wee, clearRoutes equals static","Let's do this, status is generally work","So that's why I was building the nicest","I'll tell you what we want to come into the panels","On all of ES2015 updates on the path name","Because it's an iterate what they see","I'm going to do","We'll do that","And hopefully, you're here in slash about view but we're going to be whichever view was the new view is that","so that the event that isn't get called, all subscribing to do today","And then we're just delete the JavaScript language","Yeah, and we need to extends HTMLElement","And we app where we actually uncanny valid concept for the out animation","duration","count in one tends HTML, I think, would then we've defer, why not","Let's see what's good on here","So if you say layout, for example","Yes, so one of its scope","What we want to do, I supposed to find out","The defer mean to your Custom Elements JavaScript says we don't have","We don't want to say this, so one that you click back to then dot the even though it","So there a createdCallback, so we never being us","That doesn't it","Right","All right","That should","Oh no, Array","from","Hm, it shouldNotMakeMoreOutPromises","And then let's do that is purely for simplicity at this","I don't takes too longer and I will say this","routes","because it matches the current ones will now needs to be run against that going to say const view back","And then what the createRoute","That's what I think","So we have to transitions, particular if branch of this, you're giving us way too much better","So since the layout, OK","I think we'll create objects anymore","You let us know what I'm going to do is I'm going to do is let's just find out","createdCallbacks","So if view","I could do if we don't want to make a nav","So I'm going to do that","Super","route","So for this, right now, all the like shouldNotMakeMoreOutPromise","resolve","Same for the power of Promise, right","Because why not","Let's give it or not","The defer also means that the state by selecting the view","No","Interesting","So the brand","new thing","So let's see, so we do that","All being well, we end with an actually hoping I will be remove this","Are you this","So we want to do that, actually just kind of amazing","You know","Yeah","which is the current view was the new one that's a layout","I don't you ask the question ties in it is when it's like a progressive to deal with, with contain strict","now here","And I'm going to us","So onChanged","Yeah","Because of the this","is","the","active","view","And we are building the routes equals this","But when the view first time we create that isn't it","Right","Yeah, that is amazing","And I think, a more bugs","Yeah, I want it to updating to do that I have new view, and some Promise, we can actually can do here","This is Paul","Hi","This time I write bugs, don't like this is actual lifecycle called ES6","ES2016 was doing that's why I wanted to say","currentView will be fast because","You know what, in the back to the current view","And then we'll say return","One of the panels","OK","Come of that stuff out","Should that the evaluation from 100","no, should add that kind of got allowing that back out, right","newView, newView, what we're kind of got these views that you, very wrong","But if you about using there","Because the nav has disappear ago, it was the keyword for all the regular expression and execution of a router","Now you know, over that, in there","Let's do that there we already got ourselves some of the way to go","And it matches the new one for that","Yeah","And certain time gaps, think it's an animating to put a route for some reason","view","Figure out things simplicity at this point","So what we're being a little bit of a pickle over right now we've deep","linked that could want it to be that","So let's just feels very interactions back in so this","newView","Yeah","And apparent, what we'd want each one of all the debugger standard one","So this way, it should add the visible","And we're pretty raw, there will be find out notionally, the code, it's fine, it's fail","So the question","Yeah, so we could see now them to makes Jav"]},t.exports=e.default})},ZhPo:function(t,e,a){function i(t){a("MMvM")}var n=a("VU/8")(a("4sRm"),a("QAv/"),i,null,null);t.exports=n.exports},ZiC1:function(t,e,a){var i=a("VU/8")(a("fZ0D"),a("N7CF"),null,null,null);t.exports=i.exports},ZiKE:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabelDefault:"Vip",selectedLabelSlots:"Like",selectedLabelInline:"Me",selectedLabelSlotsOnly:"Home",tabs:[{label:"Home",icon:"cubeic-home"},{label:"Like",icon:"cubeic-like"},{label:"Vip",icon:"cubeic-vip"},{label:"Me",icon:"cubeic-person"}]}},methods:{clickHandler:function(t){console.log("tab was clicked",t)},changeHandler:function(t){console.log("value has changed, now is",t)}},components:{CubePage:i.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},ZrYO:function(t,e,a){var i=a("VU/8")(a("Ps1K"),a("WiPx"),null,null,null);t.exports=i.exports},Zvx6:function(t,e){},Zw0Y:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-json-view"},[a("h3",[t._v(t._s(t.title))]),t._v(" "),t.changed?a("pre",[t._v("    "),a("code",{ref:"code"},[t._v(t._s(t.data))]),t._v("\n  ")]):t._e()])},staticRenderFns:[]}},"a/uE":function(t,e,a){function i(t){a("barY")}var n=a("VU/8")(a("cETb"),a("V13k"),i,null,null);t.exports=n.exports},a0bD:function(t,e,a){function i(t){a("uXDz")}var n=a("VU/8")(a("Er22"),a("9ofc"),i,null,null);t.exports=n.exports},a8SH:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-sticky"},[t._t("default"),t._v(" "),a("transition",{attrs:{name:t.fixedShowAni}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedShow,expression:"fixedShow"}],ref:"fixedEle",staticClass:"cube-sticky-fixed"},[t._t("fixed",null,{current:t.currentKey,index:t.currentIndex})],2)])],2)},staticRenderFns:[]}},aA6D:function(t,e){},aDIA:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("5qoB"),a("x9Ds"),a("+Ghj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"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,"addMessage",{enumerable:!0,get:function(){return a.addMessage}}),Object.defineProperty(t,"types",{enumerable:!0,get:function(){return i.types}}),Object.defineProperty(t,"addType",{enumerable:!0,get:function(){return i.addType}})})},aSgS:function(t,e){},agqa:function(t,e,a){function i(t){a("lLnp")}var n=a("VU/8")(a("Iyug"),a("dFgm"),i,null,null);t.exports=n.exports},apY0:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=[],l=t;l<=e;l++){var c=(a&&l<10?"0"+l:l)+i;n.push({text:c,value:l})}return n}Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"date-picker",props:{min:{type:Array,default:function(){return[2010,2,1]}},max:{type:Array,default:function(){return[2020,2,1]}},selectedIndex:{type:Array,default:function(){return[0,0,0]}}},data:function(){return{}},computed:{data:function(){var t=this,e=a(this.min[0],this.max[0],!1,"年");return e.forEach(function(e){var i=e.value===t.min[0]?t.min[1]:1,n=e.value===t.max[0]?t.max[1]:12;e.children=a(i,n,!1,"月"),e.children.forEach(function(i){var n=30;[1,3,5,7,8,10,12].indexOf(i.value)>-1?n=31:2===i.value&&(n=e.value%400&&(e.value%4||!(e.value%100))?28:29);var l=e.value===t.min[0]&&i.value===t.min[1]?t.min[2]:1,c=e.value===t.max[0]&&i.value===t.max[1]?t.max[2]:n;i.children=a(l,c,!1,"日")})}),e}},methods:{show:function(){this.$refs.cascadePicker.show()},hide:function(){this.$refs.cascadePicker.hide()},select:function(t,e,a){this.$emit("select",t,e,a)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},atd8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-recycle-list"},[a("div",{staticClass:"cube-recycle-list-main"},[a("div",{staticClass:"cube-recycle-list-items",style:{height:t.heights+"px"}},[t._l(t.visibleItems,function(e){return a("div",{staticClass:"cube-recycle-list-item",style:{transform:"translate(0,"+e.top+"px)"}},[t.infinite?a("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:+!e.loaded}},[t._t("tombstone")],2):t._e(),t._v(" "),a("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:e.loaded}},[t._t("item",null,{data:e.data})],2)])}),t._v(" "),a("div",{staticClass:"cube-recycle-list-pool"},[t._l(t.items,function(e,i){return!e||e.isTombstone||e.height?t._e():a("div",{ref:"preloads"+i,refInFor:!0,staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("item",null,{data:e.data})],2)}),t._v(" "),a("div",{ref:"tomb",staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("tombstone")],2)],2)],2),t._v(" "),t.infinite||t.noMore?t._e():a("div",{staticClass:"cube-recycle-list-loading",style:{visibility:t.loading?"visible":"hidden"}},[t._t("spinner",[a("div",{staticClass:"cube-recycle-list-loading-content"},[a("cube-loading",{staticClass:"cube-recycle-list-spinner"})],1)])],2),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.noMore,expression:"noMore"}],staticClass:"cube-recycle-list-noMore"},[t._t("noMore")],2)]),t._v(" "),a("div",{staticClass:"cube-recycle-list-fake"})])},staticRenderFns:[]}},b1gV:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("Y01l"),a("osO1"),a("dK69"),a("HBJ7"),a("izCJ"),a("zQyI"),a("0wrK"),a("SFrn"),a("rwvr"),a("k+Su"),a("jWO0"),a("fFTD"),a("/Pfp"),a("7Sku"),a("mok4"),a("8nmV"),a("XyhL"),a("fd7u"),a("oLGW"),a("8cOd"),a("Oluj"),a("v4hj"),a("O1ak"),a("nrl6"),a("P+K9"),a("Ta5O"),a("tNeh"),a("r6LN"),a("R082"),a("3ubT"),a("NhRQ"),a("wT65"),a("eD0J"),a("ES30"),a("RO/E"),a("ZQJ7"),a("CzhT"),a("SPGs"),a("6G1g"),a("iQwk"),a("x/Fx")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p,f,h,x,y,m,b,g,_,w,k,A,C,T,j,P,S,M,D,V,I,O,E,U,R,B,H,N,L){"use strict";function F(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BetterScroll=t.RecycleList=t.ScrollNavBar=t.ScrollNav=t.ScrollNavPanel=t.Sticky=t.StickyEle=t.Swipe=t.SwipeItem=t.IndexList=t.Slide=t.SlideItem=t.Scroll=t.ImagePreview=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.Checker=t.CheckerItem=t.CheckboxGroup=t.Checkbox=t.TabPanel=t.TabPanels=t.Tab=t.TabBar=t.Toolbar=t.Tip=t.Loading=t.Button=t.Locale=t.Style=void 0;var X=F(e),K=F(a),z=F(i),Y=F(n),G=F(l),Q=F(c),q=F(u),W=F(o),Z=F(s),J=F(r),$=F(d),tt=F(v),et=F(p),at=F(f),it=F(h),nt=F(x),lt=F(y),ct=F(m),ut=F(b),ot=F(g),st=F(_),rt=F(w),dt=F(k),vt=F(A),pt=F(C),ft=F(T),ht=F(j),xt=F(P),yt=F(S),mt=F(M),bt=F(D),gt=F(V),_t=F(I),wt=F(O),kt=F(E),At=F(U),Ct=F(R),Tt=F(B),jt=F(H),Pt=F(N),St=F(L),Mt=ot.default.Group,Dt=ot.default.Item,Vt=_t.default.Item,It=tt.default.Radio,Ot=kt.default.Item,Et=mt.default.Panel,Ut=mt.default.Item,Rt=At.default.Ele,Bt=Ct.default.Panel,Ht=q.default.Tab,Nt=W.default.Panel,Lt=$.default.Item;t.Style=X.default,t.Locale=K.default,t.Button=z.default,t.Loading=Y.default,t.Tip=G.default,t.Toolbar=Q.default,t.TabBar=q.default,t.Tab=Ht,t.TabPanels=W.default,t.TabPanel=Nt,t.Checkbox=Z.default,t.CheckboxGroup=J.default,t.CheckerItem=Lt,t.Checker=$.default,t.Radio=It,t.RadioGroup=tt.default,t.Input=et.default,t.Textarea=at.default,t.Select=it.default,t.Switch=nt.default,t.Rate=lt.default,t.Validator=ct.default,t.Upload=ut.default,t.FormItem=Dt,t.FormGroup=Mt,t.Form=ot.default,t.Popup=st.default,t.Toast=rt.default,t.Picker=dt.default,t.CascadePicker=vt.default,t.DatePicker=pt.default,t.TimePicker=ft.default,t.SegmentPicker=ht.default,t.Dialog=xt.default,t.ActionSheet=yt.default,t.DrawerItem=Ut,t.DrawerPanel=Et,t.Drawer=mt.default,t.ImagePreview=bt.default,t.Scroll=gt.default,t.SlideItem=Vt,t.Slide=_t.default,t.IndexList=wt.default,t.SwipeItem=Ot,t.Swipe=kt.default,t.StickyEle=Rt,t.Sticky=At.default,t.ScrollNavPanel=Bt,t.ScrollNav=Ct.default,t.ScrollNavBar=Tt.default,t.RecycleList=jt.default,t.BetterScroll=Pt.default,t.createAPI=St.default})},bJvT:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACj5JREFUeNrtm3twlNUVwH/32yRssglJTLIh5EUIQghNQJIoBChgrCCD2krlUS2oY9Tq1AeIFcsUqdNRp0qrFVSGEcsMkEQGtDpVgoCAoEBieD8EEh4mJIbNY7ObzYPd2z9u1mQqYXeT7K6d5vfPzvfN2fs45957zj33ftBPP/3008//K8LfDXCFdOxPhYEDQVsGSUkIfgvR0UAwxMYiKYKgIITMBasVdAegqgra8uHbb4UYXwl1df7uR3f8ZAwg5YHBMH48aFdg5kykzIVbb0WwDbKzgUMQEOB5wURBeTkwDXbsQDAZNm+GituhuFiI2bPBbvdXv31uAOkoOQiBgQh5EmbNAvEoLFwIcjfk5PiwKYVqpoi5sGIFMvgVePddoY3aBBaLrxrhMwNIWVoKWVng2Adr1wLjICPDV/W7QYdByIRFi4TImQ8FBd6u1OsGkPLAcsjLA20bPPssUm73aCkR/BHS04E5MHiwt9vbpeKHobAQabfAI48I7ZZzYDb3eS2+61DPkLJMQkQEXH0JKiqAO9SzrxDT4PhxpD0Spk9Xhvjuu74qXfNdR3qIDP092Gwg3ofWVj80YCuMGoXQ/gJ79yoflpTUV6X3egZIWVQEOh1y6GewZAlCVkNoaO/7LVJBp0OwBiZP9oOT7o434ORJGPAcTJggRGYm1Nf3tLDeG8BR8hAsXYqQv4OXXvK3dnzIHfDJJ5BdC3fdJYQQIKWnhfTYAFKW/hvGjQPHL2DPHnoap/+vIwWQny+07BxYs8bTv3tsAOnYKZWiQ9fA0aMIxkBamr/14EeGgskEMgNGjBDi5ir17B6eO2ERugvmz+9X/A+UQ1SU2sEvXOjpn92eAVJKCUJAaRQcPfpDdOCCurr6+qAg2Lq1uNhohFOnTp8ODYXmZptNp4Pnnlu06MwZiImJjm5r853W7Ha7XQhYunTZspEjQdN0OikhNTUlxWqF227Ly6uthaSkxESbza0i66GxERmyGhIS3N1Re2CAg3rIzQX2wN69ruQrKysr9Xp4442VK1NTITIyIqKtDXJysrMbGmDQoNjYlhZIT09Pt1hA04Tw3IX1njNnzp41GKC6uqZGr4dvvikrCw+Hiorz50NC4KGHFiy4eBEyMzMy3NqGSbEYFiwQWvYXsG6dK3H3nabklzBrlrsm27lz9+7oaBg6VI2o/PwHH7xwAXS6gAB/KLo7brxx2DCrtfN34sTcXJMJtmz58MO4OCgu/vxzo9EDAwiZDLNnqwfXBvBkBsyCw4eB5yEz05W8c4oLoWngvxHeW9rbr14VAgID3R04Yj40NSFZB1FRKjpqb+9O2uUMkI7jv1YbK9sZteZfvxVWq9UaEADnzpWXh4SA2Ww2BwbC9u1ffBEdDSaTyRQUBKGhoaFXr8Kdd86YUVMD48ePG+fLrL3TFxUWbtoUH9/ZrrAw1a7c3PHj6+o6Z0ZEREREezsYjTEx19+Py3UQFgaOzztyWHQM3J4ZACxZkJoK2h9Ap3MlfebMuXMGA7z33vvvJyWBTqecW17e1Km1tTBsWGqq1Qrl5RUVBgMUFHzwQXw8DB48eHBLCyQnJyU1N3tP8RaLxRIQAGvWrF2bnAxjxowe3dgIc+bce29lJVRVVVXp9Z1Bw9at27YZjTBjxvTpNTUwffrtt3//vRsVCXEJRozoAwOIf0BiInCbOx2Mi1PO1cmkSRMmmEwwc6Ya6U7S0kaMsFjUTDEY4MSJkyfDwrxvAOcACQ4ODrbbYd48pXinb0pLGz7cYgG9Xq93OKCgoKgoPl4FDZ5lorR6SEhwJeXaAEK84kluJybGaGxrg/j4+PiWFsjKGju2sbF7+ccey88/fx6E8I2PGDMmM7OxsXMAdBcUZGSMGmU2w44dRmN0NKSkDBni2cCQG9RRKhuvq16XxciD62DuXGAkbNzoSr6fH8iG5cuFyBHw4ovdCbneCUv5fG+O6OrrGxoCA3/8vqGhsfFa731NW1tbm6ZBc3Nzc1cPZzY3NQUEdEZzPaASrjf3Fa4NIHQfw+XLPe1gSUlpaUQESOlwALS3t7drGpSVHToUHt7n+vSY2tra2qCgzo2Xk9OnVZRkNpvNPUoxSiZCba0rMddLkOPLWggLQwz4oMOiOSol0Y18h6JttpYWnQ5CQkJC7HZobW1t1bTOLb8zrrZa1cgzGJSck+rqmpoBA6CoSIWJzjA1Jycrq6Gh+/Y2NamR+9lnKoppbVUj/P77583reo7lrDckRDljlU7uDKMNBoPh6lVwOKQUAlpbW1o0rdN5u4EVxo4VImcKlJV1J+RyBghtYgw0NQH74NQpV/JNTSrMKy0tK+t6cOgMOy9dunix60j76quvv77hBmhpUR10EhERHt7eDnFxgwa1tMD69Rs2JCTAvn1KvjvDr1q1enVKCpw8efp0WBikp48c2dT0Y/n9+w8ciIxU9XZdenbu3L07Kqrz2WQymQID4ciRY8cGDnRL8X9TJ3eWyergxoV+3SoSkLLkWVi5EuQcePxxd//XV2zYUFiYkADHjh0/HhYGQUGBgUrlCrvd4RACGhuVb1m8+Jlnzp6FxES3k2l9xXvqvlHO2zBtmithT9LRc2HTJp92Bbh8ubpar4cLFy5cCA6G2FijsbUVJk+eNMlk6vydODE3t66uM6w8dOjIkfBwsNlU1tVnSJ6Gjz92V9zDdLSmQekcOHcO5GIYMsRb/Th/XjnFFSvefDM1FRITExJsNnj4YZXUi4yMjLxWhsW5pG3e/NFHcXFgNCqDOWeEF7FCczMMuAESEtw9K/b8REwevB+eeAJ4Ct56y1u9ca7pJlNdXVAQREd7dl7gjLacztbpU3pAHFy6BLwNxcUg1l/7KqNjOxw+LMTNqbBqlbuF98AAX8VDcDAE/KrDySyA5ORe6vsnjG4KpKcLMdbqjlP1FI+PJNVtY5sNRDE89ZS/1eN95G7oGrf1LX1wL6hkibrrKe+BBx7wqW58w7KOtdwAu3YhsUJ7O0L8GfbvFyI7G15/vaeF94EBDi8CgwHZ9hvYsweBA266yd9a8yJJUF2NdORCTk5vryr22d1Q6fh6LsTGInSh8OWXwKMwbJi/tdWHqJkgHZNg6lSh3bLkenl+d+nzy7lSlpRAXBywHD79FOSfYPRoHypKD8eOIe1H4J57ECEZcOVK74tta4PWVrXk9N2JhdduR3fJIVlh9WqgtiOt7V2kWAsvvyy07FXwwgter6+X+PADjQN/hfvuU4fWr70GXIRBg7xQlfPLl3+plInY6N4aLX4Ozc3eCje7rdVXFTlR17vDwxEIePJJkCkd4WzHDTOfMQpsNiS74J13wP5PePVVoY0rgK6Hp97F7x9oSLlTgl4PocFw991I8TOYPRuBGaZMAbkerpX/dJuXOw6UvlEXyuSrUFCA1IbCli3q2ojrgxNv4XcDdEeX3FMpDB+u3qalgfw7xMeDeFpd/5DblZzIU1EKEq5cQTjWwokTcH4KnDrl768h++mnn3766ee/+Q8wJi40yrylgwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAenRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODU1LnN2Z05FEeMAAAAASUVORK5CYII="},bZrS:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-loading"},[a("span",{staticClass:"cube-loading-spinners",style:t.style},t._l(t.balde,function(t){return a("i",{staticClass:"cube-loading-spinner"})}))])},staticRenderFns:[]}},barY:function(t,e){},bh5B:function(t,e,a){function i(t){a("txtz")}var n=a("VU/8")(a("TAcf"),a("CNZU"),i,null,null);t.exports=n.exports},bp4N:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("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,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[a("template",{slot:"content"},[a("div",{staticClass:"swipe-wrapper"},[a("cube-scroll",[a("cube-swipe",[a("transition-group",{attrs:{name:"swipe",tag:"ul"}},t._l(t.swipeData,function(e,i){return a("li",{key:e.item.id,staticClass:"swipe-item-wrapper"},[a("cube-swipe-item",{ref:"swipeItem",refInFor:!0,attrs:{btns:e.btns,index:i},on:{"btn-click":t.onBtnClick}},[a("div",{staticClass:"item-inner",on:{click:function(a){t.onItemClick(e.item,i)}}},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"60",height:"60",src:e.item.imgurl}})]),t._v(" "),a("div",{staticClass:"text"},[a("h2",{staticClass:"item-name",domProps:{innerHTML:t._s(e.item.name)}}),t._v(" "),a("p",{staticClass:"item-desc",domProps:{innerHTML:t._s(e.item.desc)}})])])])],1)}))],1)],1)],1)])],2)},staticRenderFns:[]}},c5uy:function(t,e){},c7sT:function(t,e,a){function i(t){a("hahQ")}var n=a("VU/8")(a("YUSN"),a("SvSE"),i,null,null);t.exports=n.exports},c8JE:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.computedOption.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var a=t.checkValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.checkValue=a.concat([null])):l>-1&&(t.checkValue=a.slice(0,l).concat(a.slice(l+1)))}else t.checkValue=n}}}),t._v(" "),a("span",{staticClass:"cube-checkbox-ui",class:t._borderIconClass},[a("i",{class:t._rightIconClass})]),t._v(" "),a("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.computedOption.label))])],2)])])},staticRenderFns:[]}},cETb:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},cIKt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"demo-agreement"},[t.desc?a("p",{domProps:{innerHTML:t._s(t.desc)}}):t._e(),t._v(" "),a("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[a("span",{domProps:{innerHTML:t._s(t.text)}}),t._v(" "),t.link?a("a",{attrs:{href:t.link.href,target:"_blank"}},[t._v(t._s(t.link.text))]):t._e()])],1)},staticRenderFns:[]}},"cL1+":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=t.inBrowser="undefined"!=typeof window,a=t.ua=e&&navigator.userAgent.toLowerCase();t.isAndroid=a&&a.indexOf("android")>0,t.isIOS=a&&/iphone|ipad|ipod|ios/.test(a)})},cMIu:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}},icon:{type:String,default:""}},mounted:function(){this.$parent.addTab(this)},destroyed:function(){this.$parent.removeTab(this)},computed:{isActive:function(){return this.$parent.value===this.value}},methods:{handleClick:function(t){this.$parent.trigger(this.value)}}},t.exports=e.default})},cQz5:function(t,e,a){function i(t){a("vomq")}var n=a("VU/8")(a("GJyM"),a("JpKp"),i,null,null);t.exports=n.exports},cSnO:function(t,e,a){function i(t){a("3eik")}var n=a("VU/8")(a("FZvW"),a("BehE"),i,null,null);t.exports=n.exports},cbPg:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a=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,a,0,Math.PI,!0);var i=this.initRadius-(this.initRadius-this.minTailRadius)*e,n={x:this.headCenter.x,y:this.headCenter.y+this.distance},l={x:n.x-i,y:n.y},c={x:l.x,y:l.y-this.distance/2};t.quadraticCurveTo(c.x,c.y,l.x,l.y),t.arc(n.x,n.y,i,Math.PI,0,!0);var u={x:this.headCenter.x+a,y:this.headCenter.y},o={x:n.x+i,y:u.y+this.distance/2};t.quadraticCurveTo(o.x,o.y,u.x,u.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,a=this.initArrowRadius-(this.initArrowRadius-this.minArrowRadius)*e;t.arc(this.headCenter.x,this.headCenter.y,a-(this.arrowWidth-e),-Math.PI/2,0,!0),t.arc(this.headCenter.x,this.headCenter.y,a,0,3*Math.PI/2,!1),t.lineTo(this.headCenter.x,this.headCenter.y-a-this.arrowWidth/2+e),t.lineTo(this.headCenter.x+2*this.arrowWidth-2*e,this.headCenter.y-a+this.arrowWidth/2),t.lineTo(this.headCenter.x,this.headCenter.y-a+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})},d64j:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{zIndex:{type:Number,default:100},maskClosable:{type:Boolean,default:!1}}},t.exports=e.default})},d9cM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{ref:"slideWrapper",staticClass:"slide-container"},[a("cube-slide",{ref:"slide",attrs:{data:t.items,"initial-index":t.initialIndex,loop:t.loop,"auto-play":t.autoPlay,interval:t.interval,threshold:t.threshold,speed:t.speed,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(i,n){return a("span",{staticClass:"my-dot",class:{active:e.current===n}},[t._v(t._s(n+1))])}):void 0}}])})],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"InitialIndex",value:t.initialIndex},on:{"update:value":t.updateInitialIndex}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Loop",value:t.loop},on:{"update:value":t.updateLoop}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Auto Play",value:t.autoPlay},on:{"update:value":t.updateAutoPlay}}),t._v(" "),t.autoPlay?a("input-option",{staticClass:"item sub first last",attrs:{name:"interval",value:t.interval},on:{"update:value":t.updateInterval}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Threshold",value:t.threshold},on:{"update:value":t.updateThreshold}})],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Speed",value:t.speed},on:{"update:value":t.updateSpeed}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Allow Vertical",value:t.allowVertical},on:{"update:value":t.updateAllowVertical}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Add Slide Item3",value:t.addItem3},on:{"update:value":t.updateItem3}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Dots Slot",value:t.dotsSlot},on:{"update:value":t.updateDotsSlot}})],1)])])])])},staticRenderFns:[]}},dFgm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-drawer-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer-panel"},[a("div",{staticClass:"cube-drawer-scroll-wrapper"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.data}},[a("ul",{staticClass:"cube-drawer-list"},[t._t("default",t._l(t.data,function(t,e){return a("cube-drawer-item",{key:e,attrs:{item:t,index:e}})}))],2)])],1)])])},staticRenderFns:[]}},dK69:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},dTzF:function(t,e,a){function i(t){a("GWVJ")}var n=a("VU/8")(a("RGkz"),a("VA5X"),i,null,null);t.exports=n.exports},"de/F":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("woOf"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe"),a("UFDc"),a("+rJ6"),a("VzLe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r){"use strict";function d(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 p=d(a),f=d(i),h=d(n),x=d(l),y=d(c),m=d(u),b=d(r),g=["year","month","date","hour","minute","second"],_={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}},w={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[h.default,x.default,y.default,m.default],components:{CubeCascadePicker:b.default},props:{min:{type:[Date,Array],default:function(){return new Date(2010,0,1)}},max:{type:[Date,Array],default:function(){return[(new Date).getFullYear()+1,12,31,23,59,59]}},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}},columnOrder:{type:Array,default:function(){return["year","month","date","hour","minute","second"]}}},computed:{formatConfig:function(){var t=(0,f.default)({},w);return(0,o.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,p.default)(e).forEach(function(a){e[a]=t._range(a,_[a].natureMin,_[a].natureMax)}),e},startIndex:function(){var t=g.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=[],a=this.data,i=void 0,n=0;n<this.columnCount&&n<6-this.startIndex;n++)!function(n){i=(0,o.findIndex)(a,function(e){return t.valueArray[n]&&e.value===t.valueArray[n]}),e[n]=-1!==i?i:0,a=a[e[n]]&&a[e[n]].children}(n);return e}},methods:{_select:function(t,e,a){this.$emit("select",this._arrayToDate(t),t,a)},_cancel:function(){this.$emit("cancel")},_change:function(t,e){this.$emit("change",t,e)},_generateData:function(t,e,a){var i=this;if(0===e){var n=0===t?this.minArray[0]:Math.max(this.minArray[0],_[g[t]].natureMin),l=0===t?this.maxArray[0]:Math.min(this.maxArray[0],_[g[t]].natureMax);a.push.apply(a,this._range(g[t],n,l,!0,!0))}else if(t<3||a.isMin||a.isMax){var c=2===t?(0,s.computeNatureMaxDay)(a.value,a.year):_[g[t]].natureMax,u=a.isMin?Math.max(this.minArray[e],_[g[t]].natureMin):_[g[t]].natureMin,o=a.isMax?Math.min(this.maxArray[e],c):c,r=1===t&&0===this.startIndex&&this.columnCount>=3&&a.value;a.children=this._range(g[t],u,o,a.isMin,a.isMax,r)}else a.children=this.natureRangeCache[g[t]];e<this.columnCount-1&&t<5&&(a.children||a).forEach(function(a){(!a.children||a.isMin||a.isMax)&&i._generateData(t+1,e+1,a)})},_arrayToDate:function(t){for(var e=[],a=v(new Date(0)),i=0;i<6;i++)i<this.startIndex?e[i]=a[i]:i>=this.startIndex+this.columnCount?e[i]=_[g[i]].natureMin:e[i]=t[i-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,a,i,n){var l=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this._rangeCache||(this._rangeCache={});var c=t+l+e+a+i+n;if(this._rangeCache[c])return this._rangeCache[c];for(var u=[],o=this.formatConfig[t],r=e;r<=a;r++){var d={text:(0,s.formatType)(t,o,r,"i"),value:r,order:this.columnOrder.indexOf(t)};i&&r===e&&(d.isMin=!0),n&&r===a&&(d.isMax=!0),l&&(d.year=l),u.push(d)}return this._rangeCache[c]=u,u}}},t.exports=e.default})},diWv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),a("cube-drawer",{ref:"drawer",attrs:{data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}},[a("span",{attrs:{slot:"title"},slot:"title"},[t._v(t._s(t.province.text))]),t._v(" "),t._l(t.data,function(e,i){return a("cube-drawer-panel",{key:i,attrs:{index:i,data:e}},t._l(e,function(e,i){return a("cube-drawer-item",{key:i,attrs:{item:e,index:i}},[a("i",{staticClass:"cubeic-round-border"}),t._v(" "),a("span",[t._v(t._s(e.text))])])}))})],2)],1)])])},staticRenderFns:[]}},dz9r:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t){var e,a=t.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=a;var n=i.getContext("2d");n.drawImage(t,0,0);try{e=n.getImageData(0,0,1,a).data}catch(t){return console.log("Cannot check verticalSquash: CORS?"),1}for(var l=0,c=a,u=a;u>l;){0===e[4*(u-1)+3]?c=u:l=u,u=c+l>>1}var o=u/a;return 0===o?1:o}function i(t){for(var e=atob(t.split(",")[1]),a=new ArrayBuffer(e.length),i=new Uint8Array(a),n=0;n<e.length;n++)i[n]=e.charCodeAt(n);return a}function n(t){var e=t.split(",")[0].split(":")[1].split(";")[0],a=i(t);return new Blob([a],{type:e})}function l(t){var e=new DataView(t);if(65496!=e.getUint16(0,!1))return-2;for(var a=e.byteLength,i=2;i<a;){var n=e.getUint16(i,!1);if(i+=2,65505==n){if(1165519206!=e.getUint32(i+=2,!1))return-1;var l=18761==e.getUint16(i+=6,!1);i+=e.getUint32(i+4,l);var c=e.getUint16(i,l);i+=2;for(var u=0;u<c;u++)if(274==e.getUint16(i+12*u,l))return e.getUint16(i+12*u+8,l)}else{if(65280!=(65280&n))break;i+=e.getUint16(i,!1)}}return-1}function c(t,e,a){var i=t.width,n=t.height;switch(a>4&&(t.width=n,t.height=i),a){case 2:e.translate(i,0),e.scale(-1,1);break;case 3:e.translate(i,n),e.rotate(Math.PI);break;case 4:e.translate(0,n),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,-n);break;case 7:e.rotate(.5*Math.PI),e.translate(i,-n),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-i,0)}}function u(t,e,u){var o=new FileReader;o.onload=function(o){if(!1===e.compress)return t.base64=o.target.result,void u(t);var s=new Image;s.onload=function(){var o=a(s),r=l(i(s.src)),d=document.createElement("canvas"),v=d.getContext("2d"),p=e.compress.width,f=e.compress.height,h=s.width,x=s.height,y=void 0;if(h<x&&x>f?(h=parseInt(f*s.width/s.height),x=f):h>=x&&h>p&&(x=parseInt(p*s.height/s.width),h=p),d.width=h,d.height=x,r>0&&c(d,v,r),v.drawImage(s,0,0,h,x/o),y=/image\/jpeg/.test(t.type)||/image\/jpg/.test(t.type)?d.toDataURL("image/jpeg",e.compress.quality):d.toDataURL(t.type),"file"==e.type)if(/;base64,null/.test(y)||/;base64,$/.test(y))console.warn("Compress fail, dataURL is "+y+". Next will use origin file to upload."),u(t);else{var m=n(y);m.id=t.id,m.name=t.name,m.lastModified=t.lastModified,m.lastModifiedDate=t.lastModifiedDate,u(m)}else/;base64,null/.test(y)||/;base64,$/.test(y)?(e.onError(t,new Error("Compress fail, dataURL is "+y+".")),u()):(t.base64=y,u(t))},s.src=o.target.result},o.readAsDataURL(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u,t.exports=e.default})},e3O1:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("K5n8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i);e.default={methods:{showPicker:function(){this.picker||(this.picker=this.$createPicker({title:"Picker",data:[n.column1],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.picker.show()},showMutiPicker:function(){this.mutiPicker||(this.mutiPicker=this.$createPicker({title:"Multi-column Picker",data:[n.column1,n.column2,n.column3],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.mutiPicker.show()},showAliasPicker:function(){this.aliasPicker||(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.aliasPicker.show()},showSetDataPicker:function(){this.setDataPicker||(this.setDataPicker=this.$createPicker({title:"Use SetData",onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.setDataPicker.setData([n.column1,n.column2,n.column3],[1,2,3]),this.setDataPicker.show()},showUpdatePropsPicker:function(){var t=this;this.updatePropsPicker||(this.updatePropsPicker=this.$createPicker({title:"Use $updateProps",data:[n.column1],selectedIndex:[0],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.updatePropsPicker.show(),setTimeout(function(){t.updatePropsPicker.$updateProps({title:"Updated",data:[n.column1,n.column2,n.column3],selectedIndex:[1,2,3]})},1e3)},showSubtitlePicker:function(){this.subtitlePicker||(this.subtitlePicker=this.$createPicker({title:"Picker",subtitle:"subtitle",data:[n.column1],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.subtitlePicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:c.default,CubeButtonGroup:u.default}},t.exports=e.default})},eAlP:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"input-option",props:{name:{type:String},value:null,minValue:null},data:function(){return{inputValue:this.value}},watch:{inputValue:function(t){this.$emit("update:value",this.minValue?Math.max(t,this.minValue):t)}}},t.exports=e.default})},eBbK:function(t,e){},"eC/x":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("pFYg"),a("woOf"),a("+rJ6"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe"),a("VzLe"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d){"use strict";function v(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=v(a),f=v(i),h=v(n),x=v(c),y=v(u),m=v(o),b=v(s),g=v(r),_={value:"now"},w={floor:"floor",ceil:"ceil",round:"round"};e.default={name:"cube-time-picker",mixins:[x.default,y.default,m.default,b.default],components:{CubeCascadePicker:g.default},props:{title:{type:String,default:""},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3}}},showNow:{type:[Boolean,Object],default:!0},minuteStep:{type:[Number,Object],default:10},format:{type:String,default:"YYYY/M/D hh:mm"},min:{type:[Date,Number],default:null},max:{type:[Date,Number],default:null}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{_title:function(){return this.title||this.$t("selectTime")},_day:function(){var t={filter:[this.$t("today")],format:this.$t("formatDate")};return(0,h.default)({},t,this.day)},nowText:function(){var t=this.$t("now");return this.showNow&&this.showNow.text||t},minuteStepRule:function(){var t=this.minuteStep;return"object"===(void 0===t?"undefined":(0,f.default)(t))&&Math[w[t.rule]]||Math[w.floor]},minuteStepNumber:function(){var t=this.minuteStep;return"number"==typeof t?t:t.step||10},minTime:function(){var t=+this.min||+this.now+this.delay*l.MINUTE_TIMESTAMP,e=new Date(t).getMinutes();return t+=(Math.min(this.minuteStepRule(e/this.minuteStepNumber)*this.minuteStepNumber,60)-e)*l.MINUTE_TIMESTAMP,new Date(t)},maxTime:function(){var t=+this.max||(0,l.getZeroStamp)(new Date(+this.minTime+this._day.len*l.DAY_TIMESTAMP))-1,e=new Date(t).getMinutes();return t-=(e-Math.floor(e/this.minuteStepNumber)*this.minuteStepNumber)*l.MINUTE_TIMESTAMP,new Date(t)},days:function(){for(var t=[],e=(0,l.getDayDiff)(this.minTime,this.now),a=this.max?(0,l.getDayDiff)(this.maxTime,this.minTime)+1:this._day.len,i=0;i<a;i++){var n=+this.minTime+i*l.DAY_TIMESTAMP;t.push({value:n,text:this._day.filter&&this._day.filter[e+i]||(0,l.formatDate)(new Date(n),this._day.format)})}return t},hours:function(){for(var t=[],e=0;e<24;e++)t.push({value:e,text:""+e+this.$t("hours"),children:this.minutes});return t},minutes:function(){for(var t=[],e=0;e<60;e+=this.minuteStepNumber)t.push({value:e,text:""+(0,l.pad)(e)+this.$t("minutes")});return t},cascadeData:function(){var t=this,e=this.days.slice();if(this.maxTime-this.minTime<=-6e4)return(0,d.warn)("The max is smaller than the min optional time.","cube-time-picker"),[];e.forEach(function(a,i){var n=0===i,l=i===e.length-1;if(!n&&!l)return void(a.children=t.hours);for(var c=[],u=n?t.minTime.getHours():0,o=l?t.maxTime.getHours():23,s=u;s<=o;s++){var r=n&&s===u,d=l&&s===o;if(r||d){var v=r?Math.round(t.minTime.getMinutes()/t.minuteStepNumber):0,p=d?Math.round(t.maxTime.getMinutes()/t.minuteStepNumber):Math.floor(59/t.minuteStepNumber),f=t.minutes.slice(v,p+1);c.push({value:s,text:""+s+t.$t("hours"),children:f})}else c.push({value:s,text:""+s+t.$t("hours"),children:t.minutes})}a.children=c});var a=(0,l.getDayDiff)(this.minTime,this.now);if(this.showNow&&a<=0){var i=Math.abs(a),n=e[i];n&&(n.children=[].concat((0,p.default)(n.children)),n.children.unshift({value:_.value,text:this.nowText,children:[]}))}return e}},methods:{show:function(){this.isVisible||(this.isVisible=!0,this._updateNow(),this._updateSelectedIndex())},setTime:function(t){this.value=t,this.isVisible&&this._updateSelectedIndex()},_updateSelectedIndex:function(){var t=this.value,e=this.minTime;if(t<(this.min||0===this.min?+e:Math.floor(e/l.MINUTE_TIMESTAMP)*l.MINUTE_TIMESTAMP))this.selectedIndex=[0,0,0];else{var a=new Date(t),i=(0,l.getDayDiff)(a,e);if(i>=this.days.length)return void(0,d.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var n=a.getHours(),c=0===i?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,u=n-c,o=this.minuteStepRule(a.getMinutes()/this.minuteStepNumber),s=i||(this.showNow?1!==u:u)?0:this.minuteStepRule(this.minTime.getMinutes()/this.minuteStepNumber),r=o-s;this.selectedIndex=[i,u,r]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,a){var i=void 0,n=void 0;t[1]===_.value?(i=+new Date,n=this.nowText):(i=(0,l.getZeroStamp)(new Date(t[0]))+t[1]*l.HOUR_TIMESTAMP+t[2]*l.MINUTE_TIMESTAMP,n=a[0]+" "+a[1]+":"+a[2]),this.value=i;var c=(0,l.formatDate)(new Date(i),this.format);this.$emit("select",i,n,c)},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},eClu:function(t,e,a){function i(t){a("nDaK")}var n=a("VU/8")(a("VAT/"),a("diWv"),i,null,null);t.exports=n.exports},eD0J:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("vJ9C"),a("VKJd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},eE6y:function(t,e,a){function i(t){a("RQcS")}var n=a("VU/8")(a("Gcl4"),a("vx2j"),i,null,null);t.exports=n.exports},eFmn:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("4gT0")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-input",mixins:[c.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){var t=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(t=!1),t},_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)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,l.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,l.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,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/form/"+t)}}},t.exports=e.default})},eWUu:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);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,onChange:function(){console.log("change")}})),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)},showChangeOrderPicker:function(){this.changeOrderPicker||(this.changeOrderPicker=this.$createDatePicker({title:"Date Picker",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,columnOrder:["date","month","year"],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.changeOrderPicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - date: "+t+" <br/> - value: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:l.default,CubeButtonGroup:c.default}},t.exports=e.default})},eX6E:function(t,e){},eXer:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("cube-scroll",{ref:"scroll1",staticClass:"scroll-list-outer-wrap"},[a("ul",{staticClass:"cube-scroll-list"},t._l(t.items1,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])})),t._v(" "),a("cube-scroll",{ref:"scroll2",staticClass:"scroll-list-inner-wrap",attrs:{nestMode:"native"}},[a("ul",{staticClass:"cube-scroll-list"},t._l(t.items2,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])}))]),t._v(" "),a("ul",{staticClass:"cube-scroll-list"},t._l(t.items1,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])}))],1)],1)])])},staticRenderFns:[]}},eZWf:function(t,e,a){function i(t){a("gfHX")}var n=a("VU/8")(a("ZDnC"),a("EKox"),i,null,null);t.exports=n.exports},ee49:function(t,e){},eiDU:function(t,e){},"f/6s":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("zuie")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-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:i.default}},t.exports=e.default})},fFTD:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yb46"),a("mkLW")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Radio=c.default,e.default=l.default,t.exports=e.default})},fGk3:function(t,e,a){function i(t){a("qx+r")}var n=a("VU/8")(a("HgDQ"),a("Zw0Y"),i,null,null);t.exports=n.exports},fK3K:function(t,e){},fZ0D:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("mvHQ"),a("XPXN"),a("O6S8"),a("9zBd"),a("LeY8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=l.provinceList.slice(),v=JSON.parse((0,o.default)(l.cityList)),p=JSON.parse((0,o.default)(l.areaList)),f=l.provinceList;f.forEach(function(t){t.children=l.cityList[t.value],t.children.forEach(function(t){t.children=l.areaList[t.value]})});var h=d,x=[0,0,0];h[0].children=v[h[0].value],h[0].children[0].children=p[h[0].children[0].value],e.default={mounted:function(){this.cascadePicker=this.$createCascadePicker({title:"Cascade Picker",data:c.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:h,selectedIndex:x.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(c.cascadeData),this.setDataPicker.show(),setTimeout(function(){t.setDataPicker.setData(f,[1,1,0])},1e3)},showAsyncPicker:function(){this.asyncPicker.show()},asyncChangeHandle:function(t,e){var a=this;e!==x[t]&&(x[t]=e,t<2&&setTimeout(function(){if(0===t){var i=h[e];i.children=i.children||v[i.value],i.children[0].children=i.children[0].children||p[i.children[0].value],x[1]=0,x[2]=0}if(1===t){var n=h[x[0]].children[e];n.children=n.children||p[n.value],x[2]=0}a.asyncPicker.setData(h,x)},500))},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:s.default,CubeButtonGroup:r.default}},t.exports=e.default})},fd7u:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("xYoV"),a("j9ag"),a("aDIA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i);c.default.install=function(t){t.component(c.default.name,c.default),u.default.install(t),c.default._base=t},c.default.addRule=n.addRule,c.default.addMessage=n.addMessage,c.default.addType=n.addType,c.default.addHelper=u.default.addHelper,e.default=c.default,t.exports=e.default})},fidG:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("4gT0")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u={negative:!0,remain:!0};e.default={name:"cube-textarea",mixins:[c.default],data:function(){return{textareaValue:this.value,expanded:!!this.forceExpand||!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var t=this.indicator;return"boolean"==typeof t&&(t={}),(0,l.default)({},u,t)},count:function(){return this.textareaValue.length},remain:function(){var t=this.maxlength-this.count;return!this.indicatorConf.negative&&t<0&&(t=0),t}},watch:{value:function(t){this.textareaValue=t},textareaValue:function(t){this.$emit("input",t),this.forceExpand||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),this.forceExpand||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,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-custom",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-form",{attrs:{model:t.model},on:{validate:t.validateHandler,submit:t.submitHandler}},[a("cube-form-group",[a("cube-form-item",{attrs:{field:t.fields[0]}}),t._v(" "),a("cube-form-item",{attrs:{field:t.fields[1]}}),t._v(" "),a("cube-form-item",{attrs:{field:t.fields[2]}},[a("cube-button",{on:{click:t.showDatePicker}},[t._v(t._s(t.model.dateValue||"Please select"))]),t._v(" "),a("date-picker",{ref:"datePicker",attrs:{min:[2008,8,8],max:[2020,10,20]},on:{select:t.dateSelectHandler}})],1)],1),t._v(" "),a("cube-form-group",[a("cube-button",{attrs:{type:"submit"}},[t._v("Submit")])],1)],1),t._v(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},g3dP:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("1BqV")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-scroll-nav-panel",inject:["scrollNav"],props:{label:{type:[String,Number],required:!0},title:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.scrollNav.addPanel(this)},beforeDestroy:function(){this.scrollNav.removePanel(this)},components:{CubeStickyEle:i.default}},t.exports=e.default})},"g9J/":function(t,e,a){function i(t){a("oiuS")}var n=a("VU/8")(a("XEOk"),a("34AZ"),i,null,null);t.exports=n.exports},gAqf:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 🙃 ","👈🏻  scroll 👉🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👈🏻  scroll 👉🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👈🏻  scroll 👉🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👈🏻  scroll 👉🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","👈🏻  scroll 👉🏻 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👈🏻  scroll 👉🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","👈🏻  scroll 👉🏻 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👈🏻  scroll 👉🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","👈🏻  scroll 👉🏻 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items:n}},components:{CubePage:i.default}},t.exports=e.default})},gBDM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN"),a("1Vb/"),a("6SSl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);e.default={data:function(){return{text:"",disabled:!1,maxlength:60,width:"274px",showIndicator:!0,indicator:{negative:!0,remain:!0}}},methods:{updateDisabled:function(t){this.disabled=t},updateMaxlength:function(t){this.maxlength=t},updateWidth:function(t){this.width=t},updateIndicator:function(t){this.showIndicator=t},updateIndicatorNegative:function(t){this.indicator.negative=t},updateIndicatorRemain:function(t){this.indicator.remain=t}},components:{CubeButtonGroup:u.default,CubePage:o.default,SwitchOption:s.default,InputOption:r.default}},t.exports=e.default})},gCE8:function(t,e,a){function i(t){a("R+4a")}var n=a("VU/8")(a("pjk/"),a("12+A"),i,null,null);t.exports=n.exports},gLZT:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("8j/s")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e,a,i){return t.use(n.default,{componentPrefix:"cube-"}),t.createAPI(e,a,i)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},gMFX:function(t,e){},gSj3: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,a){var i=a("VU/8")(a("JOED"),a("VOzN"),null,null,null);t.exports=i.exports},gf9D:function(t,e){},gfHX:function(t,e){},go4C:function(t,e,a){var i=a("VU/8")(a("g3dP"),a("rcBQ"),null,null,null);t.exports=i.exports},gqZP:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"panels",staticClass:"cube-tab-panels"},[a("div",{ref:"panelsGroup",staticClass:"cube-tab-panels-group"},[t._t("default",t._l(t.data,function(e,i){return a("cube-tab-panel",{key:e.value||e.label,attrs:{label:e.label,value:e.value}},[t._v("\n        "+t._s(e.label)+"\n      ")])}))],2)])},staticRenderFns:[]}},gz49:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/index-list/"+t)}}},t.exports=e.default})},h7Gw:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.ease={swipe:{style:"cubic-bezier(0.23, 1, 0.32, 1)",fn:function(t){return 1+--t*t*t*t*t}},swipeBounce:{style:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fn:function(t){return t*(2-t)}},bounce:{style:"cubic-bezier(0.165, 0.84, 0.44, 1)",fn:function(t){return 1- --t*t*t*t}}}})},h8Kk:function(t,e,a){function i(t){a("QvWg")}var n=a("VU/8")(a("1j+8"),a("d9cM"),i,null,null);t.exports=n.exports},"hC+w":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selected:"",options:["Option1","Option2"],selected2:3,options2:[{label:"Option1",value:1},{label:"Option2",value:2},{label:"Option3",value:3,disabled:!0}],selected3:"3",options3:[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3",disabled:!0}],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}],selected5:"6",options5:[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3",disabled:!0},{label:"4",value:"4"},{label:"5",value:"5"},{label:"6",value:"6",disabled:!0},{label:"7",value:"7"},{label:"8",value:"8"}],colNum:3}},components:{CubePage:i.default}},t.exports=e.default})},hHHY:function(t,e){},hIuT:function(t,e){},hahQ:function(t,e){},hdAL:function(t,e,a){function i(t){a("hIuT")}var n=a("VU/8")(a("eLAg"),a("7JW3"),i,null,null);t.exports=n.exports},hlu4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"formItem",staticClass:"cube-form-item border-bottom-1px",class:t.itemClass},[t.isBtnField?a("cube-button",t._g(t._b({},"cube-button",t.fieldValue.props,!1),t.fieldValue.events),[t._v(t._s(t.fieldValue.label))]):[t._t("label",[a("div",{directives:[{name:"show",rawName:"v-show",value:t.fieldValue.label,expression:"fieldValue.label"}],staticClass:"cube-form-label"},[a("span",[t._v(t._s(t.fieldValue.label))])])]),t._v(" "),t.hasRules?a("cube-validator",{ref:"validator",staticClass:"cube-form-field",attrs:{disabled:t.validatorDisabled,model:t.validatorModel,"model-key":t.validatorModelKey,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",[a(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):a("div",{staticClass:"cube-form-field"},[t._t("default",[a(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,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("9zBd"),a("K5n8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=n.provinceList;s.forEach(function(t){t.children=n.cityList[t.value],t.children.forEach(function(t){t.children=n.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,a,i){t.$createDialog({type:"warn",content:"Selected Items: <br/> - 入学时间: "+i[0].join("")+" <br/> - 毕业时间: "+i[1].join(""),icon:"cubeic-alert"}).show()},onNext:function(e,a,i,n){r[1].min=a,0===e&&t.dateSegmentPicker.$updateProps({data:r})}}),this.citySegmentPicker=this.$createSegmentPicker({data:[{title:"选择快递",data:[l.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,a,i){t.$createDialog({type:"warn",content:"Selected Items: <br/> - 所选快递:  "+i[0].join("")+" <br/> - 寄件地址: "+i[1].join("")+" <br/> - 收件地址: "+i[2].join(""),icon:"cubeic-alert"}).show()}})},methods:{showDateSegmentPicker:function(){this.dateSegmentPicker.show()},showCitySegmentPicker:function(){this.citySegmentPicker.show()}},components:{CubePage:u.default,CubeButtonGroup:o.default}},t.exports=e.default})},iQe6:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",data:function(){return{balde:12}},props:{size:{type:Number}},computed:{style:function(){if(this.size){var t=this.size+"px";return{width:t,height:t}}}}},t.exports=e.default})},iQwk:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("GQaK")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},iRyi:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-swipe"},[t._t("default",[a("transition-group",{attrs:{name:"cube-swipe",tag:"ul"}},t._l(t.data,function(e,i){return a("li",{key:e.item.value},[a("cube-swipe-item",{attrs:{btns:e.btns,item:e.item,index:i,"auto-shrink":t.autoShrink}})],1)}))])],2)},staticRenderFns:[]}},iS0c:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Down Refresh",value:t.pullDownRefresh},on:{"update:value":t.updatePullDownRefresh}}),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold (≥ 40)",value:t.pullDownRefreshThreshold,"min-value":"40"},on:{"update:value":t.updatePullDownRefreshThreshold}}):t._e(),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub",attrs:{name:"txt",value:t.pullDownRefreshTxt},on:{"update:value":t.updatePullDownRefreshTxt}}):t._e(),t._v(" "),t.pullDownRefresh?a("switch-option",{staticClass:"item sub last",attrs:{name:"Custom Animation",value:t.customPullDown},on:{"update:value":t.updateCustomPullDown}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Up Load",value:t.pullUpLoad},on:{"update:value":t.updatePullUpLoad}}),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold",value:t.pullUpLoadThreshold},on:{"update:value":t.updatePullUpLoadThreshold}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub",attrs:{name:"moreTxt",value:t.pullUpLoadMoreTxt},on:{"update:value":t.updatePullUpLoadMoreTxt}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub last",attrs:{name:"noMoreTxt",value:t.pullUpLoadNoMoreTxt},on:{"update:value":t.updatePullUpLoadNoMoreTxt}}):t._e()],1)])]),t._v(" "),a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("Demo")]),t._v(" "),a("div",{staticClass:"scroll-list-wrap"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.options},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return t.customPullDown?[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.beforePullDown,expression:"props.beforePullDown"}],staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>t.pullDownRefreshThreshold-40}},[t._v("↓")])]),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!e.beforePullDown,expression:"!props.beforePullDown"}],staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isPullingDown,expression:"props.isPullingDown"}],staticClass:"loading"},[a("cube-loading")],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!e.isPullingDown,expression:"!props.isPullingDown"}],staticClass:"text"},[a("span",{staticClass:"refresh-text"},[t._v("Refresh success")])])])]):t._e()]:void 0}}])},[a("ul",{staticClass:"foods-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"food-item border-1px"},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"57",height:"57",src:e.icon}})]),t._v(" "),a("div",{staticClass:"food-content"},[a("h2",{staticClass:"name"},[t._v(t._s(e.name))]),t._v(" "),a("p",{staticClass:"description"},[t._v(t._s(e.description))]),t._v(" "),a("div",{staticClass:"extra"},[a("span",{staticClass:"count"},[t._v("月售"+t._s(e.sellCount)+"份")]),a("span",[t._v("好评率"+t._s(e.rating)+"%")])]),t._v(" "),a("div",{staticClass:"price"},[a("span",{staticClass:"now"},[t._v("￥"+t._s(e.price))]),t._v(" "),a("span",{directives:[{name:"show",rawName:"v-show",value:e.oldPrice,expression:"food.oldPrice"}],staticClass:"old"},[t._v("￥"+t._s(e.oldPrice))])])])])}))])],1)])])])},staticRenderFns:[]}},iXiC:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Basic Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Scrollbar",value:t.scrollbar},on:{"update:value":t.updateScrollbar}}),t._v(" "),t.scrollbar?a("switch-option",{staticClass:"item sub first last",attrs:{name:"fade",value:t.scrollbarFade},on:{"update:value":t.updateScrollbarFade}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"startY",value:t.startY},on:{"update:value":t.updateStartY}})],1)])]),t._v(" "),a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("Basic Demo")]),t._v(" "),a("div",{staticClass:"scroll-list-wrap"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.options}})],1)]),t._v(" "),a("div",{staticClass:"methods"},[a("div",{staticClass:"title"},[t._v("Methods")]),t._v(" "),a("ul",{staticClass:"method-list"},[a("li",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"y",value:t.scrollToY},on:{"update:value":t.updateScrollToY}}),t._v(" "),a("input-option",{staticClass:"item",attrs:{name:"time",value:t.scrollToTime},on:{"update:value":t.updateScrollToTime}}),t._v(" "),a("select-option",{staticClass:"item",attrs:{name:"easing",value:t.scrollToEasing,options:t.scrollToEasingOptions},on:{"update:value":t.updateScrollToEasing}}),t._v(" "),a("button",{on:{click:t.scrollTo}},[t._v("scrollTo")])],1)])])])])},staticRenderFns:[]}},inlK:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},ir9C:function(t,e){},izCJ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Yu0J")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"j/9N":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADiJJREFUeNrtm2tUVFeWx/+nnkBRUBSIIEUJqFC6jBJRAyKIbRtbotgxahONj0yijD3x1T6mM3kYYxKXBu0Y2xgNdsfWEVuJS1qNUZetPEQE0/gmIo8CgeJNFVDvW/fMh2sFTaKUUAUza/h9uasW956zz3/fu8/Z+xyAfvrpp59++umnn/+PkL424KdQeu45QCIx1LhH8hdNnkz+HZvxYXQ0nUa+IHtUKoyiS+gShYJsxUZck0ggwXQwhNBPkIpRBgO+IzPI0aoqUs4uowtKSuhasgmpeXmmG6I829+ys31feqEMaGvr63Ha6TMHUEopQIhBnPcu/8jUqdjP/kDyU1LgBz4yZsxAPFagTiRyWodnyEIEm80w0ijMOn0ab/BUNHrvXokl9mNb8rlzfaVDrzugneZQPk1I4BWRIbi1dSsi6AEyZvz4vhIAAOjF77/nXaEzyKI//MH91/E6piI7u7f6drkDHg8p27dDhOHk6LJlkCAODPnfEwL1yIGAUhJEDtCX0tLcLW7/bftm9WpCxo4FDAZXdesyAYwbcqcASiU9RMP4pzMz6X0sIrMiI13Vn9OFmYvP6V9v3yaVtMK2MDHR/U78NeDBA6f34+wGTf+ZkyPeEhZme51ssFmzshBMt+FDhaJ3ZHMBD8gGvF9dzb9LfsX/V0KC2+zYj80nysqc1TzP2fbavqVaxm/YMATTbWTz5s0AQEhKiv1KzuEsDh4+3HsK9pCHL5Ctmp3GDD93rqMsPxkYONBZzfd6DNZnZe8AAgMxlowTCGpre7v/nkK+wj6ILl50X6WZyRimTiVk3jzAZut2ez01yCDNTRaYUlLwGv09hsyZ09X9dBx5kc4fMgS/o+fJn0JDe1tAZ0EJOYyl69d7ekzcw+xJTe1uO912gKHkIgUUCpouHCMY88MPWEc/x02JpK+FcRSGsdkIAZqbm5pEIqClpaVFJALMZrOZxwMsFouFEEAgEAgAQCKRSBgG8PaWyaxWYMD7AxZbovR6QSFfbc0OD/comTgAePYvuksHLFsaNSZqjFAofFNy3Hxm7FjeR+wWniIkZNxX4xa3vLViBf8C/zjJiInRarVagQDo6NDrBYJHB2I2EwJYrQxDCCCReHiwLODjI5dbLEBgYECA2QwolUql0QgMHhwcbDQCnp5SKcN0X2B7f2q1Wu3hAZSUlJR4egIVFdxvjUajEYsBhmFZPh8wm+XygADAYpFIZDKAZYVCsRjg8axWsxkQifR6rRYQi7XahgZAICDEagW81kv9rdvr61tvtCYIU/fvB9i7ZM3Jk7sSL++6lXj1KmcNpd12wAr3uK+fc3/rLfbfBAeEw3ftMhr9/ZVKwGiUy4OCuGtAAGAyyeWDBgFWq1Tq4wMwjFgskQBWq0QilXJGEAIIhUZjezvg4dHQUFkJSKXV1SUlgExWXn79OiAWt7bW1QF+fr6+ViugVA4erNcDoaEhIUYjEBQUFGQyAXK5XG61Alpta6tAAJSXV1R4eAD37tmF5n7r9UKhjw/Q3BwRER0NtLaqVOPHAzpdaOioUYBeHxAQFgawrEAgFHbtWB6PYaxWQCLRaMrKAG9vtfrmTcDP7/bt3FzA17e4+MoVgIxmvjdmvfnmn5dl6+5I9u9/UnuCrjqkp7ANLwqFPhd/vWD2OECtnjfvnXeAsjKz+dH7+HwuqUpM9PICgFOndLqn+/6XsTvAx6es7Pp1QCYrKysqAmSywsKiIsDTMzOztBQgxGZjGIBSHo/PB9ralMrhw4Hm5pEj4+KApqakpNhYoK0tNHTkSM79PCes+WJiZDKhELh/381NpQKqq4ODuWtc3Lx5QFTUzp1LlwJyRXFmwUKRCID0ae116QAyAxtwzmq1ra4tVA8APvkkMNBmAxYvrqri8wGTiWUBYMkSX18AWLhQLgeAM2e4ghfDPJsLzGYfn4AAoK5u7Njf/Kbz+qM9hGVtNkAk0ukaG7kvztfX8Te4u0REuLkBwBdfKJUAsHixWg0AjY1WK8sCQ4dmZu7aBXh7l5ffvAmQO2Qo5ra2AgCOP7ndLt8J2wHeYtuBjIyOqhtv5ycXFR0/vm3bxo1ASoqvL8sCSiVXMFuxwt8fAN5/n5uInlV4R/HwqKtTq7k3LSUFGDfu008XLgREoo4OrdZ1Dvj440GDAOD4cU7U69e58kRw8KVL6enASGXuvL1NLMufYfqzaW5SkqYgID6i4Nixrtrld3VD4bHKTY3HOjo+8Vo+wJx5/vy9wNzcmppVqyIiJk2aORPIzydEJgNKS7mQdPasa0u9o0alpW3YACQk+Prm5QFeXkZjQwOg1ba3i8VAS4tKFR3t/H5FIi7E7t/f3AwANpvVarUCkZF79qxcCcx9bQZffYaQV/PfWKrOXLFi4a41V+/e1eu7atfhqBgdGj/dkO3hERX1/PM6HVBZefVqVhYQEMB9+CdOuPL9A+TykpKCAmDgwIqK/HwgMXH69IYGYNKkSZOamwGFIifn2DGAz7dYjEbn93/oUEsLABgMXMj187t1KysL8PEhpKkJeO65kSPb2gD+RNM6oXLwYEfbddgB/CW2SfS3cnlkZGSkTgeo1enpX34JjBhhtXKmuQZ7zA8Pz8hITQWio194QasFpFJPT4YBVCqVqqMDCAqSShsbgbCwU6f27HGdPXaCg7OyjhwBnn8+MrKtDeDz+XxKATaerGEruYWIIzjsAGYK0dJyHk+hUChMJiA8XKmsqwOs1m+++fJLwN+fM8DZDBly8uTu3YBCodPdugVMnTplSmPjIwPgEUIp8MorL7+s0QAhIRcvHjwI+PnduXP5svPtsS83AwO5LzE+Pi6OC0ocgq94k0iU46UJhx3Ay6Z/4g3ujO9z5syerdEANtvlywcPAjExly795S+ATEZI9ysjnSgUOTlHjwLh4Rcu7NsHLFgwf35NDSASicVcEHgceyKXlDR9ek0NMHr0vn1r1gA+PqWlRUU9t8fNTautrwdGjDh8+MMPgcmTJ09uagKk0scTRls2Pid/fbj6cYAuJ2E7fxy2/Bars1h40ba5PN6GDWIxJ4Q9BNy+nZFx5w7g63v/fnEx0N7u6SmXAwYDl7ABhDxt+8Xdvbm5thYYPjw9ffNmTvj9+4Hk5OTk2lpg2LChQ7ue0oDg4OBgkwkQCrlM1WA4cuTSJfsWKNDRoVBERHRmuk+CEJZlWcDf/8aNCxeA0aP37l2zBhg3Lji4tBSYMSMxsb7+56Oi26zjmS82btyiObDJkY2cZ64FGWQ5SYLldXW0BuvxVWdZ1mLhSg/nz1+4MGAAUFBw7ZpMBuj1hHh5Ae3tQUHDhgGUPj5wN7eWFo2Gy4yrqoDQUC7znTlz5sz6emDQoMBAk6lTwKe78REhHt5fXl5eLpEA33773Xf+/sCDB/X1nD1KpUoFmExc3mFHKOSWs1JpdfW9e4CXF8u2tAAJCdxkHx8/cWJzM/CztO4aWrC1qkoyKW4Ws9bxSfiZHaBfl5Mt+OjoUWwCwQdz5z7pPovFauXxgOrqBw/c3ID6+oYGsbjTUQAnpLe3tzfDAMHBCoXBAPj6ciUIOzk5ly/L5UBLS3OzSATMmpWUVFf3ZPuKi4uLpVIgLy8/38cHeOON11+vqur8e22tRuPm1lkLam1tbRUKAZZlWUIAd3cPD5sNGDjQ399iAUJCQkIMBkAkEgp/KfT9yEZQfHDsmCQ1Lp55d948R/XsMhP+GQy2kpwzZwD8keLJDrAbHBYWFmYwdF6fFalUIrHZgKtXCwokEoBSToYnFRbu3y8tlUgAsVgk+iXB7F+U/eos6AiyiZ1z4gQA4F3Hn3vm6oixjHxtPZuRgVSyEqMcico9wz7HmM0mE48HnDvHhTi7I+zYhS8sLCyUyYAJE2JjXbk8tkM+ghYvtLdLXnfbyqoeOuBZnu9ux/qUHBN/y86d2IFC8t7Kla4eqFpdWenuDqSnp6cHBXWGDPtiQKfT6YRCIDGRmxxjYqKjHV+LdB9Sg2p6aPt2j/C4V23J69Y98/Pd7dgQntsIDBpEf0vFgvH37mEjbuBfnp6uHrB9Dikp4d54q9Vi4fGA0NDQUIMBkMm4DROXswmjMaajg01GIFMQFiYdE6cHHs1QHKPHW5IdZTnVgrVr15IAVGBn97fmeh0LyrGutpatwO95X0+dagvDd5Y6jcbRx5mFRAUwjN/JiQOA9vbumtHjCrkkTJPHbP/sM7KDHITnP//ZW/r1mJuQYQDDCNW81ST68b2Np+Ht1T4QMBh6Krwdp52K6Hjt8nXA35+MYDP47+XlYRWmkS1DhrhIvt5nJ87St8vK6F3eHNvmCRM8D8VGAg0NPW3WaeeC7AbxdZgm8HjxRXti0peaOYVL+Dt2VFbyVTwquDVtmrOEt+Oyc0GGzVeCgKAgHGR28zNPn6ZF8CWvjB7tar3IavIBEnQ6WCCju3fvpuV0NVnX/T0KXgtdw5w8fPj/zNHEn0LplSDA3d2QyWTxV6WmYgKOkr3Ll7vscG48BiItPV3yfVw4s2T+fFePr6f0+sk4I/9ymuC9mBg2k22ii3bswGTEkuFO3MMqhjdkDEPWk1cRcOECjaJ7kPzkL4B4EwtisrPd37VOYaakpREymQDOzJGfTp8fD+8YldvI106eTPzxEvn7smWYTVfgs1mzsBghuO/u7rSBPsxYocJ/YO0//mFbhEr6clqalMQRG7l0qa/G3+cO+Ck//j+BWJLEPxIbCzP7EX43YQLmwpPsUqkQjQr6qkJBduAdFDxyEm85IWRBSwvNwnVsbWhAOD7F327epGtRSf/r2jVJGP9t20u5uYTE1ACu2LTsp59++umnn3766cdx/geTPRpGyo0x8gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAe3RFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODUxMC5zdmcQrbDUAAAAAElFTkSuQmCC"},"j/Id":function(t,e,a){function i(t){a("qGk2")}var n=a("VU/8")(a("NFzl"),a("NZLs"),i,null,null);t.exports=n.exports},j9ag:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bOdI"),a("Xnqv"),a("XRNA"),a("UFDc"),a("+rJ6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=void 0,d={name:"locale",install:function(t){d.installed||(r=t.prototype,t.util.defineReactive(r,"$cubeLang","zh-CN"),r.$cubeMessages=(0,o.default)({},"zh-CN",s.default),d.installed=!0)},use:function(t,e){r.$cubeLang=t;var a=r.$cubeMessages;t in a||(a[[t]]=e)},helpers:{toLocaleDateString:function(t,e){var a=(0,l.isNumber)(t)?t:t.replace(/-/g,"/"),i=new Date(a);return(0,l.isUndef)(e)?i.toDateString():(0,c.formatDate)(i,e)}},addHelper:function(t,e){if(t in d.helpers)return void(0,n.warn)(t+" has already been registered on helpers function, please change another name");d.helpers[t]=e}};e.default=d,t.exports=e.default})},jC7o:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"radio-view",title:"Radio"}},[a("template",{slot:"content"},[a("cube-radio-group",{attrs:{options:t.options},model:{value:t.selected,callback:function(e){t.selected=e},expression:"selected"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected))]),t._v(" "),a("cube-radio-group",{attrs:{options:t.options2,position:"right","hollow-style":!0},model:{value:t.selected2,callback:function(e){t.selected2=e},expression:"selected2"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected2))]),t._v(" "),a("cube-radio-group",{attrs:{options:t.options3,horizontal:!0},model:{value:t.selected3,callback:function(e){t.selected3=e},expression:"selected3"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected3))]),t._v(" "),a("cube-radio-group",{model:{value:t.selected4,callback:function(e){t.selected4=e},expression:"selected4"}},t._l(t.options4,function(t,e){return a("cube-radio",{key:e,attrs:{option:t}},[a("img",{attrs:{src:t.src}})])})),t._v(" "),a("p",[t._v("selected img: "+t._s(t.selected4))]),t._v(" "),a("hr"),t._v(" "),a("cube-input",{attrs:{placeholder:"Input column number"},model:{value:t.colNum,callback:function(e){t.colNum=e},expression:"colNum"}},[a("div",{staticStyle:{paddingLeft:"10px"},attrs:{slot:"prepend"},slot:"prepend"},[t._v(" Column number:")])]),t._v(" "),a("cube-radio-group",{attrs:{options:t.options5,"col-num":Math.floor(t.colNum)},model:{value:t.selected5,callback:function(e){t.selected5=e},expression:"selected5"}})],1)],2)},staticRenderFns:[]}},jMGR:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){var i="agreement"===t.type;e.messages||(e.messages={}),(0,a.setMessages)(e,{required:t.errMsg||(i?"请同意":"此题为必做题")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i,t.exports=e.default})},jWO0:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("ZrYO"),a("FmUO")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},jWap:function(t,e){},jbJ7:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("//Fk"),a("woOf"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function l(t,e,a){var i=r[e];i||(i=r[e]={}),t.rules||(t.rules=i),(0,s.default)(t.rules,a)}function c(t,e){t.messages||(t.messages={}),(0,s.default)(t.messages,e)}function u(){return new o.default(function(t){setTimeout(function(){t(d)},500)})}Object.defineProperty(t,"__esModule",{value:!0}),t.setRules=l,t.setMessages=c,t.loadCityData=u;var o=n(e),s=n(a),r={},d=i.provinceList;d.forEach(function(t){t.children=i.cityList[t.value],t.children.forEach(function(t){t.children=i.areaList[t.value]})})})},jdO8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,options:t.options},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-up":t.onPullingUp}})],1)])])])},staticRenderFns:[]}},jjfl:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox",props:{value:{type:[Boolean,String]},label:{type:[Boolean,String]},disabled:{type:Boolean,default:!1},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||t.$props.colNum>1)}},computed:{computedOption:function(){var t=this.option,e=this.label,a=this.disabled;return!0===t._def_option?t={label:e,value:e,disabled:a}:"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,a=e&&t?e:t;if(this.$emit("input",a),this.isInGroup){t=!this.checkValue;var i=t?"checked":"cancel-checked";this.$parent.$emit(i,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,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("//Fk"),a("XPXN"),a("b1gV"),a("nlvd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(c);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(){l.Locale.use("en-US",d.default),l.Validator.addRule("odd",function(t,e,a){return Number(t)%2==1}),l.Validator.addMessage("odd",function(t){return"Please input odd."}),l.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;s.default.all((0,o.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:r.default}},t.exports=e.default})},js4V:function(t,e){},jyim:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"multi-images-preview",title:"MultiImagesPreview"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"tips"},[t._v("Click Image")]),t._v(" "),a("div",{staticClass:"imgs-container"},t._l(t.imgs,function(e,i){return a("img",{key:e,attrs:{src:e},on:{click:function(e){t.handleImgsClick(i)}}})}))])])])},staticRenderFns:[]}},"k+Su":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yjF1"),a("7lCl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);c.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},c.default.Checkbox=l.default,e.default=c.default,t.exports=e.default})},kAHR:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},kBQQ:function(t,e,a){function i(t){a("U6M5")}var n=a("VU/8")(a("xH1B"),a("USmt"),i,null,null);t.exports=n.exports},kCqI:function(t,e){},kLzu:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bOdI"),a("Gu7T"),a("t7U9"),a("agqa"),a("Z5VE"),a("d64j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(l),v=o(c),p=o(u),f=(0,n.prefixStyle)("transform");e.default={name:"cube-drawer",mixins:[v.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(),t<e&&this.hidePanel()}},created:function(){this.panels=[]},methods:{show:function(){if(!this.isVisible){this.isVisible=!0;for(var t=this.data.length,e=0;e<t;e++)if(this.index=e,this.selected[e]<0||void 0===this.selected[e]){if(e>0){var a=e-1,i=this.selected[a];this.changeHandler(a,this.data[a][i],i)}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,a){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),a>=0&&(this.$set(this.selected,t,a),this.changeHandler(t,this.data[t][a],a))},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<t;)this.panels[e].hide(),e++},computedStyle:function(){var t=this;this.$nextTick(function(){for(var e=0,a=0,i=t.index;a<=i;){var n=t.panels[a].$el;e+=n.offsetWidth;var l=window.getComputedStyle(n);e+=parseInt(l.marginLeft),e+=parseInt(l.marginRight),a++}t.slideStyle[f]="translate3d(-"+e+"px, 0, 0)"})},changeHandler:function(t,e,a){"string"==typeof e?(this.selectedVal[t]=e,this.selectedText[t]=e):(this.selectedVal[t]=e.value,this.selectedText[t]=e.text),this.$set(this.selected,t,a),t===this.data.length-1?(this.$emit("select",this.selectedVal,this.selected,this.selectedText),this.hide()):this.$emit("change",t,e,this.selectedVal,this.selected,this.selectedText)},drawerClick:function(){this.hide(),this.$emit("cancel")}},components:{CubeDrawerPanel:d.default}},t.exports=e.default})},kTpf:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedIndex:[],data:[i.provinceList,[],[]]}},methods:{showDrawer:function(){this.$refs.drawer.show()},changeHandler:function(t,e,a,n,l){var c=this;setTimeout(function(){var a=void 0;a=0===t?i.cityList[e.value]:i.areaList[e.value],c.$refs.drawer.refill(t+1,a)},200)},selectHandler:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:n.default}},t.exports=e.default})},kVGr:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("d7EF"),a("W3Iv"),a("XRNA"),a("LIRj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i);e.default={methods:{_checkDeprecated:function(){var t=this,e=this.$options.props,a=this.$options.name;(0,o.default)(e).forEach(function(e){var i=(0,u.default)(e,2),c=i[0],o=i[1],s=o.deprecated;s&&void 0!==t[c]&&(0,n.tip)('The property "'+(0,l.kebab)(c)+'" is deprecated, please use the recommended property "'+s.replacedBy+'" to replace it. Details could be found in https://didi.github.io/cube-ui/#/en-US/docs/'+a.substr(5)+"#cube-Propsconfiguration-anchor",a)})}},mounted:function(){this._checkDeprecated()}},t.exports=e.default})},kYrI:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"toolbar",title:"Toolbar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"More Actions",value:t.more},on:{"update:value":t.updateMore}})],1)])]),t._v(" "),a("cube-toolbar",{attrs:{actions:t.actions,"more-actions":t.more?t.moreActions:void 0},on:{click:t.clickHandler}})],1)])},staticRenderFns:[]}},kZI5:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollEvents:["scroll"],scrollY:0,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){var e=t.y;this.scrollY=-e}},components:{CubePage:i.default}},t.exports=e.default})},kZnE:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE"),a("yjF1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-toolbar-item",components:{CubeButton:l.default,CubeCheckbox:c.default},props:{action:{type:Object,default:function(){return{}}}}},t.exports=e.default})},kftu:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload-file",class:t.fileCls,on:{click:t.clickHandler}},[t._t("default",[a("div",{staticClass:"cube-upload-file-def",style:t.fileStyle},[a("i",{staticClass:"cubeic-wrong",on:{click:function(e){return e.stopPropagation(),t.removeFile(e)}}}),t._v(" "),a("div",{staticClass:"cube-upload-file-state",class:t.fileStatusCls},[a("i",{staticClass:"cube-upload-file-status",class:t.statusCls}),t._v(" "),a("span",{staticClass:"cube-upload-file-progress"},[t._v(t._s(t.fileProgress))])])])],{imgStyle:t.fileStyle,progress:t.fileProgress})],2)},staticRenderFns:[]}},kgN1:function(t,e,a){function i(t){a("BbKW")}var n=a("VU/8")(a("txVD"),a("zlrq"),i,null,null);t.exports=n.exports},kjd8:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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})},"kl+Y":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACdNJREFUeNrtm3tQlWUawH/vdw544HC/qRiXRAWlvGJeEsEtY3fooumw1WpW47TNTmtltVMNtjXjjtWuTSOF1aiRDkm2MLajedmB0MFLcmldhEKIVjBAEPCcI4qcw3n3j+/gcVM4h8vhmMvvH2Y4z/e+z+X73ud93u/5YIQRRhhhhP9XhLsVcISUJ18EvR6uXIboaCSNEByMwATBwUhlA2i1IA6A0YjongjnzoESA6dPC5GQAJcuuduO3nB7AKSUEoSAsgxYtAisf4KHHgJ+BXffDXwJ06YB/1Id3W8T/wKVlSCPwaFDSLEHdu9G1P4I+flCpKVBd7e77B/2AEhrxXLw8UFcfgWefRYpK2H1agSTISZmGFX5HBoaQDwCGRlIJGzeLJSE2WAwDJcSLg/A1Ttcli6ClSsRMgE2bAB+C+Hhw2WoE4yH1lZgJbz2GiTshS1bhBACrFZXTeqyAEhrSTGEhIBshM8+QzAWFi921XxDb4B4GfLzEfwNVq5Uc0lj41BPM+QBkLK0FGbNAms15OUBMRAZOSxOcw1nbY4PhNRUIWYnw7ffDtXgQxaAaxzfCvn5qsL+/m5wmIsQj4PJBFYDpKQIcVcDHDs22FGVwQ4g5Yk/QHw80toE+/dzyzn+qqXbwdcXxHTYu/eq3YNkwAGw78+Vv0NeHoIwdc2/5XkTAgNBdMHu3WquG/gNN4gnoCsNNm4EuRcmTXK3V9zA72HCBAR58N57Ax2k3wGQ1hNLYeFCoBSeftqR/NGjx48HBYHBYDB4eLjXY85QX19f7+UFp05VVPj5OeWRCFi1SsrieEhK6u98A3gCxDPw5pvAbLWCvTHHjqmO37Pnq69Gj4asrB07IiLAapVSuL3+vp729gsXPDxgy5ZPPomKgpycXbvGjYOGhsZGna7PS1U/SELhrbf6O6/TAZDW0iaYOhWYCJGRSIKhthb7Ng2A1ta2Nk9P2L//4MGwMHjppeefr6kBvV6v7+6GI0eOHg0Kcre7ryc7e+fO226DlJTFi5ubIS1t+fKffoKdO9VAOETwV5g7V8qSEvVIxTkGfS/az3JKmuCLL6xWa50Qy5Z1dHR0aDTg6+vra7GA2WyxCAFmc1eXooC3t7e3+05grqdnifT39/c3m+3/NxqNRq0W/Pz8/CwWp1z6JWRnC5GwHlascCjtnIMVBcrLb5jtpSUL/PyguwxycnruBHc71G1ICqCjAwLqIThYKBPfhytXehN3IgBXk0sWFBa6275fEE9AcrIQsyvg0KHehJzIAeJTSEhwtzW/PMRMZ1YCJ87X5UFb8u3zIK1nd9PZefmy0o+9laenp6fVClqtVivl8Lnn5znJWby8dLrubhDC0VWyAiZPdjSe4wBI/gihoQi+70uspKSkJCAA9u1Tdz92Q81mVVVF8fYGjUZRrlwBRRHCbIb4+ClTTCZYvnzp0oYGV7r8f8nNzcsLD4eqqupqH5+eXKfqq9WCEFqtTgdarRCXLoEQQlit8MADqalNTTBz5vTpfb41kLxhO25/sC89HOcAa/F6OH4cQQrMmeNQ3mbItm1ZWVFR4OsbE7N6NaSlrV2bng7d3RaL2Qxnznz99eOPw/jxgYE5OcPn+J9jMplMWi28++6mTTExsHTpCy988AFMnbpw4T33gNF4/nxTE1gsFRWJiRAUpNfX1DgxsOQAfPONUGan97UUOX74BPf0VXD9nOrqmhofHzh5srzczw98fQMDg4Ptv2s0Wq2HB5w5c/78ggXXX19QUFgYEmIvhKqra2r0enuF2tjY1KTTQWtra6unp/1vff3Zs15eUFNTW6vXq+OEhkJGRmbm+PG961tYePhwSIh9HB+fwMBr6xQ/v5CQMWOgpKS8/M47+xFZId5w5lWnM0vQarh4EUGWM/MajeodFRIyblxEBJSV5efv3w86nbe3Xm+XO3gwO3vHDkhKev11IUBRFEVKSEpasKC1FbZt2749MhIyMz/66Pbb7U+WTqfTWa0QHBwc3NUFFou6lhsMRuOoURAVNWFCaCj8+GNVVXOzvRDsXV91nx8ZGRcXHw+5uZs2vf02LFz48MOPPgr19VVVlZXQ0lJZqb4FcHaLLQOgrQ04P7gACH4HZ886NylMmjRhwsWLEB2dmpqZCRcutLS0tMCmTWvWPPWUXW7GjGnTDAa743vQaNRk/OCD99/f1AR1defOxcSAt7ePj78/pKQkJhYU2NfgnsBs3frpp9HRYDBcvBgUBFOmxMWZTBAWFhbW+y4cEhLmzw8IgNjYZct27oQ9e7ZsyciA7OwNG9ats8s98khamtHorBcAWGsLwGuDCwC8D99/j4NdUA89FWNj4+nTK1ZAWVlRUVAQhIaGhHR1QWxsbKzJpCazc+d6H2f0aNVxERFhYT/8oCZvuD75qe9s4bHH0tLq6+GddzZuHDUK7rsvOfnCBcf6xsZGRZ06BVVV+/atWAF1dWVltbUQHj52bGcnzJ07Z057O8ybN2dOW1t//C/K4eRJh1KOBOxnG1JCQUF/VBgKOjs7OxUFNBqNBsDDw8Ojr1fkPbsuR3IuRwogMVHtsigq6k3MiQB8LUGnA59Dtq4BPXh7u9G0m51YMBrBMhnGjBFi3k9w+XJvwg53QUIsEtDZCbwOu3e727qbH5EAubmOHN9DP2pAZTls3epu825+ZBVs3+6sdL+Po6UsLrStaXpb6+AIKh1w5IjatnKjCufGDKDXkiRITwc225Ly7P4UajchxeoGg0qoq0OydmC9osp38Oqr/b1qwI6TsngmZGUBH8GqVcPosKFFis2wbp1QErbB+vXDPf1AngCb4lYDrFmD0LwF8+eDfAUmThxuAwaNIBzi4qS1bK7a5dAd5FQvqNQawWQSyowiaGkZ+PSDRFqLt8MddyDIgcOHudo3c8vyZ2hvBxkNiYlC3JUJFRUDHWwIWxNPhMO8eaD4w4ED9k6yWwZ1fy9FFaSmOiqwnMUFzbnFhTBjBtAOe/cCt8HYscPuLkkc7NuHEHdCff3gBxS58PHHQsyaBaWlQ6Wm69rT5YnPYcwYpFgCO3Yg+Dfce6+r5rvGpFTbp0nNEBvr+vkGqa2rJ7B3VZT+Gp58Eq5+oLEEQkNdMOV0sFhAPAXp6UjW2PqXHHhCPgHNzY5eog81bvhEqahFzQ2j3oNnnkGIWnjuOZBrwakWqKFirLo0iZdtvZ0vwocfDvdHfW4voKTctQs0Goj+DpKTQSTBkiUgHradwq6HKVPof8HXBWYzUvwGKioQ8h9QVIRU6mDXLsTMlWrl6tpPkBzh9gA4Qspj48DLC+lZqtYZchKMHg3kQ0AAwnq7Wrkq/4H2dmT3P6GtDXHpFaiquuYwcYQRRhhhhBFuKv4LZx7BFwViSIkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDCWtLvnAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAw5+kDWwAAAHp0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fZ2E2cmdreGNtbWEvJUU1JThEJUExJUU5JTgwJTlBJUU1JUE0JUI0JUU1JTgzJThGJUU4JUExJUE4JUU2JTgzJTg1Ny5zdmc0hUKDAAAAAElFTkSuQmCC"},ku8z:function(t,e){},kww3:function(t,e,a){function i(t){a("o3ex")}var n=a("VU/8")(a("vpa7"),a("JQOp"),i,null,null);t.exports=n.exports},"l+e5":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{direction:"",tipStyle:""}},methods:{showTip:function(t){switch(this.direction=t,this.$refs.tip2.show(),t){case"bottom":this.tipStyle="left: 96px; top: -50px;";break;case"top":this.tipStyle="left: 96px; top: 40px;";break;case"right":this.tipStyle="left: -2px; top: -5px;";break;case"left":this.tipStyle="left: 190px; top: -5px;"}},close:function(){console.log("click close button")},clickHandler:function(){console.log("click tip area")}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},l6Sg:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"textarea-view",title:"Textarea"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"textarea-wrapper"},[a("cube-textarea",{attrs:{disabled:t.disabled,maxlength:+t.maxlength||60,indicator:t.showIndicator?t.indicator:t.showIndicator,width:t.width||"300px"},model:{value:t.text,callback:function(e){t.text=e},expression:"text"}})],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),a("input-option",{staticClass:"item sub",attrs:{name:"maxlength",value:t.maxlength},on:{"update:value":t.updateMaxlength}}),t._v(" "),a("input-option",{staticClass:"item sub",attrs:{name:"width",value:t.width},on:{"update:value":t.updateWidth}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"indicator",value:t.showIndicator},on:{"update:value":t.updateIndicator}}),t._v(" "),t.showIndicator?a("switch-option",{staticClass:"item",attrs:{name:"negative",value:t.indicator.negative},on:{"update:value":t.updateIndicatorNegative}}):t._e(),t._v(" "),t.showIndicator?a("switch-option",{staticClass:"item",attrs:{name:"remain",value:t.indicator.remain},on:{"update:value":t.updateIndicatorRemain}}):t._e()],1)])]),t._v(" "),a("div",{staticClass:"title"},[t._v("named slot indicator & forceExpand: true")]),t._v(" "),a("div",{staticClass:"textarea-wrapper"},[a("cube-textarea",{attrs:{"force-expand":!0,maxlength:+t.maxlength||60,indicator:!1,width:t.width||"300px"},scopedSlots:t._u([{key:"indicator",fn:function(e){var i=e.remain;return a("span",{staticClass:"cube-textarea-indicator"},[t._v(t._s(i)+"/"+t._s(t.maxlength||60))])}}]),model:{value:t.text,callback:function(e){t.text=e},expression:"text"}})],1)])])},staticRenderFns:[]}},lLnp:function(t,e){},lQMO:function(t,e,a){function i(t){a("y9Aq")}var n=a("VU/8")(a("uE8O"),a("Emnr"),i,null,null);t.exports=n.exports},lS1B:function(t,e){},lVK7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("b1gV"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){n.installed||(n.installed=!0,l.forEach(function(e){e!==a.Radio&&e.install(t)}))}Object.defineProperty(e,"__esModule",{value:!0}),Object.keys(a).forEach(function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})});var l=[a.Locale,a.Button,a.Loading,a.Tip,a.Toolbar,a.TabBar,a.TabPanels,a.Checkbox,a.CheckboxGroup,a.Checker,a.Radio,a.RadioGroup,a.Input,a.Textarea,a.Select,a.Switch,a.Rate,a.Validator,a.Upload,a.Form,a.Popup,a.Toast,a.Picker,a.CascadePicker,a.DatePicker,a.TimePicker,a.SegmentPicker,a.Dialog,a.ActionSheet,a.Drawer,a.ImagePreview,a.Scroll,a.Slide,a.IndexList,a.Swipe,a.Sticky,a.ScrollNav,a.ScrollNavBar,a.RecycleList],c={version:"1.12.53",install:n,BScroll:a.BetterScroll,createAPI:a.createAPI};l.forEach(function(t){var e=(0,i.processComponentName)(t,{firstUpperCase:!0});c[e]=t}),"undefined"!=typeof window&&window.Vue&&window.Vue.use(n),e.default=c,t.exports=e.default})},lVze:function(t,e,a){function i(t){a("+akI")}var n=a("VU/8")(a("MNuz"),a("Eu3/"),i,null,null);t.exports=n.exports},li82:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-slide-item"},[t._t("default",[a("a",{attrs:{href:t.item.url}},[a("img",{attrs:{src:t.item.image}})])])],2)},staticRenderFns:[]}},lzDd:function(t,e){},"m/LA":function(t,e,a){function i(t){a("aA6D")}var n=a("VU/8")(a("H+BD"),a("udGh"),i,null,null);t.exports=n.exports},mJX1:function(t,e){},mLUJ:function(t,e){},"mW/s":function(t,e){},mZtU:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"jd",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-list-wrap",attrs:{slot:"content"},slot:"content"},[a("header",{ref:"topHeader"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/_tEw0ofPJ9/jd_header2.png"}})]),t._v(" "),a("cube-scroll",{ref:"scroll",attrs:{data:[],"scroll-events":["scroll"],options:t.options},on:{scroll:t.onScrollHandle,"pulling-down":t.onPullingDown},scopedSlots:t._u([{key:"pulldown",fn:function(e){return[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[a("div",{staticClass:"pulldown-content"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/7d895941-251f-471f-abc4-3eca25762465.jpg"},on:{load:t.onImgLoad}}),t._v(" "),e.beforePullDown?a("span",[t._v(t._s(t.pullDownTip))]):[e.isPullingDown?a("span",[t._v("正在更新...")]):a("span",[t._v("更新成功")])]],2)]):t._e()]}}])},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/RWEjWgWJ4x/jd_content.JPG"},on:{load:t.onImgLoad}}),t._v(" "),a("img",{staticClass:"ghostly-img",attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/cVujBAH2sp/jd_footer2.png"},on:{load:t.onImgLoad}})]),t._v(" "),a("footer",[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/cVujBAH2sp/jd_footer2.png"}})]),t._v(" "),a("transition",{attrs:{name:"surprise-page"}},[t.triggerSurprise?a("div",{staticClass:"surprise-page",on:{click:t.surpriseHandle}},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/42DhMSHmIY/ad_fullpage2.jpg"}})]):t._e()])],1)])},staticRenderFns:[]}},mkLW:function(t,e,a){function i(t){a("qITJ")}var n=a("VU/8")(a("oVd1"),a("Fxpn"),i,null,null);t.exports=n.exports},mok4:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("3kPI"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);o.default.install=function(t){t.component(u.default.name,u.default),t.component(o.default.name,o.default),r.default.install(t),(0,s.default)(t,u.default)},o.default.Picker=u.default,e.default=o.default,t.exports=e.default})},mrVp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-recycle-list",{staticClass:"list",attrs:{size:t.size,"on-fetch":t.onFetch,offset:t.offset},scopedSlots:t._u([{key:"item",fn:function(e){var i=e.data;return[a("div",{staticClass:"item",attrs:{id:i.id},on:{click:function(e){t.handleClick(i)}}},[a("div",{staticClass:"avatar",style:{backgroundImage:"url("+(i.avatar||"")+")"}}),t._v(" "),a("div",{staticClass:"bubble"},[a("p",[t._v(t._s(i.msg))]),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"},[t._v(t._s(i.time))])])])])]}}])})],1)])])},staticRenderFns:[]}},mvDF:function(t,e,a){function i(t){a("OyTe")}var n=a("VU/8")(a("UKcw"),a("mrVp"),i,null,null);t.exports=n.exports},mwCR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"page-move"}},[a("router-view",{staticClass:"cube-view"})],1)},staticRenderFns:[]}},"mz/u":function(t,e){},nDaK:function(t,e){},nFiz:function(t,e){},nPBw:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollY:0,checkTop:!1,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){this.scrollY=t.currentTarget.scrollTop}},components:{CubePage:i.default}},t.exports=e.default})},nSGU:function(t,e){},nb3f:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("tx1y"),a("eZWf"),a("6KDq"),a("wIkl"),a("TMiY"),a("JgmB"),a("8jxs"),a("4xIg"),a("yB4N"),a("1H2N"),a("DXQ8"),a("m/LA"),a("hdAL"),a("Bhgd"),a("BH5X"),a("gYth"),a("zZ81"),a("Jp5a"),a("p9oh"),a("ZiC1"),a("pmij"),a("5HTY"),a("YVqS"),a("AnsX"),a("AgjA"),a("W2Hj"),a("c7sT"),a("SW1b"),a("4BmD"),a("BHjP"),a("H61/"),a("UgWs"),a("JKih"),a("DD7W"),a("07pW"),a("Bf/j"),a("1btU"),a("kBQQ"),a("8F4S"),a("A5db"),a("Pe8L"),a("KrQh"),a("eE6y"),a("dTzF"),a("58Ml"),a("qWZY"),a("zI96"),a("VcN6"),a("DIVr"),a("UqhO"),a("eClu"),a("cQz5"),a("kgN1"),a("h8Kk"),a("uGVW"),a("7tZM"),a("QreJ"),a("91me"),a("U4Ng"),a("TCNK"),a("cSnO"),a("Cfx3"),a("8YJ/"),a("3jWI"),a("wnnB"),a("0MNC"),a("ZXOh"),a("UchT"),a("U8em"),a("6boj"),a("Ojzo"),a("KIfi"),a("YGd9"),a("a0bD"),a("mvDF"),a("UrdA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p,f,h,x,y,m,b,g,_,w,k,A,C,T,j,P,S,M,D,V,I,O,E,U,R,B,H,N,L,F,X,K,z,Y,G,Q,q,W,Z,J,$,tt,et,at,it,nt,lt,ct,ut,ot,st,rt,dt,vt,pt,ft,ht,xt,yt,mt,bt,gt,_t,wt,kt){"use strict";function At(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var Ct=At(a),Tt=At(i),jt=At(n),Pt=At(l),St=At(c),Mt=At(u),Dt=At(o),Vt=At(s),It=At(r),Ot=At(d),Et=At(v),Ut=At(p),Rt=At(f),Bt=At(h),Ht=At(x),Nt=At(y),Lt=At(m),Ft=At(b),Xt=At(g),Kt=At(_),zt=At(w),Yt=At(k),Gt=At(A),Qt=At(C),qt=At(T),Wt=At(j),Zt=At(P),Jt=At(S),$t=At(M),te=At(D),ee=At(V),ae=At(I),ie=At(O),ne=At(E),le=At(U),ce=At(R),ue=At(B),oe=At(H),se=At(N),re=At(L),de=At(F),ve=At(X),pe=At(K),fe=At(z),he=At(Y),xe=At(G),ye=At(Q),me=At(q),be=At(W),ge=At(Z),_e=At(J),we=At($),ke=At(tt),Ae=At(et),Ce=At(at),Te=At(it),je=At(nt),Pe=At(lt),Se=At(ct),Me=At(ut),De=At(ot),Ve=At(st),Ie=At(rt),Oe=At(dt),Ee=At(vt),Ue=At(pt),Re=At(ft),Be=At(ht),He=At(xt),Ne=At(yt),Le=At(mt),Fe=At(bt),Xe=At(gt),Ke=At(_t),ze=At(wt),Ye=At(kt),Ge=[{path:"/button",component:Ct.default},{path:"/checkbox",component:Tt.default},{path:"/checkbox-group",component:jt.default},{path:"/checker",component:Xe.default},{path:"/radio",component:Pt.default},{path:"/input",component:Ot.default},{path:"/textarea",component:Et.default},{path:"/switch",component:St.default},{path:"/form",component:Rt.default,children:[{path:"default",component:Bt.default},{path:"custom",component:Ht.default},{path:"classic",component:Nt.default},{path:"fresh",component:Lt.default},{path:"questionnaire",component:Ft.default}]},{path:"/loading",component:Mt.default},{path:"/tip",component:Dt.default},{path:"/toolbar",component:Ce.default},{path:"/popup",component:Vt.default},{path:"/toast",component:It.default},{path:"/rate",component:Ut.default},{path:"/picker",component:Xt.default},{path:"/cascade-picker",component:Kt.default},{path:"/segment-picker",component:zt.default},{path:"/date-picker",component:Yt.default},{path:"/time-picker",component:Gt.default},{path:"/select",component:Qt.default},{path:"/dialog",component:qt.default},{path:"/action-sheet",component:Wt.default},{path:"/drawer",component:be.default,children:[{path:"default",component:ge.default},{path:"custom",component:_e.default}]},{path:"/image-preview",component:Ee.default,children:[{path:"multi-images-preview",component:Ue.default}]},{path:"/scroll",component:Zt.default,children:[{path:"default",component:Jt.default},{path:"config",component:$t.default},{path:"jd",component:te.default},{path:"horizontal",component:ee.default},{path:"toutiao",component:ae.default},{path:"v-scrolls",component:ie.default},{path:"h-scrolls",component:ne.default},{path:"textarea",component:le.default}]},{path:"/index-list",component:ce.default,children:[{path:"default",component:ue.default},{path:"custom",component:oe.default},{path:"pull-up-load",component:se.default},{path:"pull-down-refresh",component:re.default}]},{path:"/upload",component:de.default,children:[{path:"default",component:ve.default},{path:"compress",component:pe.default},{path:"custom",component:fe.default}]},{path:"/validator",component:he.default},{path:"/swipe",component:xe.default,children:[{path:"default",component:ye.default},{path:"custom",component:me.default}]},{path:"/slide",component:we.default,children:[{path:"vertical",component:ke.default},{path:"horizontal",component:Ae.default}]},{path:"/toolbar",component:Ce.default},{path:"/sticky",component:Te.default,children:[{path:"scroll",component:je.default},{path:"native",component:Pe.default},{path:"wechat",component:Se.default},{path:"complex",component:Me.default}]},{path:"/scroll-nav-bar",component:De.default},{path:"/scroll-nav",component:Ve.default,children:[{path:"default",component:Ie.default},{path:"side",component:Oe.default}]},{path:"/tab-bar",component:Re.default,children:[{path:"tab-bar",component:Be.default},{path:"scroll-tab",component:Fe.default},{path:"tab",component:He.default,children:[{path:"basic",component:Ne.default},{path:"composite",component:Le.default}]}]},{path:"/recycle-list",component:Ke.default,children:[{path:"default",component:ze.default},{path:"tombstone",component:Ye.default}]}];e.default=Ge,t.exports=e.default})},niVN:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},nlvd:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"Cancel",confirm:"Confirm",ok:"OK",prev:"Prev",next:"Next",selectText:"Please select",now:"Now",selectTime:"Select time",today:"Today",formatDate:"M-D",hours:"",minutes:"",validator:{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:"Please input at least {{config}} characters.",number:"The number could not smaller than {{config}}.",array:"Please select at least {{config}} items.",date:'Please select a date after {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input at least {{config}} characters.",tel:"Please input at least {{config}} characters.",url:"Please input at least {{config}} characters."},max:{string:"Please input no more than {{config}} characters.",number:"The number could not bigger than {{config}}",array:"Please select no more than  {{config}} items",date:'Please select a date before {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input no more than {{config}} characters.",tel:"Please input no more than {{config}} characters.",url:"Please input no more than {{config}} characters."},len:{string:"Please input {{config}} characters.",number:"The length should equal {{config}}",array:"Please select {{config}} items",date:'Please select {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input {{config}} characters.",tel:"Please input {{config}} characters.",url:"Please input {{config}} characters."},pattern:'The input don"t match pattern.',custom:"Invalid.",notWhitespace:"Whitespace is invalid."}},t.exports=e.default})},nmXI:function(t,e){},nowG:function(t,e){},nqbe:function(t,e){},nr3t:function(t,e){},nrl6:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("VzLe"),a("t3q3"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);s.default.install=function(t){t.component(o.default.name,o.default),t.component(s.default.name,s.default),v.default.install(t),(0,d.default)(t,o.default),(0,r.default)(t,s.default)},s.default.Picker=o.default,e.default=s.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,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[a("template",{slot:"content"},[a("cube-checkbox-group",{attrs:{options:t.options},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),a("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{attrs:{options:t.options,horizontal:!0,position:"right",shape:"square","hollow-style":!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{option:"1"}},[a("i",[t._v("Checkbox 1")])]),t._v(" "),a("cube-checkbox",{attrs:{option:"2"}},[a("i",[t._v("Checkbox 2")])]),t._v(" "),a("cube-checkbox",{attrs:{option:{value:"3",disabled:!0}}},[a("i",[t._v("Disabled Checkbox")])]),t._v(" "),a("cube-checkbox",{attrs:{option:{value:"4",disabled:!0}}},[a("i",[t._v("Disabled & Checked Checkbox")])])],1),t._v(" "),a("br"),t._v(" "),a("cube-input",{attrs:{placeholder:"Input column number"},model:{value:t.colNum,callback:function(e){t.colNum=e},expression:"colNum"}},[a("div",{staticStyle:{paddingLeft:"10px"},attrs:{slot:"prepend"},slot:"prepend"},[t._v(" Column number:")])]),t._v(" "),a("cube-checkbox-group",{attrs:{options:t.colOptions,"col-num":Math.floor(t.colNum)},model:{value:t.colCheckList,callback:function(e){t.colCheckList=e},expression:"colCheckList"}}),t._v(" "),a("br")],1)],2)},staticRenderFns:[]}},oLGW:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("BD2p"),a("ZhPo"),a("AQXh")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Btn=u.default,c.default.File=o.default,e.default=c.default,t.exports=e.default})},oVd1:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var t=this,e=this.radioGroup;e&&void 0!==e.radioValue&&(this.radioValue=e.radioValue,this._cancelWatchGroup=this.$watch(function(){return e.radioValue},function(e){t.radioValue=e}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(t){this.radioValue=t},radioValue:function(t){"number"==typeof this.value&&(t=Number(t)),this.$emit("input",t),this.radioGroup&&(this.radioGroup.radioValue=t)}},computed:{computedOption:function(){var t=this.option;return"string"==typeof t?{value:t,label:t}:t},_containerClass:function(){var t=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===t.value,"cube-radio_disabled":t.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var t=this.$parent;if(!(t.horizontal||t.$props.colNum>1))return"border-bottom-1px"}}},t.exports=e.default})},oiuS:function(t,e){},ooaU:function(t,e){},osO1:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("j9ag"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.localeMixin=c.default,e.default=l.default,t.exports=e.default})},p9oh:function(t,e,a){var i=a("VU/8")(a("e3O1"),a("XU5Z"),null,null,null);t.exports=i.exports},pVCu:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-tab",class:{"cube-tab_active":t.isActive},on:{click:t.handleClick}},[t._t("icon",[a("i",{class:t.icon})]),t._v(" "),t._t("default",[a("div",{domProps:{innerHTML:t._s(t.label)}})])],2)},staticRenderFns:[]}},"pWL+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("YlpP")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u=c.default.goods;e.default={components:{CubePage:l.default},data:function(){return{data:u}},methods:{changeHandler:function(t){console.log("changed to:",t)}}},t.exports=e.default})},pegF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tabs-basic-view",title:"tab-basic"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-tab-bar",{attrs:{"show-slider":""},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{label:t.label,icon:t.icon}})})),t._v(" "),a("cube-tab-panels",{model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}},t._l(t.tabs,function(e,i){return a("cube-tab-panel",{key:e.label,attrs:{label:e.label}},[a("ul",t._l(e.heroes,function(e,i){return a("li",{key:i,staticClass:"tab-panel-li"},[t._v("\n            "+t._s(e)+"\n          ")])}))])}))],1)])},staticRenderFns:[]}},phPD:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-entry",title:"Tab Entry"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("basic")}}},[t._v("tab-basic")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("composite")}}},[t._v("tab-composite")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},piyO:function(t,e,a){function i(t){a("Jhh2")}var n=a("VU/8")(a("9O6X"),a("atd8"),i,null,null);t.exports=n.exports},"pjk/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("t7U9"),a("cL1+"),a("bh5B"),a("6liq"),a("QMhb"),a("kVGr")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(l),v=s(c),p=s(u),f=s(o),h=n.inBrowser&&window.innerHeight<=480?17:18,x=(0,i.prefixStyle)("transform");e.default={name:"cube-index-list",mixins:[p.default,f.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},speed:{type:Number,default:0},navbar:{type:Boolean,default:!0},pullDownRefresh:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}},pullUpLoad:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}}},data:function(){return{scrollEvents:["scroll"],currentIndex:0,scrollY:-1,diff:-1,titleHeight:0}},computed:{hasTitle:function(){return this.title||this.$slots.title},fixedTitle:function(){return this.hasTitle&&!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):""})},scrollOptions:function(){return(0,r.default)({},{pullDownRefresh:this.pullDownRefresh,pullUpLoad:this.pullUpLoad},this.options)}},created:function(){this.groupList=[],this.listHeight=[],this.touch={},this.subTitleHeight=0},mounted:function(){var t=this;this.$nextTick(function(){t.refresh()})},methods:{refresh:function(){this._caculateTitleHeight(),this._calculateHeight(),this.$refs.scroll&&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(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.$refs.scroll.forceUpdate(e,a),e&&this.$nextTick(function(){t._calculateHeight()})},onShortcutTouchStart:function(t){var e=(0,i.getMatchedTarget)(t,"cube-index-list-nav-item");if(e){var a=(0,i.getData)(e,"index"),n=t.touches[0];this.touch.y1=n.pageY,this.touch.anchorIndex=a,this._scrollTo(a)}},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var a=(this.touch.y2-this.touch.y1)/h|0,i=parseInt(this.touch.anchorIndex)+a;this._scrollTo(i)},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;a<this.groupList.length;a++){e+=this.groupList[a].clientHeight,this.listHeight.push(e)}}},_scrollTo:function(t){t<0?t=0:t>this.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.refresh()})},diff:function(t){var e=t>0&&t<this.subTitleHeight?t-this.subTitleHeight:0;this.fixedTop!==e&&(this.fixedTop=e,this.$refs.fixed.style[x]="translate3d(0,"+e+"px,0)")},scrollY:function(t){var e=this.listHeight;if(t>-this.titleHeight)return void(this.currentIndex=0);for(var a=0;a<e.length-1;a++){var i=e[a],n=e[a+1];if(-t>=i&&-t<n)return this.currentIndex=a,void(this.diff=n+t)}this.currentIndex=e.length-2}},components:{CubeScroll:d.default,CubeIndexListGroup:v.default}},t.exports=e.default})},pjpa:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,i){return a("cube-checkbox",{key:i,attrs:{option:e,shape:t.shape,position:t.position,"hollow-style":t.hollowStyle}})}))],2)},staticRenderFns:[]}},pmij:function(t,e,a){var i=a("VU/8")(a("iQ/X"),a("NmRe"),null,null,null);t.exports=i.exports},pvDH:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-index-list-item",class:t.itemClass,on:{touchstart:t.addActiveCls,touchend:t.removeActiveCls,click:function(e){t.selectItem()}}},[t._t("default",[a("div",{staticClass:"cube-index-list-item-def border-bottom-1px"},[t._v("\n      "+t._s(t.item.name)+"\n    ")])])],2)},staticRenderFns:[]}},pwV8:function(t,e,a){function i(t){a("CRpU")}var n=a("VU/8")(a("K/GD"),a("u9X6"),i,null,null);t.exports=n.exports},q70N:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-input",class:{"cube-input_active":t.isFocus}},[t.$slots.prepend?a("div",{staticClass:"cube-input-prepend"},[t._t("prepend")],2):t._e(),t._v(" "),"checkbox"===t._type?a("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:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var a=t.inputValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.inputValue=a.concat([null])):l>-1&&(t.inputValue=a.slice(0,l).concat(a.slice(l+1)))}else t.inputValue=n},t.changeHander]}},"input",t.$props,!1)):"radio"===t._type?a("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)):a("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?a("div",{staticClass:"cube-input-append"},[t._showClear?a("div",{staticClass:"cube-input-clear",on:{touchend:t.handleClear}},[a("i",{staticClass:"cubeic-wrong"})]):t._e(),t._v(" "),t._showPwdEye?a("div",{staticClass:"cube-input-eye",on:{click:t.handlePwdEye}},[a("i",{class:t.eyeClass})]):t._e(),t._v(" "),t._t("append")],2):t._e()])},staticRenderFns:[]}},qC0d:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/tab-bar/"+t)}}},t.exports=e.default})},qGk2:function(t,e){},qITJ:function(t,e){},qKQa:function(t,e){},qWZY:function(t,e,a){function i(t){a("nr3t")}var n=a("VU/8")(a("umxa"),a("7wV/"),i,null,null);t.exports=n.exports},qcQ4:function(t,e){},qefm:function(t,e,a){function i(t){a("CDIQ")}var n=a("VU/8")(a("MdHd"),a("I0/a"),i,null,null);t.exports=n.exports},qeyv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-validator",class:t.containerClass},[a("div",{staticClass:"cube-validator-content"},[t._t("default")],2),t._v(" "),a("div",{staticClass:"cube-validator-msg",on:{click:t.msgClickHandler}},[t._t("message",[a("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,a){var i=a("VU/8")(a("de/F"),a("HS2u"),null,null,null);t.exports=i.exports},qgol:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-sticky-ele",inject:["sticky"],props:{eleKey:{type:[Number,String]}},mounted:function(){this.sticky.addEle(this)},methods:{refresh:function(){var t=this.$el;t.firstElementChild&&(t.style.height="",t.style.height=t.offsetHeight+"px")}},beforeDestroy:function(){this.sticky.removeEle(this)}},t.exports=e.default})},qqiS:function(t,e,a){function i(t){a("gMFX")}var n=a("VU/8")(a("iQe6"),a("bZrS"),i,null,null);t.exports=n.exports},qr3H:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"demo-select",on:{click:t.clickHandler}},[a("cube-input",t._b({ref:"input",model:{value:t.modelText,callback:function(e){t.modelText=e},expression:"modelText"}},"cube-input",t.$attrs,!1),[t.icon?a("i",{class:t.icon,attrs:{slot:"append"},slot:"append"}):t._e()])],1)},staticRenderFns:[]}},qtvM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){var i=t.required,n="agreement"===t.type;if(n&&(i=!0),i){var l={};l.required=n?function(t){return t}:i,(0,a.setRules)(e,t.model,l)}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i,t.exports=e.default})},"qx+r":function(t,e){},r6LN:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("SOQt"),a("j9ag"),a("N/gd"),a("Gp4f")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);u.default.install=function(t){t.component(s.default.name,s.default),t.component(u.default.name,u.default),o.default.install(t),(0,r.default)(t,u.default)},u.default.Input=s.default,e.default=u.default,t.exports=e.default})},rQlO:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a=t._self._c||e;return a("transition",{attrs:{name:"cube-tip-zoom"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-tip",attrs:{"data-dir":t.direction},on:{click:t.handleClick}},[a("i",{ref:"angle",staticClass:"cube-tip-angle"}),t._v(" "),a("button",{staticClass:"cube-tip-close cubeic-close",on:{click:function(e){return e.stopPropagation(),t.close(e)}}}),t._v(" "),a("div",{staticClass:"cube-tip-content"},[t._t("default")],2)])])},staticRenderFns:[]}},rcBQ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav-panel"},[a("cube-sticky-ele",{attrs:{"ele-key":t.label}},[a("h2",{staticClass:"cube-scroll-nav-panel-title",domProps:{innerHTML:t._s(t.title)}})]),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},rwvr:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yjF1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},s0qb:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("cL1+")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e,a,n){for(var l=[],c=t.length,u=0,o=0;o<c;o++)i(t[o],o,e,function(t,e){if(u++,l[e]=t,a(t,e),u===c)return n(l)})}function i(t,e,a,i){a(t,function(t){var a=n(t.name,t.size,o,0,t);i(a,e)})}function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,c=n&&n.base64||"";return{name:t,size:e,url:c?"":l(n),base64:c,status:a,progress:i,file:n}}function l(t){return t&&u?u.createObjectURL(t):""}function c(t){if("function"==typeof t){for(var e=arguments.length,a=Array(e>1?e-1:0),i=1;i<e;i++)a[i-1]=arguments[i];return t.apply(this,a)}return 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=a,t.processFile=i,t.newFile=n,t.evalOpts=c;var u=t.URL=e.inBrowser?window.URL||window.webkitURL||window.mozURL:null,o=t.STATUS_READY="ready";t.STATUS_UPLOADING="uploading",t.STATUS_ERROR="error",t.STATUS_SUCCESS="success"})},"s8G+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("Z5VE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-tip",mixins:[c.default],props:{direction:{type:String,default:"top"},offsetLeft:{type:[String,Number],default:0},offsetRight:{type:[String,Number],default:0},offsetTop:{type:[String,Number],default:0},offsetBottom:{type:[String,Number],default:0}},mounted:function(){var t=this;this.$nextTick(function(){var e=t.$refs.angle.style,a={left:"right",right:"left",top:"bottom",bottom:"top"};[{name:"offsetLeft",target:"left",percentFix:{marginLeft:"-6px"}},{name:"offsetRight",target:"right",percentFix:{marginRight:"-6px"}},{name:"offsetTop",target:"top",percentFix:{marginTop:"-6px"}},{name:"offsetBottom",target:"bottom",percentFix:{marginBottom:"-6px"}}].forEach(function(i){var n=t[i.name];if(0!==n){var c="number"==typeof n;e[i.target]=n+(c?"px":""),i.percentFix&&!c&&(0,l.default)(i.percentFix).forEach(function(t){e[t]=i.percentFix[t]}),e[a[i.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},sTLp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("pull-up-load")}}},[t._v("Pull Up Load")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("pull-down-refresh")}}},[t._v("Pull Down Refresh")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},sawW:function(t,e){},sdgg:function(t,e){},suVo:function(t,e,a){function i(t){a("ooaU")}var n=a("VU/8")(a("G59/"),a("BINl"),i,null,null);t.exports=n.exports},t3q3:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},t4A1:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["👈🏻  outer 👉🏻 ","🙂 🤔 😄 🤨 😐 🙃 "],l=["👈🏻  inner 👉🏻  ","🙂 🤔 😄 🤨 😐 🙃 ","👈🏻  inner 👉🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👈🏻  inner 👉🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👈🏻  inner 👉🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 "];e.default={data:function(){return{items1:n,items2:l}},components:{CubePage:i.default}},t.exports=e.default})},t7U9:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("cL1+")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function i(t,e){if(!a(t,e)){var i=t.className.split(" ");i.push(e),t.className=i.join(" ")}}function n(t,e){if(a(t,e)){var i=new RegExp("(^|\\s)"+e+"(\\s|$)","g");t.className=t.className.replace(i," ")}}function l(t,e){return t.getAttribute("data-"+e)}function c(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function u(t){return!1!==r&&("standard"===r?"transitionEnd"===t?"transitionend":t:r+t.charAt(0).toUpperCase()+t.substr(1))}function o(t,e){for(var i=t.target;i&&!a(i,e);){if(i===t.currentTarget)return null;i=i.parentNode}return i}function s(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=a.type,n=void 0===i?"Event":i,l=a.bubbles,c=void 0===l||l,u=a.cancelable,o=void 0===u||u,s=document.createEvent(n);s.initEvent(e,c,o),t.dispatchEvent(s)}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=a,t.addClass=i,t.removeClass=n,t.getData=l,t.getRect=c,t.prefixStyle=u,t.getMatchedTarget=o,t.dispatchEvent=s;var r=function(){if(!e.inBrowser)return!1;var t=document.createElement("div").style,a={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var i in a)if(void 0!==t[a[i]])return i;return!1}()})},tEcF:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("mkLW"),a("0I1X")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-radio-group",mixins:[c.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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:l.default}},t.exports=e.default})},tJl4:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={STANDARD:"standard",CLASSIC:"classic",FRESH:"fresh"};e.default=a,t.exports=e.default})},tNeh:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("VzLe"),a("JBFj"),a("kAHR"),a("t3q3"),a("C2tW"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(l),f=s(c),h=s(u),x=s(o);v.default.install=function(t){t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(v.default.name,v.default),x.default.install(t),(0,p.default)(t,r.default),(0,f.default)(t,d.default),(0,h.default)(t,v.default)},v.default.Picker=r.default,d.default.Picker=r.default,v.default.CascadePicker=d.default,e.default=v.default,t.exports=e.default})},tTMC:function(t,e,a){function i(t){a("yLJt")}var n=a("VU/8")(a("BPTU"),a("qr3H"),i,null,null);t.exports=n.exports},tmZ1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,options:t.options},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-down":t.onPullingDown}})],1)])])])},staticRenderFns:[]}},tspx:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9"),a("4BV0"),a("+rJ6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=(0,a.prefixStyle)("transform"),c=(0,a.prefixStyle)("transitionProperty"),u=(0,a.prefixStyle)("transitionDuration"),o=(0,a.prefixStyle)("transitionTimingFunction");e.default={name:"cube-swipe-item",inject:["swipe"],props:{item:{type:Object,default:function(){return{}}},btns:{type:Array,default:function(){return[]}},index:{type:Number,index:-1},autoShrink:{type:Boolean,default:!1}},watch:{btns:function(){var t=this;this.$nextTick(function(){t.refresh()})}},created:function(){this.x=0,this.state=0,this.swipe.addItem(this)},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<t;e++)this.cachedBtns.push({width:(0,a.getRect)(this.$refs.btns[e]).width})},_handleBtns:function(t){if(0!==this.btns.length)for(var e=this.$refs.btns.length,a=0,i=-this.maxScrollX,n=0;n<e;n++){var c=this.$refs.btns[n],o=(i-a)/i,s=void 0,r=o*t-t;s=t<this.maxScrollX?this.cachedBtns[n].width+o*(this.maxScrollX-t):this.cachedBtns[n].width,a+=this.cachedBtns[n].width,c.style.width=s+"px",c.style[l]="translate("+r+"px)",c.style[u]="0ms"}},_isInBtns:function(t){for(var e=t,a=!1;e&&e.className.indexOf("cube-swipe-item")<0;){if(e.className.indexOf("cube-swipe-btns")>=0){a=!0;break}e=e.parentNode}return a},_calculateBtnsWidth:function(){for(var t=0,e=this.cachedBtns.length,a=0;a<e;a++)t+=this.cachedBtns[a].width;this.maxScrollX=-t},_translate:function(t,e){var a=e?" translateZ(0)":"";this.scrollerStyle[l]="translate("+t+"px,0)"+a,this.x=t},_transitionProperty:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[c]=t},_transitionTimingFunction:function(t){this.scrollerStyle[o]=t},_transitionTime:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.scrollerStyle[u]=t+"ms"},_getComputedPositionX:function(){var t=window.getComputedStyle(this.$refs.swipeItem,null);return t=t[l].split(")")[0].split(", "),+(t[12]||t[4])},_translateBtns:function(t,e,a){if(0!==this.btns.length)for(var i=this.$refs.btns.length,n=0,s=0,r=0;r<i;r++){var d=this.$refs.btns[r];s=1===this.state?n:0,n+=this.cachedBtns[r].width,d.style[l]="translate("+s+"px,0) translateZ(0)",d.style[c]="all",d.style[o]=e,d.style[u]=t+"ms",a&&(d.style.width=this.cachedBtns[r].width+"px")}},refresh:function(){this.btns.length>0&&(this._initCachedBtns(),this._calculateBtnsWidth()),this.endTime=0},shrink:function(){var t=this;this.stop(),this.state=0,this.$nextTick(function(){t.scrollTo(0,600,i.easeOutQuart),t._translateBtns(600,i.easeOutQuart)})},grow:function(){this.state=1;var t=this.x<this.maxScrollX,e=i.easeOutCubic;this.scrollTo(this.maxScrollX,600,e),this._translateBtns(600,e,t)},scrollTo:function(t,e,a){this._transitionProperty(),this._transitionTimingFunction(a),this._transitionTime(e),this._translate(t,!0),e&&(this.isInTransition=!0)},genBtnStyl:function(t){return"background: "+t.color},clickItem:function(){this.swipe.onItemClick(this.item,this.index),this.$emit("item-click",this.item,this.index)},clickBtn:function(t){this.swipe.onBtnClick(t,this.index),this.$emit("btn-click",t,this.index),this.autoShrink&&this.shrink()},stop:function(){if(this.isInTransition){this.isInTransition=!1;var t=0===this.state?0:this._getComputedPositionX();this._translate(t),this.$emit("scroll",this.x)}},onTouchStart:function(t){var e=this;this.swipe.onItemActive(this.index),this.$emit("active",this.index),this.stop(),this.moved=!1,this.movingDirectionX=0;var a=t.touches[0];this.pointX=a.pageX,this.pointY=a.pageY,this.distX=0,this.distY=0,this.startX=this.x,this._transitionTime(),this.startTime=(0,n.getNow)(),1!==this.state||this._isInBtns(t.target)||(this.shrinkTimer=setTimeout(function(){e.shrink()},300))},onTouchMove:function(t){if(this.moved&&(clearTimeout(this.shrinkTimer),t.stopPropagation()),!this.isInTransition){t.preventDefault();var e=t.touches[0],a=e.pageX-this.pointX,i=e.pageY-this.pointY;this.pointX=e.pageX,this.pointY=e.pageY,this.distX+=a,this.distY+=i;var l=Math.abs(this.distX);if(!(l+5<=Math.abs(this.distY))){var c=(0,n.getNow)();if(!(c-this.endTime>300&&l<15)){this.movingDirectionX=a>0?-1:a<0?1:0;var u=this.x+a;u>0&&(u=0),u<this.maxScrollX&&(u=this.x+a/3),this.moved||(this.moved=!0),this._translate(u,!0),c-this.startTime>300&&(this.startTime=c,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,n.getNow)();var t=this.endTime-this.startTime,e=Math.abs(this.x-this.startX);t<300&&e>15||this.x<this.maxScrollX/2?this.grow():this.shrink()}},onTransitionEnd:function(){this.isInTransition=!1,this._transitionTime(),this._translate(this.x)}},beforeDestroy:function(){this.swipe.removeItem(this)}},t.exports=e.default})},twNj:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String,default:"",required:!0},type:{type:String,default:""},desc:{type:String,default:""},content:{type:String,default:""}},methods:{back:function(){this.$router.back()}}},t.exports=e.default})},tx1y:function(t,e,a){var i=a("VU/8")(a("JHHX"),a("5gCL"),null,null,null);t.exports=i.exports},txVD:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{items:[{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/C9lKs8y0E6/IMG_4014.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/hD6agmm2ov/IMG_4012.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/twV-VvZOA9/IMG_4011.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/eR_MahwRUT/IMG_4010.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/R3tKHhdZuK/IMG_4009.jpg"}],loop:!0}},methods:{change:function(t){console.log("当前轮播图序号为:"+t)}},components:{CubePage:i.default}},t.exports=e.default})},txtz:function(t,e){},u1ui:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("ZhPo"),a("AQXh"),a("/5me"),a("3BKo"),a("s0qb")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l);e.default={name:"cube-upload",mixins:[d.default],props:{value:{type:Array,default:function(){return[]}},action:{type:[String,Object],default:""},max:{type:Number,default:10},auto:{type:Boolean,default:!0},simultaneousUploads:{type:Number,default:1},processFile:{type:Function,default:function(t,e){e(t)}}},data:function(){return{files:this.value,paused:!this.auto}},computed:{actionOptions:function(){var t=this.action;return"string"==typeof t?t?{target:t}:null:t},isShowBtn:function(){return this.files.length<this.max}},watch:{value:function(t){this.files=t},files:function(t){this.$emit("input",t)}},methods:{addFiles:function(t){var e=this;this.$emit("files-added",t);for(var a=this.files.length,i=[],n=this.max-a,l=0,u=t[l];i.length<n&&u;)u.ignore||(i.push(u),this.files.push((0,c.newFile)())),u=t[++l];(0,c.processFiles)(i,this.processFile,function(t,i){e.$set(e.files,a+i,t),e.$emit("file-submitted",t)},function(){e.$nextTick(function(){e.upload()})})},removeFile:function(t){this.$emit("file-removed",t),t._xhr&&t._xhr.abort(),t.url&&c.URL.revokeObjectURL(t.url);var e=this.files.indexOf(t);this.files.splice(e,1),this.upload()},fileClick:function(t,e){this.$emit("file-click",t,e)},upload:function(t){var e=this,a=this.actionOptions;if(!this.paused&&a)for(var i=this.files.length,n=0,l=0;l<i&&n<this.simultaneousUploads;)!function(){var i=e.files[l],u=i.status;u===c.STATUS_READY||t&&u===c.STATUS_ERROR&&i._retryId!==e.retryId?((0,r.default)(i,a,function(a){u===c.STATUS_ERROR&&(a._retryId=e.retryId),e.$emit(a.status===c.STATUS_SUCCESS?"file-success":"file-error",a),e.upload(t)}),n++):u===c.STATUS_UPLOADING&&n++,l++}()},start:function(){this.paused=!1,this.upload()},pause:function(){this.paused=!0,this.files.forEach(function(t){t.status===c.STATUS_UPLOADING&&(t._xhr.abort(),t.status=c.STATUS_READY)})},retry:function(){this.retryId=Date.now(),this.paused=!1,this.upload(!0)}},components:{UploadBtn:o.default,UploadFile:s.default}},t.exports=e.default})},u3HD:function(t,e){},u9X6:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[t._m(0),t._v(" "),a("section",{ref:"mfct",staticClass:"cube-content"},[a("cube-index-list",{staticClass:"cube-list",attrs:{data:t.components},scopedSlots:t._u([{key:"nav-item",fn:function(e){return a("span",{staticClass:"custom-nav-item"},[t._v(t._s(e.item))])}}])},t._l(t.components,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e}},[a("div",{staticClass:"cube-item border-bottom-1px"},[a("router-link",{staticClass:"link",attrs:{to:e.path}},[t._v(t._s(e.text)),a("i",{staticClass:"cubeic-arrow"})])],1)])}))}))],1),t._v(" "),a("cube-view")],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("header",{staticClass:"cube-bar"},[a("h1",[t._v("cube-ui")])])}]}},uCDH:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("xV+0"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabel:"推荐",disabled:!1,tabLabels:[{label:"关注"},{label:"推荐"},{label:"热榜"}],loop:!1,autoPlay:!1,showDots:!1,slideOptions:{listenScroll:!0,probeType:3,directionLockThreshold:0},scrollOptions:{directionLockThreshold:0},followersData:i.FOLLOWERS_DATA,recommendData:i.RECOMMEND_DATA,hotData:i.HOT_DATA}},methods:{changePage:function(t){this.selectedLabel=this.tabLabels[t].label,console.log(t)},scroll:function(t){var e=Math.abs(t.x),a=this.$refs.tabNav.$el.clientWidth,i=this.$refs.slide.slide.scrollerWidth,n=e/i*a;this.$refs.tabNav.setSliderTransform(n)},resolveTitle:function(t){return t.name+"关注了问题 · "+t.postTime+" 小时前"},resolveQuestionFollowers:function(t){return t.answers+" 赞同 · "+t.followers+" 评论"}},computed:{initialIndex:function(){var t=this;return(0,n.findIndex)(this.tabLabels,function(e){return e.label===t.selectedLabel})}},components:{CubePage:l.default}},t.exports=e.default})},uE8O:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("PzHl"),a("vJ9C"),a("VKJd"),a("bh5B"),a("Z5VE"),a("d64j"),a("cL1+"),a("0Oib")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=r(a),v=r(i),p=r(n),f=r(l),h=r(c),x=r(u);e.default={name:"cube-image-preview",mixins:[h.default,x.default],props:{initialIndex:{type:Number,default:0},imgs:{type:Array,default:function(){return[]}},loop:{type:Boolean,default:!0},speed:{type:Number,default:400},preventDefault:{type:Boolean,default:!0}},data:function(){return{currentPageIndex:this.initialIndex,options:{observeDOM:!1,bounce:{left:!0,right:!0},useTransition:!o.isAndroid&&s.USE_TRANSITION,probeType:3,preventDefault:this.preventDefault},scrollOptions:{useTransition:s.USE_TRANSITION,HWCompositing:o.isAndroid,observeDOM:!1,zoom:!0,bindToWrapper:!0,freeScroll:!0,scrollX:!0,scrollY:!0,probeType:3,bounce:!1,click:!1,dblclick:!0,bounceTime:300,preventDefault:this.preventDefault}}},watch:{initialIndex:function(t){this.setPageIndex(t)}},methods:{show:function(){var t=this;this.isVisible=!0,this.$nextTick(function(){t._listenSlide(),t._listenScroll()})},_listenSlide:function(){var t=this;this.$nextTick(function(){var e=t.$refs.slide.slide;e.on("scrollStart",t.slideScrollStartHandler),e.on("scrollEnd",t.slideScrollEndHandler)})},_listenScroll:function(){var t=this;this.$nextTick(function(){t.$refs.items.forEach(function(e){var a=e.scroll;a.on("zoomStart",t.zoomStartHandler.bind(t,a)),a.on("beforeScrollStart",t.beforeScrollHandler),a.on("scroll",t.checkBoundary.bind(t,a)),a.on("scrollEnd",t.scrollEndHandler.bind(t,a))})})},hide:function(){this.isVisible=!1,this.$emit("hide")},prev:function(){var t=this.$refs.slide.slide;t&&t.prev()},next:function(){var t=this.$refs.slide.slide;t&&t.next()},goTo:function(t){var e=this.$refs.slide.slide;e&&e.goToPage(t,0)},imgLoad:function(t){this.isVisible&&this.$refs.items&&this.$refs.items[t].scroll.refresh()},setPageIndex:function(t){if(this.currentPageIndex>=0&&this.currentPageIndex!==t){var e=this.$refs.items[this.currentPageIndex];if(e){var a=e.scroll;1!==a.scale&&(a.scale=1,a.lastcale=1,a.refresh())}}this.currentPageIndex=t},slideChangeHandler:function(t){this.setPageIndex(t),this.slideScrollEndHandler(),this.$emit("change",t)},slideScrollStartHandler:function(){var t=this.$refs.slide.slide;this._scrolling&&!this._hasEnableSlide?t.disable():t.enable()},slideScrollEndHandler:function(){var t=this;this.$refs.items.forEach(function(e){t.scrollEndHandler(e.scroll)})},_scroll:function(t){var e=this.$refs.slide.slide;e.disable(),e.refresh(),t.enable()},_slide:function(t){this.$refs.slide.slide.enable(),t.disable()},beforeScrollHandler:function(){clearTimeout(this.enableSlideTid)},scrollEndHandler:function(t){var e=this;clearTimeout(this.enableSlideTid),this.dblZooming&&(this.dblZooming=!1,clearTimeout(this.clickTid)),this._hasEnableSlide=!1,this._scrolling=!1,t.enable(),this.enableSlideTid=setTimeout(function(){e.$refs.slide.slide.enable()})},checkBoundary:function(t,e){if(t.distX&&Math.abs(t.distX)>Math.abs(t.distY)){this._scrolling=!0;(t.distX>0?e.x>=t.minScrollX:e.x<=t.maxScrollX)?(this._hasEnableSlide=!0,this._slide(t)):this._hasEnableSlide||this._scroll(t)}else t.distY&&(this._scrolling=!0,this._scroll(t))},zoomStartHandler:function(t){this._scroll(t)},dblclickHandler:function(t,e){var a=this.$refs.items[t].scroll;this.dblZooming=!0,this.zoomTo(a,a.scale>1?1:2,e),a.disable()},itemClickHandler:function(){var t=this;clearTimeout(this.clickTid),this.clickTid=setTimeout(function(){!t.dblZooming&&t.hide()},this.scrollOptions.bounceTime)},zoomTo:function(t,e,a){t.zoomTo(e,a.pageX,a.pageY)}},components:{CubePopup:d.default,CubeSlide:v.default,CubeSlideItem:p.default,CubeScroll:f.default}},t.exports=e.default})},uGVW:function(t,e,a){function i(t){a("HOtT")}var n=a("VU/8")(a("C/e8"),a("kYrI"),i,null,null);t.exports=n.exports},uXDz:function(t,e){},uYby:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},ucs0:function(t,e){},udGh:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"rate-view",title:"Rate"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"rate-wrapper"},[a("cube-rate",{attrs:{disabled:t.disabled,max:t.max,justify:t.justify,allowHalf:t.allowHalf},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}},t._l(t.max,function(e){return a("cube-rate-item",{key:e,attrs:{value:t.value,index:e}},[t.customStar?a("div",{staticClass:"rate-item"}):t._e()])}))],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),a("select-option",{staticClass:"item",attrs:{name:"star numbers",value:t.max,options:t.options},on:{"update:value":t.updateStarNumbers}}),t._v(" "),a("switch-option",{staticClass:"item",attrs:{name:"Justify",value:t.justify},on:{"update:value":t.updateJustify}}),t._v(" "),a("switch-option",{staticClass:"item",attrs:{name:"customStar",value:t.customStar},on:{"update:value":t.updateRateItem}}),t._v(" "),a("switch-option",{staticClass:"item",attrs:{name:"allowHalf",value:t.allowHalf},on:{"update:value":t.updateAllowHalf}})],1)])])])},staticRenderFns:[]}},ulou:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("o/OE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default},data:function(){return{title:"Current City: BEIJING",cityData:c.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},umxa:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/swipe/"+t)}}},t.exports=e.default})},v1lR:function(t,e){},v4hj:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS"),a("suVo"),a("4Kqh")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);u.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),(0,o.default)(t,u.default)},u.default.Loading=c.default,e.default=u.default,t.exports=e.default})},"v7b+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"swipeItem",staticClass:"cube-swipe-item",on:{transitionend:t.onTransitionEnd,touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd}},[t._t("default",[a("div",{staticClass:"cube-swipe-item-inner border-bottom-1px",on:{click:t.clickItem}},[a("span",[t._v(t._s(t.item.text))])])]),t._v(" "),a("ul",{staticClass:"cube-swipe-btns"},t._l(t.btns,function(e){return a("li",{ref:"btns",refInFor:!0,staticClass:"cube-swipe-btn",style:t.genBtnStyl(e),on:{click:function(a){a.preventDefault(),t.clickBtn(e)}}},[a("span",{staticClass:"text"},[t._v(t._s(e.text))])])}))],2)},staticRenderFns:[]}},vJ9C:function(t,e,a){function i(t){a("mW/s")}var n=a("VU/8")(a("wLKS"),a("XInt"),i,null,null);t.exports=n.exports},vLxS:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/tab-bar/tab/"+t)}}},t.exports=e.default})},vhte:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["select","cancel"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},vomq:function(t,e){},vpa7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("GQaK"),a("PzHl"),a("Z5VE"),a("d64j"),a("yIJW"),a("wih/"),a("4KJe"),a("0Oib")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=d(a),p=d(i),f=d(n),h=d(l),x=d(c),y=d(u),m=d(o),b=d(s);e.default={name:"cube-picker",mixins:[h.default,x.default,y.default,m.default,b.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],a=this.finalData.length,i=this._values.length;i!==a&&(t=!0,i>a&&(this._values.length=this._indexes.length=a));for(var n=0;n<a;n++){var l=this._getSelectIndex(this.wheels[n]);this._indexes[n]=l;var c=null,u="";this.finalData[n].length&&(c=this.finalData[n][l][this.valueKey],u=this.finalData[n][l][this.textKey]),this._values[n]!==c&&(t=!0),this._values[n]=c,e[n]=u}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,a=0;a<t.finalData.length;a++)t._createWheel(e,a).enable(),t.wheels[a].wheelTo(t._indexes[a]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var a=this;this._indexes=e?[].concat((0,v.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=a.$refs.wheelWrapper;a.finalData.forEach(function(e,i){a._createWheel(t,i),a.wheels[i].wheelTo(a._indexes[i])}),a._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,a=[];return t.length?(t.forEach(function(t,i){a[i]=e.refillColumn(i,t)}),a):a},refillColumn:function(t,e){var a=this,i=this.$refs.wheelWrapper,n=i.children[t].querySelector(".cube-picker-wheel-scroll"),l=!!this.wheels&&this.wheels[t],c=0;if(n&&l){var u=this.finalData[t];this.$set(this.finalData,t,e);var o=l.getSelectedIndex();if(u.length)for(var s=u[o][this.valueKey],r=0;r<e.length;r++)if(e[r][this.valueKey]===s){c=r;break}this._indexes[t]=c,this.$nextTick(function(){l=a._createWheel(i,t),l.wheelTo(c)})}return c},scrollTo:function(t,e){var a=this.wheels[t];this._indexes[t]=e,a.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var a=this;if(this.wheels[e])this.wheels[e].refresh();else{var i=this.wheels[e]=new p.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:r.USE_TRANSITION});i.on("scrollEnd",function(){a.$emit("change",e,a._getSelectIndex(i))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return r.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:f.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,"mask-closable":t.maskClosable},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,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-compress",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Compress&Base64 upload: ")]),t._v(" "),a("div",[a("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,a){function i(t){a("wbz+")}var n=a("VU/8")(a("hC+w"),a("jC7o"),i,null,null);t.exports=n.exports},wLKS:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("VKJd"),a("GQaK"),a("QMhb"),a("kVGr")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c),p={momentum:!1,click:!0,observeDOM:!1,bounce:!1};e.default={name:"cube-slide",mixins:[d.default,v.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:void 0,deprecated:{replacedBy:"options"}},stopPropagation:{type:Boolean,default:void 0,deprecated:{replacedBy:"options"}},refreshResetCurrent:{type:Boolean,default:!0}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},created:function(){var t=this;this._dataWatchers=[],["data","loop","autoPlay","options.eventPassthrough","threshold","speed","allowVertical"].forEach(function(e){t._dataWatchers.push(t.$watch(e,function(){"data"===e&&t._destroy(),t.$nextTick(function(){t.refresh()})}))})},watch:{initialIndex:function(t){t!==this.currentPageIndex&&this._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.refreshResetCurrent&&(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",a=0,i=this.$refs.slide["client"+(e[0].toUpperCase()+e.slice(1))],n=this.children.length,l=0;l<n;l++){this.children[l].style[e]=i+"px",a+=i}this.loop&&!t&&n>1&&(a+=2*i),this.$refs.slideGroup.style[e]=a+"px"},_initSlide:function(){var t=this,e="horizontal"===this.direction&&this.allowVertical?"vertical":"",a=(0,o.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 r.default(this.$refs.slide,a),this.slide.on("scrollEnd",this._onScrollEnd),this._goToPage(this.currentPageIndex,0),this.options.listenScroll&&3===this.options.probeType&&this.slide.on("scroll",this._onScroll);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(),e=t.pageX,a=t.pageY,i="horizontal"===this.direction?e:a;this.currentPageIndex!==i&&(this.currentPageIndex=i,this.$emit("change",i)),this.$emit("scroll-end",i),this.autoPlay&&this._play()},_onScroll:function(t){this.$emit("scroll",t)},_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))},_goToPage:function(t,e){"horizontal"===this.direction?this.slide&&this.slide.goToPage(t,0,e):"vertical"===this.direction&&this.slide&&this.slide.goToPage(0,t,e)}},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._destroy(),this.slide=null,this._dataWatchers.forEach(function(t){t()}),this._dataWatchers=null},components:{CubeSlideItem:s.default}},t.exports=e.default})},wOxr:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},wT65:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bh5B")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},waH8:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("Z5VE"),a("d64j"),a("yIJW"),a("wih/"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c),f=o(u);e.default={name:"cube-cascade-picker",mixins:[r.default,d.default,v.default,p.default,f.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,a){this.$emit("select",t,e,a)},_pickerCancel:function(){this.$emit("cancel")},_pickerChange:function(t,e){e!==this.pickerSelectedIndex[t]&&(this.pickerSelectedIndex.splice(t,1,e),this.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,a=this.cascadeData,i=0;a;)i>=e&&function(){var n=[];a.forEach(function(e){n.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[i]=n,t.pickerSelectedIndex[i]=0===e?t.pickerSelectedIndex[i]<a.length?t.pickerSelectedIndex[i]||0:0:t.$refs.picker.refillColumn(i,n)}(),a=a.length?a[this.pickerSelectedIndex[i]].children:null,i++;i<this.pickerData.length&&this.pickerData.splice(i,this.pickerData.length-i),this.pickerData=this.pickerData.slice()}},components:{CubePicker:s.default}},t.exports=e.default})},"wbz+":function(t,e){},"wih/":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},wlGF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"validator-view",title:"Validator",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"validator-item"},[a("cube-input",{attrs:{placeholder:"E-mail"},model:{value:t.text1,callback:function(e){t.text1=e},expression:"text1"}}),t._v(" "),a("cube-validator",{ref:"validator1",attrs:{model:t.text1,rules:t.rules1,messages:t.messages1,immediate:t.immediate},model:{value:t.isValid[0],callback:function(e){t.$set(t.isValid,0,e)},expression:"isValid[0]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-validator",{ref:"validator2",attrs:{model:t.text2,rules:t.rules2,messages:t.messages2,immediate:t.immediate},scopedSlots:t._u([{key:"message",fn:function(e){return a("div",{staticClass:"custom-msg"},[!e.dirty&&!e.validated||t.isValid[1]?t._e():a("div",[a("i",{staticClass:"dd-cubeic-important"}),t._v(" "+t._s(e.message)+"\n            "),a("div",t._l(Object.values(e.result),function(e,i){return e.inValid?a("span",{key:i},[t._v(t._s(e.message+" "))]):t._e()}))])])}}]),model:{value:t.isValid[1],callback:function(e){t.$set(t.isValid,1,e)},expression:"isValid[1]"}},[a("cube-input",{attrs:{placeholder:"component name"},model:{value:t.text2,callback:function(e){t.text2=e},expression:"text2"}})],1)],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-validator",{ref:"validator3",attrs:{model:t.text3,rules:t.rules3,immediate:t.immediate},model:{value:t.isValid[2],callback:function(e){t.$set(t.isValid,2,e)},expression:"isValid[2]"}},[a("cube-input",{attrs:{placeholder:"validate odd"},model:{value:t.text3,callback:function(e){t.text3=e},expression:"text3"}})],1)],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{label:"1"}},[t._v("1")]),t._v(" "),a("cube-checkbox",{attrs:{label:"2"}},[t._v("2")]),t._v(" "),a("cube-checkbox",{attrs:{label:"3"}},[t._v("3")])],1),t._v(" "),a("cube-validator",{ref:"validator4",attrs:{model:t.checkList,rules:t.rules4,immediate:t.immediate},model:{value:t.isValid[3],callback:function(e){t.$set(t.isValid,3,e)},expression:"isValid[3]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-rate",{model:{value:t.rate,callback:function(e){t.rate=e},expression:"rate"}}),t._v(" "),a("cube-validator",{ref:"validator5",attrs:{model:t.rate,rules:t.rules5,immediate:t.immediate},model:{value:t.isValid[4],callback:function(e){t.$set(t.isValid,4,e)},expression:"isValid[4]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("p",[t._v("Async validate: ")]),t._v(" "),a("cube-validator",{ref:"validator6",attrs:{model:t.captcha,rules:t.rules6,messages:t.messages6,immediate:t.immediate},on:{validating:t.validatingHandler,validated:t.validatedHandler},model:{value:t.isValid[5],callback:function(e){t.$set(t.isValid,5,e)},expression:"isValid[5]"}},[a("cube-input",{attrs:{placeholder:"Please input captcha"},model:{value:t.captcha,callback:function(e){t.captcha=e},expression:"captcha"}})],1)],1),t._v(" "),a("cube-button",{on:{click:t.submit}},[t._v("Submit")])],1)])},staticRenderFns:[]}},wnnB:function(t,e,a){function i(t){a("nSGU")}var n=a("VU/8")(a("+iBg"),a("x6wu"),i,null,null);t.exports=n.exports},"x/Fx":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},x1YM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"select-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("span",{staticClass:"select",on:{click:t.showPicker}},[t._v(t._s(t.selected))])])},staticRenderFns:[]}},x3Dq:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-complex",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{ref:"sticky",attrs:{pos:t.scrollY,offset:t.offsetTop},on:{"diff-change":t.diffChange},scopedSlots:t._u([{key:"fixed",fn:function(e){return[a("ul",{staticClass:"sticky-header"},[a("li",{ref:"stickyHeader"},[t._v("111")])]),t._v(" "),e.index>=0?a("cube-tab-bar",{attrs:{"show-slider":"",data:t.tabs,"use-transition":!1},model:{value:t.currentTab,callback:function(e){t.currentTab=e},expression:"currentTab"}}):t._e()]}}])},[a("cube-scroll",{ref:"scroll",attrs:{data:t.scrollData,"scroll-events":t.scrollEvents,options:t.options},on:{scroll:t.scrollHandler,"scroll-end":t.scrollEndHandler,"pulling-up":t.onPullingUp}},[a("ul",[a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")])]),t._v(" "),a("cube-sticky-ele",[a("cube-tab-bar",{attrs:{"show-slider":"",data:t.tabs,"use-transition":!1},model:{value:t.currentTab,callback:function(e){t.currentTab=e},expression:"currentTab"}})],1),t._v(" "),1===t.currentTab?a("ul",t._l(t.items1,function(e){return a("li",[t._v(t._s(e))])})):2===t.currentTab?a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})):a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1)],1)],1)])],2)},staticRenderFns:[]}},x6wu:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"image-preview-def",title:"ImagePreview"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button-group",[a("cube-button",{on:{click:t.showImagePreview}},[t._v("Show ImagePreview")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("multi-images-preview")}}},[t._v("Show MultiImagePreview")]),t._v(" "),a("cube-button",{on:{click:t.showCustomImagePreview}},[t._v("Show Custom ImagePreview")])],1)],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},x9Ds:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("bOdI"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(){for(var t=this._base.prototype,e=t.$cubeLang,i=t.$cubeMessages[e].validator,l=arguments.length,c=Array(l),u=0;u<l;u++)c[u]=arguments[u];"string"==typeof c[0]&&(c[0]=(0,n.default)({},c[0],c[1])),(0,a.deepAssign)(i,c[0])}Object.defineProperty(t,"__esModule",{value:!0}),t.addMessage=void 0;var n=function(t){return t&&t.__esModule?t:{default:t}}(e);t.addMessage=i})},xH1B:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("0NVV")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default},data:function(){return{singerData:c.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},xIPZ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/5sW"),a("XPXN"),a("1Vb/"),a("6SSl"),a("5Fev"),a("YlpP")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c),f=o(u),h=[];f.default.goods.forEach(function(t){h=h.concat(t.foods)}),e.default={data:function(){return{items:h,pullDownRefresh:!1,pullDownRefreshThreshold:60,pullDownRefreshStop:40,pullDownRefreshTxt:"Refresh success",pullUpLoad:!1,pullUpLoadThreshold:0,pullUpLoadMoreTxt:"Load more",pullUpLoadNoMoreTxt:"No more data",customPullDown:!1}},components:{CubePage:r.default,SwitchOption:d.default,InputOption:v.default,SelectOption:p.default},computed:{options:function(){return{pullDownRefresh:this.pullDownRefreshObj,pullUpLoad:this.pullUpLoadObj,scrollbar:!0}},pullDownRefreshObj:function(){return!!this.pullDownRefresh&&{threshold:parseInt(this.pullDownRefreshThreshold),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(h[1]):t.$refs.scroll.forceUpdate()},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){if(Math.random()>.5){var e=h.slice(0,5);t.items=t.items.concat(e)}else t.$refs.scroll.forceUpdate()},1e3)},updatePullDownRefresh:function(t){this.pullDownRefresh=t},updatePullDownRefreshThreshold:function(t){this.pullDownRefreshThreshold=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},updateCustomPullDown:function(t){this.customPullDown=t},rebuildScroll:function(){var t=this;s.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}}},t.exports=e.default})},xUY6:function(t,e,a){function i(t){a("zIl2")}var n=a("VU/8")(a("EF6b"),a("yA1r"),i,null,null);t.exports=n.exports},"xV+0":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.FOLLOWERS_DATA=[{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:1,question:"你可以左右滑动内容区域",answers:445,followers:1366},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:2,question:"你可以左右滑动内容区域",answers:67,followers:18},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:110,followers:1827},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:8,followers:200},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:7,followers:29}],t.RECOMMEND_DATA=[{question:"你可以左右滑动内容区域。",content:"你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域",answers:21,followers:2910},{question:"男生如何看待胖胖的女孩子？",content:"你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。然后出现如下对话: 他这么认真但是我真的严肃不起来，甚至有点想笑，莫名戳中萌点 (๑^o^๑) ———————————————————跑题啦，跑题啦，但是忍不住想说一下",answers:398,followers:10009},{question:"你最喜欢的句子是？",content:"1.无论走到哪儿，都没有必要那么着急，这条路很长，你不用这么快走完，你也不用担心，害怕，不要被眼前暂时的幻想迷住了眼睛，只管放心下来，踏踏实实地大胆迈步走，心立得住，身体才不会倾倒。我告诉你我喜欢你，并不是一定要和你在一起，只是希望今后的你。",answers:88,followers:1726},{question:"如何看待《权力的游戏》中的「泰温·兰尼斯特」？",content:"让楼上那些吹捧泰温的去维斯特洛种几天地，就知道泰温大人有多伟大了。“俺开了……以前俺开了……以前俺开了家酒馆，大人，在榭尔，就在石桥旁边。大家都说俺酿的麦酒是颈泽以南最好的，大人，请您见谅。可是大人，现在全都没了。他们进来喝饱以后又把剩下…",answers:62,followers:3940}],t.HOT_DATA=[{sequence:"01",label:"置顶",question:"了不起的新时代：世界竞争中的中国奇迹"},{sequence:"02",label:"4017万热度",question:"男性怎样不算「幼稚」？"},{sequence:"03",label:"587万热度",question:"有哪些视频让你突然感到恋爱了？"},{sequence:"04",label:"530万热度",question:"相亲见到前女友是一种怎样的体验？"},{sequence:"05",label:"536万热度",question:"哪个瞬间你觉得你的宠物爱上了你？"},{sequence:"06",label:"380万热度",question:"如果把四大名著的故事连成一串，会怎么样？"},{sequence:"07",label:"317万热度",question:"唱歌跑调的原因到底是什么？"},{sequence:"08",label:"280万热度",question:"高考之后，人生转弯"}],t.ALL_HEROES=[{name:"猩红收割者",avatar:"https://dpubstatic.udache.com/static/dpubimg/29473e97-8253-498c-a893-b3605596c142.jpg"},{name:"无极剑圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg"},{name:"雪原双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg"},{name:"牛头酋长",avatar:"https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg"},{name:"祖安怒兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg"},{name:"正义巨像",avatar:"https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg"},{name:"卡牌大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/64bd809e-b39e-4365-bbf9-31171f8145ea.jpg"},{name:"狂战士",avatar:"https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg"},{name:"麦林炮手",avatar:"https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg"},{name:"众星之子",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg"},{name:"亡灵战神",avatar:"https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg"},{name:"德邦总管",avatar:"https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg"},{name:"战争女神",avatar:"https://dpubstatic.udache.com/static/dpubimg/832df15a-bacb-4bc9-b21a-0c1f41203447.jpg"},{name:"正义天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg"},{name:"黑暗之女",avatar:"https://dpubstatic.udache.com/static/dpubimg/f9f35675-5f1f-4e67-96cb-f020bcd7eaac.jpg"},{name:"远古恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg"},{name:"诡术妖姬",avatar:"https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg"},{name:"无畏战车",avatar:"https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg"},{name:"符文法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg"},{name:"迅捷斥候",avatar:"https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg"}],t.MAGE_HEROES=[{name:"冰晶凤凰",avatar:"https://dpubstatic.udache.com/static/dpubimg/f8c9857a-f6ea-4865-a414-8ee6e1bf186e.jpg"},{name:"卡牌大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/64bd809e-b39e-4365-bbf9-31171f8145ea.jpg"},{name:"诡术妖姬",avatar:"https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg"},{name:"虚空恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b658934-f385-4647-9d90-f4138690fb8c.jpg"},{name:"正义巨像",avatar:"https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg"},{name:"远古恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg"},{name:"猩红收割者",avatar:"https://dpubstatic.udache.com/static/dpubimg/29473e97-8253-498c-a893-b3605596c142.jpg"},{name:"众星之子",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg"},{name:"风暴之怒",avatar:"https://dpubstatic.udache.com/static/dpubimg/c6d639d2-27c4-49d7-87d7-5695deb956bc.jpg"},{name:"符文法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg"},{name:"天启者",avatar:"https://dpubstatic.udache.com/static/dpubimg/2eb7c0ea-3391-467b-bfba-702c17bc06b1.jpg"},{name:"琴瑟仙女",avatar:"https://dpubstatic.udache.com/static/dpubimg/dc22f287-beb0-45a9-992b-0dfaf1ba086c.jpg"},{name:"黑暗之女",avatar:"https://dpubstatic.udache.com/static/dpubimg/f9f35675-5f1f-4e67-96cb-f020bcd7eaac.jpg"},{name:"死亡颂唱者",avatar:"https://dpubstatic.udache.com/static/dpubimg/50af2556-81aa-453e-9c61-6a1f2a32d48f.jpg"},{name:"堕落天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/f554b63a-5a5a-40ba-8b42-9dac62de27c5.jpg"},{name:"时光守护者",avatar:"https://dpubstatic.udache.com/static/dpubimg/4e01bc3f-42bc-4f82-8fc2-38fb83b9ce1b.jpg"},{name:"邪恶小法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/f57ade05-20db-46ad-a8cd-c0a27e8b1a60.jpg"},{name:"痛苦之拥",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b283500-d518-4648-9cea-074954a66f37.jpg"},{name:"殇之木乃伊",avatar:"https://dpubstatic.udache.com/static/dpubimg/aeed76f4-bf64-44b1-9be3-1ff9286f7893.jpg"},{name:"虚空行者",avatar:"https://dpubstatic.udache.com/static/dpubimg/21725197-c177-4f4c-8839-025f3e9e0d69.jpg"}],t.FIGHTER_HEROES=[{name:"正义天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg"},{name:"无畏战车",avatar:"https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg"},{name:"蛮族之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/94faba51-193e-4ab2-9ac2-bdfd16ed6c85.jpg"},{name:"德邦总管",avatar:"https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg"},{name:"诺克萨斯统领",avatar:"https://dpubstatic.udache.com/static/dpubimg/c2507aa8-270b-4e95-99ec-95d6b6cb1181.jpg"},{name:"符文法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg"},{name:"亡灵战神",avatar:"https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg"},{name:"狂战士",avatar:"https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg"},{name:"海洋之灾",avatar:"https://dpubstatic.udache.com/static/dpubimg/418468cf-3a68-4737-b17d-ad46a77c25af.jpg"},{name:"祖安狂人",avatar:"https://dpubstatic.udache.com/static/dpubimg/78dc424a-f2a0-4922-9eff-60b96f6f30b4.jpg"},{name:"雪原双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg"},{name:"无极剑圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg"},{name:"刀锋舞者",avatar:"https://dpubstatic.udache.com/static/dpubimg/46d1d308-a516-45ce-81e6-e3f19e48e5ba.jpg"},{name:"巨魔之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/85463a90-aabc-4b72-b800-d3073f5ead08.jpg"},{name:"瓦洛兰之盾",avatar:"https://dpubstatic.udache.com/static/dpubimg/62824f25-e006-440d-a903-2d2bc7244726.jpg"},{name:"披甲龙龟",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55593dd-d50e-4254-b843-fd451977bb35.jpg"},{name:"祖安怒兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg"},{name:"武器大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc1d2374-1830-436f-abc8-a502341f54a0.jpg"},{name:"蒸汽机器人",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg"},{name:"炼金术士",avatar:"https://dpubstatic.udache.com/static/dpubimg/ef3dd5a6-a077-4f9e-ac93-c0cf6fa2cd5e.jpg"}],t.TANK_HEROES=[{name:"正义巨像",avatar:"https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg"},{name:"德玛西亚皇子",avatar:"https://dpubstatic.udache.com/static/dpubimg/3bb5e805-1b0e-4450-b672-c201ff6183a9.jpg"},{name:"雪原双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg"},{name:"牛头酋长",avatar:"https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg"},{name:"水晶先锋",avatar:"https://dpubstatic.udache.com/static/dpubimg/770c98b2-523c-4a5a-9d63-3c77d333dc91.jpg"},{name:"狂战士",avatar:"https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg"},{name:"炼金术士",avatar:"https://dpubstatic.udache.com/static/dpubimg/ef3dd5a6-a077-4f9e-ac93-c0cf6fa2cd5e.jpg"},{name:"披甲龙龟",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55593dd-d50e-4254-b843-fd451977bb35.jpg"},{name:"祖安狂人",avatar:"https://dpubstatic.udache.com/static/dpubimg/78dc424a-f2a0-4922-9eff-60b96f6f30b4.jpg"},{name:"扭曲树精",avatar:"https://dpubstatic.udache.com/static/dpubimg/d7583963-a931-4ac1-8790-226d482f5434.jpg"},{name:"虚空恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b658934-f385-4647-9d90-f4138690fb8c.jpg"},{name:"荒漠屠夫",avatar:"https://dpubstatic.udache.com/static/dpubimg/3a6ec2ed-66dc-4b10-bf6c-5b3093ed4d1f.jpg"},{name:"蒸汽机器人",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg"},{name:"亡灵战神",avatar:"https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg"},{name:"殇之木乃伊",avatar:"https://dpubstatic.udache.com/static/dpubimg/aeed76f4-bf64-44b1-9be3-1ff9286f7893.jpg"},{name:"祖安怒兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg"},{name:"熔岩巨兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/b7525041-ae43-4e6a-8b57-2fb20fd95cd2.jpg"},{name:"无畏战车",avatar:"https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg"},{name:"齐天大圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/57e2ee1a-1824-4669-b8f8-831beac89b20.jpg"},{name:"巨魔之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/85463a90-aabc-4b72-b800-d3073f5ead08.jpg"}],t.ASSASSIN_HEROES=[{name:"迅捷斥候",avatar:"https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg"},{name:"不祥之刃",avatar:"https://dpubstatic.udache.com/static/dpubimg/d1c8a5e1-4753-4cf3-ab05-abf0ebbc99e6.jpg"},{name:"诡术妖姬",avatar:"https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg"},{name:"德邦总管",avatar:"https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg"},{name:"虚空先知",avatar:"https://dpubstatic.udache.com/static/dpubimg/6b058b7a-02fb-490d-9203-952bc2433789.jpg"},{name:"麦林炮手",avatar:"https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg"},{name:"暗夜猎手",avatar:"https://dpubstatic.udache.com/static/dpubimg/9751fc11-0f98-4528-80f6-f84d34c9be1b.jpg"},{name:"永恒梦魇",avatar:"https://dpubstatic.udache.com/static/dpubimg/1c58a713-c4fe-406f-9d5b-9b66c6ba2624.jpg"},{name:"蛮族之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/94faba51-193e-4ab2-9ac2-bdfd16ed6c85.jpg"},{name:"无极剑圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg"},{name:"虚空行者",avatar:"https://dpubstatic.udache.com/static/dpubimg/21725197-c177-4f4c-8839-025f3e9e0d69.jpg"},{name:"瘟疫之源",avatar:"https://dpubstatic.udache.com/static/dpubimg/d0e54f98-0e08-47af-a706-1e994ee11673.jpg"},{name:"痛苦之拥",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b283500-d518-4648-9cea-074954a66f37.jpg"},{name:"离群之刺",avatar:"https://dpubstatic.udache.com/static/dpubimg/7c96be06-2868-4973-888c-ecb6d8353d1a.jpg"},{name:"刀锋舞者",avatar:"https://dpubstatic.udache.com/static/dpubimg/46d1d308-a516-45ce-81e6-e3f19e48e5ba.jpg"},{name:"不屈之枪",avatar:"https://dpubstatic.udache.com/static/dpubimg/c111a9ba-3b69-4afc-8adb-6383e89a488b.jpg"},{name:"盲僧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9098319d-78d2-44ad-9829-a3814eeb7913.jpg"},{name:"武器大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc1d2374-1830-436f-abc8-a502341f54a0.jpg"},{name:"恶魔小丑",avatar:"https://dpubstatic.udache.com/static/dpubimg/dccf4d8c-33bb-4b97-97c9-6659c4401785.jpg"},{name:"狂野女猎手",avatar:"https://dpubstatic.udache.com/static/dpubimg/171ec928-98db-40af-9a32-10c57d949b13.jpg"}],t.SUPPORT_HEROES=[{name:"牛头酋长",avatar:"https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg"},{name:"大发明家",avatar:"https://dpubstatic.udache.com/static/dpubimg/81711ecd-a986-47c2-906b-97a74dcf6967.jpg"},{name:"堕落天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/f554b63a-5a5a-40ba-8b42-9dac62de27c5.jpg"},{name:"发条魔灵",avatar:"https://dpubstatic.udache.com/static/dpubimg/81f7e648-a5e6-4da2-aeaa-0691ef4b5eed.jpg"},{name:"蒸汽机器人",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg"},{name:"风暴之怒",avatar:"https://dpubstatic.udache.com/static/dpubimg/c6d639d2-27c4-49d7-87d7-5695deb956bc.jpg"},{name:"曙光女神",avatar:"https://dpubstatic.udache.com/static/dpubimg/54f4d286-c5d5-4dee-b2b7-364e5a0737a8.jpg"},{name:"正义天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg"},{name:"光辉女郎",avatar:"https://dpubstatic.udache.com/static/dpubimg/49ab6e2f-d1d7-467e-ae35-ea07f15ea243.jpg"},{name:"仙灵女巫",avatar:"https://dpubstatic.udache.com/static/dpubimg/0b853a5c-5145-4379-b56a-d95676d4a4ab.jpg"},{name:"暮光星灵",avatar:"https://dpubstatic.udache.com/static/dpubimg/9f1c463a-55ce-410c-bc4a-a5b2c5fa4c16.jpg"},{name:"琴瑟仙女",avatar:"https://dpubstatic.udache.com/static/dpubimg/dc22f287-beb0-45a9-992b-0dfaf1ba086c.jpg"},{name:"寒冰射手",avatar:"https://dpubstatic.udache.com/static/dpubimg/5b30ccd1-2815-471c-86ac-90a8eaf5e1cb.jpg"},{name:"冰晶凤凰",avatar:"https://dpubstatic.udache.com/static/dpubimg/f8c9857a-f6ea-4865-a414-8ee6e1bf186e.jpg"},{name:"暗黑元首",avatar:"https://dpubstatic.udache.com/static/dpubimg/0f415582-6820-440d-afe5-69dc4b83874b.jpg"},{name:"天启者",avatar:"https://dpubstatic.udache.com/static/dpubimg/2eb7c0ea-3391-467b-bfba-702c17bc06b1.jpg"},{name:"众星之子",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg"},{name:"远古恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg"},{name:"瓦洛兰之盾",avatar:"https://dpubstatic.udache.com/static/dpubimg/62824f25-e006-440d-a903-2d2bc7244726.jpg"},{name:"时光守护者",avatar:"https://dpubstatic.udache.com/static/dpubimg/4e01bc3f-42bc-4f82-8fc2-38fb83b9ce1b.jpg"}],t.MARKSMAN_HEROES=[{name:"未来守护者",avatar:"https://dpubstatic.udache.com/static/dpubimg/a47a8774-9886-4486-90dd-d119555752f4.jpg"},{name:"寒冰射手",avatar:"https://dpubstatic.udache.com/static/dpubimg/5b30ccd1-2815-471c-86ac-90a8eaf5e1cb.jpg"},{name:"永猎双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/e85f3ec8-01f5-462e-87e3-00b9aa49271a.jpg"},{name:"法外狂徒",avatar:"https://dpubstatic.udache.com/static/dpubimg/c8b674c9-102b-431d-96fc-ac565e51d1e6.jpg"},{name:"狂暴之心",avatar:"https://dpubstatic.udache.com/static/dpubimg/66bd37a9-5439-40f0-b847-2a54c99ebcd4.jpg"},{name:"瘟疫之源",avatar:"https://dpubstatic.udache.com/static/dpubimg/d0e54f98-0e08-47af-a706-1e994ee11673.jpg"},{name:"赏金猎人",avatar:"https://dpubstatic.udache.com/static/dpubimg/bff19bde-3439-459d-9d7f-6f6c46274b7a.jpg"},{name:"暗夜猎手",avatar:"https://dpubstatic.udache.com/static/dpubimg/9751fc11-0f98-4528-80f6-f84d34c9be1b.jpg"},{name:"戏命师",avatar:"https://dpubstatic.udache.com/static/dpubimg/eb9c8392-1557-4ea8-a58b-287d210e48f1.jpg"},{name:"虚空之女",avatar:"https://dpubstatic.udache.com/static/dpubimg/3e025f46-076a-4c0f-b176-f5362abf74a5.jpg"},{name:"惩戒之箭",avatar:"https://dpubstatic.udache.com/static/dpubimg/2decda4f-ca77-409c-b69e-1e6cc5cfe6b9.jpg"},{name:"麦林炮手",avatar:"https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg"},{name:"皮城女警",avatar:"https://dpubstatic.udache.com/static/dpubimg/ffb72a29-bfd2-4100-bb21-a69888775863.jpg"},{name:"德玛西亚之翼",avatar:"https://dpubstatic.udache.com/static/dpubimg/b78db556-8700-47af-b3a4-6f386ab08258.jpg"},{name:"迅捷斥候",avatar:"https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg"},{name:"探险家",avatar:"https://dpubstatic.udache.com/static/dpubimg/c5fc7cf3-4569-44bc-8543-f8b37c4d2bb6.jpg"},{name:"战争女神",avatar:"https://dpubstatic.udache.com/static/dpubimg/832df15a-bacb-4bc9-b21a-0c1f41203447.jpg"},{name:"荣耀行刑官",avatar:"https://dpubstatic.udache.com/static/dpubimg/551a7edc-6ca1-4f64-b097-87bad5f53b3d.jpg"},{name:"深渊巨口",avatar:"https://dpubstatic.udache.com/static/dpubimg/c0d35caf-2dd6-427f-8215-725700b57296.jpg"},{name:"英勇投弹手",avatar:"https://dpubstatic.udache.com/static/dpubimg/5f8dfef6-69de-4533-82fa-3fa2fce87588.jpg"}]})},xYoV:function(t,e,a){function i(t){a("PpuX")}var n=a("VU/8")(a("1peF"),a("qeyv"),i,null,null);t.exports=n.exports},xomh:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bOdI"),a("Z5VE"),a("d64j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={name:"cube-popup",mixins:[u.default,o.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,c.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},xru3:function(t,e,a){function i(t){a("Cuup")}var n=a("VU/8")(a("7brH"),a("MHqM"),i,null,null);t.exports=n.exports},y9Aq:function(t,e){},yA1r:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":t.index<=t.$parent.tempValue,"cube-rate-item_half_active":t.index===t.$parent.tempValue+.5}},[t._t("default",[a("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},yB4N:function(t,e,a){var i=a("VU/8")(a("RO5T"),a("KMzT"),null,null,null);t.exports=i.exports},yE9A:function(t,e,a){function i(t){a("0ZfZ")}var n=a("VU/8")(a("XJZo"),a("1/C+"),i,null,null);t.exports=n.exports},yIJW:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||a.value},textKey:function(){return this.alias.text||a.text},orderKey:function(){return a.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},yLJt:function(t,e){},yVfC:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"popup-view",title:"popup"}},[a("template",{slot:"content"},[a("div",[a("cube-popup",{attrs:{type:"my-popup"},model:{value:t.visible1,callback:function(e){t.visible1=e},expression:"visible1"}},[t._v("My Popup Content 1")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(1)}}},[t._v("Show Popup")])],1),t._v(" "),a("div",[a("cube-popup",{attrs:{type:"my-popup",mask:!1},model:{value:t.visible2,callback:function(e){t.visible2=e},expression:"visible2"}},[t._v("My Popup Content 2")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(2)}}},[t._v("Show Popup - no mask")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup3",attrs:{type:"my-popup",mask:!1,content:"<i>My Popup Content 3</i>"},model:{value:t.visible3,callback:function(e){t.visible3=e},expression:"visible3"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(3)}}},[t._v("Show Popup - with content")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",position:t.position,"mask-closable":!0},model:{value:t.visible4,callback:function(e){t.visible4=e},expression:"visible4"}},[t._v("My Popup Content 4")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(4)}}},[t._v("top/right/bottom/left/center")])],1),t._v(" "),a("div",[a("cube-extend-popup",{ref:"extendPopup",attrs:{content:"click here hide"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}},yZl8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-tab-panel"},[t._t("default")],2)},staticRenderFns:[]}},yb46:function(t,e,a){function i(t){a("eBbK")}var n=a("VU/8")(a("tEcF"),a("Qx69"),i,null,null);t.exports=n.exports},yjF1:function(t,e,a){function i(t){a("FI+X")}var n=a("VU/8")(a("jjfl"),a("c8JE"),i,null,null);t.exports=n.exports},"yk/l":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-tab-view",title:"ScrollTab"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"left-panel"},[a("cube-scroll",[a("cube-tab-bar",{attrs:{data:t.tabs},on:{change:t.changeHandler},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}})],1)],1),t._v(" "),a("div",{staticClass:"right-panel"},[a("cube-scroll",{ref:"scroll"},[a("ul",t._l(t.scrollData,function(e,i){return a("li",[a("img",{attrs:{src:e.avatar,alt:""}}),t._v(" "),a("span",[t._v(t._s(e.name))])])}))])],1)])])},staticRenderFns:[]}},z16Y:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/ocq"),a("nb3f")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u=new l.default({routes:c.default});e.default=u,t.exports=e.default})},zI96:function(t,e,a){function i(t){a("Zvx6")}var n=a("VU/8")(a("EzL5"),a("K3bW"),i,null,null);t.exports=n.exports},zIl2:function(t,e){},zQyI:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE"),a("yjF1"),a("yE9A")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);o.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},o.default.Button=c.default,o.default.Checkbox=u.default,e.default=o.default,t.exports=e.default})},zZ81:function(t,e,a){var i=a("VU/8")(a("LXLj"),a("IBT5"),null,null,null);t.exports=i.exports},zlrq:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"slide-container-v"},[a("cube-slide",{attrs:{data:t.items,loop:t.loop,showDots:!1,direction:"vertical"},on:{change:t.change}})],1)])])},staticRenderFns:[]}},zlwF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"page-questionnaire",attrs:{title:"Questionnaire"}},[a("demo-questionnaire",{attrs:{slot:"content",tip:t.tip,questions:t.questions,submit:t.submit},on:{submit:t.submitHandler},slot:"content"})],1)},staticRenderFns:[]}},zuie:function(t,e,a){function i(t){a("i3b6")}var n=a("VU/8")(a("QNIf"),a("hlu4"),i,null,null);t.exports=n.exports},zzMN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-toolbar-item border-right-1px"},[a("cube-button",{attrs:{icon:t.action.icon}},["checkbox"==t.action.type?a("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"}}):a("span",{domProps:{innerHTML:t._s(t.action.text)}})],1),t._v(" "),a("i",{staticClass:"cube-toolbar-down"})],1)},staticRenderFns:[]}}},["SrUm"]);
\ No newline at end of file
diff --git a/docs/example/js/app.fdf24581789dbd455ce7.js b/docs/example/js/app.fdf24581789dbd455ce7.js
deleted file mode 100644
index 5432411e3..000000000
--- a/docs/example/js/app.fdf24581789dbd455ce7.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([0],{"+//L":function(t,e,a){function i(t){a("AM6A")}var n=a("VU/8")(a("BQwy"),a("lGNi"),i,null,null);t.exports=n.exports},"+8WV":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default,CubeButtonGroup:c.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()},showFormatPicker:function(){this.formatPicker||(this.formatPicker=this.$createTimePicker({format:"hh:mm",onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.formatPicker.show()},showMinuteStepPicker:function(){this.minuteStepPicker||(this.minuteStepPicker=this.$createTimePicker({minuteStep:{rule:"ceil",step:15},onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.minuteStepPicker.show()},showMinPicker:function(){this.minPicker||(this.minPicker=this.$createTimePicker({min:+new Date-84e5,onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.minPicker.show()},showMaxPicker:function(){this.maxPicker||(this.maxPicker=this.$createTimePicker({delay:0,max:+new Date+1812e5,onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.maxPicker.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,a){this.$createDialog({type:"warn",title:"selected time: "+t,content:"selected text: "+e+"<br>format time: "+a,icon:"cubeic-alert"}).show()},cancelHandler:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}},t.exports=e.default})},"+Ghj":function(t,e,a){var i,n,l;!function(c,u){n=[e,a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addType=t.types=void 0;var a=/^(1|2)\d{3}[.\-/]\d{1,2}[.\-/]\d{1,2}$/,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))||a.test(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)}},n=(0,e.createAddAPI)(i);t.types=i,t.addType=n})},"+HHY":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("2DUa")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-index-list-group",props:{group:{type:Object,default:function(){return{}}}},methods:{selectItem:function(t){this.$emit("select",t)}},components:{CubeIndexListItem:i.default}},t.exports=e.default})},"+HVL":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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})},"+hyH":function(t,e,a){function i(t){a("OnXQ")}var n=a("VU/8")(a("fidG"),a("pAFF"),i,null,null);t.exports=n.exports},"+iBg":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={data:function(){return{customIndex:1,imgs:["https://dpubstatic.udache.com/static/dpubimg/XsZT-Ium9K/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg","https://dpubstatic.udache.com/static/dpubimg/jM0pARr01R/686d7361ly1fpha0ncnnej21hc0zetxo.jpg","https://dpubstatic.udache.com/static/dpubimg/uesDMLn8ho/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg","https://dpubstatic.udache.com/static/dpubimg/yGntxcSqhM/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg"]}},methods:{showImagePreview:function(){this.$createImagePreview({imgs:this.imgs}).show()},showCustomImagePreview:function(){var t=this;this.$createImagePreview({imgs:this.imgs,initialIndex:this.customIndex,loop:!1,speed:500,onChange:function(e){t.customIndex=e},onHide:function(){console.log("hide")}},function(e){return e("div",{class:{"image-preview-custom-header":!0},slot:"header"},t.customIndex+1)}).show()},goTo:function(t){this.$router.push("/image-preview/"+t)}},components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default}},t.exports=e.default})},"+rJ6":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t,e,i,n){var l={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(l[t],n).test(e)){var c="year"===t?i.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?i:a(i);e=e.replace(RegExp.$1,c)}return e}function a(t){return("00"+t).substr((""+t).length)}function i(t,a){var i={year:{value:t.getFullYear(),regExpAttributes:"i"},month:{value:t.getMonth()+1},date:{value:t.getDate(),regExpAttributes:"i"},hour:{value:t.getHours(),regExpAttributes:"i"},minute:{value:t.getMinutes()},second:{value:t.getSeconds()},quarter:{value:Math.floor((t.getMonth()+3)/3),regExpAttributes:"i"},millisecond:{value:t.getMilliseconds()}};for(var n in i)a=e(n,a,i[n].value,i[n].regExpAttributes);return a}function n(t){var e=t.getFullYear(),a=t.getMonth()+1,i=t.getDate();return+new Date(e+"/"+a+"/"+i+" 00:00:00")}function l(t,e){return Math.floor((n(t)-n(e))/o)}function c(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function u(t,e){var a=30;return[1,3,5,7,8,10,12].indexOf(t)>-1?a=31:2===t&&(a=e&&e%400&&(e%4||!(e%100))?28:29),a}Object.defineProperty(t,"__esModule",{value:!0});var o=864e5;t.DAY_TIMESTAMP=o,t.HOUR_TIMESTAMP=36e5,t.MINUTE_TIMESTAMP=6e4,t.pad=a,t.formatType=e,t.formatDate=i,t.getZeroStamp=n,t.getDayDiff=l,t.getNow=c,t.computeNatureMaxDay=u})},"+vzD":function(t,e,a){var i=a("VU/8")(a("eC/x"),a("/7Xe"),null,null,null);t.exports=i.exports},"/5me":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("s0qb")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e,a){function n(e){clearTimeout(A),A=0,t.progress=1,t.status=e,a&&a(t)}function c(){var e=k.responseText||k.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=k.getAllResponseHeaders()}var u=e.target,o=e.headers,s=void 0===o?{}:o,r=e.data,d=void 0===r?{}:r,v=e.fileName,p=void 0===v?"file":v,f=e.withCredentials,h=e.timeout,x=e.prop,y=void 0===x?"file":x,m=e.progressInterval,b=void 0===m?100:m,g=e.checkSuccess,_=void 0===g?function(){return!0}:g,w=(0,i.evalOpts)(u,t);t.progress=0,t.status=i.STATUS_UPLOADING;var k=new window.XMLHttpRequest;t._xhr=k;var A=0;if(k.upload){var C=Date.now();k.upload.onprogress=function(e){function a(){t.progress=e.loaded/e.total,C=Date.now()}if(e.total>0)if(A){clearTimeout(A);var i=Date.now(),n=i-C;n>=b?a():A=setTimeout(a,n)}else a(),A=1}}var T=new window.FormData,j=(0,i.evalOpts)(d,t);(0,l.default)(j).forEach(function(t){T.append(t,j[t])}),T.append(p,t[y]),k.onload=function(){if(k.status<200||k.status>=300)return void n(i.STATUS_ERROR);c();var e=t.response;if(_.length<=2){n(_(e,t)?i.STATUS_SUCCESS:i.STATUS_ERROR)}else _(e,t,function(t){n(t?i.STATUS_SUCCESS:i.STATUS_ERROR)})},k.onerror=function(){c(),n(i.STATUS_ERROR)},k.ontimeout=function(){c(),n(i.STATUS_ERROR)},k.open("POST",w,!0),f&&(k.withCredentials=!0);var P=(0,i.evalOpts)(s,t);(0,l.default)(P).forEach(function(t){k.setRequestHeader(t,P[t])}),h>0&&(k.timeout=h),k.send(T)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"/7Xe":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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},"/Ca3":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("t7U9"),a("UFDc"),a("4Gmg"),a("tJl4"),a("M7O5")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(l),d=o(c),v=o(u);e.default={name:"cube-form",mixins:[v.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:d.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1},submitAlwaysValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{fieldsModel:function(){var t={};return this.fields.forEach(function(e){e.isBtnField||(t[e.fieldValue.modelKey]=e.modelValue)}),t},groups:function(){var t=this.schema,e=t.groups||[];return t.fields&&e.unshift({fields:t.fields}),e},fieldsData:function(){return this.groups.reduce(function(t,e){return e.fields.reduce(function(t,e){return t.push(e),t},t),t},[])},layout:function(){var t=this.options;return t&&t.layout||d.default.STANDARD},formClass:function(){var t=this.invalid,e=this.valid,a=this.layout;return{"cube-form_standard":a===d.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":a===d.default.CLASSIC,"cube-form_fresh":a===d.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(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.skipValidate=t,(0,i.dispatchEvent)(this.$refs.form,"submit"),this.skipValidate=!1},reset:function(){(0,i.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(t){var e=this;if(this.syncValidatorValues(),this.skipValidate)return void this.$emit("submit",t,this.model,this.fieldsModel);var a=function(a){a?(e.$emit("valid",e.validity),e.$emit("submit",t,e.model,e.fieldsModel)):(e.options.scrollToInvalidField&&e.firstInvalidField&&e.firstInvalidField.$el.scrollIntoView(),t.preventDefault(),e.$emit("invalid",e.validity))};this.submitAlwaysValidate||void 0===this.valid?(this._submit(a),(this.validating||this.pending)&&t.preventDefault()):a(this.valid)},resetHandler:function(t){this._reset(),this.$emit("reset",t)},_submit:function(t){var e=this;this.validate(function(){t&&t(e.valid)})},_reset:function(){this.fields.forEach(function(t){t.reset()}),this.setValidity(),this.setValidating(),this.setPending()},syncValidatorValues:function(){this.fields.forEach(function(t){t.syncValidatorValue()})},validate:function(t){var e=this,a=(0,n.cb2PromiseWithResolve)(t);a&&(t=a.resolve);var i=0,l=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(a){a.validate(function(){++i===l&&t&&t(e.valid)})}),a},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,a,i){var n=this.validity[t];n&&n.valid===e&&n.result===a&&n.dirty===i||this.setValidity(t,{valid:e,result:a,dirty:i})},setValidity:function(t,e){var a={};t&&((0,s.default)(a,this.validity),void 0===e?delete a[t]:a[t]=e);var i=!1,n=!1,l=!0,c="";this.fields.forEach(function(t){var e=t.fieldValue.modelKey;if(e){var u=a[e];u?(u.dirty&&(i=!0),!1===u.valid?l=!1:l&&!u.valid&&(l=u.valid),n||!1!==u.valid||(n=!0,c=e)):t.hasRules&&(l&&(l=void 0),a[e]={valid:void 0,result:{},dirty:!1})}}),this.validity=a,this.dirty=i,this.originValid=l,this.setFirstInvalid(c),this.validatedCount++},setFirstInvalid:function(t){var e=this;if(!t)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(a,i){if(a.fieldValue.modelKey===t)return e.firstInvalidField=a,e.firstInvalidFieldIndex=i,!0})},addField:function(t){var e=this.fieldsData.indexOf(t.field);this.fields.splice(e,0,t);var a=t.fieldValue.modelKey;a&&this.setValidity(a)},destroyField:function(t){var e=this.fields.indexOf(t);this.fields.splice(e,1);var a=t.fieldValue.modelKey;a&&this.setValidity(a)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:r.default}},t.exports=e.default})},"/O1a":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("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 a("cube-rate-item",{key:t,attrs:{index:t}})}))],2)},staticRenderFns:[]}},"/Pfp":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("N/gd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"/QTU":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Button"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("form",{attrs:{action:"/"}},[a("cube-button-group",[a("cube-button",[t._v("Button")]),t._v(" "),a("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),a("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),a("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),a("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),a("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),a("div",[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[a("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},"/V0l":function(t,e,a){function i(t){a("uwJ+")}var n=a("VU/8")(a("ISEw"),a("9a9J"),i,null,null);t.exports=n.exports},"/Yrh":function(t,e,a){function i(t){a("2wFx")}var n=a("VU/8")(a("0+e1"),a("1IbW"),i,null,null);t.exports=n.exports},"/kdh":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("+//L"),a("UFDc"),a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a),c=(0,n.prefixStyle)("transform");e.default={name:"cube-tab-panels",props:{value:{type:[String,Number]},data:{type:Array,default:function(){return[]}}},created:function(){this.panels=[]},mounted:function(){this._move(this.value)},methods:{_move:function(t){var e=(0,i.findIndex)(this.panels,function(e){return e.value===t});if(-1!==e){var a=this.$refs.panelsGroup,n=-100*e;a.style[c]="translateX("+n+"%)"}},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);e>-1&&this.panels.splice(e,1)}},watch:{value:function(t){this._move(t)}},components:{TabPanel:l.default}},t.exports=e.default})},"0+e1":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9"),a("UFDc"),a("Ct0e")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(n),c=(0,a.prefixStyle)("transform"),u=(0,a.prefixStyle)("transition");e.default={name:"cube-tab-bar",components:{CubeTab:l.default},props:{value:{type:[String,Number],required:!0},data:{type:Array,default:function(){return[]}},inline:{type:Boolean,default:!1},showSlider:{type:Boolean,default:!1},useTransition:{type:Boolean,default:!0}},watch:{value:function(){this._updateSliderStyle()}},created:function(){this.tabs=[]},mounted:function(){this._updateSliderStyle(),window.addEventListener("resize",this._resizeHandler)},activated:function(){window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._cleanUp()},beforeDestroy:function(){this._cleanUp()},methods:{addTab:function(t){this.tabs.push(t)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&this.tabs.splice(e,1)},trigger:function(t){var e=this;if(this.$emit("click",t),t!==this.value){["input","change"].forEach(function(a){e.$emit(a,t)})}},_updateSliderStyle:function(){var t=this;if(this.showSlider){var e=this.$refs.slider;this.$nextTick(function(){var a=t._getSliderWidthAndIndex(),i=a.width,n=a.index;e.style.width=i+"px",t.setSliderTransform(t._getOffsetLeft(n))})}},setSliderTransform:function(t){var e=this.$refs.slider;"number"==typeof t&&(t+="px"),e&&(this.useTransition&&(e.style[u]=c+" 0.2s linear"),e.style[c]="translateX("+t+") translateZ(0)")},_getSliderWidthAndIndex:function(){var t=this,e=0,a=0;return this.tabs.length>0&&(a=(0,i.findIndex)(this.tabs,function(e){return e.value===t.value}),e=this.tabs[a].$el.clientWidth),{width:e,index:a}},_getOffsetLeft:function(t){return this.tabs[t].$el.offsetLeft||0},_resizeHandler:function(){var t=this;clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(function(){t._updateSliderStyle()},60)},_cleanUp:function(){clearTimeout(this._resizeTimer),window.removeEventListener("resize",this._resizeHandler)}}},t.exports=e.default})},"07pW":function(t,e,a){function i(t){a("BPg9")}var n=a("VU/8")(a("0ht6"),a("9y2D"),i,"data-v-65e7f3ef",null);t.exports=n.exports},"0Fj/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-native",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY,"check-top":t.checkTop}},[a("div",{staticClass:"scroll-ele",on:{scroll:t.scrollHandler}},[a("ul",[a("li",[t._v("title")])]),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("222")]),t._v(" "),a("li",[t._v("222")])])]),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("333")])])]),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1)])],1)])],2)},staticRenderFns:[]}},"0I1X":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=(0,a.prefixStyle)("flexBasis");e.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(t){var e=this;if(t<=1)return"";this.$nextTick(function(){var a=100/t+"%";Array.prototype.forEach.call(e.$refs.group.children,function(t){t.style[i]=a})})}}}},t.exports=e.default})},"0MDc":function(t,e){},"0MNC":function(t,e,a){function i(t){a("QIDF")}var n=a("VU/8")(a("CIqy"),a("L+7R"),i,null,null);t.exports=n.exports},"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"}]}]},"0Oib":function(t,e,a){var i,n,l;!function(c,u){n=[e,a("cL1+"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.USE_TRANSITION=void 0;t.USE_TRANSITION=function(){var t=!0;if(e.isIOS){var i=(0,a.getIOSVersion)(e.ua);if(!i)return t;i.major>=13&&i.minor>=3&&(t=!1)}return t}()})},"0PCq":function(t,e,a){var i,n,l;!function(c,u){n=[e,a("Dd8w"),a("Kjwe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function n(t){var e=(0,l.default)({},t);return(0,c.default)(e),e}Object.defineProperty(t,"__esModule",{value:!0}),t.processField=void 0;var l=i(e),c=i(a);t.processField=n})},"0Rlg":function(t,e){},"0XpD":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"radio-view",title:"Radio"}},[a("template",{slot:"content"},[a("cube-radio-group",{attrs:{options:t.options},model:{value:t.selected,callback:function(e){t.selected=e},expression:"selected"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected))]),t._v(" "),a("cube-radio-group",{attrs:{options:t.options2,position:"right","hollow-style":!0},model:{value:t.selected2,callback:function(e){t.selected2=e},expression:"selected2"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected2))]),t._v(" "),a("cube-radio-group",{attrs:{options:t.options3,horizontal:!0},model:{value:t.selected3,callback:function(e){t.selected3=e},expression:"selected3"}}),t._v(" "),a("p",[t._v("selected value: "+t._s(t.selected3))]),t._v(" "),a("cube-radio-group",{model:{value:t.selected4,callback:function(e){t.selected4=e},expression:"selected4"}},t._l(t.options4,function(t,e){return a("cube-radio",{key:e,attrs:{option:t}},[a("img",{attrs:{src:t.src}})])})),t._v(" "),a("p",[t._v("selected img: "+t._s(t.selected4))]),t._v(" "),a("hr"),t._v(" "),a("cube-input",{attrs:{placeholder:"Input column number"},model:{value:t.colNum,callback:function(e){t.colNum=e},expression:"colNum"}},[a("div",{staticStyle:{paddingLeft:"10px"},attrs:{slot:"prepend"},slot:"prepend"},[t._v(" Column number:")])]),t._v(" "),a("cube-radio-group",{attrs:{options:t.options5,"col-num":Math.floor(t.colNum)},model:{value:t.selected5,callback:function(e){t.selected5=e},expression:"selected5"}})],1)],2)},staticRenderFns:[]}},"0esP":function(t,e){},"0ht6":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"HelloWorld",data:function(){return{msg:"scroll - textarea demo",options:{scrollbar:!0,preventDefaultException:{className:/(^|\s)(editable-div|textarea-native)(\s|$)/,tagName:/^(INPUT|TEXTAREA|BUTTON|SELECT)$/}},optionsOuter:{preventDefaultException:{className:/(^|\s)(editable-div|textarea-native)(\s|$)/,tagName:/^(INPUT|TEXTAREA|BUTTON|SELECT|P)$/}},placeholder:"Please type here...",divValue:"",textareaValue:"",isFocusNative:!1,isFocusDiv:!1}},computed:{textareaValueCount:function(){return this.textareaValue.length},divValueCount:function(){return this.divValue.length}},mounted:function(){this.textareaInitHeight=window.getComputedStyle(this.$refs.textarea).height,console.log("textareaInitHeight: ",this.textareaInitHeight)},methods:{onInputDiv:function(t){this.divValue=t.target.innerText;var e=this.$refs.divWrapScroll;this.oldHeightDiv!==e.$el.scrollHeight&&this.goToRightPositon(e,e.$el)},onInputNative:function(){var t=this.$refs.textarea,e=this.$refs.nativeWrapScroll;t.style.height=this.textareaInitHeight,t.style.height=t.scrollHeight+"px",this.oldHeightNative!==t.scrollHeight&&this.goToRightPositon(e,t)},goToRightPositon:function(t,e){var a=this;this.$nextTick(function(){var i=a.oldHeightDiv?e.scrollHeight-a.oldHeightDiv:0;a.oldHeightDiv=e.scrollHeight,t.refresh(),t.$el.scrollTop=0;var n=t.scroll.y,l=t.scroll.maxScrollY,c=n!==l?Math.max(Math.min(n-i,0),l):n;t.scrollTo(0,c,100)})},onFocusNative:function(){this.isFocusNative=!0},onBlurNative:function(){this.isFocusNative=!1},onFocusDiv:function(){this.isFocusDiv=!0},onBlurDiv:function(){this.isFocusDiv=!1}},components:{CubePage:i.default}},t.exports=e.default})},"0l/c":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={methods:{showDefault:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",data:[{content:"<em>align - center</em>",class:"cube-foo"},{content:"align - left",align:"left"},{content:"align - right",align:"right"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()}}),this.actionSheet.show()},showActive:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",active:0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()},showPickerStyle:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",pickerStyle:!0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()}},components:{CubePage:l.default,CubeButtonGroup:c.default}},t.exports=e.default})},"0rOD":function(t,e){},"0wrK":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/Yrh"),a("Ct0e")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Tab=c.default,e.default=l.default,t.exports=e.default})},"13Xo":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-index-list"},[a("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.scrollOptions,data:t.data},on:{scroll:t.scroll,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pullup",fn:function(e){return t.$slots.pullup||t.$scopedSlots.pullup?[t._t("pullup",null,{pullUpLoad:e.pullUpLoad,isPullUpLoad:e.isPullUpLoad})]:void 0}},{key:"pulldown",fn:function(e){return t.$slots.pulldown||t.$scopedSlots.pulldown?[t._t("pulldown",null,{pullDownRefresh:e.pullDownRefresh,pullDownStyle:e.pullDownStyle,beforePullDown:e.beforePullDown,isPullingDown:e.isPullingDown,bubbleY:e.bubbleY})]:void 0}}])},[a("div",{ref:"content",staticClass:"cube-index-list-content"},[t.hasTitle?a("h1",{ref:"title",staticClass:"cube-index-list-title",on:{click:t.titleClick}},[t._t("title",[t._v(t._s(t.title))])],2):t._e(),t._v(" "),a("ul",[t._t("default",t._l(t.data,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e},on:{select:t.selectItem}})}))],2)])]),t._v(" "),t.navbar?a("div",{staticClass:"cube-index-list-nav",on:{touchstart:t.onShortcutTouchStart,touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.onShortcutTouchMove(e)}}},[a("ul",{staticClass:"cube-index-list-nav-list"},t._l(t.shortcutList,function(e,i){return a("li",{key:i,staticClass:"cube-index-list-nav-item",class:{active:t.currentIndex===i},attrs:{"data-index":i}},[t._t("nav-item",[t._v(t._s(e))],{item:e})],2)}))]):t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedTitle,expression:"fixedTitle"}],ref:"fixed",staticClass:"cube-index-list-fixed cube-index-list-anchor",domProps:{innerHTML:t._s(t.fixedTitle)}})],1)},staticRenderFns:[]}},"1BqV":function(t,e,a){function i(t){a("XD3M")}var n=a("VU/8")(a("qgol"),a("W61h"),i,null,null);t.exports=n.exports},"1H2N":function(t,e,a){function i(t){a("g7er")}var n=a("VU/8")(a("5D5k"),a("FTiD"),i,null,null);t.exports=n.exports},"1IbW":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-tab-bar",class:{"cube-tab-bar_inline":t.inline}},[t._t("default",t._l(t.data,function(t,e){return a("cube-tab",{key:t.value||t.label,attrs:{label:t.label,value:t.value,icon:t.icon}})})),t._v(" "),t.showSlider?a("div",{ref:"slider",staticClass:"cube-tab-bar-slider"}):t._e()],2)},staticRenderFns:[]}},"1KaO":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-loading"},[a("span",{staticClass:"cube-loading-spinners",style:t.style},t._l(t.balde,function(t){return a("i",{staticClass:"cube-loading-spinner"})}))])},staticRenderFns:[]}},"1Ty8":function(t,e){},"1Vb/":function(t,e,a){function i(t){a("P5JG")}var n=a("VU/8")(a("RkVv"),a("LdqJ"),i,"data-v-73578a67",null);t.exports=n.exports},"1Zrt":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e,a){var i=t.rules&&t.rules[e];"custom"!==e&&i&&"function"!=typeof i&&(t.rules[e]=a)},a=function(t){return function(a,i){return e(a,t,i)}}("required"),i=function(t){return a(t,function(t){return!1!==t})},n=function(t){return a(t,function(t){return t>0})};t.boolRequiredHandler=i,t.numberGT0RequiredHandler=n})},"1btU":function(t,e,a){function i(t){a("K9Wg")}var n=a("VU/8")(a("ulou"),a("neus"),i,null,null);t.exports=n.exports},"1j+8":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("1Vb/"),a("6SSl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n),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:c.default,SwitchOption:u.default,InputOption:o.default}},t.exports=e.default})},"1peF":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("pFYg"),a("fZjL"),a("UFDc"),a("aDIA"),a("4KJe"),a("E61+")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(c),v=o(u);e.default={name:"cube-validator",mixins:[d.default],props:{model:{required:!0},modelKey:{type:String,default:""},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:{targetModel:function(){var t=this.modelKey,e=this.model;return t?e[t]:e},invalid:function(){var t=this.valid;return(0,n.isUndef)(t)?void 0:!t},isDisabled:function(){var t=this.disabled,e=(0,r.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},targetModel:{handler:function(){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},sync:!0},rules:function(){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,n.cb2PromiseWithResolve)(t);if(e&&(t=e.resolve),this.isDisabled)return t&&t(this.valid),e;this._validateCount++;var a=this._validateCount,i=this.targetModel,c=this.rules,u=c.type,o=[],r=!0;if(c.required||(r=l.rules.required(i,!0,u)),r){for(var d in c)!function(t){var e=c[t],a=void 0;a=(0,n.isFunc)(e)?e(i,c[t],u):!l.rules[t]||l.rules[t](i,c[t],u),o.push(function(e){var i=function(a){e({key:t,valid:!0===a,ret:a})},l=function(a){e({key:t,valid:!1,ret:a})};"object"===(void 0===a?"undefined":(0,s.default)(a))&&(0,n.isFunc)(a.then)?a.then(i).catch(l):(0,n.isFunc)(a)?a(i,l):e({key:t,valid:!0===a,ret:a})})}(d)}return this._checkTasks(o,a,t),e},_checkTasks:function(t,e,a){var i=this,l=this.rules,c=!0,u={},o=!0;this.validating=!0;var s=this.targetModel;(0,n.parallel)(t,function(t){i._validateCount===e&&(i.validating=!1,t.forEach(function(t){var e=t.key,a=t.valid,o=t.ret,r=i.messages[e]?(0,n.isFunc)(i.messages[e])?i.messages[e](o,a):i.messages[e]:i.findMessage(e,l[e],l.type,s);c&&!a&&(c=!1,i.msg=r),u[e]={valid:a,invalid:!a,message:r}}),o||i.$emit("validated",c),i._updateModel(c,u),a&&a(i.valid))}),this.validating&&(o=!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")},findMessage:function(t,e,a,i){var l=this.$cubeMessages,c=this.$cubeLang,u=l[c].validator[t];return u?(0,n.isString)(u)?u:(0,n.isFunc)(u)?u(e):(u[a]||(a=(0,n.isArray)(i)?"array":void 0===i?"undefined":(0,s.default)(i)),"function"==typeof u[a]?u[a](e):(0,v.default)(u[a],e)):""}}},t.exports=e.default})},"1y26":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-input",class:{"cube-input_active":t.isFocus}},[t.$slots.prepend?a("div",{staticClass:"cube-input-prepend"},[t._t("prepend")],2):t._e(),t._v(" "),"checkbox"===t._type?a("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:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var a=t.inputValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.inputValue=a.concat([null])):l>-1&&(t.inputValue=a.slice(0,l).concat(a.slice(l+1)))}else t.inputValue=n},t.changeHander]}},"input",t.$props,!1)):"radio"===t._type?a("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)):a("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?a("div",{staticClass:"cube-input-append"},[t._showClear?a("div",{staticClass:"cube-input-clear",on:{touchend:t.handleClear}},[a("i",{staticClass:"cubeic-wrong"})]):t._e(),t._v(" "),t._showPwdEye?a("div",{staticClass:"cube-input-eye",on:{click:t.handlePwdEye}},[a("i",{class:t.eyeClass})]):t._e(),t._v(" "),t._t("append")],2):t._e()])},staticRenderFns:[]}},"1ze/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"slide-container-v"},[a("cube-slide",{attrs:{data:t.items,loop:t.loop,showDots:!1,direction:"vertical"},on:{change:t.change}})],1)])])},staticRenderFns:[]}},"2DUa":function(t,e,a){function i(t){a("D11v")}var n=a("VU/8")(a("3SPU"),a("FzF9"),i,null,null);t.exports=n.exports},"2iSa":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={methods:{showAlert:function(){this.dialog=this.$createDialog({type:"alert",title:"我是标题",content:"我是内容",icon:"cubeic-alert"}),this.dialog.show()},showPrompt:function(){var t=this;this.dialog=this.$createDialog({type:"prompt",title:"我是标题",prompt:{placeholder:"请输入"},onConfirm:function(e,a){t.$createToast({type:"warn",time:1e3,txt:"Prompt value: "+(a||"")}).show()}}),this.dialog.show()},showBtn:function(){var t=this;this.dialog=this.$createDialog({type:"confirm",icon:"cubeic-alert",title:"我是标题",content:"我是内容",confirmBtn:{text:"确定按钮",active:!0,disabled:!1,href:"javascript:;"},cancelBtn:{text:"取消按钮",active:!1,disabled:!1,href:"javascript:;"},onConfirm:function(){t.$createToast({type:"warn",time:1e3,txt:"点击确认按钮"}).show()},onCancel:function(){t.$createToast({type:"warn",time:1e3,txt:"点击取消按钮"}).show()}}),this.dialog.show()},showClose:function(){var t=this;this.dialog=this.$createDialog({type:"alert",icon:"cubeic-alert",showClose:!0,title:"标题",onClose:function(){t.$createToast({type:"warn",time:1e3,txt:"点击关闭按钮"}).show()}}),this.dialog.show()},showSlot:function(){this.dialog=this.$createDialog({type:"alert",confirmBtn:{text:"我知道了",active:!0}},function(t){return[t("div",{class:{"my-title":!0},slot:"title"},[t("div",{class:{"my-title-img":!0}}),t("p","附近车少,优选出租车将来接您")]),t("p",{class:{"my-content":!0},slot:"content"},"价格仍按快车计算")]}),this.dialog.show()}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},"2ql2":function(t,e){},"2wFx":function(t,e){},"2zcT":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("tTMC"),a("EzE1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function l(t,e){var a=o[t.type]||t.type;e["string"==typeof a?"type":"component"]=a}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var c=n(a),u=n(i),o={switch:"radio-group",date:c.default,time:c.default,select:c.default,city:c.default,radio:"radio-group",checkbox:"checkbox-group",tel:"input",agreement:u.default};t.exports=e.default})},"34KM":function(t,e){},"3BKo":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}}},t.exports=e.default})},"3SPU":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="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?i:""}},methods:{addActiveCls:function(t){(0,a.addClass)(t.currentTarget,i)},removeActiveCls:function(t){(0,a.removeClass)(t.currentTarget,i)},selectItem:function(){this.$emit("select",this.item)}}},t.exports=e.default})},"3Xsx":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"formItem",staticClass:"cube-form-item border-bottom-1px",class:t.itemClass},[t.isBtnField?a("cube-button",t._g(t._b({},"cube-button",t.fieldValue.props,!1),t.fieldValue.events),[t._v(t._s(t.fieldValue.label))]):[t._t("label",[a("div",{directives:[{name:"show",rawName:"v-show",value:t.fieldValue.label,expression:"fieldValue.label"}],staticClass:"cube-form-label"},[a("span",[t._v(t._s(t.fieldValue.label))])])]),t._v(" "),t.hasRules?a("cube-validator",{ref:"validator",staticClass:"cube-form-field",attrs:{disabled:t.validatorDisabled,model:t.validatorModel,"model-key":t.validatorModelKey,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",[a(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):a("div",{staticClass:"cube-form-field"},[t._t("default",[a(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:[]}},"3Yuc":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-page",class:t.type},[a("header",{staticClass:"header"},[a("h1",[t._v(t._s(t.title))]),t._v(" "),a("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),a("div",{staticClass:"wrapper"},[a("section",{directives:[{name:"show",rawName:"v-show",value:t.desc,expression:"desc"}],staticClass:"desc"},[t._t("desc",[t._v(t._s(t.desc))])],2),t._v(" "),a("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},"3jWI":function(t,e,a){function i(t){a("3uWI")}var n=a("VU/8")(a("X4T+"),a("enXm"),i,null,null);t.exports=n.exports},"3kPI":function(t,e,a){function i(t){a("nocm")}var n=a("VU/8")(a("Lg4b"),a("m4tM"),i,null,null);t.exports=n.exports},"3uWI":function(t,e){},"3ubT":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("5/tf"),a("agqa"),a("5KkG")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Panel=u.default,c.default.Item=o.default,e.default=c.default,t.exports=e.default})},"41pN":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yjF1"),a("0I1X")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-checkbox-group",mixins:[c.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){var t=this;this.$on("checked",function(e){t._value.length<t.max&&-1===t._value.indexOf(e)&&t._value.push(e),t.$emit("input",t._value)}),this.$on("cancel-checked",function(e){var a=t._value.indexOf(e);t._value.length>t.min&&a>-1&&t._value.splice(a,1),t.$emit("input",t._value)})},components:{CubeCheckbox:l.default}},t.exports=e.default})},"4BV0":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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)"})},"4BmD":function(t,e,a){function i(t){a("V8x2")}var n=a("VU/8")(a("xIPZ"),a("zf5d"),i,null,null);t.exports=n.exports},"4CSM":function(t,e){},"4Gmg":function(t,e,a){function i(t){a("6SD/")}var n=a("VU/8")(a("f/6s"),a("A/pu"),i,null,null);t.exports=n.exports},"4KJe":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("j9ag"),a("UFDc"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={computed:{$t:function(){var t=this.$cubeLang,e=this.$cubeMessages[t];return(0,i.isUndef)(e)?((0,n.warn)("Translation is not registered correctly, you can call Locale.use() to install it."),""):function(t){return(0,i.parsePath)(e,t)}}},beforeCreate:function(){l.default.install(this.$root.constructor)}},t.exports=e.default})},"4Kqh":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["timeout"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"4OFj":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll",title:"Scroll"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[a("span",{staticClass:"scroll-example"},[t._v("1. Default")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("horizontal")}}},[a("span",{staticClass:"scroll-example"},[t._v("2. Horizontal")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("config")}}},[a("span",{staticClass:"scroll-example"},[t._v("3. Customized")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("jd")}}},[a("span",{staticClass:"scroll-example"},[t._v("4. JD")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("toutiao")}}},[a("span",{staticClass:"scroll-example"},[t._v("5. Toutiao")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("v-scrolls")}}},[a("span",{staticClass:"scroll-example"},[t._v("6. Vertical scrolls")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("h-scrolls")}}},[a("span",{staticClass:"scroll-example"},[t._v("7. Horizontal scrolls")])])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"4eWE":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe",title:"Swipe"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"4g/6":function(t,e){},"4gT0":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},"4sRm":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("3BKo")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-upload-btn",mixins:[i.default],methods:{changeHandler:function(t){var e=t.currentTarget,a=e.files;a&&(this.$parent.addFiles(a),e.value=null)}}},t.exports=e.default})},"4xIg":function(t,e,a){function i(t){a("MFKK")}var n=a("VU/8")(a("XlLO"),a("ZCFR"),i,null,null);t.exports=n.exports},"5/tf":function(t,e,a){function i(t){a("N3Wc")}var n=a("VU/8")(a("kLzu"),a("HgRm"),i,null,null);t.exports=n.exports},"57KX":function(t,e){},"58Ml":function(t,e,a){function i(t){a("wYaX")}var n=a("VU/8")(a("jnfQ"),a("br84"),i,null,null);t.exports=n.exports},"5BnR":function(t,e){},"5D5k":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("1Vb/")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{type:"password",value:"",disabled:!1,useClear:!0,maxlength10:!1,clearBlurHidden:!0,readonly:!1,isPwd:!0,showEye:!0,pwdVisible:!0,reverse:!1}},computed:{clearable:function(){return{visible:this.useClear,blurHidden:this.clearBlurHidden}},eye:function(){return!(!this.isPwd||!this.showEye)&&{open:this.reverse?!this.pwdVisible:this.pwdVisible,reverse:this.reverse}}},watch:{value:function(t){var e=this;this.maxlength10&&t.length>10&&(t=t.slice(0,10),this.$nextTick(function(){e.value=t}))}},methods:{updateDisabled:function(t){this.disabled=t},updateReadonly:function(t){this.readonly=t},updateUseClear:function(t){this.useClear=t},updateBlurHidden:function(t){this.clearBlurHidden=t},updateMaxLength:function(t){this.maxlength10=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:l.default,SwitchOption:c.default}},t.exports=e.default})},"5Fev":function(t,e,a){function i(t){a("I6++")}var n=a("VU/8")(a("Dw/u"),a("Szk3"),i,"data-v-7605c0c2",null);t.exports=n.exports},"5HTY":function(t,e,a){var i=a("VU/8")(a("eWUu"),a("C/x+"),null,null,null);t.exports=i.exports},"5KkG":function(t,e,a){function i(t){a("mNkZ")}var n=a("VU/8")(a("+HVL"),a("FccO"),i,null,null);t.exports=n.exports},"5MeU":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[a("template",{slot:"content"},[a("cube-checkbox-group",{attrs:{options:t.options},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),a("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{attrs:{options:t.options,horizontal:!0,position:"right",shape:"square","hollow-style":!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{option:"1"}},[a("i",[t._v("Checkbox 1")])]),t._v(" "),a("cube-checkbox",{attrs:{option:"2"}},[a("i",[t._v("Checkbox 2")])]),t._v(" "),a("cube-checkbox",{attrs:{option:{value:"3",disabled:!0}}},[a("i",[t._v("Disabled Checkbox")])]),t._v(" "),a("cube-checkbox",{attrs:{option:{value:"4",disabled:!0}}},[a("i",[t._v("Disabled & Checked Checkbox")])])],1),t._v(" "),a("br"),t._v(" "),a("cube-input",{attrs:{placeholder:"Input column number"},model:{value:t.colNum,callback:function(e){t.colNum=e},expression:"colNum"}},[a("div",{staticStyle:{paddingLeft:"10px"},attrs:{slot:"prepend"},slot:"prepend"},[t._v(" Column number:")])]),t._v(" "),a("cube-checkbox-group",{attrs:{options:t.colOptions,"col-num":Math.floor(t.colNum)},model:{value:t.colCheckList,callback:function(e){t.colCheckList=e},expression:"colCheckList"}}),t._v(" "),a("br")],1)],2)},staticRenderFns:[]}},"5Raf":function(t,e){},"5VLA":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/scroll-nav/"+t)}}},t.exports=e.default})},"5WX7":function(t,e){},"5e0o":function(t,e,a){function i(t){a("R1uw")}var n=a("VU/8")(a("DLo4"),a("mS3r"),i,null,null);t.exports=n.exports},"5qoB":function(t,e,a){var i,n,l;!function(c,u){n=[e,a("fZjL"),a("pFYg"),a("UFDc"),a("+Ghj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.addRule=t.rules=void 0;var c=l(e),u=l(a),o={required:function(t,e,a){return a=a||(Array.isArray(t)?"array":void 0===t?"undefined":(0,u.default)(t)),"array"===a&&Array.isArray(t)?t.length>0:""!==t&&void 0!==t&&null!==t},type:function(t,e){return!n.types[e]||n.types[e](t)},min:function(t,e,a){return a=a||(void 0===t?"undefined":(0,u.default)(t)),"number"===a||"date"===a?Number(t)>=e:t.length>=e},max:function(t,e,a){return a=a||(void 0===t?"undefined":(0,u.default)(t)),"number"===a||"date"===a?Number(t)<=e:t.length<=e},len:function(t,e,a){a=a||(void 0===t?"undefined":(0,u.default)(t));var i=t;return void 0===i.length&&(i="object"===a?(0,c.default)(i):String(i)),i.length===e},notWhitespace:function(t,e,a){return!/^\s+$/.test(t)},pattern:function(t,e,a){return e.test(t)},custom:function(t,e,a){return e(t)}},s=(0,i.createAddAPI)(o);t.rules=o,t.addRule=s})},"5ri1":function(t,e){},"64cm":function(t,e){},"6BWR":function(t,e){},"6G1g":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("piyO")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"6KDq":function(t,e,a){function i(t){a("A794")}var n=a("VU/8")(a("I7KL"),a("5MeU"),i,null,null);t.exports=n.exports},"6SD/":function(t,e){},"6SSl":function(t,e,a){function i(t){a("Z7ln")}var n=a("VU/8")(a("eAlP"),a("IWr1"),i,"data-v-2295ccaf",null);t.exports=n.exports},"6WIs":function(t,e,a){function i(t){return a(n(t))}function n(t){var e=l[t];if(!(e+1))throw new Error("Cannot find module '"+t+"'.");return e}var l={"./avatar0.png":"Uz7t","./avatar1.png":"bJvT","./avatar2.png":"j/9N","./avatar3.png":"kl+Y","./avatar4.png":"E37f","./avatar5.png":"F7um"};i.keys=function(){return Object.keys(l)},i.resolve=n,t.exports=i,i.id="6WIs"},"6boj":function(t,e,a){function i(t){a("rR3D")}var n=a("VU/8")(a("TdZF"),a("fUkQ"),i,null,null);t.exports=n.exports},"6liq":function(t,e,a){var i=a("VU/8")(a("+HHY"),a("tYAf"),null,null,null);t.exports=i.exports},"77Ud":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"time-picker-view",title:"TimePicker（时间选择器）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showTimePicker}},[t._v("TimePicker")]),t._v(" "),a("cube-button",{on:{click:t.showConfigDayPicker}},[t._v("Config day options")]),t._v(" "),a("cube-button",{on:{click:t.showFormatPicker}},[t._v("Config format")]),t._v(" "),a("cube-button",{on:{click:t.showMinuteStepPicker}},[t._v("Config minute step")]),t._v(" "),a("cube-button",{on:{click:t.showMinPicker}},[t._v("Config min")]),t._v(" "),a("cube-button",{on:{click:t.showMaxPicker}},[t._v("Config max")]),t._v(" "),a("cube-button",{on:{click:t.showSetTimePiker}},[t._v("Use setTime")])],1)],1)])},staticRenderFns:[]}},"794M":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet（操作列表）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),a("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),a("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},"7ErG":function(t,e,a){function i(t){a("5ri1")}var n=a("VU/8")(a("kZnE"),a("kXYV"),i,null,null);t.exports=n.exports},"7Sku":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("+hyH")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"7brH":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("QMhb"),a("5e0o"),a("1BqV"),a("bh5B"),a("qefm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);e.default={name:"cube-scroll-nav",provide:function(){return{scrollNav:this}},mixins:[o.default],props:{data:{type:Array},speed:{type:Number,default:300},side:{type:Boolean,default:!1},current:{type:[String,Number],default:""}},data:function(){return{scrollEvents:["scroll","scroll-end"],scrollY:0,panels:[],active:this.current,pageStickyOffset:0}},computed:{labels:function(){return this.panels.map(function(t){return t.label})},barTxts:function(){return this.panels.map(function(t){return t.title})},barDirection:function(){return this.side?"vertical":"horizontal"}},watch:{current:function(t){this.stickyCurrent=t,this.active=t,this.jumpTo(t)},active:function(t){this.$emit("change",t)}},created:function(){this.navBar=null,this.stickyCurrent=this.current},mounted:function(){var t=this;this.$nextTick(function(){if(t.side){var e=t.$refs.pageSticky.$refs.fixedEle;t.$refs.scroll.$el.appendChild(e)}t.current||(t.active=t.stickyCurrent=t.labels[0]),t.refresh(),t.jumpTo(t.current)})},methods:{scrollTo:function(){this.$refs.scroll&&this.$refs.scroll.scrollTo.apply(this.$refs.scroll,arguments)},refresh:function(){this.navBar&&this.navBar.refresh(),this.$refs.sticky.refresh(),this.$refs.pageSticky.refresh(),this.pageStickyOffset=this.side?0:this.$refs.navBarEle.$el.offsetHeight,this.$refs.scroll.refresh()},setBar:function(t){this.navBar=t},barChange:function(t){var e=this;this.active=t,setTimeout(function(){e.jumpTo(t)})},jumpTo:function(t){if(t){var e=this.getPanel(t);if(e){this._jumping=!0;var a=this.pageStickyOffset;this.$refs.scroll.scrollToElement(e.$el,this.speed,0,this.side?a:-a)}}},getPanel:function(t){var e=null;return this.panels.some(function(a){if(a.label===t)return e=a,!0}),e},pageStickyChangeHandler:function(t){""===t&&(t=this.labels[0]),this.stickyCurrent=t,this._jumping||(this.active=t)},stickyChangeHandler:function(t){var e=this;this.$nextTick(function(){e.navBar&&e.navBar.refresh()}),this.$emit("sticky-change",t)},scrollHandler:function(t){this.scrollY=-t.y,this._jumping||(this.active=this.stickyCurrent)},scrollEndHandler:function(){this._jumping=!1},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)}},components:{CubeSticky:s.default,CubeStickyEle:r.default,CubeScroll:d.default,CubeScrollNavBar:v.default}},t.exports=e.default})},"7lCl":function(t,e,a){function i(t){a("1Ty8")}var n=a("VU/8")(a("41pN"),a("ziJF"),i,null,null);t.exports=n.exports},"7t+P":function(t,e){},"7tZM":function(t,e,a){function i(t){a("v4qp")}var n=a("VU/8")(a("Fth0"),a("NOHr"),i,null,null);t.exports=n.exports},"85uG":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload",title:"Upload"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("compress")}}},[t._v("Compress")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"8F4S":function(t,e,a){function i(t){a("IBoP")}var n=a("VU/8")(a("Uo7j"),a("VOiB"),i,null,null);t.exports=n.exports},"8JgO":function(t,e){},"8Q6G":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{ref:"slideWrapper",staticClass:"slide-container"},[a("cube-slide",{ref:"slide",attrs:{data:t.items,"initial-index":t.initialIndex,loop:t.loop,"auto-play":t.autoPlay,interval:t.interval,threshold:t.threshold,speed:t.speed,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(i,n){return a("span",{staticClass:"my-dot",class:{active:e.current===n}},[t._v(t._s(n+1))])}):void 0}}])})],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"InitialIndex",value:t.initialIndex},on:{"update:value":t.updateInitialIndex}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Loop",value:t.loop},on:{"update:value":t.updateLoop}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Auto Play",value:t.autoPlay},on:{"update:value":t.updateAutoPlay}}),t._v(" "),t.autoPlay?a("input-option",{staticClass:"item sub first last",attrs:{name:"interval",value:t.interval},on:{"update:value":t.updateInterval}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Threshold",value:t.threshold},on:{"update:value":t.updateThreshold}})],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Speed",value:t.speed},on:{"update:value":t.updateSpeed}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Allow Vertical",value:t.allowVertical},on:{"update:value":t.updateAllowVertical}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Add Slide Item3",value:t.addItem3},on:{"update:value":t.updateItem3}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Dots Slot",value:t.dotsSlot},on:{"update:value":t.updateDotsSlot}})],1)])])])])},staticRenderFns:[]}},"8T9y":function(t,e){},"8YJ/":function(t,e,a){function i(t){a("2ql2")}var n=a("VU/8")(a("pWL+"),a("Ycrx"),i,null,null);t.exports=n.exports},"8cJp":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){var a=u[t.type];if(a){var n=a(t),l=n.rules,c=n.messages;(0,i.setRules)(e,t.model,l),(0,i.setMessages)(e,c)}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a),c=function(t,e){return{rules:{custom:t},messages:{custom:e}}},u={tel:function(t){var e=function(t){return"string"==typeof t&&/^1[0-9]{10}$/.test(t)},a=t.errMsg||"请输入正确的手机号码";return c(e,a)},upload:function(t){var e=function(t){return!t.length||l.default.all(t.map(function(t){return new l.default(function(e,a){!function i(){"error"===t.status?a(t):"success"===t.status?e(t):setTimeout(i,100)}()})})).then(function(){return!0})},a=t.errMsg||"上传失败";return c(e,a)}};t.exports=e.default})},"8cOd":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("NTtZ"),a("4Gmg"),a("zuie"),a("j9ag"),a("xYoV"),a("aDIA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(p.default.name,p.default),v.default.install(t),p.default._base=t},s.default.Group=r.default,s.default.Item=d.default,s.default.Validator=p.default,p.default.addRule=u.addRule,p.default.addMessage=u.addMessage,p.default.addType=u.addType,p.default.addHelper=v.default.addHelper,e.default=s.default,t.exports=e.default})},"8jxs":function(t,e,a){function i(t){a("Ngbz")}var n=a("VU/8")(a("l+e5"),a("HT+y"),i,null,null);t.exports=n.exports},"8nmV":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("R4Zp")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"8xmU":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){e.modelKey=t.model,e.key=t.model}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a,t.exports=e.default})},"91me":function(t,e,a){function i(t){a("QwXM")}var n=a("VU/8")(a("nPBw"),a("0Fj/"),i,null,null);t.exports=n.exports},"94MO":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-complex",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{ref:"sticky",attrs:{pos:t.scrollY,offset:t.offsetTop},on:{"diff-change":t.diffChange},scopedSlots:t._u([{key:"fixed",fn:function(e){return[a("ul",{staticClass:"sticky-header"},[a("li",{ref:"stickyHeader"},[t._v("111")])]),t._v(" "),e.index>=0?a("cube-tab-bar",{attrs:{"show-slider":"",data:t.tabs,"use-transition":!1},model:{value:t.currentTab,callback:function(e){t.currentTab=e},expression:"currentTab"}}):t._e()]}}])},[a("cube-scroll",{ref:"scroll",attrs:{data:t.scrollData,"scroll-events":t.scrollEvents,options:t.options},on:{scroll:t.scrollHandler,"scroll-end":t.scrollEndHandler,"pulling-up":t.onPullingUp}},[a("ul",[a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")]),t._v(" "),a("li",[t._v("title")])]),t._v(" "),a("cube-sticky-ele",[a("cube-tab-bar",{attrs:{"show-slider":"",data:t.tabs,"use-transition":!1},model:{value:t.currentTab,callback:function(e){t.currentTab=e},expression:"currentTab"}})],1),t._v(" "),1===t.currentTab?a("ul",t._l(t.items1,function(e){return a("li",[t._v(t._s(e))])})):2===t.currentTab?a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})):a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1)],1)],1)])],2)},staticRenderFns:[]}},"99oh":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"wrapper",staticClass:"cube-scroll-wrapper"},[a("div",{staticClass:"cube-scroll-content"},[a("div",{ref:"listWrapper",staticClass:"cube-scroll-list-wrapper"},[t._t("default",[a("ul",{staticClass:"cube-scroll-list"},t._l(t.data,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px",on:{click:function(a){t.clickItem(e)}}},[t._v(t._s(e))])}))])],2),t._v(" "),t._t("pullup",[t.pullUpLoad?a("div",{staticClass:"cube-pullup-wrapper"},[t.isPullUpLoad?a("div",{staticClass:"after-trigger"},[a("loading")],1):a("div",{staticClass:"before-trigger"},[a("span",[t._v(t._s(t.pullUpTxt))])])]):t._e()],{pullUpLoad:t.pullUpLoad,isPullUpLoad:t.isPullUpLoad})],2),t._v(" "),t.pullDownRefresh?a("div",{ref:"pulldown",staticClass:"cube-pulldown"},[t._t("pulldown",[a("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.beforePullDown,expression:"beforePullDown"}],staticClass:"before-trigger"},[a("bubble",{staticClass:"bubble",attrs:{y:t.bubbleY}})],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.beforePullDown,expression:"!beforePullDown"}],staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isPullingDown,expression:"isPullingDown"}],staticClass:"loading"},[a("loading")],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.isPullingDown,expression:"!isPullingDown"}],staticClass:"cube-pulldown-loaded"},[a("span",[t._v(t._s(t.refreshTxt))])])])])],{pullDownRefresh:t.pullDownRefresh,pullDownStyle:t.pullDownStyle,beforePullDown:t.beforePullDown,isPullingDown:t.isPullingDown,bubbleY:t.bubbleY})],2):t._e()])},staticRenderFns:[]}},"9IQh":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},"9O6X":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS"),a("XRNA"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-recycle-list",data:function(){return{items:[],heights:0,startIndex:0,loadings:[],noMore:!1}},props:{infinite:{type:Boolean,default:!1},size:{type:Number,default:20},offset:{type:Number,default:100},onFetch:{type:Function,required:!0}},computed:{visibleItems:function(){return this.items.slice(Math.max(0,this.startIndex-this.size),Math.min(this.items.length,this.startIndex+this.size))},tombHeight:function(){return this.infinite?this.$refs.tomb&&this.$refs.tomb.offsetHeight:0},loading:function(){return this.loadings.length}},created:function(){this.list=[],this.promiseStack=[]},mounted:function(){this.checkPromiseCompatibility(),this.$el.addEventListener("scroll",this._onScroll),window.addEventListener("resize",this._onResize),this.load()},beforeDestroy:function(){this.$el.removeEventListener("scroll",this._onScroll),window.removeEventListener("resize",this._onResize)},methods:{checkPromiseCompatibility:function(){(0,n.isUndef)(window.Promise)&&(0,i.warn)("requires a Promise polyfill in this browser.")},load:function(){if(this.infinite){var t=this.items,e=t.length;t.length+=this.size;var a=t.length;this.loadItems(e,a),this.getItems()}else this.loading||this.getItems()},getItems:function(){var t=this,e=this.promiseStack.length,a=this.onFetch();this.loadings.push("pending"),this.promiseStack.push(a),a.then(function(a){t.loadings.pop(),a?(t.setList(e,a),t.loadItemsByIndex(e),a.length<t.size&&t.stopScroll(e)):t.stopScroll(e)})},removeUnusedTombs:function(t,e){var a=void 0,i=this.size,n=e*i,l=(e+1)*i;for(a=n;a<l&&(!t[a]||!t[a].isTombstone);a++);this.items=t.slice(0,a)},stopScroll:function(t){this.noMore=!0,this.removeUnusedTombs(this.items.slice(0),t),this.updateItemTop(),this.updateStartIndex()},setList:function(t,e){for(var a=this.list,i=t*this.size,n=0;n<e.length;n++)a[i+n]=e[n]},loadItemsByIndex:function(t){var e=this.size,a=t*e,i=(t+1)*e;this.loadItems(a,i)},loadItems:function(t,e){for(var a=this,i=this.items,n=[],l=void 0,c=t;c<e;c++){(function(t){if((l=i[t])&&l.loaded)return"continue";a.setItem(t,a.list[t]),n.push(a.$nextTick().then(function(){a.updateItemHeight(t)}))})(c)}window.Promise.all(n).then(function(){a.updateItemTop(),a.updateStartIndex()})},setItem:function(t,e){this.$set(this.items,t,{data:e||{},height:0,top:-1e3,isTombstone:!e,loaded:e?1:0})},updateItemHeight:function(t){var e=this.items[t],a=this.$refs["preloads"+t];a&&a[0]?e.height=a[0].offsetHeight:e&&(e.height=this.tombHeight)},updateItemTop:function(){for(var t=0,e=this.items,a=void 0,i=void 0,n=0;n<e.length;n++)a=e[n-1],i=e[n],e[n]?(i.top=a?a.top+a.height:0,t+=i.height):t+=0;this.heights=t},updateStartIndex:function(){for(var t=this.$el.scrollTop,e=void 0,a=this.items,i=0;i<a.length;i++)if(!(e=a[i])||e.top>t){this.startIndex=Math.max(0,i-1);break}},reset:function(){var t=this;[{key:"items",value:[]},{key:"heights",value:0},{key:"startIndex",value:0},{key:"loadings",value:[]},{key:"noMore",value:!1},{key:"list",value:[]},{key:"promiseStack",value:[]}].forEach(function(e){var a=e.key,i=e.value;t[a]=i}),this.$el.scrollTop=0,this.load()},_onScroll:function(){!this.noMore&&this.$el.scrollTop+this.$el.offsetHeight>this.heights-this.offset&&this.load(),this.updateStartIndex()},_onResize:function(){var t=this.items;t.forEach(function(t){t.loaded=!1}),this.loadItems(0,t.length)}},components:{CubeLoading:l.default}},t.exports=e.default})},"9Vqu":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-tab-view",title:"ScrollTab"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"left-panel"},[a("cube-scroll",[a("cube-tab-bar",{attrs:{data:t.tabs},on:{change:t.changeHandler},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}})],1)],1),t._v(" "),a("div",{staticClass:"right-panel"},[a("cube-scroll",{ref:"scroll"},[a("ul",t._l(t.scrollData,function(e,i){return a("li",[a("img",{attrs:{src:e.avatar,alt:""}}),t._v(" "),a("span",[t._v(t._s(e.name))])])}))])],1)])])},staticRenderFns:[]}},"9ZU5":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=3;e.default={data:function(){return{options:{pullDownRefresh:{threshold:60,stop:40,txt:"更新成功"}},pullDownY:0,pullDownStyle:"",opacityStyle:"",triggerSurpriseFlag:!1,triggerSurprise:!1}},components:{CubePage:i.default},computed:{pullDownTip:function(){return this.pullDownY<=60?"下拉刷新...":this.pullDownY<=90?"继续下拉有惊喜...":"松手得惊喜！"},headerStyle:function(){return Math.min(1,Math.max(0,1-this.pullDownY/40))}},methods:{onScrollHandle:function(t){this.pullDownY=t.y,t.y>0&&(this.pullDownStyle="top:"+t.y+"px",this.triggerSurpriseFlag=!1,this.pullDownY>90&&(this.triggerSurpriseFlag=!0)),this.$refs.topHeader.style.opacity=this.headerStyle},onPullingDown:function(){var t=this;if(this.triggerSurpriseFlag)return this.triggerSurprise=!0,void this.$refs.scroll.forceUpdate();setTimeout(function(){t.$refs.scroll.forceUpdate()},1e3)},surpriseHandle:function(){this.triggerSurpriseFlag=!1,this.triggerSurprise=!1,this.$refs.topHeader.style.opacity=1},onImgLoad:function(){0==--n&&this.$refs.scroll.refresh()}}},t.exports=e.default})},"9a9J":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"demo-questionnaire"},[t.tip?a("p",{staticClass:"demo-questionnaire-tip cubeic-warn",domProps:{innerHTML:t._s(t.tip)}}):t._e(),t._v(" "),a("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options,"submit-always-validate":!0},on:{validate:t.validateHandler,submit:t.submitHandler}})],1)},staticRenderFns:[]}},"9dOh":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-def",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Normal upload(File max size 1MB): ")]),t._v(" "),a("div",[a("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1},on:{"files-added":t.filesAdded}}),t._v(" "),t.isUploading?a("cube-button",{on:{click:t.pause}},[t._v("Pause")]):a("cube-button",{on:{click:t.upload}},[t._v("Upload")]),t._v(" "),a("cube-button",{on:{click:t.retry}},[t._v("Retry")])],1)])],2)},staticRenderFns:[]}},"9eEc":function(t,e){},"9gYT":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),a("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:[]}},"9xqn":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE"),a("yjF1"),a("7lCl"),a("ZrYO"),a("N/gd"),a("mkLW"),a("yb46"),a("g9J/"),a("3kPI"),a("R4Zp"),a("+hyH"),a("BD2p")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=f(a),x=f(i),y=f(n),m=f(l),b=f(c),g=f(u),_=f(o),w=f(s),k=f(r),A=f(d),C=f(v),T=f(p),j=[h.default,x.default,y.default,m.default,b.default,g.default,_.default,w.default,k.default,A.default,C.default,T.default],P={};j.forEach(function(t){P[t.name]=t}),e.default=P,t.exports=e.default})},"9y2D":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-textarea",title:"Scroll"}},[a("template",{slot:"content"},[a("div",{staticClass:"scroll-wrap",on:{touchstart:function(t){t.stopPropagation()}}},[a("cube-scroll",{ref:"scrollOuter",staticClass:"scroll-outer",attrs:{options:t.optionsOuter}},[a("p",[t._v("Sometimes we need a teatarea in cube-scroll component. However the problem is, we can not use the native scroll in teatarea when we need to scroll, due to we prevent the default broswer behavior of 'scroll' event in Cube-scroll.")]),t._v(" "),a("p",[t._v("Now, we give this example, introducing two ways how to solve this trouble.")]),t._v(" "),a("p",[t._v("Both approach takes advantage of the cube-scroll support for nesting. We wrap the internal input box with cube-scroll and simulate the scrolling behavior by cube-scroll.")]),t._v(" "),a("div",{staticClass:"editable-div-wrapper",class:{"editable-div_active":t.isFocusDiv}},[a("cube-scroll",{ref:"divWrapScroll",attrs:{options:t.options}},[a("div",{ref:"editablediv",staticClass:"editable-div",attrs:{contenteditable:"true"},on:{focus:t.onFocusDiv,blur:t.onBlurDiv,input:t.onInputDiv}})]),t._v(" "),a("span",{staticClass:"editable-div-indicator"},[t._v(t._s(t.divValueCount))])],1),t._v(" "),a("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_active":t.isFocusNative}},[a("cube-scroll",{ref:"nativeWrapScroll",attrs:{options:t.options}},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"textarea",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder},domProps:{value:t.textareaValue},on:{input:[function(e){e.target.composing||(t.textareaValue=e.target.value)},t.onInputNative],focus:t.onFocusNative,blur:t.onBlurNative}})]),t._v(" "),a("span",{staticClass:"cube-textarea-indicator"},[t._v(t._s(t.textareaValueCount))])],1),t._v(" "),a("p",[t._v("有时候我们需要在 cube-scroll 组件中包含 teatarea 输入框。然而由于我们在使用 cube-scroll 时禁用了浏览器 'scroll' 事件的默认行为，因此我们无法在 textarea 输入框中使用浏览器的原生滚动。")]),t._v(" "),a("p",[t._v("现在我们希望通过这个例子，介绍两种解决这个问题的方法。")]),t._v(" "),a("p",[t._v("核心都是利用了 cube-scroll 支持嵌套的能力，我们将内部的输入框用 cube-scroll 进行包装，通过 cube-scroll 去模拟滚动行为。但是有一个要求是，内容区域必须是高度自适应，即高度随内容多少增加或减少。")]),t._v(" "),a("p",[t._v("1. 利用 div 标签模拟 textarea，实现内容区域高度自适应。"),a("br"),t._v(" 2. 利用 textarea 配合 js，实现高度自适应。")]),t._v(" "),a("p",[t._v("最后，我们还需要一些额外的工作保证输入过程中，光标能始终在视线内，保持与原生输入框的行为一致。")])])],1),t._v(" "),a("h1",[t._v(t._s(t.msg))])])],2)},staticRenderFns:[]}},"9zBd":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.provinceList=[{text:"北京市",value:"110000"},{text:"天津市",value:"120000"},{text:"河北省",value:"130000"},{text:"山西省",value:"140000"},{text:"内蒙古自治区",value:"150000"},{text:"辽宁省",value:"210000"},{text:"吉林省",value:"220000"},{text:"黑龙江省",value:"230000"},{text:"上海市",value:"310000"},{text:"江苏省",value:"320000"},{text:"浙江省",value:"330000"},{text:"安徽省",value:"340000"},{text:"福建省",value:"350000"},{text:"江西省",value:"360000"},{text:"山东省",value:"370000"},{text:"河南省",value:"410000"},{text:"湖北省",value:"420000"},{text:"湖南省",value:"430000"},{text:"广东省",value:"440000"},{text:"广西壮族自治区",value:"450000"},{text:"海南省",value:"460000"},{text:"重庆市",value:"500000"},{text:"四川省",value:"510000"},{text:"贵州省",value:"520000"},{text:"云南省",value:"530000"},{text:"西藏自治区",value:"540000"},{text:"陕西省",value:"610000"},{text:"甘肃省",value:"620000"},{text:"青海省",value:"630000"},{text:"宁夏回族自治区",value:"640000"},{text:"新疆维吾尔自治区",value:"650000"}],t.cityList={110000:[{province:"北京市",text:"北京市",value:"110100"}],120000:[{province:"天津市",text:"天津市",value:"120100"}],130000:[{province:"河北省",text:"石家庄市",value:"130100"},{province:"河北省",text:"唐山市",value:"130200"},{province:"河北省",text:"秦皇岛市",value:"130300"},{province:"河北省",text:"邯郸市",value:"130400"},{province:"河北省",text:"邢台市",value:"130500"},{province:"河北省",text:"保定市",value:"130600"},{province:"河北省",text:"张家口市",value:"130700"},{province:"河北省",text:"承德市",value:"130800"},{province:"河北省",text:"沧州市",value:"130900"},{province:"河北省",text:"廊坊市",value:"131000"},{province:"河北省",text:"衡水市",value:"131100"},{province:"河北省",text:"省直辖县级行政区划",value:"139000"}],140000:[{province:"山西省",text:"太原市",value:"140100"},{province:"山西省",text:"大同市",value:"140200"},{province:"山西省",text:"阳泉市",value:"140300"},{province:"山西省",text:"长治市",value:"140400"},{province:"山西省",text:"晋城市",value:"140500"},{province:"山西省",text:"朔州市",value:"140600"},{province:"山西省",text:"晋中市",value:"140700"},{province:"山西省",text:"运城市",value:"140800"},{province:"山西省",text:"忻州市",value:"140900"},{province:"山西省",text:"临汾市",value:"141000"},{province:"山西省",text:"吕梁市",value:"141100"}],150000:[{province:"内蒙古自治区",text:"呼和浩特市",value:"150100"},{province:"内蒙古自治区",text:"包头市",value:"150200"},{province:"内蒙古自治区",text:"乌海市",value:"150300"},{province:"内蒙古自治区",text:"赤峰市",value:"150400"},{province:"内蒙古自治区",text:"通辽市",value:"150500"},{province:"内蒙古自治区",text:"鄂尔多斯市",value:"150600"},{province:"内蒙古自治区",text:"呼伦贝尔市",value:"150700"},{province:"内蒙古自治区",text:"巴彦淖尔市",value:"150800"},{province:"内蒙古自治区",text:"乌兰察布市",value:"150900"},{province:"内蒙古自治区",text:"兴安盟",value:"152200"},{province:"内蒙古自治区",text:"锡林郭勒盟",value:"152500"},{province:"内蒙古自治区",text:"阿拉善盟",value:"152900"}],210000:[{province:"辽宁省",text:"沈阳市",value:"210100"},{province:"辽宁省",text:"大连市",value:"210200"},{province:"辽宁省",text:"鞍山市",value:"210300"},{province:"辽宁省",text:"抚顺市",value:"210400"},{province:"辽宁省",text:"本溪市",value:"210500"},{province:"辽宁省",text:"丹东市",value:"210600"},{province:"辽宁省",text:"锦州市",value:"210700"},{province:"辽宁省",text:"营口市",value:"210800"},{province:"辽宁省",text:"阜新市",value:"210900"},{province:"辽宁省",text:"辽阳市",value:"211000"},{province:"辽宁省",text:"盘锦市",value:"211100"},{province:"辽宁省",text:"铁岭市",value:"211200"},{province:"辽宁省",text:"朝阳市",value:"211300"},{province:"辽宁省",text:"葫芦岛市",value:"211400"}],220000:[{province:"吉林省",text:"长春市",value:"220100"},{province:"吉林省",text:"吉林市",value:"220200"},{province:"吉林省",text:"四平市",value:"220300"},{province:"吉林省",text:"辽源市",value:"220400"},{province:"吉林省",text:"通化市",value:"220500"},{province:"吉林省",text:"白山市",value:"220600"},{province:"吉林省",text:"松原市",value:"220700"},{province:"吉林省",text:"白城市",value:"220800"},{province:"吉林省",text:"延边朝鲜族自治州",value:"222400"}],230000:[{province:"黑龙江省",text:"哈尔滨市",value:"230100"},{province:"黑龙江省",text:"齐齐哈尔市",value:"230200"},{province:"黑龙江省",text:"鸡西市",value:"230300"},{province:"黑龙江省",text:"鹤岗市",value:"230400"},{province:"黑龙江省",text:"双鸭山市",value:"230500"},{province:"黑龙江省",text:"大庆市",value:"230600"},{province:"黑龙江省",text:"伊春市",value:"230700"},{province:"黑龙江省",text:"佳木斯市",value:"230800"},{province:"黑龙江省",text:"七台河市",value:"230900"},{province:"黑龙江省",text:"牡丹江市",value:"231000"},{province:"黑龙江省",text:"黑河市",value:"231100"},{province:"黑龙江省",text:"绥化市",value:"231200"},{province:"黑龙江省",text:"大兴安岭地区",value:"232700"}],310000:[{province:"上海市",text:"上海市",value:"310100"}],320000:[{province:"江苏省",text:"南京市",value:"320100"},{province:"江苏省",text:"无锡市",value:"320200"},{province:"江苏省",text:"徐州市",value:"320300"},{province:"江苏省",text:"常州市",value:"320400"},{province:"江苏省",text:"苏州市",value:"320500"},{province:"江苏省",text:"南通市",value:"320600"},{province:"江苏省",text:"连云港市",value:"320700"},{province:"江苏省",text:"淮安市",value:"320800"},{province:"江苏省",text:"盐城市",value:"320900"},{province:"江苏省",text:"扬州市",value:"321000"},{province:"江苏省",text:"镇江市",value:"321100"},{province:"江苏省",text:"泰州市",value:"321200"},{province:"江苏省",text:"宿迁市",value:"321300"}],330000:[{province:"浙江省",text:"杭州市",value:"330100"},{province:"浙江省",text:"宁波市",value:"330200"},{province:"浙江省",text:"温州市",value:"330300"},{province:"浙江省",text:"嘉兴市",value:"330400"},{province:"浙江省",text:"湖州市",value:"330500"},{province:"浙江省",text:"绍兴市",value:"330600"},{province:"浙江省",text:"金华市",value:"330700"},{province:"浙江省",text:"衢州市",value:"330800"},{province:"浙江省",text:"舟山市",value:"330900"},{province:"浙江省",text:"台州市",value:"331000"},{province:"浙江省",text:"丽水市",value:"331100"}],340000:[{province:"安徽省",text:"合肥市",value:"340100"},{province:"安徽省",text:"芜湖市",value:"340200"},{province:"安徽省",text:"蚌埠市",value:"340300"},{province:"安徽省",text:"淮南市",value:"340400"},{province:"安徽省",text:"马鞍山市",value:"340500"},{province:"安徽省",text:"淮北市",value:"340600"},{province:"安徽省",text:"铜陵市",value:"340700"},{province:"安徽省",text:"安庆市",value:"340800"},{province:"安徽省",text:"黄山市",value:"341000"},{province:"安徽省",text:"滁州市",value:"341100"},{province:"安徽省",text:"阜阳市",value:"341200"},{province:"安徽省",text:"宿州市",value:"341300"},{province:"安徽省",text:"六安市",value:"341500"},{province:"安徽省",text:"亳州市",value:"341600"},{province:"安徽省",text:"池州市",value:"341700"},{province:"安徽省",text:"宣城市",value:"341800"}],350000:[{province:"福建省",text:"福州市",value:"350100"},{province:"福建省",text:"厦门市",value:"350200"},{province:"福建省",text:"莆田市",value:"350300"},{province:"福建省",text:"三明市",value:"350400"},{province:"福建省",text:"泉州市",value:"350500"},{province:"福建省",text:"漳州市",value:"350600"},{province:"福建省",text:"南平市",value:"350700"},{province:"福建省",text:"龙岩市",value:"350800"},{province:"福建省",text:"宁德市",value:"350900"}],360000:[{province:"江西省",text:"南昌市",value:"360100"},{province:"江西省",text:"景德镇市",value:"360200"},{province:"江西省",text:"萍乡市",value:"360300"},{province:"江西省",text:"九江市",value:"360400"},{province:"江西省",text:"新余市",value:"360500"},{province:"江西省",text:"鹰潭市",value:"360600"},{province:"江西省",text:"赣州市",value:"360700"},{province:"江西省",text:"吉安市",value:"360800"},{province:"江西省",text:"宜春市",value:"360900"},{province:"江西省",text:"抚州市",value:"361000"},{province:"江西省",text:"上饶市",value:"361100"}],370000:[{province:"山东省",text:"济南市",value:"370100"},{province:"山东省",text:"青岛市",value:"370200"},{province:"山东省",text:"淄博市",value:"370300"},{province:"山东省",text:"枣庄市",value:"370400"},{province:"山东省",text:"东营市",value:"370500"},{province:"山东省",text:"烟台市",value:"370600"},{province:"山东省",text:"潍坊市",value:"370700"},{province:"山东省",text:"济宁市",value:"370800"},{province:"山东省",text:"泰安市",value:"370900"},{province:"山东省",text:"威海市",value:"371000"},{province:"山东省",text:"日照市",value:"371100"},{province:"山东省",text:"莱芜市",value:"371200"},{province:"山东省",text:"临沂市",value:"371300"},{province:"山东省",text:"德州市",value:"371400"},{province:"山东省",text:"聊城市",value:"371500"},{province:"山东省",text:"滨州市",value:"371600"},{province:"山东省",text:"菏泽市",value:"371700"}],410000:[{province:"河南省",text:"郑州市",value:"410100"},{province:"河南省",text:"开封市",value:"410200"},{province:"河南省",text:"洛阳市",value:"410300"},{province:"河南省",text:"平顶山市",value:"410400"},{province:"河南省",text:"安阳市",value:"410500"},{province:"河南省",text:"鹤壁市",value:"410600"},{province:"河南省",text:"新乡市",value:"410700"},{province:"河南省",text:"焦作市",value:"410800"},{province:"河南省",text:"濮阳市",value:"410900"},{province:"河南省",text:"许昌市",value:"411000"},{province:"河南省",text:"漯河市",value:"411100"},{province:"河南省",text:"三门峡市",value:"411200"},{province:"河南省",text:"南阳市",value:"411300"},{province:"河南省",text:"商丘市",value:"411400"},{province:"河南省",text:"信阳市",value:"411500"},{province:"河南省",text:"周口市",value:"411600"},{province:"河南省",text:"驻马店市",value:"411700"},{province:"河南省",text:"省直辖县级行政区划",value:"419000"}],420000:[{province:"湖北省",text:"武汉市",value:"420100"},{province:"湖北省",text:"黄石市",value:"420200"},{province:"湖北省",text:"十堰市",value:"420300"},{province:"湖北省",text:"宜昌市",value:"420500"},{province:"湖北省",text:"襄阳市",value:"420600"},{province:"湖北省",text:"鄂州市",value:"420700"},{province:"湖北省",text:"荆门市",value:"420800"},{province:"湖北省",text:"孝感市",value:"420900"},{province:"湖北省",text:"荆州市",value:"421000"},{province:"湖北省",text:"黄冈市",value:"421100"},{province:"湖北省",text:"咸宁市",value:"421200"},{province:"湖北省",text:"随州市",value:"421300"},{province:"湖北省",text:"恩施土家族苗族自治州",value:"422800"},{province:"湖北省",text:"省直辖县级行政区划",value:"429000"}],430000:[{province:"湖南省",text:"长沙市",value:"430100"},{province:"湖南省",text:"株洲市",value:"430200"},{province:"湖南省",text:"湘潭市",value:"430300"},{province:"湖南省",text:"衡阳市",value:"430400"},{province:"湖南省",text:"邵阳市",value:"430500"},{province:"湖南省",text:"岳阳市",value:"430600"},{province:"湖南省",text:"常德市",value:"430700"},{province:"湖南省",text:"张家界市",value:"430800"},{province:"湖南省",text:"益阳市",value:"430900"},{province:"湖南省",text:"郴州市",value:"431000"},{province:"湖南省",text:"永州市",value:"431100"},{province:"湖南省",text:"怀化市",value:"431200"},{province:"湖南省",text:"娄底市",value:"431300"},{province:"湖南省",text:"湘西土家族苗族自治州",value:"433100"}],440000:[{province:"广东省",text:"广州市",value:"440100"},{province:"广东省",text:"韶关市",value:"440200"},{province:"广东省",text:"深圳市",value:"440300"},{province:"广东省",text:"珠海市",value:"440400"},{province:"广东省",text:"汕头市",value:"440500"},{province:"广东省",text:"佛山市",value:"440600"},{province:"广东省",text:"江门市",value:"440700"},{province:"广东省",text:"湛江市",value:"440800"},{province:"广东省",text:"茂名市",value:"440900"},{province:"广东省",text:"肇庆市",value:"441200"},{province:"广东省",text:"惠州市",value:"441300"},{province:"广东省",text:"梅州市",value:"441400"},{province:"广东省",text:"汕尾市",value:"441500"},{province:"广东省",text:"河源市",value:"441600"},{province:"广东省",text:"阳江市",value:"441700"},{province:"广东省",text:"清远市",value:"441800"},{province:"广东省",text:"东莞市",value:"441900"},{province:"广东省",text:"中山市",value:"442000"},{province:"广东省",text:"潮州市",value:"445100"},{province:"广东省",text:"揭阳市",value:"445200"},{province:"广东省",text:"云浮市",value:"445300"}],450000:[{province:"广西壮族自治区",text:"南宁市",value:"450100"},{province:"广西壮族自治区",text:"柳州市",value:"450200"},{province:"广西壮族自治区",text:"桂林市",value:"450300"},{province:"广西壮族自治区",text:"梧州市",value:"450400"},{province:"广西壮族自治区",text:"北海市",value:"450500"},{province:"广西壮族自治区",text:"防城港市",value:"450600"},{province:"广西壮族自治区",text:"钦州市",value:"450700"},{province:"广西壮族自治区",text:"贵港市",value:"450800"},{province:"广西壮族自治区",text:"玉林市",value:"450900"},{province:"广西壮族自治区",text:"百色市",value:"451000"},{province:"广西壮族自治区",text:"贺州市",value:"451100"},{province:"广西壮族自治区",text:"河池市",value:"451200"},{province:"广西壮族自治区",text:"来宾市",value:"451300"},{province:"广西壮族自治区",text:"崇左市",value:"451400"}],460000:[{province:"海南省",text:"海口市",value:"460100"},{province:"海南省",text:"三亚市",value:"460200"},{province:"海南省",text:"三沙市",value:"460300"},{province:"海南省",text:"儋州市",value:"460400"},{province:"海南省",text:"省直辖县级行政区划",value:"469000"}],500000:[{province:"重庆市",text:"重庆市",value:"500100"},{province:"重庆市",text:"县",value:"500200"}],510000:[{province:"四川省",text:"成都市",value:"510100"},{province:"四川省",text:"自贡市",value:"510300"},{province:"四川省",text:"攀枝花市",value:"510400"},{province:"四川省",text:"泸州市",value:"510500"},{province:"四川省",text:"德阳市",value:"510600"},{province:"四川省",text:"绵阳市",value:"510700"},{province:"四川省",text:"广元市",value:"510800"},{province:"四川省",text:"遂宁市",value:"510900"},{province:"四川省",text:"内江市",value:"511000"},{province:"四川省",text:"乐山市",value:"511100"},{province:"四川省",text:"南充市",value:"511300"},{province:"四川省",text:"眉山市",value:"511400"},{province:"四川省",text:"宜宾市",value:"511500"},{province:"四川省",text:"广安市",value:"511600"},{province:"四川省",text:"达州市",value:"511700"},{province:"四川省",text:"雅安市",value:"511800"},{province:"四川省",text:"巴中市",value:"511900"},{province:"四川省",text:"资阳市",value:"512000"},{province:"四川省",text:"阿坝藏族羌族自治州",value:"513200"},{province:"四川省",text:"甘孜藏族自治州",value:"513300"},{province:"四川省",text:"凉山彝族自治州",value:"513400"}],520000:[{province:"贵州省",text:"贵阳市",value:"520100"},{province:"贵州省",text:"六盘水市",value:"520200"},{province:"贵州省",text:"遵义市",value:"520300"},{province:"贵州省",text:"安顺市",value:"520400"},{province:"贵州省",text:"毕节市",value:"520500"},{province:"贵州省",text:"铜仁市",value:"520600"},{province:"贵州省",text:"黔西南布依族苗族自治州",value:"522300"},{province:"贵州省",text:"黔东南苗族侗族自治州",value:"522600"},{province:"贵州省",text:"黔南布依族苗族自治州",value:"522700"}],530000:[{province:"云南省",text:"昆明市",value:"530100"},{province:"云南省",text:"曲靖市",value:"530300"},{province:"云南省",text:"玉溪市",value:"530400"},{province:"云南省",text:"保山市",value:"530500"},{province:"云南省",text:"昭通市",value:"530600"},{province:"云南省",text:"丽江市",value:"530700"},{province:"云南省",text:"普洱市",value:"530800"},{province:"云南省",text:"临沧市",value:"530900"},{province:"云南省",text:"楚雄彝族自治州",value:"532300"},{province:"云南省",text:"红河哈尼族彝族自治州",value:"532500"},{province:"云南省",text:"文山壮族苗族自治州",value:"532600"},{province:"云南省",text:"西双版纳傣族自治州",value:"532800"},{province:"云南省",text:"大理白族自治州",value:"532900"},{province:"云南省",text:"德宏傣族景颇族自治州",value:"533100"},{province:"云南省",text:"怒江傈僳族自治州",value:"533300"},{province:"云南省",text:"迪庆藏族自治州",value:"533400"}],540000:[{province:"西藏自治区",text:"拉萨市",value:"540100"},{province:"西藏自治区",text:"日喀则市",value:"540200"},{province:"西藏自治区",text:"昌都市",value:"540300"},{province:"西藏自治区",text:"林芝市",value:"540400"},{province:"西藏自治区",text:"山南市",value:"540500"},{province:"西藏自治区",text:"那曲地区",value:"542400"},{province:"西藏自治区",text:"阿里地区",value:"542500"}],610000:[{province:"陕西省",text:"西安市",value:"610100"},{province:"陕西省",text:"铜川市",value:"610200"},{province:"陕西省",text:"宝鸡市",value:"610300"},{province:"陕西省",text:"咸阳市",value:"610400"},{province:"陕西省",text:"渭南市",value:"610500"},{province:"陕西省",text:"延安市",value:"610600"},{province:"陕西省",text:"汉中市",value:"610700"},{province:"陕西省",text:"榆林市",value:"610800"},{province:"陕西省",text:"安康市",value:"610900"},{province:"陕西省",text:"商洛市",value:"611000"}],620000:[{province:"甘肃省",text:"兰州市",value:"620100"},{province:"甘肃省",text:"嘉峪关市",value:"620200"},{province:"甘肃省",text:"金昌市",value:"620300"},{province:"甘肃省",text:"白银市",value:"620400"},{province:"甘肃省",text:"天水市",value:"620500"},{province:"甘肃省",text:"武威市",value:"620600"},{province:"甘肃省",text:"张掖市",value:"620700"},{province:"甘肃省",text:"平凉市",value:"620800"},{province:"甘肃省",text:"酒泉市",value:"620900"},{province:"甘肃省",text:"庆阳市",value:"621000"},{province:"甘肃省",text:"定西市",value:"621100"},{province:"甘肃省",text:"陇南市",value:"621200"},{province:"甘肃省",text:"临夏回族自治州",value:"622900"},{province:"甘肃省",text:"甘南藏族自治州",value:"623000"}],630000:[{province:"青海省",text:"西宁市",value:"630100"},{province:"青海省",text:"海东市",value:"630200"},{province:"青海省",text:"海北藏族自治州",value:"632200"},{province:"青海省",text:"黄南藏族自治州",value:"632300"},{province:"青海省",text:"海南藏族自治州",value:"632500"},{province:"青海省",text:"果洛藏族自治州",value:"632600"},{province:"青海省",text:"玉树藏族自治州",value:"632700"},{province:"青海省",text:"海西蒙古族藏族自治州",value:"632800"}],640000:[{province:"宁夏回族自治区",text:"银川市",value:"640100"},{province:"宁夏回族自治区",text:"石嘴山市",value:"640200"},{province:"宁夏回族自治区",text:"吴忠市",value:"640300"},{province:"宁夏回族自治区",text:"固原市",value:"640400"},{province:"宁夏回族自治区",text:"中卫市",value:"640500"}],650000:[{province:"新疆维吾尔自治区",text:"乌鲁木齐市",value:"650100"},{province:"新疆维吾尔自治区",text:"克拉玛依市",value:"650200"},{province:"新疆维吾尔自治区",text:"吐鲁番市",value:"650400"},{province:"新疆维吾尔自治区",text:"哈密市",value:"650500"},{province:"新疆维吾尔自治区",text:"昌吉回族自治州",value:"652300"},{province:"新疆维吾尔自治区",text:"博尔塔拉蒙古自治州",value:"652700"},{province:"新疆维吾尔自治区",text:"巴音郭楞蒙古自治州",value:"652800"},{province:"新疆维吾尔自治区",text:"阿克苏地区",value:"652900"},{province:"新疆维吾尔自治区",text:"克孜勒苏柯尔克孜自治州",value:"653000"},{province:"新疆维吾尔自治区",text:"喀什地区",value:"653100"},{province:"新疆维吾尔自治区",text:"和田地区",value:"653200"},{province:"新疆维吾尔自治区",text:"伊犁哈萨克自治州",value:"654000"},{province:"新疆维吾尔自治区",text:"塔城地区",value:"654200"},{province:"新疆维吾尔自治区",text:"阿勒泰地区",value:"654300"},{province:"新疆维吾尔自治区",text:"自治区直辖县级行政区划",value:"659000"}]},t.areaList={110100:[{city:"市辖区",text:"东城区",value:"110101"},{city:"市辖区",text:"西城区",value:"110102"},{city:"市辖区",text:"朝阳区",value:"110105"},{city:"市辖区",text:"丰台区",value:"110106"},{city:"市辖区",text:"石景山区",value:"110107"},{city:"市辖区",text:"海淀区",value:"110108"},{city:"市辖区",text:"门头沟区",value:"110109"},{city:"市辖区",text:"房山区",value:"110111"},{city:"市辖区",text:"通州区",value:"110112"},{city:"市辖区",text:"顺义区",value:"110113"},{city:"市辖区",text:"昌平区",value:"110114"},{city:"市辖区",text:"大兴区",value:"110115"},{city:"市辖区",text:"怀柔区",value:"110116"},{city:"市辖区",text:"平谷区",value:"110117"},{city:"市辖区",text:"密云区",value:"110118"},{city:"市辖区",text:"延庆区",value:"110119"}],120100:[{city:"市辖区",text:"和平区",value:"120101"},{city:"市辖区",text:"河东区",value:"120102"},{city:"市辖区",text:"河西区",value:"120103"},{city:"市辖区",text:"南开区",value:"120104"},{city:"市辖区",text:"河北区",value:"120105"},{city:"市辖区",text:"红桥区",value:"120106"},{city:"市辖区",text:"东丽区",value:"120110"},{city:"市辖区",text:"西青区",value:"120111"},{city:"市辖区",text:"津南区",value:"120112"},{city:"市辖区",text:"北辰区",value:"120113"},{city:"市辖区",text:"武清区",value:"120114"},{city:"市辖区",text:"宝坻区",value:"120115"},{city:"市辖区",text:"滨海新区",value:"120116"},{city:"市辖区",text:"宁河区",value:"120117"},{city:"市辖区",text:"静海区",value:"120118"},{city:"市辖区",text:"蓟州区",value:"120119"}],130100:[{city:"石家庄市",text:"市辖区",value:"130101"},{city:"石家庄市",text:"长安区",value:"130102"},{city:"石家庄市",text:"桥西区",value:"130104"},{city:"石家庄市",text:"新华区",value:"130105"},{city:"石家庄市",text:"井陉矿区",value:"130107"},{city:"石家庄市",text:"裕华区",value:"130108"},{city:"石家庄市",text:"藁城区",value:"130109"},{city:"石家庄市",text:"鹿泉区",value:"130110"},{city:"石家庄市",text:"栾城区",value:"130111"},{city:"石家庄市",text:"井陉县",value:"130121"},{city:"石家庄市",text:"正定县",value:"130123"},{city:"石家庄市",text:"行唐县",value:"130125"},{city:"石家庄市",text:"灵寿县",value:"130126"},{city:"石家庄市",text:"高邑县",value:"130127"},{city:"石家庄市",text:"深泽县",value:"130128"},{city:"石家庄市",text:"赞皇县",value:"130129"},{city:"石家庄市",text:"无极县",value:"130130"},{city:"石家庄市",text:"平山县",value:"130131"},{city:"石家庄市",text:"元氏县",value:"130132"},{city:"石家庄市",text:"赵县",value:"130133"},{city:"石家庄市",text:"晋州市",value:"130183"},{city:"石家庄市",text:"新乐市",value:"130184"}],130200:[{city:"唐山市",text:"市辖区",value:"130201"},{city:"唐山市",text:"路南区",value:"130202"},{city:"唐山市",text:"路北区",value:"130203"},{city:"唐山市",text:"古冶区",value:"130204"},{city:"唐山市",text:"开平区",value:"130205"},{city:"唐山市",text:"丰南区",value:"130207"},{city:"唐山市",text:"丰润区",value:"130208"},{city:"唐山市",text:"曹妃甸区",value:"130209"},{city:"唐山市",text:"滦县",value:"130223"},{city:"唐山市",text:"滦南县",value:"130224"},{city:"唐山市",text:"乐亭县",value:"130225"},{city:"唐山市",text:"迁西县",value:"130227"},{city:"唐山市",text:"玉田县",value:"130229"},{city:"唐山市",text:"遵化市",value:"130281"},{city:"唐山市",text:"迁安市",value:"130283"}],130300:[{city:"秦皇岛市",text:"市辖区",value:"130301"},{city:"秦皇岛市",text:"海港区",value:"130302"},{city:"秦皇岛市",text:"山海关区",value:"130303"},{city:"秦皇岛市",text:"北戴河区",value:"130304"},{city:"秦皇岛市",text:"抚宁区",value:"130306"},{city:"秦皇岛市",text:"青龙满族自治县",value:"130321"},{city:"秦皇岛市",text:"昌黎县",value:"130322"},{city:"秦皇岛市",text:"卢龙县",value:"130324"}],130400:[{city:"邯郸市",text:"市辖区",value:"130401"},{city:"邯郸市",text:"邯山区",value:"130402"},{city:"邯郸市",text:"丛台区",value:"130403"},{city:"邯郸市",text:"复兴区",value:"130404"},{city:"邯郸市",text:"峰峰矿区",value:"130406"},{city:"邯郸市",text:"邯郸县",value:"130421"},{city:"邯郸市",text:"临漳县",value:"130423"},{city:"邯郸市",text:"成安县",value:"130424"},{city:"邯郸市",text:"大名县",value:"130425"},{city:"邯郸市",text:"涉县",value:"130426"},{city:"邯郸市",text:"磁县",value:"130427"},{city:"邯郸市",text:"肥乡县",value:"130428"},{city:"邯郸市",text:"永年县",value:"130429"},{city:"邯郸市",text:"邱县",value:"130430"},{city:"邯郸市",text:"鸡泽县",value:"130431"},{city:"邯郸市",text:"广平县",value:"130432"},{city:"邯郸市",text:"馆陶县",value:"130433"},{city:"邯郸市",text:"魏县",value:"130434"},{city:"邯郸市",text:"曲周县",value:"130435"},{city:"邯郸市",text:"武安市",value:"130481"}],130500:[{city:"邢台市",text:"市辖区",value:"130501"},{city:"邢台市",text:"桥东区",value:"130502"},{city:"邢台市",text:"桥西区",value:"130503"},{city:"邢台市",text:"邢台县",value:"130521"},{city:"邢台市",text:"临城县",value:"130522"},{city:"邢台市",text:"内丘县",value:"130523"},{city:"邢台市",text:"柏乡县",value:"130524"},{city:"邢台市",text:"隆尧县",value:"130525"},{city:"邢台市",text:"任县",value:"130526"},{city:"邢台市",text:"南和县",value:"130527"},{city:"邢台市",text:"宁晋县",value:"130528"},{city:"邢台市",text:"巨鹿县",value:"130529"},{city:"邢台市",text:"新河县",value:"130530"},{city:"邢台市",text:"广宗县",value:"130531"},{city:"邢台市",text:"平乡县",value:"130532"},{city:"邢台市",text:"威县",value:"130533"},{city:"邢台市",text:"清河县",value:"130534"},{city:"邢台市",text:"临西县",value:"130535"},{city:"邢台市",text:"南宫市",value:"130581"},{city:"邢台市",text:"沙河市",value:"130582"}],130600:[{city:"保定市",text:"市辖区",value:"130601"},{city:"保定市",text:"竞秀区",value:"130602"},{city:"保定市",text:"莲池区",value:"130606"},{city:"保定市",text:"满城区",value:"130607"},{city:"保定市",text:"清苑区",value:"130608"},{city:"保定市",text:"徐水区",value:"130609"},{city:"保定市",text:"涞水县",value:"130623"},{city:"保定市",text:"阜平县",value:"130624"},{city:"保定市",text:"定兴县",value:"130626"},{city:"保定市",text:"唐县",value:"130627"},{city:"保定市",text:"高阳县",value:"130628"},{city:"保定市",text:"容城县",value:"130629"},{city:"保定市",text:"涞源县",value:"130630"},{city:"保定市",text:"望都县",value:"130631"},{city:"保定市",text:"安新县",value:"130632"},{city:"保定市",text:"易县",value:"130633"},{city:"保定市",text:"曲阳县",value:"130634"},{city:"保定市",text:"蠡县",value:"130635"},{city:"保定市",text:"顺平县",value:"130636"},{city:"保定市",text:"博野县",value:"130637"},{city:"保定市",text:"雄县",value:"130638"},{city:"保定市",text:"涿州市",value:"130681"},{city:"保定市",text:"安国市",value:"130683"},{city:"保定市",text:"高碑店市",value:"130684"}],130700:[{city:"张家口市",text:"市辖区",value:"130701"},{city:"张家口市",text:"桥东区",value:"130702"},{city:"张家口市",text:"桥西区",value:"130703"},{city:"张家口市",text:"宣化区",value:"130705"},{city:"张家口市",text:"下花园区",value:"130706"},{city:"张家口市",text:"万全区",value:"130708"},{city:"张家口市",text:"崇礼区",value:"130709"},{city:"张家口市",text:"张北县",value:"130722"},{city:"张家口市",text:"康保县",value:"130723"},{city:"张家口市",text:"沽源县",value:"130724"},{city:"张家口市",text:"尚义县",value:"130725"},{city:"张家口市",text:"蔚县",value:"130726"},{city:"张家口市",text:"阳原县",value:"130727"},{city:"张家口市",text:"怀安县",value:"130728"},{city:"张家口市",text:"怀来县",value:"130730"},{city:"张家口市",text:"涿鹿县",value:"130731"},{city:"张家口市",text:"赤城县",value:"130732"}],130800:[{city:"承德市",text:"市辖区",value:"130801"},{city:"承德市",text:"双桥区",value:"130802"},{city:"承德市",text:"双滦区",value:"130803"},{city:"承德市",text:"鹰手营子矿区",value:"130804"},{city:"承德市",text:"承德县",value:"130821"},{city:"承德市",text:"兴隆县",value:"130822"},{city:"承德市",text:"平泉县",value:"130823"},{city:"承德市",text:"滦平县",value:"130824"},{city:"承德市",text:"隆化县",value:"130825"},{city:"承德市",text:"丰宁满族自治县",value:"130826"},{city:"承德市",text:"宽城满族自治县",value:"130827"},{city:"承德市",text:"围场满族蒙古族自治县",value:"130828"}],130900:[{city:"沧州市",text:"市辖区",value:"130901"},{city:"沧州市",text:"新华区",value:"130902"},{city:"沧州市",text:"运河区",value:"130903"},{city:"沧州市",text:"沧县",value:"130921"},{city:"沧州市",text:"青县",value:"130922"},{city:"沧州市",text:"东光县",value:"130923"},{city:"沧州市",text:"海兴县",value:"130924"},{city:"沧州市",text:"盐山县",value:"130925"},{city:"沧州市",text:"肃宁县",value:"130926"},{city:"沧州市",text:"南皮县",value:"130927"},{city:"沧州市",text:"吴桥县",value:"130928"},{city:"沧州市",text:"献县",value:"130929"},{city:"沧州市",text:"孟村回族自治县",value:"130930"},{city:"沧州市",text:"泊头市",value:"130981"},{city:"沧州市",text:"任丘市",value:"130982"},{city:"沧州市",text:"黄骅市",value:"130983"},{city:"沧州市",text:"河间市",value:"130984"}],131000:[{city:"廊坊市",text:"市辖区",value:"131001"},{city:"廊坊市",text:"安次区",value:"131002"},{city:"廊坊市",text:"广阳区",value:"131003"},{city:"廊坊市",text:"固安县",value:"131022"},{city:"廊坊市",text:"永清县",value:"131023"},{city:"廊坊市",text:"香河县",value:"131024"},{city:"廊坊市",text:"大城县",value:"131025"},{city:"廊坊市",text:"文安县",value:"131026"},{city:"廊坊市",text:"大厂回族自治县",value:"131028"},{city:"廊坊市",text:"霸州市",value:"131081"},{city:"廊坊市",text:"三河市",value:"131082"}],131100:[{city:"衡水市",text:"市辖区",value:"131101"},{city:"衡水市",text:"桃城区",value:"131102"},{city:"衡水市",text:"冀州区",value:"131103"},{city:"衡水市",text:"枣强县",value:"131121"},{city:"衡水市",text:"武邑县",value:"131122"},{city:"衡水市",text:"武强县",value:"131123"},{city:"衡水市",text:"饶阳县",value:"131124"},{city:"衡水市",text:"安平县",value:"131125"},{city:"衡水市",text:"故城县",value:"131126"},{city:"衡水市",text:"景县",value:"131127"},{city:"衡水市",text:"阜城县",value:"131128"},{city:"衡水市",text:"深州市",value:"131182"}],139000:[{city:"省直辖县级行政区划",text:"定州市",value:"139001"},{city:"省直辖县级行政区划",text:"辛集市",value:"139002"}],140100:[{city:"太原市",text:"市辖区",value:"140101"},{city:"太原市",text:"小店区",value:"140105"},{city:"太原市",text:"迎泽区",value:"140106"},{city:"太原市",text:"杏花岭区",value:"140107"},{city:"太原市",text:"尖草坪区",value:"140108"},{city:"太原市",text:"万柏林区",value:"140109"},{city:"太原市",text:"晋源区",value:"140110"},{city:"太原市",text:"清徐县",value:"140121"},{city:"太原市",text:"阳曲县",value:"140122"},{city:"太原市",text:"娄烦县",value:"140123"},{city:"太原市",text:"古交市",value:"140181"}],140200:[{city:"大同市",text:"市辖区",value:"140201"},{city:"大同市",text:"城区",value:"140202"},{city:"大同市",text:"矿区",value:"140203"},{city:"大同市",text:"南郊区",value:"140211"},{city:"大同市",text:"新荣区",value:"140212"},{city:"大同市",text:"阳高县",value:"140221"},{city:"大同市",text:"天镇县",value:"140222"},{city:"大同市",text:"广灵县",value:"140223"},{city:"大同市",text:"灵丘县",value:"140224"},{city:"大同市",text:"浑源县",value:"140225"},{city:"大同市",text:"左云县",value:"140226"},{city:"大同市",text:"大同县",value:"140227"}],140300:[{city:"阳泉市",text:"市辖区",value:"140301"},{city:"阳泉市",text:"城区",value:"140302"},{city:"阳泉市",text:"矿区",value:"140303"},{city:"阳泉市",text:"郊区",value:"140311"},{city:"阳泉市",text:"平定县",value:"140321"},{city:"阳泉市",text:"盂县",value:"140322"}],140400:[{city:"长治市",text:"市辖区",value:"140401"},{city:"长治市",text:"城区",value:"140402"},{city:"长治市",text:"郊区",value:"140411"},{city:"长治市",text:"长治县",value:"140421"},{city:"长治市",text:"襄垣县",value:"140423"},{city:"长治市",text:"屯留县",value:"140424"},{city:"长治市",text:"平顺县",value:"140425"},{city:"长治市",text:"黎城县",value:"140426"},{city:"长治市",text:"壶关县",value:"140427"},{city:"长治市",text:"长子县",value:"140428"},{city:"长治市",text:"武乡县",value:"140429"},{city:"长治市",text:"沁县",value:"140430"},{city:"长治市",text:"沁源县",value:"140431"},{city:"长治市",text:"潞城市",value:"140481"}],140500:[{city:"晋城市",text:"市辖区",value:"140501"},{city:"晋城市",text:"城区",value:"140502"},{city:"晋城市",text:"沁水县",value:"140521"},{city:"晋城市",text:"阳城县",value:"140522"},{city:"晋城市",text:"陵川县",value:"140524"},{city:"晋城市",text:"泽州县",value:"140525"},{city:"晋城市",text:"高平市",value:"140581"}],140600:[{city:"朔州市",text:"市辖区",value:"140601"},{city:"朔州市",text:"朔城区",value:"140602"},{city:"朔州市",text:"平鲁区",value:"140603"},{city:"朔州市",text:"山阴县",value:"140621"},{city:"朔州市",text:"应县",value:"140622"},{city:"朔州市",text:"右玉县",value:"140623"},{city:"朔州市",text:"怀仁县",value:"140624"}],140700:[{city:"晋中市",text:"市辖区",value:"140701"},{city:"晋中市",text:"榆次区",value:"140702"},{city:"晋中市",text:"榆社县",value:"140721"},{city:"晋中市",text:"左权县",value:"140722"},{city:"晋中市",text:"和顺县",value:"140723"},{city:"晋中市",text:"昔阳县",value:"140724"},{city:"晋中市",text:"寿阳县",value:"140725"},{city:"晋中市",text:"太谷县",value:"140726"},{city:"晋中市",text:"祁县",value:"140727"},{city:"晋中市",text:"平遥县",value:"140728"},{city:"晋中市",text:"灵石县",value:"140729"},{city:"晋中市",text:"介休市",value:"140781"}],140800:[{city:"运城市",text:"市辖区",value:"140801"},{city:"运城市",text:"盐湖区",value:"140802"},{city:"运城市",text:"临猗县",value:"140821"},{city:"运城市",text:"万荣县",value:"140822"},{city:"运城市",text:"闻喜县",value:"140823"},{city:"运城市",text:"稷山县",value:"140824"},{city:"运城市",text:"新绛县",value:"140825"},{city:"运城市",text:"绛县",value:"140826"},{city:"运城市",text:"垣曲县",value:"140827"},{city:"运城市",text:"夏县",value:"140828"},{city:"运城市",text:"平陆县",value:"140829"},{city:"运城市",text:"芮城县",value:"140830"},{city:"运城市",text:"永济市",value:"140881"},{city:"运城市",text:"河津市",value:"140882"}],140900:[{city:"忻州市",text:"市辖区",value:"140901"},{city:"忻州市",text:"忻府区",value:"140902"},{city:"忻州市",text:"定襄县",value:"140921"},{city:"忻州市",text:"五台县",value:"140922"},{city:"忻州市",text:"代县",value:"140923"},{city:"忻州市",text:"繁峙县",value:"140924"},{city:"忻州市",text:"宁武县",value:"140925"},{city:"忻州市",text:"静乐县",value:"140926"},{city:"忻州市",text:"神池县",value:"140927"},{city:"忻州市",text:"五寨县",value:"140928"},{city:"忻州市",text:"岢岚县",value:"140929"},{city:"忻州市",text:"河曲县",value:"140930"},{city:"忻州市",text:"保德县",value:"140931"},{city:"忻州市",text:"偏关县",value:"140932"},{city:"忻州市",text:"原平市",value:"140981"}],141000:[{city:"临汾市",text:"市辖区",value:"141001"},{city:"临汾市",text:"尧都区",value:"141002"},{city:"临汾市",text:"曲沃县",value:"141021"},{city:"临汾市",text:"翼城县",value:"141022"},{city:"临汾市",text:"襄汾县",value:"141023"},{city:"临汾市",text:"洪洞县",value:"141024"},{city:"临汾市",text:"古县",value:"141025"},{city:"临汾市",text:"安泽县",value:"141026"},{city:"临汾市",text:"浮山县",value:"141027"},{city:"临汾市",text:"吉县",value:"141028"},{city:"临汾市",text:"乡宁县",value:"141029"},{city:"临汾市",text:"大宁县",value:"141030"},{city:"临汾市",text:"隰县",value:"141031"},{city:"临汾市",text:"永和县",value:"141032"},{city:"临汾市",text:"蒲县",value:"141033"},{city:"临汾市",text:"汾西县",value:"141034"},{city:"临汾市",text:"侯马市",value:"141081"},{city:"临汾市",text:"霍州市",value:"141082"}],141100:[{city:"吕梁市",text:"市辖区",value:"141101"},{city:"吕梁市",text:"离石区",value:"141102"},{city:"吕梁市",text:"文水县",value:"141121"},{city:"吕梁市",text:"交城县",value:"141122"},{city:"吕梁市",text:"兴县",value:"141123"},{city:"吕梁市",text:"临县",value:"141124"},{city:"吕梁市",text:"柳林县",value:"141125"},{city:"吕梁市",text:"石楼县",value:"141126"},{city:"吕梁市",text:"岚县",value:"141127"},{city:"吕梁市",text:"方山县",value:"141128"},{city:"吕梁市",text:"中阳县",value:"141129"},{city:"吕梁市",text:"交口县",value:"141130"},{city:"吕梁市",text:"孝义市",value:"141181"},{city:"吕梁市",text:"汾阳市",value:"141182"}],150100:[{city:"呼和浩特市",text:"市辖区",value:"150101"},{city:"呼和浩特市",text:"新城区",value:"150102"},{city:"呼和浩特市",text:"回民区",value:"150103"},{city:"呼和浩特市",text:"玉泉区",value:"150104"},{city:"呼和浩特市",text:"赛罕区",value:"150105"},{city:"呼和浩特市",text:"土默特左旗",value:"150121"},{city:"呼和浩特市",text:"托克托县",value:"150122"},{city:"呼和浩特市",text:"和林格尔县",value:"150123"},{city:"呼和浩特市",text:"清水河县",value:"150124"},{city:"呼和浩特市",text:"武川县",value:"150125"}],150200:[{city:"包头市",text:"市辖区",value:"150201"},{city:"包头市",text:"东河区",value:"150202"},{city:"包头市",text:"昆都仑区",value:"150203"},{city:"包头市",text:"青山区",value:"150204"},{city:"包头市",text:"石拐区",value:"150205"},{city:"包头市",text:"白云鄂博矿区",value:"150206"},{city:"包头市",text:"九原区",value:"150207"},{city:"包头市",text:"土默特右旗",value:"150221"},{city:"包头市",text:"固阳县",value:"150222"},{city:"包头市",text:"达尔罕茂明安联合旗",value:"150223"}],150300:[{city:"乌海市",text:"市辖区",value:"150301"},{city:"乌海市",text:"海勃湾区",value:"150302"},{city:"乌海市",text:"海南区",value:"150303"},{city:"乌海市",text:"乌达区",value:"150304"}],150400:[{city:"赤峰市",text:"市辖区",value:"150401"},{city:"赤峰市",text:"红山区",value:"150402"},{city:"赤峰市",text:"元宝山区",value:"150403"},{city:"赤峰市",text:"松山区",value:"150404"},{city:"赤峰市",text:"阿鲁科尔沁旗",value:"150421"},{city:"赤峰市",text:"巴林左旗",value:"150422"},{city:"赤峰市",text:"巴林右旗",value:"150423"},{city:"赤峰市",text:"林西县",value:"150424"},{city:"赤峰市",text:"克什克腾旗",value:"150425"},{city:"赤峰市",text:"翁牛特旗",value:"150426"},{city:"赤峰市",text:"喀喇沁旗",value:"150428"},{city:"赤峰市",text:"宁城县",value:"150429"},{city:"赤峰市",text:"敖汉旗",value:"150430"}],150500:[{city:"通辽市",text:"市辖区",value:"150501"},{city:"通辽市",text:"科尔沁区",value:"150502"},{city:"通辽市",text:"科尔沁左翼中旗",value:"150521"},{city:"通辽市",text:"科尔沁左翼后旗",value:"150522"},{city:"通辽市",text:"开鲁县",value:"150523"},{city:"通辽市",text:"库伦旗",value:"150524"},{city:"通辽市",text:"奈曼旗",value:"150525"},{city:"通辽市",text:"扎鲁特旗",value:"150526"},{city:"通辽市",text:"霍林郭勒市",value:"150581"}],150600:[{city:"鄂尔多斯市",text:"市辖区",value:"150601"},{city:"鄂尔多斯市",text:"东胜区",value:"150602"},{city:"鄂尔多斯市",text:"康巴什区",value:"150603"},{city:"鄂尔多斯市",text:"达拉特旗",value:"150621"},{city:"鄂尔多斯市",text:"准格尔旗",value:"150622"},{city:"鄂尔多斯市",text:"鄂托克前旗",value:"150623"},{city:"鄂尔多斯市",text:"鄂托克旗",value:"150624"},{city:"鄂尔多斯市",text:"杭锦旗",value:"150625"},{city:"鄂尔多斯市",text:"乌审旗",value:"150626"},{city:"鄂尔多斯市",text:"伊金霍洛旗",value:"150627"}],150700:[{city:"呼伦贝尔市",text:"市辖区",value:"150701"},{city:"呼伦贝尔市",text:"海拉尔区",value:"150702"},{city:"呼伦贝尔市",text:"扎赉诺尔区",value:"150703"},{city:"呼伦贝尔市",text:"阿荣旗",value:"150721"},{city:"呼伦贝尔市",text:"莫力达瓦达斡尔族自治旗",value:"150722"},{city:"呼伦贝尔市",text:"鄂伦春自治旗",value:"150723"},{city:"呼伦贝尔市",text:"鄂温克族自治旗",value:"150724"},{city:"呼伦贝尔市",text:"陈巴尔虎旗",value:"150725"},{city:"呼伦贝尔市",text:"新巴尔虎左旗",value:"150726"},{city:"呼伦贝尔市",text:"新巴尔虎右旗",value:"150727"},{city:"呼伦贝尔市",text:"满洲里市",value:"150781"},{city:"呼伦贝尔市",text:"牙克石市",value:"150782"},{city:"呼伦贝尔市",text:"扎兰屯市",value:"150783"},{city:"呼伦贝尔市",text:"额尔古纳市",value:"150784"},{city:"呼伦贝尔市",text:"根河市",value:"150785"}],150800:[{city:"巴彦淖尔市",text:"市辖区",value:"150801"},{city:"巴彦淖尔市",text:"临河区",value:"150802"},{city:"巴彦淖尔市",text:"五原县",value:"150821"},{city:"巴彦淖尔市",text:"磴口县",value:"150822"},{city:"巴彦淖尔市",text:"乌拉特前旗",value:"150823"},{city:"巴彦淖尔市",text:"乌拉特中旗",value:"150824"},{city:"巴彦淖尔市",text:"乌拉特后旗",value:"150825"},{city:"巴彦淖尔市",text:"杭锦后旗",value:"150826"}],150900:[{city:"乌兰察布市",text:"市辖区",value:"150901"},{city:"乌兰察布市",text:"集宁区",value:"150902"},{city:"乌兰察布市",text:"卓资县",value:"150921"},{city:"乌兰察布市",text:"化德县",value:"150922"},{city:"乌兰察布市",text:"商都县",value:"150923"},{city:"乌兰察布市",text:"兴和县",value:"150924"},{city:"乌兰察布市",text:"凉城县",value:"150925"},{city:"乌兰察布市",text:"察哈尔右翼前旗",value:"150926"},{city:"乌兰察布市",text:"察哈尔右翼中旗",value:"150927"},{city:"乌兰察布市",text:"察哈尔右翼后旗",value:"150928"},{city:"乌兰察布市",text:"四子王旗",value:"150929"},{city:"乌兰察布市",text:"丰镇市",value:"150981"}],152200:[{city:"兴安盟",text:"乌兰浩特市",value:"152201"},{city:"兴安盟",text:"阿尔山市",value:"152202"},{city:"兴安盟",text:"科尔沁右翼前旗",value:"152221"},{city:"兴安盟",text:"科尔沁右翼中旗",value:"152222"},{city:"兴安盟",text:"扎赉特旗",value:"152223"},{city:"兴安盟",text:"突泉县",value:"152224"}],152500:[{city:"锡林郭勒盟",text:"二连浩特市",value:"152501"},{city:"锡林郭勒盟",text:"锡林浩特市",value:"152502"},{city:"锡林郭勒盟",text:"阿巴嘎旗",value:"152522"},{city:"锡林郭勒盟",text:"苏尼特左旗",value:"152523"},{city:"锡林郭勒盟",text:"苏尼特右旗",value:"152524"},{city:"锡林郭勒盟",text:"东乌珠穆沁旗",value:"152525"},{city:"锡林郭勒盟",text:"西乌珠穆沁旗",value:"152526"},{city:"锡林郭勒盟",text:"太仆寺旗",value:"152527"},{city:"锡林郭勒盟",text:"镶黄旗",value:"152528"},{city:"锡林郭勒盟",text:"正镶白旗",value:"152529"},{city:"锡林郭勒盟",text:"正蓝旗",value:"152530"},{city:"锡林郭勒盟",text:"多伦县",value:"152531"}],152900:[{city:"阿拉善盟",text:"阿拉善左旗",value:"152921"},{city:"阿拉善盟",text:"阿拉善右旗",value:"152922"},{city:"阿拉善盟",text:"额济纳旗",value:"152923"}],210100:[{city:"沈阳市",text:"市辖区",value:"210101"},{city:"沈阳市",text:"和平区",value:"210102"},{city:"沈阳市",text:"沈河区",value:"210103"},{city:"沈阳市",text:"大东区",value:"210104"},{city:"沈阳市",text:"皇姑区",value:"210105"},{city:"沈阳市",text:"铁西区",value:"210106"},{city:"沈阳市",text:"苏家屯区",value:"210111"},{city:"沈阳市",text:"浑南区",value:"210112"},{city:"沈阳市",text:"沈北新区",value:"210113"},{city:"沈阳市",text:"于洪区",value:"210114"},{city:"沈阳市",text:"辽中区",value:"210115"},{city:"沈阳市",text:"康平县",value:"210123"},{city:"沈阳市",text:"法库县",value:"210124"},{city:"沈阳市",text:"新民市",value:"210181"}],210200:[{city:"大连市",text:"市辖区",value:"210201"},{city:"大连市",text:"中山区",value:"210202"},{city:"大连市",text:"西岗区",value:"210203"},{city:"大连市",text:"沙河口区",value:"210204"},{city:"大连市",text:"甘井子区",value:"210211"},{city:"大连市",text:"旅顺口区",value:"210212"},{city:"大连市",text:"金州区",value:"210213"},{city:"大连市",text:"普兰店区",value:"210214"},{city:"大连市",text:"长海县",value:"210224"},{city:"大连市",text:"瓦房店市",value:"210281"},{city:"大连市",text:"庄河市",value:"210283"}],210300:[{city:"鞍山市",text:"市辖区",value:"210301"},{city:"鞍山市",text:"铁东区",value:"210302"},{city:"鞍山市",text:"铁西区",value:"210303"},{city:"鞍山市",text:"立山区",value:"210304"},{city:"鞍山市",text:"千山区",value:"210311"},{city:"鞍山市",text:"台安县",value:"210321"},{city:"鞍山市",text:"岫岩满族自治县",value:"210323"},{city:"鞍山市",text:"海城市",value:"210381"}],210400:[{city:"抚顺市",text:"市辖区",value:"210401"},{city:"抚顺市",text:"新抚区",value:"210402"},{city:"抚顺市",text:"东洲区",value:"210403"},{city:"抚顺市",text:"望花区",value:"210404"},{city:"抚顺市",text:"顺城区",value:"210411"},{city:"抚顺市",text:"抚顺县",value:"210421"},{city:"抚顺市",text:"新宾满族自治县",value:"210422"},{city:"抚顺市",text:"清原满族自治县",value:"210423"}],210500:[{city:"本溪市",text:"市辖区",value:"210501"},{city:"本溪市",text:"平山区",value:"210502"},{city:"本溪市",text:"溪湖区",value:"210503"},{city:"本溪市",text:"明山区",value:"210504"},{city:"本溪市",text:"南芬区",value:"210505"},{city:"本溪市",text:"本溪满族自治县",value:"210521"},{city:"本溪市",text:"桓仁满族自治县",value:"210522"}],210600:[{city:"丹东市",text:"市辖区",value:"210601"},{city:"丹东市",text:"元宝区",value:"210602"},{city:"丹东市",text:"振兴区",value:"210603"},{city:"丹东市",text:"振安区",value:"210604"},{city:"丹东市",text:"宽甸满族自治县",value:"210624"},{city:"丹东市",text:"东港市",value:"210681"},{city:"丹东市",text:"凤城市",value:"210682"}],210700:[{city:"锦州市",text:"市辖区",value:"210701"},{city:"锦州市",text:"古塔区",value:"210702"},{city:"锦州市",text:"凌河区",value:"210703"},{city:"锦州市",text:"太和区",value:"210711"},{city:"锦州市",text:"黑山县",value:"210726"},{city:"锦州市",text:"义县",value:"210727"},{city:"锦州市",text:"凌海市",value:"210781"},{city:"锦州市",text:"北镇市",value:"210782"}],210800:[{city:"营口市",text:"市辖区",value:"210801"},{city:"营口市",text:"站前区",value:"210802"},{city:"营口市",text:"西市区",value:"210803"},{city:"营口市",text:"鲅鱼圈区",value:"210804"},{city:"营口市",text:"老边区",value:"210811"},{city:"营口市",text:"盖州市",value:"210881"},{city:"营口市",text:"大石桥市",value:"210882"}],210900:[{city:"阜新市",text:"市辖区",value:"210901"},{city:"阜新市",text:"海州区",value:"210902"},{city:"阜新市",text:"新邱区",value:"210903"},{city:"阜新市",text:"太平区",value:"210904"},{city:"阜新市",text:"清河门区",value:"210905"},{city:"阜新市",text:"细河区",value:"210911"},{city:"阜新市",text:"阜新蒙古族自治县",value:"210921"},{city:"阜新市",text:"彰武县",value:"210922"}],211000:[{city:"辽阳市",text:"市辖区",value:"211001"},{city:"辽阳市",text:"白塔区",value:"211002"},{city:"辽阳市",text:"文圣区",value:"211003"},{city:"辽阳市",text:"宏伟区",value:"211004"},{city:"辽阳市",text:"弓长岭区",value:"211005"},{city:"辽阳市",text:"太子河区",value:"211011"},{city:"辽阳市",text:"辽阳县",value:"211021"},{city:"辽阳市",text:"灯塔市",value:"211081"}],211100:[{city:"盘锦市",text:"市辖区",value:"211101"},{city:"盘锦市",text:"双台子区",value:"211102"},{city:"盘锦市",text:"兴隆台区",value:"211103"},{city:"盘锦市",text:"大洼区",value:"211104"},{city:"盘锦市",text:"盘山县",value:"211122"}],211200:[{city:"铁岭市",text:"市辖区",value:"211201"},{city:"铁岭市",text:"银州区",value:"211202"},{city:"铁岭市",text:"清河区",value:"211204"},{city:"铁岭市",text:"铁岭县",value:"211221"},{city:"铁岭市",text:"西丰县",value:"211223"},{city:"铁岭市",text:"昌图县",value:"211224"},{city:"铁岭市",text:"调兵山市",value:"211281"},{city:"铁岭市",text:"开原市",value:"211282"}],211300:[{city:"朝阳市",text:"市辖区",value:"211301"},{city:"朝阳市",text:"双塔区",value:"211302"},{city:"朝阳市",text:"龙城区",value:"211303"},{city:"朝阳市",text:"朝阳县",value:"211321"},{city:"朝阳市",text:"建平县",value:"211322"},{city:"朝阳市",text:"喀喇沁左翼蒙古族自治县",value:"211324"},{city:"朝阳市",text:"北票市",value:"211381"},{city:"朝阳市",text:"凌源市",value:"211382"}],211400:[{city:"葫芦岛市",text:"市辖区",value:"211401"},{city:"葫芦岛市",text:"连山区",value:"211402"},{city:"葫芦岛市",text:"龙港区",value:"211403"},{city:"葫芦岛市",text:"南票区",value:"211404"},{city:"葫芦岛市",text:"绥中县",value:"211421"},{city:"葫芦岛市",text:"建昌县",value:"211422"},{city:"葫芦岛市",text:"兴城市",value:"211481"}],220100:[{city:"长春市",text:"市辖区",value:"220101"},{city:"长春市",text:"南关区",value:"220102"},{city:"长春市",text:"宽城区",value:"220103"},{city:"长春市",text:"朝阳区",value:"220104"},{city:"长春市",text:"二道区",value:"220105"},{city:"长春市",text:"绿园区",value:"220106"},{city:"长春市",text:"双阳区",value:"220112"},{city:"长春市",text:"九台区",value:"220113"},{city:"长春市",text:"农安县",value:"220122"},{city:"长春市",text:"榆树市",value:"220182"},{city:"长春市",text:"德惠市",value:"220183"}],220200:[{city:"吉林市",text:"市辖区",value:"220201"},{city:"吉林市",text:"昌邑区",value:"220202"},{city:"吉林市",text:"龙潭区",value:"220203"},{city:"吉林市",text:"船营区",value:"220204"},{city:"吉林市",text:"丰满区",value:"220211"},{city:"吉林市",text:"永吉县",value:"220221"},{city:"吉林市",text:"蛟河市",value:"220281"},{city:"吉林市",text:"桦甸市",value:"220282"},{city:"吉林市",text:"舒兰市",value:"220283"},{city:"吉林市",text:"磐石市",value:"220284"}],220300:[{city:"四平市",text:"市辖区",value:"220301"},{city:"四平市",text:"铁西区",value:"220302"},{city:"四平市",text:"铁东区",value:"220303"},{city:"四平市",text:"梨树县",value:"220322"},{city:"四平市",text:"伊通满族自治县",value:"220323"},{city:"四平市",text:"公主岭市",value:"220381"},{city:"四平市",text:"双辽市",value:"220382"}],220400:[{city:"辽源市",text:"市辖区",value:"220401"},{city:"辽源市",text:"龙山区",value:"220402"},{city:"辽源市",text:"西安区",value:"220403"},{city:"辽源市",text:"东丰县",value:"220421"},{city:"辽源市",text:"东辽县",value:"220422"}],220500:[{city:"通化市",text:"市辖区",value:"220501"},{city:"通化市",text:"东昌区",value:"220502"},{city:"通化市",text:"二道江区",value:"220503"},{city:"通化市",text:"通化县",value:"220521"},{city:"通化市",text:"辉南县",value:"220523"},{city:"通化市",text:"柳河县",value:"220524"},{city:"通化市",text:"梅河口市",value:"220581"},{city:"通化市",text:"集安市",value:"220582"}],220600:[{city:"白山市",text:"市辖区",value:"220601"},{city:"白山市",text:"浑江区",value:"220602"},{city:"白山市",text:"江源区",value:"220605"},{city:"白山市",text:"抚松县",value:"220621"},{city:"白山市",text:"靖宇县",value:"220622"},{city:"白山市",text:"长白朝鲜族自治县",value:"220623"},{city:"白山市",text:"临江市",value:"220681"}],220700:[{city:"松原市",text:"市辖区",value:"220701"},{city:"松原市",text:"宁江区",value:"220702"},{city:"松原市",text:"前郭尔罗斯蒙古族自治县",value:"220721"},{city:"松原市",text:"长岭县",value:"220722"},{city:"松原市",text:"乾安县",value:"220723"},{city:"松原市",text:"扶余市",value:"220781"}],220800:[{city:"白城市",text:"市辖区",value:"220801"},{city:"白城市",text:"洮北区",value:"220802"},{city:"白城市",text:"镇赉县",value:"220821"},{city:"白城市",text:"通榆县",value:"220822"},{city:"白城市",text:"洮南市",value:"220881"},{city:"白城市",text:"大安市",value:"220882"}],222400:[{city:"延边朝鲜族自治州",text:"延吉市",value:"222401"},{city:"延边朝鲜族自治州",text:"图们市",value:"222402"},{city:"延边朝鲜族自治州",text:"敦化市",value:"222403"},{city:"延边朝鲜族自治州",text:"珲春市",value:"222404"},{city:"延边朝鲜族自治州",text:"龙井市",value:"222405"},{city:"延边朝鲜族自治州",text:"和龙市",value:"222406"},{city:"延边朝鲜族自治州",text:"汪清县",value:"222424"},{city:"延边朝鲜族自治州",text:"安图县",value:"222426"}],230100:[{city:"哈尔滨市",text:"市辖区",value:"230101"},{city:"哈尔滨市",text:"道里区",value:"230102"},{city:"哈尔滨市",text:"南岗区",value:"230103"},{city:"哈尔滨市",text:"道外区",value:"230104"},{city:"哈尔滨市",text:"平房区",value:"230108"},{city:"哈尔滨市",text:"松北区",value:"230109"},{city:"哈尔滨市",text:"香坊区",value:"230110"},{city:"哈尔滨市",text:"呼兰区",value:"230111"},{city:"哈尔滨市",text:"阿城区",value:"230112"},{city:"哈尔滨市",text:"双城区",value:"230113"},{city:"哈尔滨市",text:"依兰县",value:"230123"},{city:"哈尔滨市",text:"方正县",value:"230124"},{city:"哈尔滨市",text:"宾县",value:"230125"},{city:"哈尔滨市",text:"巴彦县",value:"230126"},{city:"哈尔滨市",text:"木兰县",value:"230127"},{city:"哈尔滨市",text:"通河县",value:"230128"},{city:"哈尔滨市",text:"延寿县",value:"230129"},{city:"哈尔滨市",text:"尚志市",value:"230183"},{city:"哈尔滨市",text:"五常市",value:"230184"}],230200:[{city:"齐齐哈尔市",text:"市辖区",value:"230201"},{city:"齐齐哈尔市",text:"龙沙区",value:"230202"},{city:"齐齐哈尔市",text:"建华区",value:"230203"},{city:"齐齐哈尔市",text:"铁锋区",value:"230204"},{city:"齐齐哈尔市",text:"昂昂溪区",value:"230205"},{city:"齐齐哈尔市",text:"富拉尔基区",value:"230206"},{city:"齐齐哈尔市",text:"碾子山区",value:"230207"},{city:"齐齐哈尔市",text:"梅里斯达斡尔族区",value:"230208"},{city:"齐齐哈尔市",text:"龙江县",value:"230221"},{city:"齐齐哈尔市",text:"依安县",value:"230223"},{city:"齐齐哈尔市",text:"泰来县",value:"230224"},{city:"齐齐哈尔市",text:"甘南县",value:"230225"},{city:"齐齐哈尔市",text:"富裕县",value:"230227"},{city:"齐齐哈尔市",text:"克山县",value:"230229"},{city:"齐齐哈尔市",text:"克东县",value:"230230"},{city:"齐齐哈尔市",text:"拜泉县",value:"230231"},{city:"齐齐哈尔市",text:"讷河市",value:"230281"}],230300:[{city:"鸡西市",text:"市辖区",value:"230301"},{city:"鸡西市",text:"鸡冠区",value:"230302"},{city:"鸡西市",text:"恒山区",value:"230303"},{city:"鸡西市",text:"滴道区",value:"230304"},{city:"鸡西市",text:"梨树区",value:"230305"},{city:"鸡西市",text:"城子河区",value:"230306"},{city:"鸡西市",text:"麻山区",value:"230307"},{city:"鸡西市",text:"鸡东县",value:"230321"},{city:"鸡西市",text:"虎林市",value:"230381"},{city:"鸡西市",text:"密山市",value:"230382"}],230400:[{city:"鹤岗市",text:"市辖区",value:"230401"},{city:"鹤岗市",text:"向阳区",value:"230402"},{city:"鹤岗市",text:"工农区",value:"230403"},{city:"鹤岗市",text:"南山区",value:"230404"},{city:"鹤岗市",text:"兴安区",value:"230405"},{city:"鹤岗市",text:"东山区",value:"230406"},{city:"鹤岗市",text:"兴山区",value:"230407"},{city:"鹤岗市",text:"萝北县",value:"230421"},{city:"鹤岗市",text:"绥滨县",value:"230422"}],230500:[{city:"双鸭山市",text:"市辖区",value:"230501"},{city:"双鸭山市",text:"尖山区",value:"230502"},{city:"双鸭山市",text:"岭东区",value:"230503"},{city:"双鸭山市",text:"四方台区",value:"230505"},{city:"双鸭山市",text:"宝山区",value:"230506"},{city:"双鸭山市",text:"集贤县",value:"230521"},{city:"双鸭山市",text:"友谊县",value:"230522"},{city:"双鸭山市",text:"宝清县",value:"230523"},{city:"双鸭山市",text:"饶河县",value:"230524"}],230600:[{city:"大庆市",text:"市辖区",value:"230601"},{city:"大庆市",text:"萨尔图区",value:"230602"},{city:"大庆市",text:"龙凤区",value:"230603"},{city:"大庆市",text:"让胡路区",value:"230604"},{city:"大庆市",text:"红岗区",value:"230605"},{city:"大庆市",text:"大同区",value:"230606"},{city:"大庆市",text:"肇州县",value:"230621"},{city:"大庆市",text:"肇源县",value:"230622"},{city:"大庆市",text:"林甸县",value:"230623"},{city:"大庆市",text:"杜尔伯特蒙古族自治县",value:"230624"}],230700:[{city:"伊春市",text:"市辖区",value:"230701"},{city:"伊春市",text:"伊春区",value:"230702"},{city:"伊春市",text:"南岔区",value:"230703"},{city:"伊春市",text:"友好区",value:"230704"},{city:"伊春市",text:"西林区",value:"230705"},{city:"伊春市",text:"翠峦区",value:"230706"},{city:"伊春市",text:"新青区",value:"230707"},{city:"伊春市",text:"美溪区",value:"230708"},{city:"伊春市",text:"金山屯区",value:"230709"},{city:"伊春市",text:"五营区",value:"230710"},{city:"伊春市",text:"乌马河区",value:"230711"},{city:"伊春市",text:"汤旺河区",value:"230712"},{city:"伊春市",text:"带岭区",value:"230713"},{city:"伊春市",text:"乌伊岭区",value:"230714"},{city:"伊春市",text:"红星区",value:"230715"},{city:"伊春市",text:"上甘岭区",value:"230716"},{city:"伊春市",text:"嘉荫县",value:"230722"},{city:"伊春市",text:"铁力市",value:"230781"}],230800:[{city:"佳木斯市",text:"市辖区",value:"230801"},{city:"佳木斯市",text:"向阳区",value:"230803"},{city:"佳木斯市",text:"前进区",value:"230804"},{city:"佳木斯市",text:"东风区",value:"230805"},{city:"佳木斯市",text:"郊区",value:"230811"},{city:"佳木斯市",text:"桦南县",value:"230822"},{city:"佳木斯市",text:"桦川县",value:"230826"},{city:"佳木斯市",text:"汤原县",value:"230828"},{city:"佳木斯市",text:"同江市",value:"230881"},{city:"佳木斯市",text:"富锦市",value:"230882"},{city:"佳木斯市",text:"抚远市",value:"230883"}],230900:[{city:"七台河市",text:"市辖区",value:"230901"},{city:"七台河市",text:"新兴区",value:"230902"},{city:"七台河市",text:"桃山区",value:"230903"},{city:"七台河市",text:"茄子河区",value:"230904"},{city:"七台河市",text:"勃利县",value:"230921"}],231000:[{city:"牡丹江市",text:"市辖区",value:"231001"},{city:"牡丹江市",text:"东安区",value:"231002"},{city:"牡丹江市",text:"阳明区",value:"231003"},{city:"牡丹江市",text:"爱民区",value:"231004"},{city:"牡丹江市",text:"西安区",value:"231005"},{city:"牡丹江市",text:"林口县",value:"231025"},{city:"牡丹江市",text:"绥芬河市",value:"231081"},{city:"牡丹江市",text:"海林市",value:"231083"},{city:"牡丹江市",text:"宁安市",value:"231084"},{city:"牡丹江市",text:"穆棱市",value:"231085"},{city:"牡丹江市",text:"东宁市",value:"231086"}],231100:[{city:"黑河市",text:"市辖区",value:"231101"},{city:"黑河市",text:"爱辉区",value:"231102"},{city:"黑河市",text:"嫩江县",value:"231121"},{city:"黑河市",text:"逊克县",value:"231123"},{city:"黑河市",text:"孙吴县",value:"231124"},{city:"黑河市",text:"北安市",value:"231181"},{city:"黑河市",text:"五大连池市",value:"231182"}],231200:[{city:"绥化市",text:"市辖区",value:"231201"},{city:"绥化市",text:"北林区",value:"231202"},{city:"绥化市",text:"望奎县",value:"231221"},{city:"绥化市",text:"兰西县",value:"231222"},{city:"绥化市",text:"青冈县",value:"231223"},{city:"绥化市",text:"庆安县",value:"231224"},{city:"绥化市",text:"明水县",value:"231225"},{city:"绥化市",text:"绥棱县",value:"231226"},{city:"绥化市",text:"安达市",value:"231281"},{city:"绥化市",text:"肇东市",value:"231282"},{city:"绥化市",text:"海伦市",value:"231283"}],232700:[{city:"大兴安岭地区",text:"呼玛县",value:"232721"},{city:"大兴安岭地区",text:"塔河县",value:"232722"},{city:"大兴安岭地区",text:"漠河县",value:"232723"}],310100:[{city:"市辖区",text:"黄浦区",value:"310101"},{city:"市辖区",text:"徐汇区",value:"310104"},{city:"市辖区",text:"长宁区",value:"310105"},{city:"市辖区",text:"静安区",value:"310106"},{city:"市辖区",text:"普陀区",value:"310107"},{city:"市辖区",text:"虹口区",value:"310109"},{city:"市辖区",text:"杨浦区",value:"310110"},{city:"市辖区",text:"闵行区",value:"310112"},{city:"市辖区",text:"宝山区",value:"310113"},{city:"市辖区",text:"嘉定区",value:"310114"},{city:"市辖区",text:"浦东新区",value:"310115"},{city:"市辖区",text:"金山区",value:"310116"},{city:"市辖区",text:"松江区",value:"310117"},{city:"市辖区",text:"青浦区",value:"310118"},{city:"市辖区",text:"奉贤区",value:"310120"},{city:"市辖区",text:"崇明区",value:"310151"}],320100:[{city:"南京市",text:"市辖区",value:"320101"},{city:"南京市",text:"玄武区",value:"320102"},{city:"南京市",text:"秦淮区",value:"320104"},{city:"南京市",text:"建邺区",value:"320105"},{city:"南京市",text:"鼓楼区",value:"320106"},{city:"南京市",text:"浦口区",value:"320111"},{city:"南京市",text:"栖霞区",value:"320113"},{city:"南京市",text:"雨花台区",value:"320114"},{city:"南京市",text:"江宁区",value:"320115"},{city:"南京市",text:"六合区",value:"320116"},{city:"南京市",text:"溧水区",value:"320117"},{city:"南京市",text:"高淳区",value:"320118"}],320200:[{city:"无锡市",text:"市辖区",value:"320201"},{city:"无锡市",text:"锡山区",value:"320205"},{city:"无锡市",text:"惠山区",value:"320206"},{city:"无锡市",text:"滨湖区",value:"320211"},{city:"无锡市",text:"梁溪区",value:"320213"},{city:"无锡市",text:"新吴区",value:"320214"},{city:"无锡市",text:"江阴市",value:"320281"},{city:"无锡市",text:"宜兴市",value:"320282"}],320300:[{city:"徐州市",text:"市辖区",value:"320301"},{city:"徐州市",text:"鼓楼区",value:"320302"},{city:"徐州市",text:"云龙区",value:"320303"},{city:"徐州市",text:"贾汪区",value:"320305"},{city:"徐州市",text:"泉山区",value:"320311"},{city:"徐州市",text:"铜山区",value:"320312"},{city:"徐州市",text:"丰县",value:"320321"},{city:"徐州市",text:"沛县",value:"320322"},{city:"徐州市",text:"睢宁县",value:"320324"},{city:"徐州市",text:"新沂市",value:"320381"},{city:"徐州市",text:"邳州市",value:"320382"}],320400:[{city:"常州市",text:"市辖区",value:"320401"},{city:"常州市",text:"天宁区",value:"320402"},{city:"常州市",text:"钟楼区",value:"320404"},{city:"常州市",text:"新北区",value:"320411"},{city:"常州市",text:"武进区",value:"320412"},{city:"常州市",text:"金坛区",value:"320413"},{city:"常州市",text:"溧阳市",value:"320481"}],320500:[{city:"苏州市",text:"市辖区",value:"320501"},{city:"苏州市",text:"虎丘区",value:"320505"},{city:"苏州市",text:"吴中区",value:"320506"},{city:"苏州市",text:"相城区",value:"320507"},{city:"苏州市",text:"姑苏区",value:"320508"},{city:"苏州市",text:"吴江区",value:"320509"},{city:"苏州市",text:"常熟市",value:"320581"},{city:"苏州市",text:"张家港市",value:"320582"},{city:"苏州市",text:"昆山市",value:"320583"},{city:"苏州市",text:"太仓市",value:"320585"}],320600:[{city:"南通市",text:"市辖区",value:"320601"},{city:"南通市",text:"崇川区",value:"320602"},{city:"南通市",text:"港闸区",value:"320611"},{city:"南通市",text:"通州区",value:"320612"},{city:"南通市",text:"海安县",value:"320621"},{city:"南通市",text:"如东县",value:"320623"},{city:"南通市",text:"启东市",value:"320681"},{city:"南通市",text:"如皋市",value:"320682"},{city:"南通市",text:"海门市",value:"320684"}],320700:[{city:"连云港市",text:"市辖区",value:"320701"},{city:"连云港市",text:"连云区",value:"320703"},{city:"连云港市",text:"海州区",value:"320706"},{city:"连云港市",text:"赣榆区",value:"320707"},{city:"连云港市",text:"东海县",value:"320722"},{city:"连云港市",text:"灌云县",value:"320723"},{city:"连云港市",text:"灌南县",value:"320724"}],320800:[{city:"淮安市",text:"市辖区",value:"320801"},{city:"淮安市",text:"淮安区",value:"320803"},{city:"淮安市",text:"淮阴区",value:"320804"},{city:"淮安市",text:"清江浦区",value:"320812"},{city:"淮安市",text:"洪泽区",value:"320813"},{city:"淮安市",text:"涟水县",value:"320826"},{city:"淮安市",text:"盱眙县",value:"320830"},{city:"淮安市",text:"金湖县",value:"320831"}],320900:[{city:"盐城市",text:"市辖区",value:"320901"},{city:"盐城市",text:"亭湖区",value:"320902"},{city:"盐城市",text:"盐都区",value:"320903"},{city:"盐城市",text:"大丰区",value:"320904"},{city:"盐城市",text:"响水县",value:"320921"},{city:"盐城市",text:"滨海县",value:"320922"},{city:"盐城市",text:"阜宁县",value:"320923"},{city:"盐城市",text:"射阳县",value:"320924"},{city:"盐城市",text:"建湖县",value:"320925"},{city:"盐城市",text:"东台市",value:"320981"}],321000:[{city:"扬州市",text:"市辖区",value:"321001"},{city:"扬州市",text:"广陵区",value:"321002"},{city:"扬州市",text:"邗江区",value:"321003"},{city:"扬州市",text:"江都区",value:"321012"},{city:"扬州市",text:"宝应县",value:"321023"},{city:"扬州市",text:"仪征市",value:"321081"},{city:"扬州市",text:"高邮市",value:"321084"}],321100:[{city:"镇江市",text:"市辖区",value:"321101"},{city:"镇江市",text:"京口区",value:"321102"},{city:"镇江市",text:"润州区",value:"321111"},{city:"镇江市",text:"丹徒区",value:"321112"},{city:"镇江市",text:"丹阳市",value:"321181"},{city:"镇江市",text:"扬中市",value:"321182"},{city:"镇江市",text:"句容市",value:"321183"}],321200:[{city:"泰州市",text:"市辖区",value:"321201"},{city:"泰州市",text:"海陵区",value:"321202"},{city:"泰州市",text:"高港区",value:"321203"},{city:"泰州市",text:"姜堰区",value:"321204"},{city:"泰州市",text:"兴化市",value:"321281"},{city:"泰州市",text:"靖江市",value:"321282"},{city:"泰州市",text:"泰兴市",value:"321283"}],321300:[{city:"宿迁市",text:"市辖区",value:"321301"},{city:"宿迁市",text:"宿城区",value:"321302"},{city:"宿迁市",text:"宿豫区",value:"321311"},{city:"宿迁市",text:"沭阳县",value:"321322"},{city:"宿迁市",text:"泗阳县",value:"321323"},{city:"宿迁市",text:"泗洪县",value:"321324"}],330100:[{city:"杭州市",text:"市辖区",value:"330101"},{city:"杭州市",text:"上城区",value:"330102"},{city:"杭州市",text:"下城区",value:"330103"},{city:"杭州市",text:"江干区",value:"330104"},{city:"杭州市",text:"拱墅区",value:"330105"},{city:"杭州市",text:"西湖区",value:"330106"},{city:"杭州市",text:"滨江区",value:"330108"},{city:"杭州市",text:"萧山区",value:"330109"},{city:"杭州市",text:"余杭区",value:"330110"},{city:"杭州市",text:"富阳区",value:"330111"},{city:"杭州市",text:"桐庐县",value:"330122"},{city:"杭州市",text:"淳安县",value:"330127"},{city:"杭州市",text:"建德市",value:"330182"},{city:"杭州市",text:"临安市",value:"330185"}],330200:[{city:"宁波市",text:"市辖区",value:"330201"},{city:"宁波市",text:"海曙区",value:"330203"},{city:"宁波市",text:"江东区",value:"330204"},{city:"宁波市",text:"江北区",value:"330205"},{city:"宁波市",text:"北仑区",value:"330206"},{city:"宁波市",text:"镇海区",value:"330211"},{city:"宁波市",text:"鄞州区",value:"330212"},{city:"宁波市",text:"象山县",value:"330225"},{city:"宁波市",text:"宁海县",value:"330226"},{city:"宁波市",text:"余姚市",value:"330281"},{city:"宁波市",text:"慈溪市",value:"330282"},{city:"宁波市",text:"奉化市",value:"330283"}],330300:[{city:"温州市",text:"市辖区",value:"330301"},{city:"温州市",text:"鹿城区",value:"330302"},{city:"温州市",text:"龙湾区",value:"330303"},{city:"温州市",text:"瓯海区",value:"330304"},{city:"温州市",text:"洞头区",value:"330305"},{city:"温州市",text:"永嘉县",value:"330324"},{city:"温州市",text:"平阳县",value:"330326"},{city:"温州市",text:"苍南县",value:"330327"},{city:"温州市",text:"文成县",value:"330328"},{city:"温州市",text:"泰顺县",value:"330329"},{city:"温州市",text:"瑞安市",value:"330381"},{city:"温州市",text:"乐清市",value:"330382"}],330400:[{city:"嘉兴市",text:"市辖区",value:"330401"},{city:"嘉兴市",text:"南湖区",value:"330402"},{city:"嘉兴市",text:"秀洲区",value:"330411"},{city:"嘉兴市",text:"嘉善县",value:"330421"},{city:"嘉兴市",text:"海盐县",value:"330424"},{city:"嘉兴市",text:"海宁市",value:"330481"},{city:"嘉兴市",text:"平湖市",value:"330482"},{city:"嘉兴市",text:"桐乡市",value:"330483"}],330500:[{city:"湖州市",text:"市辖区",value:"330501"},{city:"湖州市",text:"吴兴区",value:"330502"},{city:"湖州市",text:"南浔区",value:"330503"},{city:"湖州市",text:"德清县",value:"330521"},{city:"湖州市",text:"长兴县",value:"330522"},{city:"湖州市",text:"安吉县",value:"330523"}],330600:[{city:"绍兴市",text:"市辖区",value:"330601"},{city:"绍兴市",text:"越城区",value:"330602"},{city:"绍兴市",text:"柯桥区",value:"330603"},{city:"绍兴市",text:"上虞区",value:"330604"},{city:"绍兴市",text:"新昌县",value:"330624"},{city:"绍兴市",text:"诸暨市",value:"330681"},{city:"绍兴市",text:"嵊州市",value:"330683"}],330700:[{city:"金华市",text:"市辖区",value:"330701"},{city:"金华市",text:"婺城区",value:"330702"},{city:"金华市",text:"金东区",value:"330703"},{city:"金华市",text:"武义县",value:"330723"},{city:"金华市",text:"浦江县",value:"330726"},{city:"金华市",text:"磐安县",value:"330727"},{city:"金华市",text:"兰溪市",value:"330781"},{city:"金华市",text:"义乌市",value:"330782"},{city:"金华市",text:"东阳市",value:"330783"},{city:"金华市",text:"永康市",value:"330784"}],330800:[{city:"衢州市",text:"市辖区",value:"330801"},{city:"衢州市",text:"柯城区",value:"330802"},{city:"衢州市",text:"衢江区",value:"330803"},{city:"衢州市",text:"常山县",value:"330822"},{city:"衢州市",text:"开化县",value:"330824"},{city:"衢州市",text:"龙游县",value:"330825"},{city:"衢州市",text:"江山市",value:"330881"}],330900:[{city:"舟山市",text:"市辖区",value:"330901"},{city:"舟山市",text:"定海区",value:"330902"},{city:"舟山市",text:"普陀区",value:"330903"},{city:"舟山市",text:"岱山县",value:"330921"},{city:"舟山市",text:"嵊泗县",value:"330922"}],331000:[{city:"台州市",text:"市辖区",value:"331001"},{city:"台州市",text:"椒江区",value:"331002"},{city:"台州市",text:"黄岩区",value:"331003"},{city:"台州市",text:"路桥区",value:"331004"},{city:"台州市",text:"玉环县",value:"331021"},{city:"台州市",text:"三门县",value:"331022"},{city:"台州市",text:"天台县",value:"331023"},{city:"台州市",text:"仙居县",value:"331024"},{city:"台州市",text:"温岭市",value:"331081"},{city:"台州市",text:"临海市",value:"331082"}],331100:[{city:"丽水市",text:"市辖区",value:"331101"},{city:"丽水市",text:"莲都区",value:"331102"},{city:"丽水市",text:"青田县",value:"331121"},{city:"丽水市",text:"缙云县",value:"331122"},{city:"丽水市",text:"遂昌县",value:"331123"},{city:"丽水市",text:"松阳县",value:"331124"},{city:"丽水市",text:"云和县",value:"331125"},{city:"丽水市",text:"庆元县",value:"331126"},{city:"丽水市",text:"景宁畲族自治县",value:"331127"},{city:"丽水市",text:"龙泉市",value:"331181"}],340100:[{city:"合肥市",text:"市辖区",value:"340101"},{city:"合肥市",text:"瑶海区",value:"340102"},{city:"合肥市",text:"庐阳区",value:"340103"},{city:"合肥市",text:"蜀山区",value:"340104"},{city:"合肥市",text:"包河区",value:"340111"},{city:"合肥市",text:"长丰县",value:"340121"},{city:"合肥市",text:"肥东县",value:"340122"},{city:"合肥市",text:"肥西县",value:"340123"},{city:"合肥市",text:"庐江县",value:"340124"},{city:"合肥市",text:"巢湖市",value:"340181"}],340200:[{city:"芜湖市",text:"市辖区",value:"340201"},{city:"芜湖市",text:"镜湖区",value:"340202"},{city:"芜湖市",text:"弋江区",value:"340203"},{city:"芜湖市",text:"鸠江区",value:"340207"},{city:"芜湖市",text:"三山区",value:"340208"},{city:"芜湖市",text:"芜湖县",value:"340221"},{city:"芜湖市",text:"繁昌县",value:"340222"},{city:"芜湖市",text:"南陵县",value:"340223"},{city:"芜湖市",text:"无为县",value:"340225"}],340300:[{city:"蚌埠市",text:"市辖区",value:"340301"},{city:"蚌埠市",text:"龙子湖区",value:"340302"},{city:"蚌埠市",text:"蚌山区",value:"340303"},{city:"蚌埠市",text:"禹会区",value:"340304"},{city:"蚌埠市",text:"淮上区",value:"340311"},{city:"蚌埠市",text:"怀远县",value:"340321"},{city:"蚌埠市",text:"五河县",value:"340322"},{city:"蚌埠市",text:"固镇县",value:"340323"}],340400:[{city:"淮南市",text:"市辖区",value:"340401"},{city:"淮南市",text:"大通区",value:"340402"},{city:"淮南市",text:"田家庵区",value:"340403"},{city:"淮南市",text:"谢家集区",value:"340404"},{city:"淮南市",text:"八公山区",value:"340405"},{city:"淮南市",text:"潘集区",value:"340406"},{city:"淮南市",text:"凤台县",value:"340421"},{city:"淮南市",text:"寿县",value:"340422"}],340500:[{city:"马鞍山市",text:"市辖区",value:"340501"},{city:"马鞍山市",text:"花山区",value:"340503"},{city:"马鞍山市",text:"雨山区",value:"340504"},{city:"马鞍山市",text:"博望区",value:"340506"},{city:"马鞍山市",text:"当涂县",value:"340521"},{city:"马鞍山市",text:"含山县",value:"340522"},{city:"马鞍山市",text:"和县",value:"340523"}],340600:[{city:"淮北市",text:"市辖区",value:"340601"},{city:"淮北市",text:"杜集区",value:"340602"},{city:"淮北市",text:"相山区",value:"340603"},{city:"淮北市",text:"烈山区",value:"340604"},{city:"淮北市",text:"濉溪县",value:"340621"}],340700:[{city:"铜陵市",text:"市辖区",value:"340701"},{city:"铜陵市",text:"铜官区",value:"340705"},{city:"铜陵市",text:"义安区",value:"340706"},{city:"铜陵市",text:"郊区",value:"340711"},{city:"铜陵市",text:"枞阳县",value:"340722"}],340800:[{city:"安庆市",text:"市辖区",value:"340801"},{city:"安庆市",text:"迎江区",value:"340802"},{city:"安庆市",text:"大观区",value:"340803"},{city:"安庆市",text:"宜秀区",value:"340811"},{city:"安庆市",text:"怀宁县",value:"340822"},{city:"安庆市",text:"潜山县",value:"340824"},{city:"安庆市",text:"太湖县",value:"340825"},{city:"安庆市",text:"宿松县",value:"340826"},{city:"安庆市",text:"望江县",value:"340827"},{city:"安庆市",text:"岳西县",value:"340828"},{city:"安庆市",text:"桐城市",value:"340881"}],341000:[{city:"黄山市",text:"市辖区",value:"341001"},{city:"黄山市",text:"屯溪区",value:"341002"},{city:"黄山市",text:"黄山区",value:"341003"},{city:"黄山市",text:"徽州区",value:"341004"},{city:"黄山市",text:"歙县",value:"341021"},{city:"黄山市",text:"休宁县",value:"341022"},{city:"黄山市",text:"黟县",value:"341023"},{city:"黄山市",text:"祁门县",value:"341024"}],341100:[{city:"滁州市",text:"市辖区",value:"341101"},{city:"滁州市",text:"琅琊区",value:"341102"},{city:"滁州市",text:"南谯区",value:"341103"},{city:"滁州市",text:"来安县",value:"341122"},{city:"滁州市",text:"全椒县",value:"341124"},{city:"滁州市",text:"定远县",value:"341125"},{city:"滁州市",text:"凤阳县",value:"341126"},{city:"滁州市",text:"天长市",value:"341181"},{city:"滁州市",text:"明光市",value:"341182"}],341200:[{city:"阜阳市",text:"市辖区",value:"341201"},{city:"阜阳市",text:"颍州区",value:"341202"},{city:"阜阳市",text:"颍东区",value:"341203"},{city:"阜阳市",text:"颍泉区",value:"341204"},{city:"阜阳市",text:"临泉县",value:"341221"},{city:"阜阳市",text:"太和县",value:"341222"},{city:"阜阳市",text:"阜南县",value:"341225"},{city:"阜阳市",text:"颍上县",value:"341226"},{city:"阜阳市",text:"界首市",value:"341282"}],341300:[{city:"宿州市",text:"市辖区",value:"341301"},{city:"宿州市",text:"埇桥区",value:"341302"},{city:"宿州市",text:"砀山县",value:"341321"},{city:"宿州市",text:"萧县",value:"341322"},{city:"宿州市",text:"灵璧县",value:"341323"},{city:"宿州市",text:"泗县",value:"341324"}],341500:[{city:"六安市",text:"市辖区",value:"341501"},{city:"六安市",text:"金安区",value:"341502"},{city:"六安市",text:"裕安区",value:"341503"},{city:"六安市",text:"叶集区",value:"341504"},{city:"六安市",text:"霍邱县",value:"341522"},{city:"六安市",text:"舒城县",value:"341523"},{city:"六安市",text:"金寨县",value:"341524"},{city:"六安市",text:"霍山县",value:"341525"}],341600:[{city:"亳州市",text:"市辖区",value:"341601"},{city:"亳州市",text:"谯城区",value:"341602"},{city:"亳州市",text:"涡阳县",value:"341621"},{city:"亳州市",text:"蒙城县",value:"341622"},{city:"亳州市",text:"利辛县",value:"341623"}],341700:[{city:"池州市",text:"市辖区",value:"341701"},{city:"池州市",text:"贵池区",value:"341702"},{city:"池州市",text:"东至县",value:"341721"},{city:"池州市",text:"石台县",value:"341722"},{city:"池州市",text:"青阳县",value:"341723"}],341800:[{city:"宣城市",text:"市辖区",value:"341801"},{city:"宣城市",text:"宣州区",value:"341802"},{city:"宣城市",text:"郎溪县",value:"341821"},{city:"宣城市",text:"广德县",value:"341822"},{city:"宣城市",text:"泾县",value:"341823"},{city:"宣城市",text:"绩溪县",value:"341824"},{city:"宣城市",text:"旌德县",value:"341825"},{city:"宣城市",text:"宁国市",value:"341881"}],350100:[{city:"福州市",text:"市辖区",value:"350101"},{city:"福州市",text:"鼓楼区",value:"350102"},{city:"福州市",text:"台江区",value:"350103"},{city:"福州市",text:"仓山区",value:"350104"},{city:"福州市",text:"马尾区",value:"350105"},{city:"福州市",text:"晋安区",value:"350111"},{city:"福州市",text:"闽侯县",value:"350121"},{city:"福州市",text:"连江县",value:"350122"},{city:"福州市",text:"罗源县",value:"350123"},{city:"福州市",text:"闽清县",value:"350124"},{city:"福州市",text:"永泰县",value:"350125"},{city:"福州市",text:"平潭县",value:"350128"},{city:"福州市",text:"福清市",value:"350181"},{city:"福州市",text:"长乐市",value:"350182"}],350200:[{city:"厦门市",text:"市辖区",value:"350201"},{city:"厦门市",text:"思明区",value:"350203"},{city:"厦门市",text:"海沧区",value:"350205"},{city:"厦门市",text:"湖里区",value:"350206"},{city:"厦门市",text:"集美区",value:"350211"},{city:"厦门市",text:"同安区",value:"350212"},{city:"厦门市",text:"翔安区",value:"350213"}],350300:[{city:"莆田市",text:"市辖区",value:"350301"},{city:"莆田市",text:"城厢区",value:"350302"},{city:"莆田市",text:"涵江区",value:"350303"},{city:"莆田市",text:"荔城区",value:"350304"},{city:"莆田市",text:"秀屿区",value:"350305"},{city:"莆田市",text:"仙游县",value:"350322"}],350400:[{city:"三明市",text:"市辖区",value:"350401"},{city:"三明市",text:"梅列区",value:"350402"},{city:"三明市",text:"三元区",value:"350403"},{city:"三明市",text:"明溪县",value:"350421"},{city:"三明市",text:"清流县",value:"350423"},{city:"三明市",text:"宁化县",value:"350424"},{city:"三明市",text:"大田县",value:"350425"},{city:"三明市",text:"尤溪县",value:"350426"},{city:"三明市",text:"沙县",value:"350427"},{city:"三明市",text:"将乐县",value:"350428"},{city:"三明市",text:"泰宁县",value:"350429"},{city:"三明市",text:"建宁县",value:"350430"},{city:"三明市",text:"永安市",value:"350481"}],350500:[{city:"泉州市",text:"市辖区",value:"350501"},{city:"泉州市",text:"鲤城区",value:"350502"},{city:"泉州市",text:"丰泽区",value:"350503"},{city:"泉州市",text:"洛江区",value:"350504"},{city:"泉州市",text:"泉港区",value:"350505"},{city:"泉州市",text:"惠安县",value:"350521"},{city:"泉州市",text:"安溪县",value:"350524"},{city:"泉州市",text:"永春县",value:"350525"},{city:"泉州市",text:"德化县",value:"350526"},{city:"泉州市",text:"金门县",value:"350527"},{city:"泉州市",text:"石狮市",value:"350581"},{city:"泉州市",text:"晋江市",value:"350582"},{city:"泉州市",text:"南安市",value:"350583"}],350600:[{city:"漳州市",text:"市辖区",value:"350601"},{city:"漳州市",text:"芗城区",value:"350602"},{city:"漳州市",text:"龙文区",value:"350603"},{city:"漳州市",text:"云霄县",value:"350622"},{city:"漳州市",text:"漳浦县",value:"350623"},{city:"漳州市",text:"诏安县",value:"350624"},{city:"漳州市",text:"长泰县",value:"350625"},{city:"漳州市",text:"东山县",value:"350626"},{city:"漳州市",text:"南靖县",value:"350627"},{city:"漳州市",text:"平和县",value:"350628"},{city:"漳州市",text:"华安县",value:"350629"},{city:"漳州市",text:"龙海市",value:"350681"}],350700:[{city:"南平市",text:"市辖区",value:"350701"},{city:"南平市",text:"延平区",value:"350702"},{city:"南平市",text:"建阳区",value:"350703"},{city:"南平市",text:"顺昌县",value:"350721"},{city:"南平市",text:"浦城县",value:"350722"},{city:"南平市",text:"光泽县",value:"350723"},{city:"南平市",text:"松溪县",value:"350724"},{city:"南平市",text:"政和县",value:"350725"},{city:"南平市",text:"邵武市",value:"350781"},{city:"南平市",text:"武夷山市",value:"350782"},{city:"南平市",text:"建瓯市",value:"350783"}],350800:[{city:"龙岩市",text:"市辖区",value:"350801"},{city:"龙岩市",text:"新罗区",value:"350802"},{city:"龙岩市",text:"永定区",value:"350803"},{city:"龙岩市",text:"长汀县",value:"350821"},{city:"龙岩市",text:"上杭县",value:"350823"},{city:"龙岩市",text:"武平县",value:"350824"},{city:"龙岩市",text:"连城县",value:"350825"},{city:"龙岩市",text:"漳平市",value:"350881"}],350900:[{city:"宁德市",text:"市辖区",value:"350901"},{city:"宁德市",text:"蕉城区",value:"350902"},{city:"宁德市",text:"霞浦县",value:"350921"},{city:"宁德市",text:"古田县",value:"350922"},{city:"宁德市",text:"屏南县",value:"350923"},{city:"宁德市",text:"寿宁县",value:"350924"},{city:"宁德市",text:"周宁县",value:"350925"},{city:"宁德市",text:"柘荣县",value:"350926"},{city:"宁德市",text:"福安市",value:"350981"},{city:"宁德市",text:"福鼎市",value:"350982"}],360100:[{city:"南昌市",text:"市辖区",value:"360101"},{city:"南昌市",text:"东湖区",value:"360102"},{city:"南昌市",text:"西湖区",value:"360103"},{city:"南昌市",text:"青云谱区",value:"360104"},{city:"南昌市",text:"湾里区",value:"360105"},{city:"南昌市",text:"青山湖区",value:"360111"},{city:"南昌市",text:"新建区",value:"360112"},{city:"南昌市",text:"南昌县",value:"360121"},{city:"南昌市",text:"安义县",value:"360123"},{city:"南昌市",text:"进贤县",value:"360124"}],360200:[{city:"景德镇市",text:"市辖区",value:"360201"},{city:"景德镇市",text:"昌江区",value:"360202"},{city:"景德镇市",text:"珠山区",value:"360203"},{city:"景德镇市",text:"浮梁县",value:"360222"},{city:"景德镇市",text:"乐平市",value:"360281"}],360300:[{city:"萍乡市",text:"市辖区",value:"360301"},{city:"萍乡市",text:"安源区",value:"360302"},{city:"萍乡市",text:"湘东区",value:"360313"},{city:"萍乡市",text:"莲花县",value:"360321"},{city:"萍乡市",text:"上栗县",value:"360322"},{city:"萍乡市",text:"芦溪县",value:"360323"}],360400:[{city:"九江市",text:"市辖区",value:"360401"},{city:"九江市",text:"濂溪区",value:"360402"},{city:"九江市",text:"浔阳区",value:"360403"},{city:"九江市",text:"九江县",value:"360421"},{city:"九江市",text:"武宁县",value:"360423"},{city:"九江市",text:"修水县",value:"360424"},{city:"九江市",text:"永修县",value:"360425"},{city:"九江市",text:"德安县",value:"360426"},{city:"九江市",text:"都昌县",value:"360428"},{city:"九江市",text:"湖口县",value:"360429"},{city:"九江市",text:"彭泽县",value:"360430"},{city:"九江市",text:"瑞昌市",value:"360481"},{city:"九江市",text:"共青城市",value:"360482"},{city:"九江市",text:"庐山市",value:"360483"}],360500:[{city:"新余市",text:"市辖区",value:"360501"},{city:"新余市",text:"渝水区",value:"360502"},{city:"新余市",text:"分宜县",value:"360521"}],360600:[{city:"鹰潭市",text:"市辖区",value:"360601"},{city:"鹰潭市",text:"月湖区",value:"360602"},{city:"鹰潭市",text:"余江县",value:"360622"},{city:"鹰潭市",text:"贵溪市",value:"360681"}],360700:[{city:"赣州市",text:"市辖区",value:"360701"},{city:"赣州市",text:"章贡区",value:"360702"},{city:"赣州市",text:"南康区",value:"360703"},{city:"赣州市",text:"赣县",value:"360721"},{city:"赣州市",text:"信丰县",value:"360722"},{city:"赣州市",text:"大余县",value:"360723"},{city:"赣州市",text:"上犹县",value:"360724"},{city:"赣州市",text:"崇义县",value:"360725"},{city:"赣州市",text:"安远县",value:"360726"},{city:"赣州市",text:"龙南县",value:"360727"},{city:"赣州市",text:"定南县",value:"360728"},{city:"赣州市",text:"全南县",value:"360729"},{city:"赣州市",text:"宁都县",value:"360730"},{city:"赣州市",text:"于都县",value:"360731"},{city:"赣州市",text:"兴国县",value:"360732"},{city:"赣州市",text:"会昌县",value:"360733"},{city:"赣州市",text:"寻乌县",value:"360734"},{city:"赣州市",text:"石城县",value:"360735"},{city:"赣州市",text:"瑞金市",value:"360781"}],360800:[{city:"吉安市",text:"市辖区",value:"360801"},{city:"吉安市",text:"吉州区",value:"360802"},{city:"吉安市",text:"青原区",value:"360803"},{city:"吉安市",text:"吉安县",value:"360821"},{city:"吉安市",text:"吉水县",value:"360822"},{city:"吉安市",text:"峡江县",value:"360823"},{city:"吉安市",text:"新干县",value:"360824"},{city:"吉安市",text:"永丰县",value:"360825"},{city:"吉安市",text:"泰和县",value:"360826"},{city:"吉安市",text:"遂川县",value:"360827"},{city:"吉安市",text:"万安县",value:"360828"},{city:"吉安市",text:"安福县",value:"360829"},{city:"吉安市",text:"永新县",value:"360830"},{city:"吉安市",text:"井冈山市",value:"360881"}],360900:[{city:"宜春市",text:"市辖区",value:"360901"},{city:"宜春市",text:"袁州区",value:"360902"},{city:"宜春市",text:"奉新县",value:"360921"},{city:"宜春市",text:"万载县",value:"360922"},{city:"宜春市",text:"上高县",value:"360923"},{city:"宜春市",text:"宜丰县",value:"360924"},{city:"宜春市",text:"靖安县",value:"360925"},{city:"宜春市",text:"铜鼓县",value:"360926"},{city:"宜春市",text:"丰城市",value:"360981"},{city:"宜春市",text:"樟树市",value:"360982"},{city:"宜春市",text:"高安市",value:"360983"}],361000:[{city:"抚州市",text:"市辖区",value:"361001"},{city:"抚州市",text:"临川区",value:"361002"},{city:"抚州市",text:"南城县",value:"361021"},{city:"抚州市",text:"黎川县",value:"361022"},{city:"抚州市",text:"南丰县",value:"361023"},{city:"抚州市",text:"崇仁县",value:"361024"},{city:"抚州市",text:"乐安县",value:"361025"},{city:"抚州市",text:"宜黄县",value:"361026"},{city:"抚州市",text:"金溪县",value:"361027"},{city:"抚州市",text:"资溪县",value:"361028"},{city:"抚州市",text:"东乡县",value:"361029"},{city:"抚州市",text:"广昌县",value:"361030"}],361100:[{city:"上饶市",text:"市辖区",value:"361101"},{city:"上饶市",text:"信州区",value:"361102"},{city:"上饶市",text:"广丰区",value:"361103"},{city:"上饶市",text:"上饶县",value:"361121"},{city:"上饶市",text:"玉山县",value:"361123"},{city:"上饶市",text:"铅山县",value:"361124"},{city:"上饶市",text:"横峰县",value:"361125"},{city:"上饶市",text:"弋阳县",value:"361126"},{city:"上饶市",text:"余干县",value:"361127"},{city:"上饶市",text:"鄱阳县",value:"361128"},{city:"上饶市",text:"万年县",value:"361129"},{city:"上饶市",text:"婺源县",value:"361130"},{city:"上饶市",text:"德兴市",value:"361181"}],370100:[{city:"济南市",text:"市辖区",value:"370101"},{city:"济南市",text:"历下区",value:"370102"},{city:"济南市",text:"市中区",value:"370103"},{city:"济南市",text:"槐荫区",value:"370104"},{city:"济南市",text:"天桥区",value:"370105"},{city:"济南市",text:"历城区",value:"370112"},{city:"济南市",text:"长清区",value:"370113"},{city:"济南市",text:"平阴县",value:"370124"},{city:"济南市",text:"济阳县",value:"370125"},{city:"济南市",text:"商河县",value:"370126"},{city:"济南市",text:"章丘市",value:"370181"}],370200:[{city:"青岛市",text:"市辖区",value:"370201"},{city:"青岛市",text:"市南区",value:"370202"},{city:"青岛市",text:"市北区",value:"370203"},{city:"青岛市",text:"黄岛区",value:"370211"},{city:"青岛市",text:"崂山区",value:"370212"},{city:"青岛市",text:"李沧区",value:"370213"},{city:"青岛市",text:"城阳区",value:"370214"},{city:"青岛市",text:"胶州市",value:"370281"},{city:"青岛市",text:"即墨市",value:"370282"},{city:"青岛市",text:"平度市",value:"370283"},{city:"青岛市",text:"莱西市",value:"370285"}],370300:[{city:"淄博市",text:"市辖区",value:"370301"},{city:"淄博市",text:"淄川区",value:"370302"},{city:"淄博市",text:"张店区",value:"370303"},{city:"淄博市",text:"博山区",value:"370304"},{city:"淄博市",text:"临淄区",value:"370305"},{city:"淄博市",text:"周村区",value:"370306"},{city:"淄博市",text:"桓台县",value:"370321"},{city:"淄博市",text:"高青县",value:"370322"},{city:"淄博市",text:"沂源县",value:"370323"}],370400:[{city:"枣庄市",text:"市辖区",value:"370401"},{city:"枣庄市",text:"市中区",value:"370402"},{city:"枣庄市",text:"薛城区",value:"370403"},{city:"枣庄市",text:"峄城区",value:"370404"},{city:"枣庄市",text:"台儿庄区",value:"370405"},{city:"枣庄市",text:"山亭区",value:"370406"},{city:"枣庄市",text:"滕州市",value:"370481"}],370500:[{city:"东营市",text:"市辖区",value:"370501"},{city:"东营市",text:"东营区",value:"370502"},{city:"东营市",text:"河口区",value:"370503"},{city:"东营市",text:"垦利区",value:"370505"},{city:"东营市",text:"利津县",value:"370522"},{city:"东营市",text:"广饶县",value:"370523"}],370600:[{city:"烟台市",text:"市辖区",value:"370601"},{city:"烟台市",text:"芝罘区",value:"370602"},{city:"烟台市",text:"福山区",value:"370611"},{city:"烟台市",text:"牟平区",value:"370612"},{city:"烟台市",text:"莱山区",value:"370613"},{city:"烟台市",text:"长岛县",value:"370634"},{city:"烟台市",text:"龙口市",value:"370681"},{city:"烟台市",text:"莱阳市",value:"370682"},{city:"烟台市",text:"莱州市",value:"370683"},{city:"烟台市",text:"蓬莱市",value:"370684"},{city:"烟台市",text:"招远市",value:"370685"},{city:"烟台市",text:"栖霞市",value:"370686"},{city:"烟台市",text:"海阳市",value:"370687"}],370700:[{city:"潍坊市",text:"市辖区",value:"370701"},{city:"潍坊市",text:"潍城区",value:"370702"},{city:"潍坊市",text:"寒亭区",value:"370703"},{city:"潍坊市",text:"坊子区",value:"370704"},{city:"潍坊市",text:"奎文区",value:"370705"},{city:"潍坊市",text:"临朐县",value:"370724"},{city:"潍坊市",text:"昌乐县",value:"370725"},{city:"潍坊市",text:"青州市",value:"370781"},{city:"潍坊市",text:"诸城市",value:"370782"},{city:"潍坊市",text:"寿光市",value:"370783"},{city:"潍坊市",text:"安丘市",value:"370784"},{city:"潍坊市",text:"高密市",value:"370785"},{city:"潍坊市",text:"昌邑市",value:"370786"}],370800:[{city:"济宁市",text:"市辖区",value:"370801"},{city:"济宁市",text:"任城区",value:"370811"},{city:"济宁市",text:"兖州区",value:"370812"},{city:"济宁市",text:"微山县",value:"370826"},{city:"济宁市",text:"鱼台县",value:"370827"},{city:"济宁市",text:"金乡县",value:"370828"},{city:"济宁市",text:"嘉祥县",value:"370829"},{city:"济宁市",text:"汶上县",value:"370830"},{city:"济宁市",text:"泗水县",value:"370831"},{city:"济宁市",text:"梁山县",value:"370832"},{city:"济宁市",text:"曲阜市",value:"370881"},{city:"济宁市",text:"邹城市",value:"370883"}],370900:[{city:"泰安市",text:"市辖区",value:"370901"},{city:"泰安市",text:"泰山区",value:"370902"},{city:"泰安市",text:"岱岳区",value:"370911"},{city:"泰安市",text:"宁阳县",value:"370921"},{city:"泰安市",text:"东平县",value:"370923"},{city:"泰安市",text:"新泰市",value:"370982"},{city:"泰安市",text:"肥城市",value:"370983"}],371000:[{city:"威海市",text:"市辖区",value:"371001"},{city:"威海市",text:"环翠区",value:"371002"},{city:"威海市",text:"文登区",value:"371003"},{city:"威海市",text:"荣成市",value:"371082"},{city:"威海市",text:"乳山市",value:"371083"}],371100:[{city:"日照市",text:"市辖区",value:"371101"},{city:"日照市",text:"东港区",value:"371102"},{city:"日照市",text:"岚山区",value:"371103"},{city:"日照市",text:"五莲县",value:"371121"},{city:"日照市",text:"莒县",value:"371122"}],371200:[{city:"莱芜市",text:"市辖区",value:"371201"},{city:"莱芜市",text:"莱城区",value:"371202"},{city:"莱芜市",text:"钢城区",value:"371203"}],371300:[{city:"临沂市",text:"市辖区",value:"371301"},{city:"临沂市",text:"兰山区",value:"371302"},{city:"临沂市",text:"罗庄区",value:"371311"},{city:"临沂市",text:"河东区",value:"371312"},{city:"临沂市",text:"沂南县",value:"371321"},{city:"临沂市",text:"郯城县",value:"371322"},{city:"临沂市",text:"沂水县",value:"371323"},{city:"临沂市",text:"兰陵县",value:"371324"},{city:"临沂市",text:"费县",value:"371325"},{city:"临沂市",text:"平邑县",value:"371326"},{city:"临沂市",text:"莒南县",value:"371327"},{city:"临沂市",text:"蒙阴县",value:"371328"},{city:"临沂市",text:"临沭县",value:"371329"}],371400:[{city:"德州市",text:"市辖区",value:"371401"},{city:"德州市",text:"德城区",value:"371402"},{city:"德州市",text:"陵城区",value:"371403"},{city:"德州市",text:"宁津县",value:"371422"},{city:"德州市",text:"庆云县",value:"371423"},{city:"德州市",text:"临邑县",value:"371424"},{city:"德州市",text:"齐河县",value:"371425"},{city:"德州市",text:"平原县",value:"371426"},{city:"德州市",text:"夏津县",value:"371427"},{city:"德州市",text:"武城县",value:"371428"},{city:"德州市",text:"乐陵市",value:"371481"},{city:"德州市",text:"禹城市",value:"371482"}],371500:[{city:"聊城市",text:"市辖区",value:"371501"},{city:"聊城市",text:"东昌府区",value:"371502"},{city:"聊城市",text:"阳谷县",value:"371521"},{city:"聊城市",text:"莘县",value:"371522"},{city:"聊城市",text:"茌平县",value:"371523"},{city:"聊城市",text:"东阿县",value:"371524"},{city:"聊城市",text:"冠县",value:"371525"},{city:"聊城市",text:"高唐县",value:"371526"},{city:"聊城市",text:"临清市",value:"371581"}],371600:[{city:"滨州市",text:"市辖区",value:"371601"},{city:"滨州市",text:"滨城区",value:"371602"},{city:"滨州市",text:"沾化区",value:"371603"},{city:"滨州市",text:"惠民县",value:"371621"},{city:"滨州市",text:"阳信县",value:"371622"},{city:"滨州市",text:"无棣县",value:"371623"},{city:"滨州市",text:"博兴县",value:"371625"},{city:"滨州市",text:"邹平县",value:"371626"}],371700:[{city:"菏泽市",text:"市辖区",value:"371701"},{city:"菏泽市",text:"牡丹区",value:"371702"},{city:"菏泽市",text:"定陶区",value:"371703"},{city:"菏泽市",text:"曹县",value:"371721"},{city:"菏泽市",text:"单县",value:"371722"},{city:"菏泽市",text:"成武县",value:"371723"},{city:"菏泽市",text:"巨野县",value:"371724"},{city:"菏泽市",text:"郓城县",value:"371725"},{city:"菏泽市",text:"鄄城县",value:"371726"},{city:"菏泽市",text:"东明县",value:"371728"}],410100:[{city:"郑州市",text:"市辖区",value:"410101"},{city:"郑州市",text:"中原区",value:"410102"},{city:"郑州市",text:"二七区",value:"410103"},{city:"郑州市",text:"管城回族区",value:"410104"},{city:"郑州市",text:"金水区",value:"410105"},{city:"郑州市",text:"上街区",value:"410106"},{city:"郑州市",text:"惠济区",value:"410108"},{city:"郑州市",text:"中牟县",value:"410122"},{city:"郑州市",text:"巩义市",value:"410181"},{city:"郑州市",text:"荥阳市",value:"410182"},{city:"郑州市",text:"新密市",value:"410183"},{city:"郑州市",text:"新郑市",value:"410184"},{city:"郑州市",text:"登封市",value:"410185"}],410200:[{city:"开封市",text:"市辖区",value:"410201"},{city:"开封市",text:"龙亭区",value:"410202"},{city:"开封市",text:"顺河回族区",value:"410203"},{city:"开封市",text:"鼓楼区",value:"410204"},{city:"开封市",text:"禹王台区",value:"410205"},{city:"开封市",text:"金明区",value:"410211"},{city:"开封市",text:"祥符区",value:"410212"},{city:"开封市",text:"杞县",value:"410221"},{city:"开封市",text:"通许县",value:"410222"},{city:"开封市",text:"尉氏县",value:"410223"},{city:"开封市",text:"兰考县",value:"410225"}],410300:[{city:"洛阳市",text:"市辖区",value:"410301"},{city:"洛阳市",text:"老城区",value:"410302"},{city:"洛阳市",text:"西工区",value:"410303"},{city:"洛阳市",text:"瀍河回族区",value:"410304"},{city:"洛阳市",text:"涧西区",value:"410305"},{city:"洛阳市",text:"吉利区",value:"410306"},{city:"洛阳市",text:"洛龙区",value:"410311"},{city:"洛阳市",text:"孟津县",value:"410322"},{city:"洛阳市",text:"新安县",value:"410323"},{city:"洛阳市",text:"栾川县",value:"410324"},{city:"洛阳市",text:"嵩县",value:"410325"},{city:"洛阳市",text:"汝阳县",value:"410326"},{city:"洛阳市",text:"宜阳县",value:"410327"},{city:"洛阳市",text:"洛宁县",value:"410328"},{city:"洛阳市",text:"伊川县",value:"410329"},{city:"洛阳市",text:"偃师市",value:"410381"}],410400:[{city:"平顶山市",text:"市辖区",value:"410401"},{city:"平顶山市",text:"新华区",value:"410402"},{city:"平顶山市",text:"卫东区",value:"410403"},{city:"平顶山市",text:"石龙区",value:"410404"},{city:"平顶山市",text:"湛河区",value:"410411"},{city:"平顶山市",text:"宝丰县",value:"410421"},{city:"平顶山市",text:"叶县",value:"410422"},{city:"平顶山市",text:"鲁山县",value:"410423"},{city:"平顶山市",text:"郏县",value:"410425"},{city:"平顶山市",text:"舞钢市",value:"410481"},{city:"平顶山市",text:"汝州市",value:"410482"}],410500:[{city:"安阳市",text:"市辖区",value:"410501"},{city:"安阳市",text:"文峰区",value:"410502"},{city:"安阳市",text:"北关区",value:"410503"},{city:"安阳市",text:"殷都区",value:"410505"},{city:"安阳市",text:"龙安区",value:"410506"},{city:"安阳市",text:"安阳县",value:"410522"},{city:"安阳市",text:"汤阴县",value:"410523"},{city:"安阳市",text:"滑县",value:"410526"},{city:"安阳市",text:"内黄县",value:"410527"},{city:"安阳市",text:"林州市",value:"410581"}],410600:[{city:"鹤壁市",text:"市辖区",value:"410601"},{city:"鹤壁市",text:"鹤山区",value:"410602"},{city:"鹤壁市",text:"山城区",value:"410603"},{city:"鹤壁市",text:"淇滨区",value:"410611"},{city:"鹤壁市",text:"浚县",value:"410621"},{city:"鹤壁市",text:"淇县",value:"410622"}],410700:[{city:"新乡市",text:"市辖区",value:"410701"},{city:"新乡市",text:"红旗区",value:"410702"},{city:"新乡市",text:"卫滨区",value:"410703"},{city:"新乡市",text:"凤泉区",value:"410704"},{city:"新乡市",text:"牧野区",value:"410711"},{city:"新乡市",text:"新乡县",value:"410721"},{city:"新乡市",text:"获嘉县",value:"410724"},{city:"新乡市",text:"原阳县",value:"410725"},{city:"新乡市",text:"延津县",value:"410726"},{city:"新乡市",text:"封丘县",value:"410727"},{city:"新乡市",text:"长垣县",value:"410728"},{city:"新乡市",text:"卫辉市",value:"410781"},{city:"新乡市",text:"辉县市",value:"410782"}],410800:[{city:"焦作市",text:"市辖区",value:"410801"},{city:"焦作市",text:"解放区",value:"410802"},{city:"焦作市",text:"中站区",value:"410803"},{city:"焦作市",text:"马村区",value:"410804"},{city:"焦作市",text:"山阳区",value:"410811"},{city:"焦作市",text:"修武县",value:"410821"},{city:"焦作市",text:"博爱县",value:"410822"},{city:"焦作市",text:"武陟县",value:"410823"},{city:"焦作市",text:"温县",value:"410825"},{city:"焦作市",text:"沁阳市",value:"410882"},{city:"焦作市",text:"孟州市",value:"410883"}],410900:[{city:"濮阳市",text:"市辖区",value:"410901"},{city:"濮阳市",text:"华龙区",value:"410902"},{city:"濮阳市",text:"清丰县",value:"410922"},{city:"濮阳市",text:"南乐县",value:"410923"},{city:"濮阳市",text:"范县",value:"410926"},{city:"濮阳市",text:"台前县",value:"410927"},{city:"濮阳市",text:"濮阳县",value:"410928"}],411000:[{city:"许昌市",text:"市辖区",value:"411001"},{city:"许昌市",text:"魏都区",value:"411002"},{city:"许昌市",text:"许昌县",value:"411023"},{city:"许昌市",text:"鄢陵县",value:"411024"},{city:"许昌市",text:"襄城县",value:"411025"},{city:"许昌市",text:"禹州市",value:"411081"},{city:"许昌市",text:"长葛市",value:"411082"}],411100:[{city:"漯河市",text:"市辖区",value:"411101"},{city:"漯河市",text:"源汇区",value:"411102"},{city:"漯河市",text:"郾城区",value:"411103"},{city:"漯河市",text:"召陵区",value:"411104"},{city:"漯河市",text:"舞阳县",value:"411121"},{city:"漯河市",text:"临颍县",value:"411122"}],411200:[{city:"三门峡市",text:"市辖区",value:"411201"},{city:"三门峡市",text:"湖滨区",value:"411202"},{city:"三门峡市",text:"陕州区",value:"411203"},{city:"三门峡市",text:"渑池县",value:"411221"},{city:"三门峡市",text:"卢氏县",value:"411224"},{city:"三门峡市",text:"义马市",value:"411281"},{city:"三门峡市",text:"灵宝市",value:"411282"}],411300:[{city:"南阳市",text:"市辖区",value:"411301"},{city:"南阳市",text:"宛城区",value:"411302"},{city:"南阳市",text:"卧龙区",value:"411303"},{city:"南阳市",text:"南召县",value:"411321"},{city:"南阳市",text:"方城县",value:"411322"},{city:"南阳市",text:"西峡县",value:"411323"},{city:"南阳市",text:"镇平县",value:"411324"},{city:"南阳市",text:"内乡县",value:"411325"},{city:"南阳市",text:"淅川县",value:"411326"},{city:"南阳市",text:"社旗县",value:"411327"},{city:"南阳市",text:"唐河县",value:"411328"},{city:"南阳市",text:"新野县",value:"411329"},{city:"南阳市",text:"桐柏县",value:"411330"},{city:"南阳市",text:"邓州市",value:"411381"}],411400:[{city:"商丘市",text:"市辖区",value:"411401"},{city:"商丘市",text:"梁园区",value:"411402"},{city:"商丘市",text:"睢阳区",value:"411403"},{city:"商丘市",text:"民权县",value:"411421"},{city:"商丘市",text:"睢县",value:"411422"},{city:"商丘市",text:"宁陵县",value:"411423"},{city:"商丘市",text:"柘城县",value:"411424"},{city:"商丘市",text:"虞城县",value:"411425"},{city:"商丘市",text:"夏邑县",value:"411426"},{city:"商丘市",text:"永城市",value:"411481"}],411500:[{city:"信阳市",text:"市辖区",value:"411501"},{city:"信阳市",text:"浉河区",value:"411502"},{city:"信阳市",text:"平桥区",value:"411503"},{city:"信阳市",text:"罗山县",value:"411521"},{city:"信阳市",text:"光山县",value:"411522"},{city:"信阳市",text:"新县",value:"411523"},{city:"信阳市",text:"商城县",value:"411524"},{city:"信阳市",text:"固始县",value:"411525"},{city:"信阳市",text:"潢川县",value:"411526"},{city:"信阳市",text:"淮滨县",value:"411527"},{city:"信阳市",text:"息县",value:"411528"}],411600:[{city:"周口市",text:"市辖区",value:"411601"},{city:"周口市",text:"川汇区",value:"411602"},{city:"周口市",text:"扶沟县",value:"411621"},{city:"周口市",text:"西华县",value:"411622"},{city:"周口市",text:"商水县",value:"411623"},{city:"周口市",text:"沈丘县",value:"411624"},{city:"周口市",text:"郸城县",value:"411625"},{city:"周口市",text:"淮阳县",value:"411626"},{city:"周口市",text:"太康县",value:"411627"},{city:"周口市",text:"鹿邑县",value:"411628"},{city:"周口市",text:"项城市",value:"411681"}],411700:[{city:"驻马店市",text:"市辖区",value:"411701"},{city:"驻马店市",text:"驿城区",value:"411702"},{city:"驻马店市",text:"西平县",value:"411721"},{city:"驻马店市",text:"上蔡县",value:"411722"},{city:"驻马店市",text:"平舆县",value:"411723"},{city:"驻马店市",text:"正阳县",value:"411724"},{city:"驻马店市",text:"确山县",value:"411725"},{city:"驻马店市",text:"泌阳县",value:"411726"},{city:"驻马店市",text:"汝南县",value:"411727"},{city:"驻马店市",text:"遂平县",value:"411728"},{city:"驻马店市",text:"新蔡县",value:"411729"}],419000:[{city:"省直辖县级行政区划",text:"济源市",value:"419001"}],420100:[{city:"武汉市",text:"市辖区",value:"420101"},{city:"武汉市",text:"江岸区",value:"420102"},{city:"武汉市",text:"江汉区",value:"420103"},{city:"武汉市",text:"硚口区",value:"420104"},{city:"武汉市",text:"汉阳区",value:"420105"},{city:"武汉市",text:"武昌区",value:"420106"},{city:"武汉市",text:"青山区",value:"420107"},{city:"武汉市",text:"洪山区",value:"420111"},{city:"武汉市",text:"东西湖区",value:"420112"},{city:"武汉市",text:"汉南区",value:"420113"},{city:"武汉市",text:"蔡甸区",value:"420114"},{city:"武汉市",text:"江夏区",value:"420115"},{city:"武汉市",text:"黄陂区",value:"420116"},{city:"武汉市",text:"新洲区",value:"420117"}],420200:[{city:"黄石市",text:"市辖区",value:"420201"},{city:"黄石市",text:"黄石港区",value:"420202"},{city:"黄石市",text:"西塞山区",value:"420203"},{city:"黄石市",text:"下陆区",value:"420204"},{city:"黄石市",text:"铁山区",value:"420205"},{city:"黄石市",text:"阳新县",value:"420222"},{city:"黄石市",text:"大冶市",value:"420281"}],420300:[{city:"十堰市",text:"市辖区",value:"420301"},{city:"十堰市",text:"茅箭区",value:"420302"},{city:"十堰市",text:"张湾区",value:"420303"},{city:"十堰市",text:"郧阳区",value:"420304"},{city:"十堰市",text:"郧西县",value:"420322"},{city:"十堰市",text:"竹山县",value:"420323"},{city:"十堰市",text:"竹溪县",value:"420324"},{city:"十堰市",text:"房县",value:"420325"},{city:"十堰市",text:"丹江口市",value:"420381"}],420500:[{city:"宜昌市",text:"市辖区",value:"420501"},{city:"宜昌市",text:"西陵区",value:"420502"},{city:"宜昌市",text:"伍家岗区",value:"420503"},{city:"宜昌市",text:"点军区",value:"420504"},{city:"宜昌市",text:"猇亭区",value:"420505"},{city:"宜昌市",text:"夷陵区",value:"420506"},{city:"宜昌市",text:"远安县",value:"420525"},{city:"宜昌市",text:"兴山县",value:"420526"},{city:"宜昌市",text:"秭归县",value:"420527"},{city:"宜昌市",text:"长阳土家族自治县",value:"420528"},{city:"宜昌市",text:"五峰土家族自治县",value:"420529"},{city:"宜昌市",text:"宜都市",value:"420581"},{city:"宜昌市",text:"当阳市",value:"420582"},{city:"宜昌市",text:"枝江市",value:"420583"}],420600:[{city:"襄阳市",text:"市辖区",value:"420601"},{city:"襄阳市",text:"襄城区",value:"420602"},{city:"襄阳市",text:"樊城区",value:"420606"},{city:"襄阳市",text:"襄州区",value:"420607"},{city:"襄阳市",text:"南漳县",value:"420624"},{city:"襄阳市",text:"谷城县",value:"420625"},{city:"襄阳市",text:"保康县",value:"420626"},{city:"襄阳市",text:"老河口市",value:"420682"},{city:"襄阳市",text:"枣阳市",value:"420683"},{city:"襄阳市",text:"宜城市",value:"420684"}],420700:[{city:"鄂州市",text:"市辖区",value:"420701"},{city:"鄂州市",text:"梁子湖区",value:"420702"},{city:"鄂州市",text:"华容区",value:"420703"},{city:"鄂州市",text:"鄂城区",value:"420704"}],420800:[{city:"荆门市",text:"市辖区",value:"420801"},{city:"荆门市",text:"东宝区",value:"420802"},{city:"荆门市",text:"掇刀区",value:"420804"},{city:"荆门市",text:"京山县",value:"420821"},{city:"荆门市",text:"沙洋县",value:"420822"},{city:"荆门市",text:"钟祥市",value:"420881"}],420900:[{city:"孝感市",text:"市辖区",value:"420901"},{city:"孝感市",text:"孝南区",value:"420902"},{city:"孝感市",text:"孝昌县",value:"420921"},{city:"孝感市",text:"大悟县",value:"420922"},{city:"孝感市",text:"云梦县",value:"420923"},{city:"孝感市",text:"应城市",value:"420981"},{city:"孝感市",text:"安陆市",value:"420982"},{city:"孝感市",text:"汉川市",value:"420984"}],421000:[{city:"荆州市",text:"市辖区",value:"421001"},{city:"荆州市",text:"沙市区",value:"421002"},{city:"荆州市",text:"荆州区",value:"421003"},{city:"荆州市",text:"公安县",value:"421022"},{city:"荆州市",text:"监利县",value:"421023"},{city:"荆州市",text:"江陵县",value:"421024"},{city:"荆州市",text:"石首市",value:"421081"},{city:"荆州市",text:"洪湖市",value:"421083"},{city:"荆州市",text:"松滋市",value:"421087"}],421100:[{city:"黄冈市",text:"市辖区",value:"421101"},{city:"黄冈市",text:"黄州区",value:"421102"},{city:"黄冈市",text:"团风县",value:"421121"},{city:"黄冈市",text:"红安县",value:"421122"},{city:"黄冈市",text:"罗田县",value:"421123"},{city:"黄冈市",text:"英山县",value:"421124"},{city:"黄冈市",text:"浠水县",value:"421125"},{city:"黄冈市",text:"蕲春县",value:"421126"},{city:"黄冈市",text:"黄梅县",value:"421127"},{city:"黄冈市",text:"麻城市",value:"421181"},{city:"黄冈市",text:"武穴市",value:"421182"}],421200:[{city:"咸宁市",text:"市辖区",value:"421201"},{city:"咸宁市",text:"咸安区",value:"421202"},{city:"咸宁市",text:"嘉鱼县",value:"421221"},{city:"咸宁市",text:"通城县",value:"421222"},{city:"咸宁市",text:"崇阳县",value:"421223"},{city:"咸宁市",text:"通山县",value:"421224"},{city:"咸宁市",text:"赤壁市",value:"421281"}],421300:[{city:"随州市",text:"市辖区",value:"421301"},{city:"随州市",text:"曾都区",value:"421303"},{city:"随州市",text:"随县",value:"421321"},{city:"随州市",text:"广水市",value:"421381"}],422800:[{city:"恩施土家族苗族自治州",text:"恩施市",value:"422801"},{city:"恩施土家族苗族自治州",text:"利川市",value:"422802"},{city:"恩施土家族苗族自治州",text:"建始县",value:"422822"},{city:"恩施土家族苗族自治州",text:"巴东县",value:"422823"},{city:"恩施土家族苗族自治州",text:"宣恩县",value:"422825"},{city:"恩施土家族苗族自治州",text:"咸丰县",value:"422826"},{city:"恩施土家族苗族自治州",text:"来凤县",value:"422827"},{city:"恩施土家族苗族自治州",text:"鹤峰县",value:"422828"}],429000:[{city:"省直辖县级行政区划",text:"仙桃市",value:"429004"},{city:"省直辖县级行政区划",text:"潜江市",value:"429005"},{city:"省直辖县级行政区划",text:"天门市",value:"429006"},{city:"省直辖县级行政区划",text:"神农架林区",value:"429021"}],430100:[{city:"长沙市",text:"市辖区",value:"430101"},{city:"长沙市",text:"芙蓉区",value:"430102"},{city:"长沙市",text:"天心区",value:"430103"},{city:"长沙市",text:"岳麓区",value:"430104"},{city:"长沙市",text:"开福区",value:"430105"},{city:"长沙市",text:"雨花区",value:"430111"},{city:"长沙市",text:"望城区",value:"430112"},{city:"长沙市",text:"长沙县",value:"430121"},{city:"长沙市",text:"宁乡县",value:"430124"},{city:"长沙市",text:"浏阳市",value:"430181"}],430200:[{city:"株洲市",text:"市辖区",value:"430201"},{city:"株洲市",text:"荷塘区",value:"430202"},{city:"株洲市",text:"芦淞区",value:"430203"},{city:"株洲市",text:"石峰区",value:"430204"},{city:"株洲市",text:"天元区",value:"430211"},{city:"株洲市",text:"株洲县",value:"430221"},{city:"株洲市",text:"攸县",value:"430223"},{city:"株洲市",text:"茶陵县",value:"430224"},{city:"株洲市",text:"炎陵县",value:"430225"},{city:"株洲市",text:"醴陵市",value:"430281"}],430300:[{city:"湘潭市",text:"市辖区",value:"430301"},{city:"湘潭市",text:"雨湖区",value:"430302"},{city:"湘潭市",text:"岳塘区",value:"430304"},{city:"湘潭市",text:"湘潭县",value:"430321"},{city:"湘潭市",text:"湘乡市",value:"430381"},{city:"湘潭市",text:"韶山市",value:"430382"}],430400:[{city:"衡阳市",text:"市辖区",value:"430401"},{city:"衡阳市",text:"珠晖区",value:"430405"},{city:"衡阳市",text:"雁峰区",value:"430406"},{city:"衡阳市",text:"石鼓区",value:"430407"},{city:"衡阳市",text:"蒸湘区",value:"430408"},{city:"衡阳市",text:"南岳区",value:"430412"},{city:"衡阳市",text:"衡阳县",value:"430421"},{city:"衡阳市",text:"衡南县",value:"430422"},{city:"衡阳市",text:"衡山县",value:"430423"},{city:"衡阳市",text:"衡东县",value:"430424"},{city:"衡阳市",text:"祁东县",value:"430426"},{city:"衡阳市",text:"耒阳市",value:"430481"},{city:"衡阳市",text:"常宁市",value:"430482"}],430500:[{city:"邵阳市",text:"市辖区",value:"430501"},{city:"邵阳市",text:"双清区",value:"430502"},{city:"邵阳市",text:"大祥区",value:"430503"},{city:"邵阳市",text:"北塔区",value:"430511"},{city:"邵阳市",text:"邵东县",value:"430521"},{city:"邵阳市",text:"新邵县",value:"430522"},{city:"邵阳市",text:"邵阳县",value:"430523"},{city:"邵阳市",text:"隆回县",value:"430524"},{city:"邵阳市",text:"洞口县",value:"430525"},{city:"邵阳市",text:"绥宁县",value:"430527"},{city:"邵阳市",text:"新宁县",value:"430528"},{city:"邵阳市",text:"城步苗族自治县",value:"430529"},{city:"邵阳市",text:"武冈市",value:"430581"}],430600:[{city:"岳阳市",text:"市辖区",value:"430601"},{city:"岳阳市",text:"岳阳楼区",value:"430602"},{city:"岳阳市",text:"云溪区",value:"430603"},{city:"岳阳市",text:"君山区",value:"430611"},{city:"岳阳市",text:"岳阳县",value:"430621"},{city:"岳阳市",text:"华容县",value:"430623"},{city:"岳阳市",text:"湘阴县",value:"430624"},{city:"岳阳市",text:"平江县",value:"430626"},{city:"岳阳市",text:"汨罗市",value:"430681"},{city:"岳阳市",text:"临湘市",value:"430682"}],430700:[{city:"常德市",text:"市辖区",value:"430701"},{city:"常德市",text:"武陵区",value:"430702"},{city:"常德市",text:"鼎城区",value:"430703"},{city:"常德市",text:"安乡县",value:"430721"},{city:"常德市",text:"汉寿县",value:"430722"},{city:"常德市",text:"澧县",value:"430723"},{city:"常德市",text:"临澧县",value:"430724"},{city:"常德市",text:"桃源县",value:"430725"},{city:"常德市",text:"石门县",value:"430726"},{city:"常德市",text:"津市市",value:"430781"}],430800:[{city:"张家界市",text:"市辖区",value:"430801"},{city:"张家界市",text:"永定区",value:"430802"},{city:"张家界市",text:"武陵源区",value:"430811"},{city:"张家界市",text:"慈利县",value:"430821"},{city:"张家界市",text:"桑植县",value:"430822"}],430900:[{city:"益阳市",text:"市辖区",value:"430901"},{city:"益阳市",text:"资阳区",value:"430902"},{city:"益阳市",text:"赫山区",value:"430903"},{city:"益阳市",text:"南县",value:"430921"},{city:"益阳市",text:"桃江县",value:"430922"},{city:"益阳市",text:"安化县",value:"430923"},{city:"益阳市",text:"沅江市",value:"430981"}],431000:[{city:"郴州市",text:"市辖区",value:"431001"},{city:"郴州市",text:"北湖区",value:"431002"},{city:"郴州市",text:"苏仙区",value:"431003"},{city:"郴州市",text:"桂阳县",value:"431021"},{city:"郴州市",text:"宜章县",value:"431022"},{city:"郴州市",text:"永兴县",value:"431023"},{city:"郴州市",text:"嘉禾县",value:"431024"},{city:"郴州市",text:"临武县",value:"431025"},{city:"郴州市",text:"汝城县",value:"431026"},{city:"郴州市",text:"桂东县",value:"431027"},{city:"郴州市",text:"安仁县",value:"431028"},{city:"郴州市",text:"资兴市",value:"431081"}],431100:[{city:"永州市",text:"市辖区",value:"431101"},{city:"永州市",text:"零陵区",value:"431102"},{city:"永州市",text:"冷水滩区",value:"431103"},{city:"永州市",text:"祁阳县",value:"431121"},{city:"永州市",text:"东安县",value:"431122"},{city:"永州市",text:"双牌县",value:"431123"},{city:"永州市",text:"道县",value:"431124"},{city:"永州市",text:"江永县",value:"431125"},{city:"永州市",text:"宁远县",value:"431126"},{city:"永州市",text:"蓝山县",value:"431127"},{city:"永州市",text:"新田县",value:"431128"},{city:"永州市",text:"江华瑶族自治县",value:"431129"}],431200:[{city:"怀化市",text:"市辖区",value:"431201"},{city:"怀化市",text:"鹤城区",value:"431202"},{city:"怀化市",text:"中方县",value:"431221"},{city:"怀化市",text:"沅陵县",value:"431222"},{city:"怀化市",text:"辰溪县",value:"431223"},{city:"怀化市",text:"溆浦县",value:"431224"},{city:"怀化市",text:"会同县",value:"431225"},{city:"怀化市",text:"麻阳苗族自治县",value:"431226"},{city:"怀化市",text:"新晃侗族自治县",value:"431227"},{city:"怀化市",text:"芷江侗族自治县",value:"431228"},{city:"怀化市",text:"靖州苗族侗族自治县",value:"431229"},{city:"怀化市",text:"通道侗族自治县",value:"431230"},{city:"怀化市",text:"洪江市",value:"431281"}],431300:[{city:"娄底市",text:"市辖区",value:"431301"},{city:"娄底市",text:"娄星区",value:"431302"},{city:"娄底市",text:"双峰县",value:"431321"},{city:"娄底市",text:"新化县",value:"431322"},{city:"娄底市",text:"冷水江市",value:"431381"},{city:"娄底市",text:"涟源市",value:"431382"}],433100:[{city:"湘西土家族苗族自治州",text:"吉首市",value:"433101"},{city:"湘西土家族苗族自治州",text:"泸溪县",value:"433122"},{city:"湘西土家族苗族自治州",text:"凤凰县",value:"433123"},{city:"湘西土家族苗族自治州",text:"花垣县",value:"433124"},{city:"湘西土家族苗族自治州",text:"保靖县",value:"433125"},{city:"湘西土家族苗族自治州",text:"古丈县",value:"433126"},{city:"湘西土家族苗族自治州",text:"永顺县",value:"433127"},{city:"湘西土家族苗族自治州",text:"龙山县",value:"433130"}],440100:[{city:"广州市",text:"市辖区",value:"440101"},{city:"广州市",text:"荔湾区",value:"440103"},{city:"广州市",text:"越秀区",value:"440104"},{city:"广州市",text:"海珠区",value:"440105"},{city:"广州市",text:"天河区",value:"440106"},{city:"广州市",text:"白云区",value:"440111"},{city:"广州市",text:"黄埔区",value:"440112"},{city:"广州市",text:"番禺区",value:"440113"},{city:"广州市",text:"花都区",value:"440114"},{city:"广州市",text:"南沙区",value:"440115"},{city:"广州市",text:"从化区",value:"440117"},{city:"广州市",text:"增城区",value:"440118"}],440200:[{city:"韶关市",text:"市辖区",value:"440201"},{city:"韶关市",text:"武江区",value:"440203"},{city:"韶关市",text:"浈江区",value:"440204"},{city:"韶关市",text:"曲江区",value:"440205"},{city:"韶关市",text:"始兴县",value:"440222"},{city:"韶关市",text:"仁化县",value:"440224"},{city:"韶关市",text:"翁源县",value:"440229"},{city:"韶关市",text:"乳源瑶族自治县",value:"440232"},{city:"韶关市",text:"新丰县",value:"440233"},{city:"韶关市",text:"乐昌市",value:"440281"},{city:"韶关市",text:"南雄市",value:"440282"}],440300:[{city:"深圳市",text:"市辖区",value:"440301"},{city:"深圳市",text:"罗湖区",value:"440303"},{city:"深圳市",text:"福田区",value:"440304"},{city:"深圳市",text:"南山区",value:"440305"},{city:"深圳市",text:"宝安区",value:"440306"},{city:"深圳市",text:"龙岗区",value:"440307"},{city:"深圳市",text:"盐田区",value:"440308"}],440400:[{city:"珠海市",text:"市辖区",value:"440401"},{city:"珠海市",text:"香洲区",value:"440402"},{city:"珠海市",text:"斗门区",value:"440403"},{city:"珠海市",text:"金湾区",value:"440404"}],440500:[{city:"汕头市",text:"市辖区",value:"440501"},{city:"汕头市",text:"龙湖区",value:"440507"},{city:"汕头市",text:"金平区",value:"440511"},{city:"汕头市",text:"濠江区",value:"440512"},{city:"汕头市",text:"潮阳区",value:"440513"},{city:"汕头市",text:"潮南区",value:"440514"},{city:"汕头市",text:"澄海区",value:"440515"},{city:"汕头市",text:"南澳县",value:"440523"}],440600:[{city:"佛山市",text:"市辖区",value:"440601"},{city:"佛山市",text:"禅城区",value:"440604"},{city:"佛山市",text:"南海区",value:"440605"},{city:"佛山市",text:"顺德区",value:"440606"},{city:"佛山市",text:"三水区",value:"440607"},{city:"佛山市",text:"高明区",value:"440608"}],440700:[{city:"江门市",text:"市辖区",value:"440701"},{city:"江门市",text:"蓬江区",value:"440703"},{city:"江门市",text:"江海区",value:"440704"},{city:"江门市",text:"新会区",value:"440705"},{city:"江门市",text:"台山市",value:"440781"},{city:"江门市",text:"开平市",value:"440783"},{city:"江门市",text:"鹤山市",value:"440784"},{city:"江门市",text:"恩平市",value:"440785"}],440800:[{city:"湛江市",text:"市辖区",value:"440801"},{city:"湛江市",text:"赤坎区",value:"440802"},{city:"湛江市",text:"霞山区",value:"440803"},{city:"湛江市",text:"坡头区",value:"440804"},{city:"湛江市",text:"麻章区",value:"440811"},{city:"湛江市",text:"遂溪县",value:"440823"},{city:"湛江市",text:"徐闻县",value:"440825"},{city:"湛江市",text:"廉江市",value:"440881"},{city:"湛江市",text:"雷州市",value:"440882"},{city:"湛江市",text:"吴川市",value:"440883"}],440900:[{city:"茂名市",text:"市辖区",value:"440901"},{city:"茂名市",text:"茂南区",value:"440902"},{city:"茂名市",text:"电白区",value:"440904"},{city:"茂名市",text:"高州市",value:"440981"},{city:"茂名市",text:"化州市",value:"440982"},{city:"茂名市",text:"信宜市",value:"440983"}],441200:[{city:"肇庆市",text:"市辖区",value:"441201"},{city:"肇庆市",text:"端州区",value:"441202"},{city:"肇庆市",text:"鼎湖区",value:"441203"},{city:"肇庆市",text:"高要区",value:"441204"},{city:"肇庆市",text:"广宁县",value:"441223"},{city:"肇庆市",text:"怀集县",value:"441224"},{city:"肇庆市",text:"封开县",value:"441225"},{city:"肇庆市",text:"德庆县",value:"441226"},{city:"肇庆市",text:"四会市",value:"441284"}],441300:[{city:"惠州市",text:"市辖区",value:"441301"},{city:"惠州市",text:"惠城区",value:"441302"},{city:"惠州市",text:"惠阳区",value:"441303"},{city:"惠州市",text:"博罗县",value:"441322"},{city:"惠州市",text:"惠东县",value:"441323"},{city:"惠州市",text:"龙门县",value:"441324"}],441400:[{city:"梅州市",text:"市辖区",value:"441401"},{city:"梅州市",text:"梅江区",value:"441402"},{city:"梅州市",text:"梅县区",value:"441403"},{city:"梅州市",text:"大埔县",value:"441422"},{city:"梅州市",text:"丰顺县",value:"441423"},{city:"梅州市",text:"五华县",value:"441424"},{city:"梅州市",text:"平远县",value:"441426"},{city:"梅州市",text:"蕉岭县",value:"441427"},{city:"梅州市",text:"兴宁市",value:"441481"}],441500:[{city:"汕尾市",text:"市辖区",value:"441501"},{city:"汕尾市",text:"城区",value:"441502"},{city:"汕尾市",text:"海丰县",value:"441521"},{city:"汕尾市",text:"陆河县",value:"441523"},{city:"汕尾市",text:"陆丰市",value:"441581"}],441600:[{city:"河源市",text:"市辖区",value:"441601"},{city:"河源市",text:"源城区",value:"441602"},{city:"河源市",text:"紫金县",value:"441621"},{city:"河源市",text:"龙川县",value:"441622"},{city:"河源市",text:"连平县",value:"441623"},{city:"河源市",text:"和平县",value:"441624"},{city:"河源市",text:"东源县",value:"441625"}],441700:[{city:"阳江市",text:"市辖区",value:"441701"},{city:"阳江市",text:"江城区",value:"441702"},{city:"阳江市",text:"阳东区",value:"441704"},{city:"阳江市",text:"阳西县",value:"441721"},{city:"阳江市",text:"阳春市",value:"441781"}],441800:[{city:"清远市",text:"市辖区",value:"441801"},{city:"清远市",text:"清城区",value:"441802"},{city:"清远市",text:"清新区",value:"441803"},{city:"清远市",text:"佛冈县",value:"441821"},{city:"清远市",text:"阳山县",value:"441823"},{city:"清远市",text:"连山壮族瑶族自治县",value:"441825"},{city:"清远市",text:"连南瑶族自治县",value:"441826"},{city:"清远市",text:"英德市",value:"441881"},{city:"清远市",text:"连州市",value:"441882"}],441900:[],442000:[],445100:[{city:"潮州市",text:"市辖区",value:"445101"},{city:"潮州市",text:"湘桥区",value:"445102"},{city:"潮州市",text:"潮安区",value:"445103"},{city:"潮州市",text:"饶平县",value:"445122"}],445200:[{city:"揭阳市",text:"市辖区",value:"445201"},{city:"揭阳市",text:"榕城区",value:"445202"},{city:"揭阳市",text:"揭东区",value:"445203"},{city:"揭阳市",text:"揭西县",value:"445222"},{city:"揭阳市",text:"惠来县",value:"445224"},{city:"揭阳市",text:"普宁市",value:"445281"}],445300:[{city:"云浮市",text:"市辖区",value:"445301"},{city:"云浮市",text:"云城区",value:"445302"},{city:"云浮市",text:"云安区",value:"445303"},{city:"云浮市",text:"新兴县",value:"445321"},{city:"云浮市",text:"郁南县",value:"445322"},{city:"云浮市",text:"罗定市",value:"445381"}],450100:[{city:"南宁市",text:"市辖区",value:"450101"},{city:"南宁市",text:"兴宁区",value:"450102"},{city:"南宁市",text:"青秀区",value:"450103"},{city:"南宁市",text:"江南区",value:"450105"},{city:"南宁市",text:"西乡塘区",value:"450107"},{city:"南宁市",text:"良庆区",value:"450108"},{city:"南宁市",text:"邕宁区",value:"450109"},{city:"南宁市",text:"武鸣区",value:"450110"},{city:"南宁市",text:"隆安县",value:"450123"},{city:"南宁市",text:"马山县",value:"450124"},{city:"南宁市",text:"上林县",value:"450125"},{city:"南宁市",text:"宾阳县",value:"450126"},{city:"南宁市",text:"横县",value:"450127"}],450200:[{city:"柳州市",text:"市辖区",value:"450201"},{city:"柳州市",text:"城中区",value:"450202"},{city:"柳州市",text:"鱼峰区",value:"450203"},{city:"柳州市",text:"柳南区",value:"450204"},{city:"柳州市",text:"柳北区",value:"450205"},{city:"柳州市",text:"柳江区",value:"450206"},{city:"柳州市",text:"柳城县",value:"450222"},{city:"柳州市",text:"鹿寨县",value:"450223"},{city:"柳州市",text:"融安县",value:"450224"},{city:"柳州市",text:"融水苗族自治县",value:"450225"},{city:"柳州市",text:"三江侗族自治县",value:"450226"}],450300:[{city:"桂林市",text:"市辖区",value:"450301"},{city:"桂林市",text:"秀峰区",value:"450302"},{city:"桂林市",text:"叠彩区",value:"450303"},{city:"桂林市",text:"象山区",value:"450304"},{city:"桂林市",text:"七星区",value:"450305"},{city:"桂林市",text:"雁山区",value:"450311"},{city:"桂林市",text:"临桂区",value:"450312"},{city:"桂林市",text:"阳朔县",value:"450321"},{city:"桂林市",text:"灵川县",value:"450323"},{city:"桂林市",text:"全州县",value:"450324"},{city:"桂林市",text:"兴安县",value:"450325"},{city:"桂林市",text:"永福县",value:"450326"},{city:"桂林市",text:"灌阳县",value:"450327"},{city:"桂林市",text:"龙胜各族自治县",value:"450328"},{city:"桂林市",text:"资源县",value:"450329"},{city:"桂林市",text:"平乐县",value:"450330"},{city:"桂林市",text:"荔浦县",value:"450331"},{city:"桂林市",text:"恭城瑶族自治县",value:"450332"}],450400:[{city:"梧州市",text:"市辖区",value:"450401"},{city:"梧州市",text:"万秀区",value:"450403"},{city:"梧州市",text:"长洲区",value:"450405"},{city:"梧州市",text:"龙圩区",value:"450406"},{city:"梧州市",text:"苍梧县",value:"450421"},{city:"梧州市",text:"藤县",value:"450422"},{city:"梧州市",text:"蒙山县",value:"450423"},{city:"梧州市",text:"岑溪市",value:"450481"}],450500:[{city:"北海市",text:"市辖区",value:"450501"},{city:"北海市",text:"海城区",value:"450502"},{city:"北海市",text:"银海区",value:"450503"},{city:"北海市",text:"铁山港区",value:"450512"},{city:"北海市",text:"合浦县",value:"450521"}],450600:[{city:"防城港市",text:"市辖区",value:"450601"},{city:"防城港市",text:"港口区",value:"450602"},{city:"防城港市",text:"防城区",value:"450603"},{city:"防城港市",text:"上思县",value:"450621"},{city:"防城港市",text:"东兴市",value:"450681"}],450700:[{city:"钦州市",text:"市辖区",value:"450701"},{city:"钦州市",text:"钦南区",value:"450702"},{city:"钦州市",text:"钦北区",value:"450703"},{city:"钦州市",text:"灵山县",value:"450721"},{city:"钦州市",text:"浦北县",value:"450722"}],450800:[{city:"贵港市",text:"市辖区",value:"450801"},{city:"贵港市",text:"港北区",value:"450802"},{city:"贵港市",text:"港南区",value:"450803"},{city:"贵港市",text:"覃塘区",value:"450804"},{city:"贵港市",text:"平南县",value:"450821"},{city:"贵港市",text:"桂平市",value:"450881"}],450900:[{city:"玉林市",text:"市辖区",value:"450901"},{city:"玉林市",text:"玉州区",value:"450902"},{city:"玉林市",text:"福绵区",value:"450903"},{city:"玉林市",text:"容县",value:"450921"},{city:"玉林市",text:"陆川县",value:"450922"},{city:"玉林市",text:"博白县",value:"450923"},{city:"玉林市",text:"兴业县",value:"450924"},{city:"玉林市",text:"北流市",value:"450981"}],451000:[{city:"百色市",text:"市辖区",value:"451001"},{city:"百色市",text:"右江区",value:"451002"},{city:"百色市",text:"田阳县",value:"451021"},{city:"百色市",text:"田东县",value:"451022"},{city:"百色市",text:"平果县",value:"451023"},{city:"百色市",text:"德保县",value:"451024"},{city:"百色市",text:"那坡县",value:"451026"},{city:"百色市",text:"凌云县",value:"451027"},{city:"百色市",text:"乐业县",value:"451028"},{city:"百色市",text:"田林县",value:"451029"},{city:"百色市",text:"西林县",value:"451030"},{city:"百色市",text:"隆林各族自治县",value:"451031"},{city:"百色市",text:"靖西市",value:"451081"}],451100:[{city:"贺州市",text:"市辖区",value:"451101"},{city:"贺州市",text:"八步区",value:"451102"},{city:"贺州市",text:"平桂区",value:"451103"},{city:"贺州市",text:"昭平县",value:"451121"},{city:"贺州市",text:"钟山县",value:"451122"},{city:"贺州市",text:"富川瑶族自治县",value:"451123"}],451200:[{city:"河池市",text:"市辖区",value:"451201"},{city:"河池市",text:"金城江区",value:"451202"},{city:"河池市",text:"南丹县",value:"451221"},{city:"河池市",text:"天峨县",value:"451222"},{city:"河池市",text:"凤山县",value:"451223"},{city:"河池市",text:"东兰县",value:"451224"},{city:"河池市",text:"罗城仫佬族自治县",value:"451225"},{city:"河池市",text:"环江毛南族自治县",value:"451226"},{city:"河池市",text:"巴马瑶族自治县",value:"451227"},{city:"河池市",text:"都安瑶族自治县",value:"451228"},{city:"河池市",text:"大化瑶族自治县",value:"451229"},{city:"河池市",text:"宜州市",value:"451281"}],451300:[{city:"来宾市",text:"市辖区",value:"451301"},{city:"来宾市",text:"兴宾区",value:"451302"},{city:"来宾市",text:"忻城县",value:"451321"},{city:"来宾市",text:"象州县",value:"451322"},{city:"来宾市",text:"武宣县",value:"451323"},{city:"来宾市",text:"金秀瑶族自治县",value:"451324"},{city:"来宾市",text:"合山市",value:"451381"}],451400:[{city:"崇左市",text:"市辖区",value:"451401"},{city:"崇左市",text:"江州区",value:"451402"},{city:"崇左市",text:"扶绥县",value:"451421"},{city:"崇左市",text:"宁明县",value:"451422"},{city:"崇左市",text:"龙州县",value:"451423"},{city:"崇左市",text:"大新县",value:"451424"},{city:"崇左市",text:"天等县",value:"451425"},{city:"崇左市",text:"凭祥市",value:"451481"}],460100:[{city:"海口市",text:"市辖区",value:"460101"},{city:"海口市",text:"秀英区",value:"460105"},{city:"海口市",text:"龙华区",value:"460106"},{city:"海口市",text:"琼山区",value:"460107"},{city:"海口市",text:"美兰区",value:"460108"}],460200:[{city:"三亚市",text:"市辖区",value:"460201"},{city:"三亚市",text:"海棠区",value:"460202"},{city:"三亚市",text:"吉阳区",value:"460203"},{city:"三亚市",text:"天涯区",value:"460204"},{city:"三亚市",text:"崖州区",value:"460205"}],460300:[],460400:[],469000:[{city:"省直辖县级行政区划",text:"五指山市",value:"469001"},{city:"省直辖县级行政区划",text:"琼海市",value:"469002"},{city:"省直辖县级行政区划",text:"文昌市",value:"469005"},{city:"省直辖县级行政区划",text:"万宁市",value:"469006"},{city:"省直辖县级行政区划",text:"东方市",value:"469007"},{city:"省直辖县级行政区划",text:"定安县",value:"469021"},{city:"省直辖县级行政区划",text:"屯昌县",value:"469022"},{city:"省直辖县级行政区划",text:"澄迈县",value:"469023"},{city:"省直辖县级行政区划",text:"临高县",value:"469024"},{city:"省直辖县级行政区划",text:"白沙黎族自治县",value:"469025"},{city:"省直辖县级行政区划",text:"昌江黎族自治县",value:"469026"},{city:"省直辖县级行政区划",text:"乐东黎族自治县",value:"469027"},{city:"省直辖县级行政区划",text:"陵水黎族自治县",value:"469028"},{city:"省直辖县级行政区划",text:"保亭黎族苗族自治县",value:"469029"},{city:"省直辖县级行政区划",text:"琼中黎族苗族自治县",value:"469030"}],500100:[{city:"市辖区",text:"万州区",value:"500101"},{city:"市辖区",text:"涪陵区",value:"500102"},{city:"市辖区",text:"渝中区",value:"500103"},{city:"市辖区",text:"大渡口区",value:"500104"},{city:"市辖区",text:"江北区",value:"500105"},{city:"市辖区",text:"沙坪坝区",value:"500106"},{city:"市辖区",text:"九龙坡区",value:"500107"},{city:"市辖区",text:"南岸区",value:"500108"},{city:"市辖区",text:"北碚区",value:"500109"},{city:"市辖区",text:"綦江区",value:"500110"},{city:"市辖区",text:"大足区",value:"500111"},{city:"市辖区",text:"渝北区",value:"500112"},{city:"市辖区",text:"巴南区",value:"500113"},{city:"市辖区",text:"黔江区",value:"500114"},{city:"市辖区",text:"长寿区",value:"500115"},{city:"市辖区",text:"江津区",value:"500116"},{city:"市辖区",text:"合川区",value:"500117"},{city:"市辖区",text:"永川区",value:"500118"},{city:"市辖区",text:"南川区",value:"500119"},{city:"市辖区",text:"璧山区",value:"500120"},{city:"市辖区",text:"铜梁区",value:"500151"},{city:"市辖区",text:"潼南区",value:"500152"},{city:"市辖区",text:"荣昌区",value:"500153"},{city:"市辖区",text:"开州区",value:"500154"}],500200:[{city:"县",text:"梁平县",value:"500228"},{city:"县",text:"城口县",value:"500229"},{city:"县",text:"丰都县",value:"500230"},{city:"县",text:"垫江县",value:"500231"},{city:"县",text:"武隆县",value:"500232"},{city:"县",text:"忠县",value:"500233"},{city:"县",text:"云阳县",value:"500235"},{city:"县",text:"奉节县",value:"500236"},{city:"县",text:"巫山县",value:"500237"},{city:"县",text:"巫溪县",value:"500238"},{city:"县",text:"石柱土家族自治县",value:"500240"},{city:"县",text:"秀山土家族苗族自治县",value:"500241"},{city:"县",text:"酉阳土家族苗族自治县",value:"500242"},{city:"县",text:"彭水苗族土家族自治县",value:"500243"}],510100:[{city:"成都市",text:"市辖区",value:"510101"},{city:"成都市",text:"锦江区",value:"510104"},{city:"成都市",text:"青羊区",value:"510105"},{city:"成都市",text:"金牛区",value:"510106"},{city:"成都市",text:"武侯区",value:"510107"},{city:"成都市",text:"成华区",value:"510108"},{city:"成都市",text:"龙泉驿区",value:"510112"},{city:"成都市",text:"青白江区",value:"510113"},{city:"成都市",text:"新都区",value:"510114"},{city:"成都市",text:"温江区",value:"510115"},{city:"成都市",text:"双流区",value:"510116"},{city:"成都市",text:"金堂县",value:"510121"},{city:"成都市",text:"郫县",value:"510124"},{city:"成都市",text:"大邑县",value:"510129"},{city:"成都市",text:"蒲江县",value:"510131"},{city:"成都市",text:"新津县",value:"510132"},{city:"成都市",text:"都江堰市",value:"510181"},{city:"成都市",text:"彭州市",value:"510182"},{city:"成都市",text:"邛崃市",value:"510183"},{city:"成都市",text:"崇州市",value:"510184"},{city:"成都市",text:"简阳市",value:"510185"}],510300:[{city:"自贡市",text:"市辖区",value:"510301"},{city:"自贡市",text:"自流井区",value:"510302"},{city:"自贡市",text:"贡井区",value:"510303"},{city:"自贡市",text:"大安区",value:"510304"},{city:"自贡市",text:"沿滩区",value:"510311"},{city:"自贡市",text:"荣县",value:"510321"},{city:"自贡市",text:"富顺县",value:"510322"}],510400:[{city:"攀枝花市",text:"市辖区",value:"510401"},{city:"攀枝花市",text:"东区",value:"510402"},{city:"攀枝花市",text:"西区",value:"510403"},{city:"攀枝花市",text:"仁和区",value:"510411"},{city:"攀枝花市",text:"米易县",value:"510421"},{city:"攀枝花市",text:"盐边县",value:"510422"}],510500:[{city:"泸州市",text:"市辖区",value:"510501"},{city:"泸州市",text:"江阳区",value:"510502"},{city:"泸州市",text:"纳溪区",value:"510503"},{city:"泸州市",text:"龙马潭区",value:"510504"},{city:"泸州市",text:"泸县",value:"510521"},{city:"泸州市",text:"合江县",value:"510522"},{city:"泸州市",text:"叙永县",value:"510524"},{city:"泸州市",text:"古蔺县",value:"510525"}],510600:[{city:"德阳市",text:"市辖区",value:"510601"},{city:"德阳市",text:"旌阳区",value:"510603"},{city:"德阳市",text:"中江县",value:"510623"},{city:"德阳市",text:"罗江县",value:"510626"},{city:"德阳市",text:"广汉市",value:"510681"},{city:"德阳市",text:"什邡市",value:"510682"},{city:"德阳市",text:"绵竹市",value:"510683"}],510700:[{city:"绵阳市",text:"市辖区",value:"510701"},{city:"绵阳市",text:"涪城区",value:"510703"},{city:"绵阳市",text:"游仙区",value:"510704"},{city:"绵阳市",text:"安州区",value:"510705"},{city:"绵阳市",text:"三台县",value:"510722"},{city:"绵阳市",text:"盐亭县",value:"510723"},{city:"绵阳市",text:"梓潼县",value:"510725"},{city:"绵阳市",text:"北川羌族自治县",value:"510726"},{city:"绵阳市",text:"平武县",value:"510727"},{city:"绵阳市",text:"江油市",value:"510781"}],510800:[{city:"广元市",text:"市辖区",value:"510801"},{city:"广元市",text:"利州区",value:"510802"},{city:"广元市",text:"昭化区",value:"510811"},{city:"广元市",text:"朝天区",value:"510812"},{city:"广元市",text:"旺苍县",value:"510821"},{city:"广元市",text:"青川县",value:"510822"},{city:"广元市",text:"剑阁县",value:"510823"},{city:"广元市",text:"苍溪县",value:"510824"}],510900:[{city:"遂宁市",text:"市辖区",value:"510901"},{city:"遂宁市",text:"船山区",value:"510903"},{city:"遂宁市",text:"安居区",value:"510904"},{city:"遂宁市",text:"蓬溪县",value:"510921"},{city:"遂宁市",text:"射洪县",value:"510922"},{city:"遂宁市",text:"大英县",value:"510923"}],511000:[{city:"内江市",text:"市辖区",value:"511001"},{city:"内江市",text:"市中区",value:"511002"},{city:"内江市",text:"东兴区",value:"511011"},{city:"内江市",text:"威远县",value:"511024"},{city:"内江市",text:"资中县",value:"511025"},{city:"内江市",text:"隆昌县",value:"511028"}],511100:[{city:"乐山市",text:"市辖区",value:"511101"},{city:"乐山市",text:"市中区",value:"511102"},{city:"乐山市",text:"沙湾区",value:"511111"},{city:"乐山市",text:"五通桥区",value:"511112"},{city:"乐山市",text:"金口河区",value:"511113"},{city:"乐山市",text:"犍为县",value:"511123"},{city:"乐山市",text:"井研县",value:"511124"},{city:"乐山市",text:"夹江县",value:"511126"},{city:"乐山市",text:"沐川县",value:"511129"},{city:"乐山市",text:"峨边彝族自治县",value:"511132"},{city:"乐山市",text:"马边彝族自治县",value:"511133"},{city:"乐山市",text:"峨眉山市",value:"511181"}],511300:[{city:"南充市",text:"市辖区",value:"511301"},{city:"南充市",text:"顺庆区",value:"511302"},{city:"南充市",text:"高坪区",value:"511303"},{city:"南充市",text:"嘉陵区",value:"511304"},{city:"南充市",text:"南部县",value:"511321"},{city:"南充市",text:"营山县",value:"511322"},{city:"南充市",text:"蓬安县",value:"511323"},{city:"南充市",text:"仪陇县",value:"511324"},{city:"南充市",text:"西充县",value:"511325"},{city:"南充市",text:"阆中市",value:"511381"}],511400:[{city:"眉山市",text:"市辖区",value:"511401"},{city:"眉山市",text:"东坡区",value:"511402"},{city:"眉山市",text:"彭山区",value:"511403"},{city:"眉山市",text:"仁寿县",value:"511421"},{city:"眉山市",text:"洪雅县",value:"511423"},{city:"眉山市",text:"丹棱县",value:"511424"},{city:"眉山市",text:"青神县",value:"511425"}],511500:[{city:"宜宾市",text:"市辖区",value:"511501"},{city:"宜宾市",text:"翠屏区",value:"511502"},{city:"宜宾市",text:"南溪区",value:"511503"},{city:"宜宾市",text:"宜宾县",value:"511521"},{city:"宜宾市",text:"江安县",value:"511523"},{city:"宜宾市",text:"长宁县",value:"511524"},{city:"宜宾市",text:"高县",value:"511525"},{city:"宜宾市",text:"珙县",value:"511526"},{city:"宜宾市",text:"筠连县",value:"511527"},{city:"宜宾市",text:"兴文县",value:"511528"},{city:"宜宾市",text:"屏山县",value:"511529"}],511600:[{city:"广安市",text:"市辖区",value:"511601"},{city:"广安市",text:"广安区",value:"511602"},{city:"广安市",text:"前锋区",value:"511603"},{city:"广安市",text:"岳池县",value:"511621"},{city:"广安市",text:"武胜县",value:"511622"},{city:"广安市",text:"邻水县",value:"511623"},{city:"广安市",text:"华蓥市",value:"511681"}],511700:[{city:"达州市",text:"市辖区",value:"511701"},{city:"达州市",text:"通川区",value:"511702"},{city:"达州市",text:"达川区",value:"511703"},{city:"达州市",text:"宣汉县",value:"511722"},{city:"达州市",text:"开江县",value:"511723"},{city:"达州市",text:"大竹县",value:"511724"},{city:"达州市",text:"渠县",value:"511725"},{city:"达州市",text:"万源市",value:"511781"}],511800:[{city:"雅安市",text:"市辖区",value:"511801"},{city:"雅安市",text:"雨城区",value:"511802"},{city:"雅安市",text:"名山区",value:"511803"},{city:"雅安市",text:"荥经县",value:"511822"},{city:"雅安市",text:"汉源县",value:"511823"},{city:"雅安市",text:"石棉县",value:"511824"},{city:"雅安市",text:"天全县",value:"511825"},{city:"雅安市",text:"芦山县",value:"511826"},{city:"雅安市",text:"宝兴县",value:"511827"}],511900:[{city:"巴中市",text:"市辖区",value:"511901"},{city:"巴中市",text:"巴州区",value:"511902"},{city:"巴中市",text:"恩阳区",value:"511903"},{city:"巴中市",text:"通江县",value:"511921"},{city:"巴中市",text:"南江县",value:"511922"},{city:"巴中市",text:"平昌县",value:"511923"}],512000:[{city:"资阳市",text:"市辖区",value:"512001"},{city:"资阳市",text:"雁江区",value:"512002"},{city:"资阳市",text:"安岳县",value:"512021"},{city:"资阳市",text:"乐至县",value:"512022"}],513200:[{city:"阿坝藏族羌族自治州",text:"马尔康市",value:"513201"},{city:"阿坝藏族羌族自治州",text:"汶川县",value:"513221"},{city:"阿坝藏族羌族自治州",text:"理县",value:"513222"},{city:"阿坝藏族羌族自治州",text:"茂县",value:"513223"},{city:"阿坝藏族羌族自治州",text:"松潘县",value:"513224"},{city:"阿坝藏族羌族自治州",text:"九寨沟县",value:"513225"},{city:"阿坝藏族羌族自治州",text:"金川县",value:"513226"},{city:"阿坝藏族羌族自治州",text:"小金县",value:"513227"},{city:"阿坝藏族羌族自治州",text:"黑水县",value:"513228"},{city:"阿坝藏族羌族自治州",text:"壤塘县",value:"513230"},{city:"阿坝藏族羌族自治州",text:"阿坝县",value:"513231"},{city:"阿坝藏族羌族自治州",text:"若尔盖县",value:"513232"},{city:"阿坝藏族羌族自治州",text:"红原县",value:"513233"}],513300:[{city:"甘孜藏族自治州",text:"康定市",value:"513301"},{city:"甘孜藏族自治州",text:"泸定县",value:"513322"},{city:"甘孜藏族自治州",text:"丹巴县",value:"513323"},{city:"甘孜藏族自治州",text:"九龙县",value:"513324"},{city:"甘孜藏族自治州",text:"雅江县",value:"513325"},{city:"甘孜藏族自治州",text:"道孚县",value:"513326"},{city:"甘孜藏族自治州",text:"炉霍县",value:"513327"},{city:"甘孜藏族自治州",text:"甘孜县",value:"513328"},{city:"甘孜藏族自治州",text:"新龙县",value:"513329"},{city:"甘孜藏族自治州",text:"德格县",value:"513330"},{city:"甘孜藏族自治州",text:"白玉县",value:"513331"},{city:"甘孜藏族自治州",text:"石渠县",value:"513332"},{city:"甘孜藏族自治州",text:"色达县",value:"513333"},{city:"甘孜藏族自治州",text:"理塘县",value:"513334"},{city:"甘孜藏族自治州",text:"巴塘县",value:"513335"},{city:"甘孜藏族自治州",text:"乡城县",value:"513336"},{city:"甘孜藏族自治州",text:"稻城县",value:"513337"},{city:"甘孜藏族自治州",text:"得荣县",value:"513338"}],513400:[{city:"凉山彝族自治州",text:"西昌市",value:"513401"},{city:"凉山彝族自治州",text:"木里藏族自治县",value:"513422"},{city:"凉山彝族自治州",text:"盐源县",value:"513423"},{city:"凉山彝族自治州",text:"德昌县",value:"513424"},{city:"凉山彝族自治州",text:"会理县",value:"513425"},{city:"凉山彝族自治州",text:"会东县",value:"513426"},{city:"凉山彝族自治州",text:"宁南县",value:"513427"},{city:"凉山彝族自治州",text:"普格县",value:"513428"},{city:"凉山彝族自治州",text:"布拖县",value:"513429"},{city:"凉山彝族自治州",text:"金阳县",value:"513430"},{city:"凉山彝族自治州",text:"昭觉县",value:"513431"},{city:"凉山彝族自治州",text:"喜德县",value:"513432"},{city:"凉山彝族自治州",text:"冕宁县",value:"513433"},{city:"凉山彝族自治州",text:"越西县",value:"513434"},{city:"凉山彝族自治州",text:"甘洛县",value:"513435"},{city:"凉山彝族自治州",text:"美姑县",value:"513436"},{city:"凉山彝族自治州",text:"雷波县",value:"513437"}],520100:[{city:"贵阳市",text:"市辖区",value:"520101"},{city:"贵阳市",text:"南明区",value:"520102"},{city:"贵阳市",text:"云岩区",value:"520103"},{city:"贵阳市",text:"花溪区",value:"520111"},{city:"贵阳市",text:"乌当区",value:"520112"},{city:"贵阳市",text:"白云区",value:"520113"},{city:"贵阳市",text:"观山湖区",value:"520115"},{city:"贵阳市",text:"开阳县",value:"520121"},{city:"贵阳市",text:"息烽县",value:"520122"},{city:"贵阳市",text:"修文县",value:"520123"},{city:"贵阳市",text:"清镇市",value:"520181"}],520200:[{city:"六盘水市",text:"钟山区",value:"520201"},{city:"六盘水市",text:"六枝特区",value:"520203"},{city:"六盘水市",text:"水城县",value:"520221"},{city:"六盘水市",text:"盘县",value:"520222"}],520300:[{city:"遵义市",text:"市辖区",value:"520301"},{city:"遵义市",text:"红花岗区",value:"520302"},{city:"遵义市",text:"汇川区",value:"520303"},{city:"遵义市",text:"播州区",value:"520304"},{city:"遵义市",text:"桐梓县",value:"520322"},{city:"遵义市",text:"绥阳县",value:"520323"},{city:"遵义市",text:"正安县",value:"520324"},{city:"遵义市",text:"道真仡佬族苗族自治县",value:"520325"},{city:"遵义市",text:"务川仡佬族苗族自治县",value:"520326"},{city:"遵义市",text:"凤冈县",value:"520327"},{city:"遵义市",text:"湄潭县",value:"520328"},{city:"遵义市",text:"余庆县",value:"520329"},{city:"遵义市",text:"习水县",value:"520330"},{city:"遵义市",text:"赤水市",value:"520381"},{city:"遵义市",text:"仁怀市",value:"520382"}],520400:[{city:"安顺市",text:"市辖区",value:"520401"},{city:"安顺市",text:"西秀区",value:"520402"},{city:"安顺市",text:"平坝区",value:"520403"},{city:"安顺市",text:"普定县",value:"520422"},{city:"安顺市",text:"镇宁布依族苗族自治县",value:"520423"},{city:"安顺市",text:"关岭布依族苗族自治县",value:"520424"},{city:"安顺市",text:"紫云苗族布依族自治县",value:"520425"}],520500:[{city:"毕节市",text:"市辖区",value:"520501"},{city:"毕节市",text:"七星关区",value:"520502"},{city:"毕节市",text:"大方县",value:"520521"},{city:"毕节市",text:"黔西县",value:"520522"},{city:"毕节市",text:"金沙县",value:"520523"},{city:"毕节市",text:"织金县",value:"520524"},{city:"毕节市",text:"纳雍县",value:"520525"},{city:"毕节市",text:"威宁彝族回族苗族自治县",value:"520526"},{city:"毕节市",text:"赫章县",value:"520527"}],520600:[{city:"铜仁市",text:"市辖区",value:"520601"},{city:"铜仁市",text:"碧江区",value:"520602"},{city:"铜仁市",text:"万山区",value:"520603"},{city:"铜仁市",text:"江口县",value:"520621"},{city:"铜仁市",text:"玉屏侗族自治县",value:"520622"},{city:"铜仁市",text:"石阡县",value:"520623"},{city:"铜仁市",text:"思南县",value:"520624"},{city:"铜仁市",text:"印江土家族苗族自治县",value:"520625"},{city:"铜仁市",text:"德江县",value:"520626"},{city:"铜仁市",text:"沿河土家族自治县",value:"520627"},{city:"铜仁市",text:"松桃苗族自治县",value:"520628"}],522300:[{city:"黔西南布依族苗族自治州",text:"兴义市",value:"522301"},{city:"黔西南布依族苗族自治州",text:"兴仁县",value:"522322"},{city:"黔西南布依族苗族自治州",text:"普安县",value:"522323"},{city:"黔西南布依族苗族自治州",text:"晴隆县",value:"522324"},{city:"黔西南布依族苗族自治州",text:"贞丰县",value:"522325"},{city:"黔西南布依族苗族自治州",text:"望谟县",value:"522326"},{city:"黔西南布依族苗族自治州",text:"册亨县",value:"522327"},{city:"黔西南布依族苗族自治州",text:"安龙县",value:"522328"}],522600:[{city:"黔东南苗族侗族自治州",text:"凯里市",value:"522601"},{city:"黔东南苗族侗族自治州",text:"黄平县",value:"522622"},{city:"黔东南苗族侗族自治州",text:"施秉县",value:"522623"},{city:"黔东南苗族侗族自治州",text:"三穗县",value:"522624"},{city:"黔东南苗族侗族自治州",text:"镇远县",value:"522625"},{city:"黔东南苗族侗族自治州",text:"岑巩县",value:"522626"},{city:"黔东南苗族侗族自治州",text:"天柱县",value:"522627"},{city:"黔东南苗族侗族自治州",text:"锦屏县",value:"522628"},{city:"黔东南苗族侗族自治州",text:"剑河县",value:"522629"},{city:"黔东南苗族侗族自治州",text:"台江县",value:"522630"},{city:"黔东南苗族侗族自治州",text:"黎平县",value:"522631"},{city:"黔东南苗族侗族自治州",text:"榕江县",value:"522632"},{city:"黔东南苗族侗族自治州",text:"从江县",value:"522633"},{city:"黔东南苗族侗族自治州",text:"雷山县",value:"522634"},{city:"黔东南苗族侗族自治州",text:"麻江县",value:"522635"},{city:"黔东南苗族侗族自治州",text:"丹寨县",value:"522636"}],522700:[{city:"黔南布依族苗族自治州",text:"都匀市",value:"522701"},{city:"黔南布依族苗族自治州",text:"福泉市",value:"522702"},{city:"黔南布依族苗族自治州",text:"荔波县",value:"522722"},{city:"黔南布依族苗族自治州",text:"贵定县",value:"522723"},{city:"黔南布依族苗族自治州",text:"瓮安县",value:"522725"},{city:"黔南布依族苗族自治州",text:"独山县",value:"522726"},{city:"黔南布依族苗族自治州",text:"平塘县",value:"522727"},{city:"黔南布依族苗族自治州",text:"罗甸县",value:"522728"},{city:"黔南布依族苗族自治州",text:"长顺县",value:"522729"},{city:"黔南布依族苗族自治州",text:"龙里县",value:"522730"},{city:"黔南布依族苗族自治州",text:"惠水县",value:"522731"},{city:"黔南布依族苗族自治州",text:"三都水族自治县",value:"522732"}],530100:[{city:"昆明市",text:"市辖区",value:"530101"},{city:"昆明市",text:"五华区",value:"530102"},{city:"昆明市",text:"盘龙区",value:"530103"},{city:"昆明市",text:"官渡区",value:"530111"},{city:"昆明市",text:"西山区",value:"530112"},{city:"昆明市",text:"东川区",value:"530113"},{city:"昆明市",text:"呈贡区",value:"530114"},{city:"昆明市",text:"晋宁县",value:"530122"},{city:"昆明市",text:"富民县",value:"530124"},{city:"昆明市",text:"宜良县",value:"530125"},{city:"昆明市",text:"石林彝族自治县",value:"530126"},{city:"昆明市",text:"嵩明县",value:"530127"},{city:"昆明市",text:"禄劝彝族苗族自治县",value:"530128"},{city:"昆明市",text:"寻甸回族彝族自治县",value:"530129"},{city:"昆明市",text:"安宁市",value:"530181"}],530300:[{city:"曲靖市",text:"市辖区",value:"530301"},{city:"曲靖市",text:"麒麟区",value:"530302"},{city:"曲靖市",text:"沾益区",value:"530303"},{city:"曲靖市",text:"马龙县",value:"530321"},{city:"曲靖市",text:"陆良县",value:"530322"},{city:"曲靖市",text:"师宗县",value:"530323"},{city:"曲靖市",text:"罗平县",value:"530324"},{city:"曲靖市",text:"富源县",value:"530325"},{city:"曲靖市",text:"会泽县",value:"530326"},{city:"曲靖市",text:"宣威市",value:"530381"}],530400:[{city:"玉溪市",text:"市辖区",value:"530401"},{city:"玉溪市",text:"红塔区",value:"530402"},{city:"玉溪市",text:"江川区",value:"530403"},{city:"玉溪市",text:"澄江县",value:"530422"},{city:"玉溪市",text:"通海县",value:"530423"},{city:"玉溪市",text:"华宁县",value:"530424"},{city:"玉溪市",text:"易门县",value:"530425"},{city:"玉溪市",text:"峨山彝族自治县",value:"530426"},{city:"玉溪市",text:"新平彝族傣族自治县",value:"530427"},{city:"玉溪市",text:"元江哈尼族彝族傣族自治县",value:"530428"}],530500:[{city:"保山市",text:"市辖区",value:"530501"},{city:"保山市",text:"隆阳区",value:"530502"},{city:"保山市",text:"施甸县",value:"530521"},{city:"保山市",text:"龙陵县",value:"530523"},{city:"保山市",text:"昌宁县",value:"530524"},{city:"保山市",text:"腾冲市",value:"530581"}],530600:[{city:"昭通市",text:"市辖区",value:"530601"},{city:"昭通市",text:"昭阳区",value:"530602"},{city:"昭通市",text:"鲁甸县",value:"530621"},{city:"昭通市",text:"巧家县",value:"530622"},{city:"昭通市",text:"盐津县",value:"530623"},{city:"昭通市",text:"大关县",value:"530624"},{city:"昭通市",text:"永善县",value:"530625"},{city:"昭通市",text:"绥江县",value:"530626"},{city:"昭通市",text:"镇雄县",value:"530627"},{city:"昭通市",text:"彝良县",value:"530628"},{city:"昭通市",text:"威信县",value:"530629"},{city:"昭通市",text:"水富县",value:"530630"}],530700:[{city:"丽江市",text:"市辖区",value:"530701"},{city:"丽江市",text:"古城区",value:"530702"},{city:"丽江市",text:"玉龙纳西族自治县",value:"530721"},{city:"丽江市",text:"永胜县",value:"530722"},{city:"丽江市",text:"华坪县",value:"530723"},{city:"丽江市",text:"宁蒗彝族自治县",value:"530724"}],530800:[{city:"普洱市",text:"市辖区",value:"530801"},{city:"普洱市",text:"思茅区",value:"530802"},{city:"普洱市",text:"宁洱哈尼族彝族自治县",value:"530821"},{city:"普洱市",text:"墨江哈尼族自治县",value:"530822"},{city:"普洱市",text:"景东彝族自治县",value:"530823"},{city:"普洱市",text:"景谷傣族彝族自治县",value:"530824"},{city:"普洱市",text:"镇沅彝族哈尼族拉祜族自治县",value:"530825"},{city:"普洱市",text:"江城哈尼族彝族自治县",value:"530826"},{city:"普洱市",text:"孟连傣族拉祜族佤族自治县",value:"530827"},{city:"普洱市",text:"澜沧拉祜族自治县",value:"530828"},{city:"普洱市",text:"西盟佤族自治县",value:"530829"}],530900:[{city:"临沧市",text:"市辖区",value:"530901"},{city:"临沧市",text:"临翔区",value:"530902"},{city:"临沧市",text:"凤庆县",value:"530921"},{city:"临沧市",text:"云县",value:"530922"},{city:"临沧市",text:"永德县",value:"530923"},{city:"临沧市",text:"镇康县",value:"530924"},{city:"临沧市",text:"双江拉祜族佤族布朗族傣族自治县",value:"530925"},{city:"临沧市",text:"耿马傣族佤族自治县",value:"530926"},{city:"临沧市",text:"沧源佤族自治县",value:"530927"}],532300:[{city:"楚雄彝族自治州",text:"楚雄市",value:"532301"},{city:"楚雄彝族自治州",text:"双柏县",value:"532322"},{city:"楚雄彝族自治州",text:"牟定县",value:"532323"},{city:"楚雄彝族自治州",text:"南华县",value:"532324"},{city:"楚雄彝族自治州",text:"姚安县",value:"532325"},{city:"楚雄彝族自治州",text:"大姚县",value:"532326"},{city:"楚雄彝族自治州",text:"永仁县",value:"532327"},{city:"楚雄彝族自治州",text:"元谋县",value:"532328"},{city:"楚雄彝族自治州",text:"武定县",value:"532329"},{city:"楚雄彝族自治州",text:"禄丰县",value:"532331"}],532500:[{city:"红河哈尼族彝族自治州",text:"个旧市",value:"532501"},{city:"红河哈尼族彝族自治州",text:"开远市",value:"532502"},{city:"红河哈尼族彝族自治州",text:"蒙自市",value:"532503"},{city:"红河哈尼族彝族自治州",text:"弥勒市",value:"532504"},{city:"红河哈尼族彝族自治州",text:"屏边苗族自治县",value:"532523"},{city:"红河哈尼族彝族自治州",text:"建水县",value:"532524"},{city:"红河哈尼族彝族自治州",text:"石屏县",value:"532525"},{city:"红河哈尼族彝族自治州",text:"泸西县",value:"532527"},{city:"红河哈尼族彝族自治州",text:"元阳县",value:"532528"},{city:"红河哈尼族彝族自治州",text:"红河县",value:"532529"},{city:"红河哈尼族彝族自治州",text:"金平苗族瑶族傣族自治县",value:"532530"},{city:"红河哈尼族彝族自治州",text:"绿春县",value:"532531"},{city:"红河哈尼族彝族自治州",text:"河口瑶族自治县",value:"532532"}],532600:[{city:"文山壮族苗族自治州",text:"文山市",value:"532601"},{city:"文山壮族苗族自治州",text:"砚山县",value:"532622"},{city:"文山壮族苗族自治州",text:"西畴县",value:"532623"},{city:"文山壮族苗族自治州",text:"麻栗坡县",value:"532624"},{city:"文山壮族苗族自治州",text:"马关县",value:"532625"},{city:"文山壮族苗族自治州",text:"丘北县",value:"532626"},{city:"文山壮族苗族自治州",text:"广南县",value:"532627"},{city:"文山壮族苗族自治州",text:"富宁县",value:"532628"}],532800:[{city:"西双版纳傣族自治州",text:"景洪市",value:"532801"},{city:"西双版纳傣族自治州",text:"勐海县",value:"532822"},{city:"西双版纳傣族自治州",text:"勐腊县",value:"532823"}],532900:[{city:"大理白族自治州",text:"大理市",value:"532901"},{city:"大理白族自治州",text:"漾濞彝族自治县",value:"532922"},{city:"大理白族自治州",text:"祥云县",value:"532923"},{city:"大理白族自治州",text:"宾川县",value:"532924"},{city:"大理白族自治州",text:"弥渡县",value:"532925"},{city:"大理白族自治州",text:"南涧彝族自治县",value:"532926"},{city:"大理白族自治州",text:"巍山彝族回族自治县",value:"532927"},{city:"大理白族自治州",text:"永平县",value:"532928"},{city:"大理白族自治州",text:"云龙县",value:"532929"},{city:"大理白族自治州",text:"洱源县",value:"532930"},{city:"大理白族自治州",text:"剑川县",value:"532931"},{city:"大理白族自治州",text:"鹤庆县",value:"532932"}],533100:[{city:"德宏傣族景颇族自治州",text:"瑞丽市",value:"533102"},{city:"德宏傣族景颇族自治州",text:"芒市",value:"533103"},{city:"德宏傣族景颇族自治州",text:"梁河县",value:"533122"},{city:"德宏傣族景颇族自治州",text:"盈江县",value:"533123"},{city:"德宏傣族景颇族自治州",text:"陇川县",value:"533124"}],533300:[{city:"怒江傈僳族自治州",text:"泸水市",value:"533301"},{city:"怒江傈僳族自治州",text:"福贡县",value:"533323"},{city:"怒江傈僳族自治州",text:"贡山独龙族怒族自治县",value:"533324"},{city:"怒江傈僳族自治州",text:"兰坪白族普米族自治县",value:"533325"}],533400:[{city:"迪庆藏族自治州",text:"香格里拉市",value:"533401"},{city:"迪庆藏族自治州",text:"德钦县",value:"533422"},{city:"迪庆藏族自治州",text:"维西傈僳族自治县",value:"533423"}],540100:[{city:"拉萨市",text:"市辖区",value:"540101"},{city:"拉萨市",text:"城关区",value:"540102"},{city:"拉萨市",text:"堆龙德庆区",value:"540103"},{city:"拉萨市",text:"林周县",value:"540121"},{city:"拉萨市",text:"当雄县",value:"540122"},{city:"拉萨市",text:"尼木县",value:"540123"},{city:"拉萨市",text:"曲水县",value:"540124"},{city:"拉萨市",text:"达孜县",value:"540126"},{city:"拉萨市",text:"墨竹工卡县",value:"540127"}],540200:[{city:"日喀则市",text:"桑珠孜区",value:"540202"},{city:"日喀则市",text:"南木林县",value:"540221"},{city:"日喀则市",text:"江孜县",value:"540222"},{city:"日喀则市",text:"定日县",value:"540223"},{city:"日喀则市",text:"萨迦县",value:"540224"},{city:"日喀则市",text:"拉孜县",value:"540225"},{city:"日喀则市",text:"昂仁县",value:"540226"},{city:"日喀则市",text:"谢通门县",value:"540227"},{city:"日喀则市",text:"白朗县",value:"540228"},{city:"日喀则市",text:"仁布县",value:"540229"},{city:"日喀则市",text:"康马县",value:"540230"},{city:"日喀则市",text:"定结县",value:"540231"},{city:"日喀则市",text:"仲巴县",value:"540232"},{city:"日喀则市",text:"亚东县",value:"540233"},{city:"日喀则市",text:"吉隆县",value:"540234"},{city:"日喀则市",text:"聂拉木县",value:"540235"},{city:"日喀则市",text:"萨嘎县",value:"540236"},{city:"日喀则市",text:"岗巴县",value:"540237"}],540300:[{city:"昌都市",text:"卡若区",value:"540302"},{city:"昌都市",text:"江达县",value:"540321"},{city:"昌都市",text:"贡觉县",value:"540322"},{city:"昌都市",text:"类乌齐县",value:"540323"},{city:"昌都市",text:"丁青县",value:"540324"},{city:"昌都市",text:"察雅县",value:"540325"},{city:"昌都市",text:"八宿县",value:"540326"},{city:"昌都市",text:"左贡县",value:"540327"},{city:"昌都市",text:"芒康县",value:"540328"},{city:"昌都市",text:"洛隆县",value:"540329"},{city:"昌都市",text:"边坝县",value:"540330"}],540400:[{city:"林芝市",text:"巴宜区",value:"540402"},{city:"林芝市",text:"工布江达县",value:"540421"},{city:"林芝市",text:"米林县",value:"540422"},{city:"林芝市",text:"墨脱县",value:"540423"},{city:"林芝市",text:"波密县",value:"540424"},{city:"林芝市",text:"察隅县",value:"540425"},{city:"林芝市",text:"朗县",value:"540426"}],540500:[{city:"山南市",text:"市辖区",value:"540501"},{city:"山南市",text:"乃东区",value:"540502"},{city:"山南市",text:"扎囊县",value:"540521"},{city:"山南市",text:"贡嘎县",value:"540522"},{city:"山南市",text:"桑日县",value:"540523"},{city:"山南市",text:"琼结县",value:"540524"},{city:"山南市",text:"曲松县",value:"540525"},{city:"山南市",text:"措美县",value:"540526"},{city:"山南市",text:"洛扎县",value:"540527"},{city:"山南市",text:"加查县",value:"540528"},{city:"山南市",text:"隆子县",value:"540529"},{city:"山南市",text:"错那县",value:"540530"},{city:"山南市",text:"浪卡子县",value:"540531"}],542400:[{city:"那曲地区",text:"那曲县",value:"542421"},{city:"那曲地区",text:"嘉黎县",value:"542422"},{city:"那曲地区",text:"比如县",value:"542423"},{city:"那曲地区",text:"聂荣县",value:"542424"},{city:"那曲地区",text:"安多县",value:"542425"},{city:"那曲地区",text:"申扎县",value:"542426"},{city:"那曲地区",text:"索县",value:"542427"},{city:"那曲地区",text:"班戈县",value:"542428"},{city:"那曲地区",text:"巴青县",value:"542429"},{city:"那曲地区",text:"尼玛县",value:"542430"},{city:"那曲地区",text:"双湖县",value:"542431"}],542500:[{city:"阿里地区",text:"普兰县",value:"542521"},{city:"阿里地区",text:"札达县",value:"542522"},{city:"阿里地区",text:"噶尔县",value:"542523"},{city:"阿里地区",text:"日土县",value:"542524"},{city:"阿里地区",text:"革吉县",value:"542525"},{city:"阿里地区",text:"改则县",value:"542526"},{city:"阿里地区",text:"措勤县",value:"542527"}],610100:[{city:"西安市",text:"市辖区",value:"610101"},{city:"西安市",text:"新城区",value:"610102"},{city:"西安市",text:"碑林区",value:"610103"},{city:"西安市",text:"莲湖区",value:"610104"},{city:"西安市",text:"灞桥区",value:"610111"},{city:"西安市",text:"未央区",value:"610112"},{city:"西安市",text:"雁塔区",value:"610113"},{city:"西安市",text:"阎良区",value:"610114"},{city:"西安市",text:"临潼区",value:"610115"},{city:"西安市",text:"长安区",value:"610116"},{city:"西安市",text:"高陵区",value:"610117"},{city:"西安市",text:"蓝田县",value:"610122"},{city:"西安市",text:"周至县",value:"610124"},{city:"西安市",text:"户县",value:"610125"}],610200:[{city:"铜川市",text:"市辖区",value:"610201"},{city:"铜川市",text:"王益区",value:"610202"},{city:"铜川市",text:"印台区",value:"610203"},{city:"铜川市",text:"耀州区",value:"610204"},{city:"铜川市",text:"宜君县",value:"610222"}],610300:[{city:"宝鸡市",text:"市辖区",value:"610301"},{city:"宝鸡市",text:"渭滨区",value:"610302"},{city:"宝鸡市",text:"金台区",value:"610303"},{city:"宝鸡市",text:"陈仓区",value:"610304"},{city:"宝鸡市",text:"凤翔县",value:"610322"},{city:"宝鸡市",text:"岐山县",value:"610323"},{city:"宝鸡市",text:"扶风县",value:"610324"},{city:"宝鸡市",text:"眉县",value:"610326"},{city:"宝鸡市",text:"陇县",value:"610327"},{city:"宝鸡市",text:"千阳县",value:"610328"},{city:"宝鸡市",text:"麟游县",value:"610329"},{city:"宝鸡市",text:"凤县",value:"610330"},{city:"宝鸡市",text:"太白县",value:"610331"}],610400:[{city:"咸阳市",text:"市辖区",value:"610401"},{city:"咸阳市",text:"秦都区",value:"610402"},{city:"咸阳市",text:"杨陵区",value:"610403"},{city:"咸阳市",text:"渭城区",value:"610404"},{city:"咸阳市",text:"三原县",value:"610422"},{city:"咸阳市",text:"泾阳县",value:"610423"},{city:"咸阳市",text:"乾县",value:"610424"},{city:"咸阳市",text:"礼泉县",value:"610425"},{city:"咸阳市",text:"永寿县",value:"610426"},{city:"咸阳市",text:"彬县",value:"610427"},{city:"咸阳市",text:"长武县",value:"610428"},{city:"咸阳市",text:"旬邑县",value:"610429"},{city:"咸阳市",text:"淳化县",value:"610430"},{city:"咸阳市",text:"武功县",value:"610431"},{city:"咸阳市",text:"兴平市",value:"610481"}],610500:[{city:"渭南市",text:"市辖区",value:"610501"},{city:"渭南市",text:"临渭区",value:"610502"},{city:"渭南市",text:"华州区",value:"610503"},{city:"渭南市",text:"潼关县",value:"610522"},{city:"渭南市",text:"大荔县",value:"610523"},{city:"渭南市",text:"合阳县",value:"610524"},{city:"渭南市",text:"澄城县",value:"610525"},{city:"渭南市",text:"蒲城县",value:"610526"},{city:"渭南市",text:"白水县",value:"610527"},{city:"渭南市",text:"富平县",value:"610528"},{city:"渭南市",text:"韩城市",value:"610581"},{city:"渭南市",text:"华阴市",value:"610582"}],610600:[{city:"延安市",text:"市辖区",value:"610601"},{city:"延安市",text:"宝塔区",value:"610602"},{city:"延安市",text:"安塞区",value:"610603"},{city:"延安市",text:"延长县",value:"610621"},{city:"延安市",text:"延川县",value:"610622"},{city:"延安市",text:"子长县",value:"610623"},{city:"延安市",text:"志丹县",value:"610625"},{city:"延安市",text:"吴起县",value:"610626"},{city:"延安市",text:"甘泉县",value:"610627"},{city:"延安市",text:"富县",value:"610628"},{city:"延安市",text:"洛川县",value:"610629"},{city:"延安市",text:"宜川县",value:"610630"},{city:"延安市",text:"黄龙县",value:"610631"},{city:"延安市",text:"黄陵县",value:"610632"}],610700:[{city:"汉中市",text:"市辖区",value:"610701"},{city:"汉中市",text:"汉台区",value:"610702"},{city:"汉中市",text:"南郑县",value:"610721"},{city:"汉中市",text:"城固县",value:"610722"},{city:"汉中市",text:"洋县",value:"610723"},{city:"汉中市",text:"西乡县",value:"610724"},{city:"汉中市",text:"勉县",value:"610725"},{city:"汉中市",text:"宁强县",value:"610726"},{city:"汉中市",text:"略阳县",value:"610727"},{city:"汉中市",text:"镇巴县",value:"610728"},{city:"汉中市",text:"留坝县",value:"610729"},{city:"汉中市",text:"佛坪县",value:"610730"}],610800:[{city:"榆林市",text:"市辖区",value:"610801"},{city:"榆林市",text:"榆阳区",value:"610802"},{city:"榆林市",text:"横山区",value:"610803"},{city:"榆林市",text:"神木县",value:"610821"},{city:"榆林市",text:"府谷县",value:"610822"},{city:"榆林市",text:"靖边县",value:"610824"},{city:"榆林市",text:"定边县",value:"610825"},{city:"榆林市",text:"绥德县",value:"610826"},{city:"榆林市",text:"米脂县",value:"610827"},{city:"榆林市",text:"佳县",value:"610828"},{city:"榆林市",text:"吴堡县",value:"610829"},{city:"榆林市",text:"清涧县",value:"610830"},{city:"榆林市",text:"子洲县",value:"610831"}],610900:[{city:"安康市",text:"市辖区",value:"610901"},{city:"安康市",text:"汉滨区",value:"610902"},{city:"安康市",text:"汉阴县",value:"610921"},{city:"安康市",text:"石泉县",value:"610922"},{city:"安康市",text:"宁陕县",value:"610923"},{city:"安康市",text:"紫阳县",value:"610924"},{city:"安康市",text:"岚皋县",value:"610925"},{city:"安康市",text:"平利县",value:"610926"},{city:"安康市",text:"镇坪县",value:"610927"},{city:"安康市",text:"旬阳县",value:"610928"},{city:"安康市",text:"白河县",value:"610929"}],611000:[{city:"商洛市",text:"市辖区",value:"611001"},{city:"商洛市",text:"商州区",value:"611002"},{city:"商洛市",text:"洛南县",value:"611021"},{city:"商洛市",text:"丹凤县",value:"611022"},{city:"商洛市",text:"商南县",value:"611023"},{city:"商洛市",text:"山阳县",value:"611024"},{city:"商洛市",text:"镇安县",value:"611025"},{city:"商洛市",text:"柞水县",value:"611026"}],620100:[{city:"兰州市",text:"市辖区",value:"620101"},{city:"兰州市",text:"城关区",value:"620102"},{city:"兰州市",text:"七里河区",value:"620103"},{city:"兰州市",text:"西固区",value:"620104"},{city:"兰州市",text:"安宁区",value:"620105"},{city:"兰州市",text:"红古区",value:"620111"},{city:"兰州市",text:"永登县",value:"620121"},{city:"兰州市",text:"皋兰县",value:"620122"},{city:"兰州市",text:"榆中县",value:"620123"}],620200:[{city:"嘉峪关市",text:"市辖区",value:"620201"}],620300:[{city:"金昌市",text:"市辖区",value:"620301"},{city:"金昌市",text:"金川区",value:"620302"},{city:"金昌市",text:"永昌县",value:"620321"}],620400:[{city:"白银市",text:"市辖区",value:"620401"},{city:"白银市",text:"白银区",value:"620402"},{city:"白银市",text:"平川区",value:"620403"},{city:"白银市",text:"靖远县",value:"620421"},{city:"白银市",text:"会宁县",value:"620422"},{city:"白银市",text:"景泰县",value:"620423"}],620500:[{city:"天水市",text:"市辖区",value:"620501"},{city:"天水市",text:"秦州区",value:"620502"},{city:"天水市",text:"麦积区",value:"620503"},{city:"天水市",text:"清水县",value:"620521"},{city:"天水市",text:"秦安县",value:"620522"},{city:"天水市",text:"甘谷县",value:"620523"},{city:"天水市",text:"武山县",value:"620524"},{city:"天水市",text:"张家川回族自治县",value:"620525"}],620600:[{city:"武威市",text:"市辖区",value:"620601"},{city:"武威市",text:"凉州区",value:"620602"},{city:"武威市",text:"民勤县",value:"620621"},{city:"武威市",text:"古浪县",value:"620622"},{city:"武威市",text:"天祝藏族自治县",value:"620623"}],620700:[{city:"张掖市",text:"市辖区",value:"620701"},{city:"张掖市",text:"甘州区",value:"620702"},{city:"张掖市",text:"肃南裕固族自治县",value:"620721"},{city:"张掖市",text:"民乐县",value:"620722"},{city:"张掖市",text:"临泽县",value:"620723"},{city:"张掖市",text:"高台县",value:"620724"},{city:"张掖市",text:"山丹县",value:"620725"}],620800:[{city:"平凉市",text:"市辖区",value:"620801"},{city:"平凉市",text:"崆峒区",value:"620802"},{city:"平凉市",text:"泾川县",value:"620821"},{city:"平凉市",text:"灵台县",value:"620822"},{city:"平凉市",text:"崇信县",value:"620823"},{city:"平凉市",text:"华亭县",value:"620824"},{city:"平凉市",text:"庄浪县",value:"620825"},{city:"平凉市",text:"静宁县",value:"620826"}],620900:[{city:"酒泉市",text:"市辖区",value:"620901"},{city:"酒泉市",text:"肃州区",value:"620902"},{city:"酒泉市",text:"金塔县",value:"620921"},{city:"酒泉市",text:"瓜州县",value:"620922"},{city:"酒泉市",text:"肃北蒙古族自治县",value:"620923"},{city:"酒泉市",text:"阿克塞哈萨克族自治县",value:"620924"},{city:"酒泉市",text:"玉门市",value:"620981"},{city:"酒泉市",text:"敦煌市",value:"620982"}],621000:[{city:"庆阳市",text:"市辖区",value:"621001"},{city:"庆阳市",text:"西峰区",value:"621002"},{city:"庆阳市",text:"庆城县",value:"621021"},{city:"庆阳市",text:"环县",value:"621022"},{city:"庆阳市",text:"华池县",value:"621023"},{city:"庆阳市",text:"合水县",value:"621024"},{city:"庆阳市",text:"正宁县",value:"621025"},{city:"庆阳市",text:"宁县",value:"621026"},{city:"庆阳市",text:"镇原县",value:"621027"}],621100:[{city:"定西市",text:"市辖区",value:"621101"},{city:"定西市",text:"安定区",value:"621102"},{city:"定西市",text:"通渭县",value:"621121"},{city:"定西市",text:"陇西县",value:"621122"},{city:"定西市",text:"渭源县",value:"621123"},{city:"定西市",text:"临洮县",value:"621124"},{city:"定西市",text:"漳县",value:"621125"},{city:"定西市",text:"岷县",value:"621126"}],621200:[{city:"陇南市",text:"市辖区",value:"621201"},{city:"陇南市",text:"武都区",value:"621202"},{city:"陇南市",text:"成县",value:"621221"},{city:"陇南市",text:"文县",value:"621222"},{city:"陇南市",text:"宕昌县",value:"621223"},{city:"陇南市",text:"康县",value:"621224"},{city:"陇南市",text:"西和县",value:"621225"},{city:"陇南市",text:"礼县",value:"621226"},{city:"陇南市",text:"徽县",value:"621227"},{city:"陇南市",text:"两当县",value:"621228"}],622900:[{city:"临夏回族自治州",text:"临夏市",value:"622901"},{city:"临夏回族自治州",text:"临夏县",value:"622921"},{city:"临夏回族自治州",text:"康乐县",value:"622922"},{city:"临夏回族自治州",text:"永靖县",value:"622923"},{city:"临夏回族自治州",text:"广河县",value:"622924"},{city:"临夏回族自治州",text:"和政县",value:"622925"},{city:"临夏回族自治州",text:"东乡族自治县",value:"622926"},{city:"临夏回族自治州",text:"积石山保安族东乡族撒拉族自治县",value:"622927"}],623000:[{city:"甘南藏族自治州",text:"合作市",value:"623001"},{city:"甘南藏族自治州",text:"临潭县",value:"623021"},{city:"甘南藏族自治州",text:"卓尼县",value:"623022"},{city:"甘南藏族自治州",text:"舟曲县",value:"623023"},{city:"甘南藏族自治州",text:"迭部县",value:"623024"},{city:"甘南藏族自治州",text:"玛曲县",value:"623025"},{city:"甘南藏族自治州",text:"碌曲县",value:"623026"},{city:"甘南藏族自治州",text:"夏河县",value:"623027"}],630100:[{city:"西宁市",text:"市辖区",value:"630101"},{city:"西宁市",text:"城东区",value:"630102"},{city:"西宁市",text:"城中区",value:"630103"},{city:"西宁市",text:"城西区",value:"630104"},{city:"西宁市",text:"城北区",value:"630105"},{city:"西宁市",text:"大通回族土族自治县",value:"630121"},{city:"西宁市",text:"湟中县",value:"630122"},{city:"西宁市",text:"湟源县",value:"630123"}],630200:[{city:"海东市",text:"乐都区",value:"630202"},{city:"海东市",text:"平安区",value:"630203"},{city:"海东市",text:"民和回族土族自治县",value:"630222"},{city:"海东市",text:"互助土族自治县",value:"630223"},{city:"海东市",text:"化隆回族自治县",value:"630224"},{city:"海东市",text:"循化撒拉族自治县",value:"630225"}],632200:[{city:"海北藏族自治州",text:"门源回族自治县",value:"632221"},{city:"海北藏族自治州",text:"祁连县",value:"632222"},{city:"海北藏族自治州",text:"海晏县",value:"632223"},{city:"海北藏族自治州",text:"刚察县",value:"632224"}],632300:[{city:"黄南藏族自治州",text:"同仁县",value:"632321"},{city:"黄南藏族自治州",text:"尖扎县",value:"632322"},{city:"黄南藏族自治州",text:"泽库县",value:"632323"},{city:"黄南藏族自治州",text:"河南蒙古族自治县",value:"632324"}],632500:[{city:"海南藏族自治州",text:"共和县",value:"632521"},{city:"海南藏族自治州",text:"同德县",value:"632522"},{city:"海南藏族自治州",text:"贵德县",value:"632523"},{city:"海南藏族自治州",text:"兴海县",value:"632524"},{city:"海南藏族自治州",text:"贵南县",value:"632525"}],632600:[{city:"果洛藏族自治州",text:"玛沁县",value:"632621"},{city:"果洛藏族自治州",text:"班玛县",value:"632622"},{city:"果洛藏族自治州",text:"甘德县",value:"632623"},{city:"果洛藏族自治州",text:"达日县",value:"632624"},{city:"果洛藏族自治州",text:"久治县",value:"632625"},{city:"果洛藏族自治州",text:"玛多县",value:"632626"}],632700:[{city:"玉树藏族自治州",text:"玉树市",value:"632701"},{city:"玉树藏族自治州",text:"杂多县",value:"632722"},{city:"玉树藏族自治州",text:"称多县",value:"632723"},{city:"玉树藏族自治州",text:"治多县",value:"632724"},{city:"玉树藏族自治州",text:"囊谦县",value:"632725"},{city:"玉树藏族自治州",text:"曲麻莱县",value:"632726"}],632800:[{city:"海西蒙古族藏族自治州",text:"格尔木市",value:"632801"},{city:"海西蒙古族藏族自治州",text:"德令哈市",value:"632802"},{city:"海西蒙古族藏族自治州",text:"乌兰县",value:"632821"},{city:"海西蒙古族藏族自治州",text:"都兰县",value:"632822"},{city:"海西蒙古族藏族自治州",text:"天峻县",value:"632823"}],640100:[{city:"银川市",text:"市辖区",value:"640101"},{city:"银川市",text:"兴庆区",value:"640104"},{city:"银川市",text:"西夏区",value:"640105"},{city:"银川市",text:"金凤区",value:"640106"},{city:"银川市",text:"永宁县",value:"640121"},{city:"银川市",text:"贺兰县",value:"640122"},{city:"银川市",text:"灵武市",value:"640181"}],640200:[{city:"石嘴山市",text:"市辖区",value:"640201"},{city:"石嘴山市",text:"大武口区",value:"640202"},{city:"石嘴山市",text:"惠农区",value:"640205"},{city:"石嘴山市",text:"平罗县",value:"640221"}],640300:[{city:"吴忠市",text:"市辖区",value:"640301"},{city:"吴忠市",text:"利通区",value:"640302"},{city:"吴忠市",text:"红寺堡区",value:"640303"},{city:"吴忠市",text:"盐池县",value:"640323"},{city:"吴忠市",text:"同心县",value:"640324"},{city:"吴忠市",text:"青铜峡市",value:"640381"}],640400:[{city:"固原市",text:"市辖区",value:"640401"},{city:"固原市",text:"原州区",value:"640402"},{city:"固原市",text:"西吉县",value:"640422"},{city:"固原市",text:"隆德县",value:"640423"},{city:"固原市",text:"泾源县",value:"640424"},{city:"固原市",text:"彭阳县",value:"640425"}],640500:[{city:"中卫市",text:"市辖区",value:"640501"},{city:"中卫市",text:"沙坡头区",value:"640502"},{city:"中卫市",text:"中宁县",value:"640521"},{city:"中卫市",text:"海原县",value:"640522"}],650100:[{city:"乌鲁木齐市",text:"市辖区",value:"650101"},{city:"乌鲁木齐市",text:"天山区",value:"650102"},{city:"乌鲁木齐市",text:"沙依巴克区",value:"650103"},{city:"乌鲁木齐市",text:"新市区",value:"650104"},{city:"乌鲁木齐市",text:"水磨沟区",value:"650105"},{city:"乌鲁木齐市",text:"头屯河区",value:"650106"},{city:"乌鲁木齐市",text:"达坂城区",value:"650107"},{city:"乌鲁木齐市",text:"米东区",value:"650109"},{city:"乌鲁木齐市",text:"乌鲁木齐县",value:"650121"}],650200:[{city:"克拉玛依市",text:"市辖区",value:"650201"},{city:"克拉玛依市",text:"独山子区",value:"650202"},{city:"克拉玛依市",text:"克拉玛依区",value:"650203"},{city:"克拉玛依市",text:"白碱滩区",value:"650204"},{city:"克拉玛依市",text:"乌尔禾区",value:"650205"}],650400:[{city:"吐鲁番市",text:"高昌区",value:"650402"},{city:"吐鲁番市",text:"鄯善县",value:"650421"},{city:"吐鲁番市",text:"托克逊县",value:"650422"}],650500:[{city:"哈密市",text:"伊州区",value:"650502"},{city:"哈密市",text:"巴里坤哈萨克自治县",value:"650521"},{city:"哈密市",text:"伊吾县",value:"650522"}],652300:[{city:"昌吉回族自治州",text:"昌吉市",value:"652301"},{city:"昌吉回族自治州",text:"阜康市",value:"652302"},{city:"昌吉回族自治州",text:"呼图壁县",value:"652323"},{city:"昌吉回族自治州",text:"玛纳斯县",value:"652324"},{city:"昌吉回族自治州",text:"奇台县",value:"652325"},{city:"昌吉回族自治州",text:"吉木萨尔县",value:"652327"},{city:"昌吉回族自治州",text:"木垒哈萨克自治县",value:"652328"}],652700:[{city:"博尔塔拉蒙古自治州",text:"博乐市",value:"652701"},{city:"博尔塔拉蒙古自治州",text:"阿拉山口市",value:"652702"},{city:"博尔塔拉蒙古自治州",text:"精河县",value:"652722"},{city:"博尔塔拉蒙古自治州",text:"温泉县",value:"652723"}],652800:[{city:"巴音郭楞蒙古自治州",text:"库尔勒市",value:"652801"},{city:"巴音郭楞蒙古自治州",text:"轮台县",value:"652822"},{city:"巴音郭楞蒙古自治州",text:"尉犁县",value:"652823"},{city:"巴音郭楞蒙古自治州",text:"若羌县",value:"652824"},{city:"巴音郭楞蒙古自治州",text:"且末县",value:"652825"},{city:"巴音郭楞蒙古自治州",text:"焉耆回族自治县",value:"652826"},{city:"巴音郭楞蒙古自治州",text:"和静县",value:"652827"},{city:"巴音郭楞蒙古自治州",text:"和硕县",value:"652828"},{city:"巴音郭楞蒙古自治州",text:"博湖县",value:"652829"}],652900:[{city:"阿克苏地区",text:"阿克苏市",value:"652901"},{city:"阿克苏地区",text:"温宿县",value:"652922"},{city:"阿克苏地区",text:"库车县",value:"652923"},{city:"阿克苏地区",text:"沙雅县",value:"652924"},{city:"阿克苏地区",text:"新和县",value:"652925"},{city:"阿克苏地区",text:"拜城县",value:"652926"},{city:"阿克苏地区",text:"乌什县",value:"652927"},{city:"阿克苏地区",text:"阿瓦提县",value:"652928"},{city:"阿克苏地区",text:"柯坪县",value:"652929"}],653000:[{city:"克孜勒苏柯尔克孜自治州",text:"阿图什市",value:"653001"},{city:"克孜勒苏柯尔克孜自治州",text:"阿克陶县",value:"653022"},{city:"克孜勒苏柯尔克孜自治州",text:"阿合奇县",value:"653023"},{city:"克孜勒苏柯尔克孜自治州",text:"乌恰县",value:"653024"}],653100:[{city:"喀什地区",text:"喀什市",value:"653101"},{city:"喀什地区",text:"疏附县",value:"653121"},{city:"喀什地区",text:"疏勒县",value:"653122"},{city:"喀什地区",text:"英吉沙县",value:"653123"},{city:"喀什地区",text:"泽普县",value:"653124"},{city:"喀什地区",text:"莎车县",value:"653125"},{city:"喀什地区",text:"叶城县",value:"653126"},{city:"喀什地区",text:"麦盖提县",value:"653127"},{city:"喀什地区",text:"岳普湖县",value:"653128"},{city:"喀什地区",text:"伽师县",value:"653129"},{city:"喀什地区",text:"巴楚县",value:"653130"},{city:"喀什地区",text:"塔什库尔干塔吉克自治县",value:"653131"}],653200:[{city:"和田地区",text:"和田市",value:"653201"},{city:"和田地区",text:"和田县",value:"653221"},{city:"和田地区",text:"墨玉县",value:"653222"},{city:"和田地区",text:"皮山县",value:"653223"},{city:"和田地区",text:"洛浦县",value:"653224"},{city:"和田地区",text:"策勒县",value:"653225"},{city:"和田地区",text:"于田县",value:"653226"},{city:"和田地区",text:"民丰县",value:"653227"}],654000:[{city:"伊犁哈萨克自治州",text:"伊宁市",value:"654002"},{city:"伊犁哈萨克自治州",text:"奎屯市",value:"654003"},{city:"伊犁哈萨克自治州",text:"霍尔果斯市",value:"654004"},{city:"伊犁哈萨克自治州",text:"伊宁县",value:"654021"},{city:"伊犁哈萨克自治州",text:"察布查尔锡伯自治县",value:"654022"},{city:"伊犁哈萨克自治州",text:"霍城县",value:"654023"},{city:"伊犁哈萨克自治州",text:"巩留县",value:"654024"},{city:"伊犁哈萨克自治州",text:"新源县",value:"654025"},{city:"伊犁哈萨克自治州",text:"昭苏县",value:"654026"},{city:"伊犁哈萨克自治州",text:"特克斯县",value:"654027"},{city:"伊犁哈萨克自治州",text:"尼勒克县",value:"654028"}],654200:[{city:"塔城地区",text:"塔城市",value:"654201"},{city:"塔城地区",text:"乌苏市",value:"654202"},{city:"塔城地区",text:"额敏县",value:"654221"},{city:"塔城地区",text:"沙湾县",value:"654223"},{city:"塔城地区",text:"托里县",value:"654224"},{city:"塔城地区",text:"裕民县",value:"654225"},{city:"塔城地区",text:"和布克赛尔蒙古自治县",value:"654226"}],654300:[{city:"阿勒泰地区",text:"阿勒泰市",value:"654301"},{city:"阿勒泰地区",text:"布尔津县",value:"654321"},{city:"阿勒泰地区",text:"富蕴县",value:"654322"},{city:"阿勒泰地区",text:"福海县",value:"654323"},{city:"阿勒泰地区",text:"哈巴河县",value:"654324"},{city:"阿勒泰地区",text:"青河县",value:"654325"},{city:"阿勒泰地区",text:"吉木乃县",value:"654326"}],659000:[{city:"自治区直辖县级行政区划",text:"石河子市",value:"659001"},{city:"自治区直辖县级行政区划",text:"阿拉尔市",value:"659002"},{city:"自治区直辖县级行政区划",text:"图木舒克市",value:"659003"},{city:"自治区直辖县级行政区划",text:"五家渠市",value:"659004"},{city:"自治区直辖县级行政区划",text:"铁门关市",value:"659006"}]}})},"A/pu":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-form-group"},[a("p",{staticClass:"cube-form-group-legend"},[t._v(t._s(t.legend))]),t._v(" "),a("div",{staticClass:"cube-form-group-content"},[t._t("default",t._l(t.fields,function(t,e){return a("cube-form-item",{key:t.key||e,attrs:{field:t}})}))],2)])},staticRenderFns:[]}},A5db:function(t,e,a){function i(t){a("8JgO")}var n=a("VU/8")(a("KZW3"),a("Rn3t"),i,null,null);t.exports=n.exports},A794:function(t,e){},AEue:function(t,e){},AM6A:function(t,e){},ANjG:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-tab",class:{"cube-tab_active":t.isActive},on:{click:t.handleClick}},[t._t("icon",[a("i",{class:t.icon})]),t._v(" "),t._t("default",[a("div",{domProps:{innerHTML:t._s(t.label)}})])],2)},staticRenderFns:[]}},AQXh:function(t,e,a){function i(t){a("w3NF")}var n=a("VU/8")(a("Woua"),a("oU/Y"),i,null,null);t.exports=n.exports},AW5U:function(t,e){},AdWU:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{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 a in t){var i=t[a];i.size>1048576&&(i.ignore=!0,e=!0)}e&&this.$createToast({type:"warn",time:1e3,txt:"You selected >1M files"}).show()}},components:{CubePage:i.default}},t.exports=e.default})},AgjA:function(t,e,a){function i(t){a("crve")}var n=a("VU/8")(a("2iSa"),a("Pn6H"),i,null,null);t.exports=n.exports},AnsX:function(t,e,a){var i=a("VU/8")(a("WjKT"),a("jsiO"),null,null,null);t.exports=i.exports},ApVb:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("Zd1j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(i),o=c(n),s=c(l);e.default={data:function(){return{initTime:(new Date).getTime(),id:0,size:50,infinite:!0}},components:{CubePage:o.default},methods:{getItem:function(t){var e=Math.floor(6*Math.random()),i=s.default.messages[Math.floor(Math.random()*s.default.messages.length)];return{id:t,avatar:a("6WIs")("./avatar"+e+".png"),msg:i,time:new Date(Math.floor(this.initTime+t*this.size*1e3+Math.random()*this.size*1e3)).toString()}},onFetch:function(){var t=this,e=[];return new u.default(function(a){setTimeout(function(){for(var i=0;i<t.size;i++)e.push(t.getItem(t.id++));a(e)},1e3)})},handleClick:function(t){console.log(t)}}},t.exports=e.default})},B1Rs:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("KATl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-swipe",provide:function(){return{swipe:this}},props:{data:{type:Array,default:function(){return[]}},autoShrink:{type:Boolean,default:!1}},created:function(){this.activeIndex=-1,this.items=[]},methods:{addItem:function(t){this.items.push(t)},removeItem:function(t){var e=this.items.indexOf(t);this.items.splice(e,1),e<=this.activeIndex&&(this.activeIndex-=1)},onItemClick:function(t,e){this.$emit("item-click",t,e)},onBtnClick:function(t,e){var a=this.data[e];this.$emit("btn-click",t,e,a)},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.items[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubeSwipeItem:i.default}},t.exports=e.default})},BD2p:function(t,e,a){function i(t){a("W7V1")}var n=a("VU/8")(a("u1ui"),a("GcL8"),i,null,null);t.exports=n.exports},BH5X:function(t,e,a){function i(t){a("yD4L")}var n=a("VU/8")(a("N6Rs"),a("PmdS"),i,null,null);t.exports=n.exports},BHjP:function(t,e,a){function i(t){a("5BnR")}var n=a("VU/8")(a("9ZU5"),a("BtDv"),i,null,null);t.exports=n.exports},BPTU:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("LIRj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:null,icon:String,options:Object,loadData:Function,action:Function,formatValue:Function},data:function(){var t=this._formatValue();return{model:t,modelText:t.text,isActive:!1}},computed:{computedValue:function(){return this._formatValue()}},watch:{isActive:function(t){this.$refs.input.isFocus=t},model:function(t){this.modelText=t.text,this.modelMap[t.value]=t.text,this.$emit("input",t.value)}},beforeCreate:function(){this.modelMap={}},methods:{_formatValue:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.value;return t===Object(t)?t:{text:this.modelMap[t]||t,value:t}},defaultAction:function(){var t=this.options,e=t.component,i=t.options;return this[(0,a.camelize)("$create-"+e)](i||{})},showComponent:function(){if(!this.actionComponent){var t=this.actionComponent=this.action?this.action(this):this.defaultAction(this);t.$on("select",this.onSelect),t.$on("hide",this.onHide),t.$on("cancel",this.onHide),t.$on("close",this.onHide)}this.actionComponent.show(),this.isActive=!0},clickHandler:function(){var t=this;this.loadData?this.loadData(this.options).then(function(){t.showComponent()}):this.showComponent()},onSelect:function(){this.isActive=!1,this.model=this._formatValue(this.formatValue?this.formatValue.apply(this,arguments):{text:arguments.length<=0?void 0:arguments[0],value:arguments.length<=2?void 0:arguments[2]})},onHide:function(){this.isActive=!1}}},t.exports=e.default})},BPg9:function(t,e){},BPyk:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"slide",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("vertical")}}},[t._v("Vertical")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("horizontal")}}},[t._v("Horizontal")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},BQwy:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab-panel",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.$parent.addPanel(this)},destroyed:function(){this.$parent.removePanel(this)}},t.exports=e.default})},"BRD/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);e.default={name:"cube-segment-picker",mixins:[s.default,r.default,d.default,v.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;t<this.data.length;t++){var e=this.$refs.pickers[t];if(e.$attrs.index===this.current)return e}},_nextTxt:function(){return this.nextTxt||this.$t("next")},_prevTxt:function(){return this.prevTxt||this.$t("prev")}},watch:{data:function(){this.current=0,this.selectedVal=[],this.selectedIndex=[],this.selectedText=[]}},methods:{show:function(){!this.isVisible&&this.data.length&&(this.isVisible=!0,this.currentPicker.show())},hide:function(){this.isVisible&&this.data.length&&(this.isVisible=!1,this.currentPicker.hide())},_select:function(){for(var t=arguments.length,e=Array(t),a=0;a<t;a++)e[a]=arguments[a];this.selectedVal[this.current]=e[0],this.selectedIndex[this.current]=e[1],this.selectedText[this.current]=e[2],this.current<this.data.length-1?(this.$emit.apply(this,["next",this.current].concat((0,o.default)(e))),this.current++,this.currentPicker.show()):(this.isVisible=!1,this.$emit("select",this.selectedVal,this.selectedIndex,this.selectedText),this.current=0)},_cancel:function(){if(this.current>0){for(var t=arguments.length,e=Array(t),a=0;a<t;a++)e[a]=arguments[a];this.$emit.apply(this,["prev",this.current].concat((0,o.default)(e))),this.current--,this.currentPicker.show()}else this.isVisible=!1,this.$emit("cancel")},_change:function(){for(var t=arguments.length,e=Array(t),a=0;a<t;a++)e[a]=arguments[a];this.$emit.apply(this,["change",this.current].concat((0,o.default)(e)))}}},t.exports=e.default})},Ba27:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={components:{CubePage:i.default}},t.exports=e.default})},Bd0C:function(t,e){},"Bf/j":function(t,e,a){function i(t){a("E4RE")}var n=a("VU/8")(a("h1qY"),a("spJF"),i,null,null);t.exports=n.exports},Bhgd:function(t,e,a){var i=a("VU/8")(a("SpYO"),a("cjIa"),null,null,null);t.exports=i.exports},Bjol:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:Boolean,desc:String,text:String,link:Object},data:function(){return{checked:this.value}},watch:{checked:function(t){this.$emit("input",t)}}},t.exports=e.default})},BtDv:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"jd",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-list-wrap",attrs:{slot:"content"},slot:"content"},[a("header",{ref:"topHeader"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/_tEw0ofPJ9/jd_header2.png"}})]),t._v(" "),a("cube-scroll",{ref:"scroll",attrs:{data:[],"scroll-events":["scroll"],options:t.options},on:{scroll:t.onScrollHandle,"pulling-down":t.onPullingDown},scopedSlots:t._u([{key:"pulldown",fn:function(e){return[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[a("div",{staticClass:"pulldown-content"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/7d895941-251f-471f-abc4-3eca25762465.jpg"},on:{load:t.onImgLoad}}),t._v(" "),e.beforePullDown?a("span",[t._v(t._s(t.pullDownTip))]):[e.isPullingDown?a("span",[t._v("正在更新...")]):a("span",[t._v("更新成功")])]],2)]):t._e()]}}])},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/RWEjWgWJ4x/jd_content.JPG"},on:{load:t.onImgLoad}}),t._v(" "),a("img",{staticClass:"ghostly-img",attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/cVujBAH2sp/jd_footer2.png"},on:{load:t.onImgLoad}})]),t._v(" "),a("footer",[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/cVujBAH2sp/jd_footer2.png"}})]),t._v(" "),a("transition",{attrs:{name:"surprise-page"}},[t.triggerSurprise?a("div",{staticClass:"surprise-page",on:{click:t.surpriseHandle}},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/42DhMSHmIY/ad_fullpage2.jpg"}})]):t._e()])],1)])},staticRenderFns:[]}},By2z:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload-btn"},[t._t("default",[t._m(0)]),t._v(" "),a("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,a=t._self._c||e;return a("div",{staticClass:"cube-upload-btn-def"},[a("i")])}]}},"C/e8":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("1Vb/")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default,SwitchOption:c.default},data:function(){return{more:!1,money:10,actions:[{text:"完成订单",action:"showText"},{text:"打车来接",checked:!1,type:"checkbox"},{text:'一口价<span class="orange">10元</span>',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='一口价<span class="orange">'+this.money+"元</span>"},clickHandler:function(t){t.action&&this[t.action](t)}}},t.exports=e.default})},"C/x+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Date Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDatePicker}},[t._v("Date Picker")]),t._v(" "),a("cube-button",{on:{click:t.showChangeOrderPicker}},[t._v("Date Picker(Change order)")]),t._v(" "),a("cube-button",{on:{click:t.showTimePicker}},[t._v("Time Picker")]),t._v(" "),a("cube-button",{on:{click:t.showDateTimePicker}},[t._v("Date Time Picker")]),t._v(" "),a("cube-button",{on:{click:t.showFormatPicker}},[t._v("Use format")]),t._v(" "),a("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")])],1)],1)])},staticRenderFns:[]}},C1Qw:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[a("template",{slot:"content"},[a("div",{staticClass:"swipe-wrapper"},[a("cube-scroll",[a("cube-swipe",[a("transition-group",{attrs:{name:"swipe",tag:"ul"}},t._l(t.swipeData,function(e,i){return a("li",{key:e.item.id,staticClass:"swipe-item-wrapper"},[a("cube-swipe-item",{ref:"swipeItem",refInFor:!0,attrs:{btns:e.btns,index:i},on:{"btn-click":t.onBtnClick}},[a("div",{staticClass:"item-inner",on:{click:function(a){t.onItemClick(e.item,i)}}},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"60",height:"60",src:e.item.imgurl}})]),t._v(" "),a("div",{staticClass:"text"},[a("h2",{staticClass:"item-name",domProps:{innerHTML:t._s(e.item.name)}}),t._v(" "),a("p",{staticClass:"item-desc",domProps:{innerHTML:t._s(e.item.desc)}})])])])],1)}))],1)],1)],1)])],2)},staticRenderFns:[]}},C2tW:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,a){a&&(0,i.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},C8H9:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("XPXN"),a("xV+0")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e.default=t,e}(n),s={"全部":o.ALL_HEROES,"法师":o.MAGE_HEROES,"战士":o.FIGHTER_HEROES,"坦克":o.TANK_HEROES,"刺客":o.ASSASSIN_HEROES,"辅助":o.SUPPORT_HEROES,"射手":o.MARKSMAN_HEROES},r=(0,c.default)(s).map(function(t){return{label:t}});e.default={data:function(){return{selectedLabel:"全部",scrollData:[],tabs:r}},created:function(){this.scrollData=s[this.selectedLabel]},methods:{changeHandler:function(t){var e=this;this.scrollData=s[t],this.$nextTick(function(){e.$refs.scroll.scrollTo(0,0),e.$refs.scroll.refresh()})}},components:{CubePage:u.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},CIqy:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Dd8w"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{initialIndex:0,imgs:["https://dpubstatic.udache.com/static/dpubimg/XsZT-Ium9K/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg","https://dpubstatic.udache.com/static/dpubimg/jM0pARr01R/686d7361ly1fpha0ncnnej21hc0zetxo.jpg","https://dpubstatic.udache.com/static/dpubimg/uesDMLn8ho/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg"]}},methods:{handleImgsClick:function(t){var e=this;this.initialIndex=t;var a={$props:{imgs:this.imgs,initialIndex:"initialIndex",loop:!1},$events:{change:function(t){e.initialIndex=t}}};this.$createImagePreview((0,l.default)({},a)).show()}},components:{CubePage:c.default}},t.exports=e.default})},CRTG:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[t._m(0),t._v(" "),a("section",{ref:"mfct",staticClass:"cube-content"},[a("cube-index-list",{staticClass:"cube-list",attrs:{data:t.components},scopedSlots:t._u([{key:"nav-item",fn:function(e){return a("span",{staticClass:"custom-nav-item"},[t._v(t._s(e.item))])}}])},t._l(t.components,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e}},[a("div",{staticClass:"cube-item border-bottom-1px"},[a("router-link",{staticClass:"link",attrs:{to:e.path}},[t._v(t._s(e.text)),a("i",{staticClass:"cubeic-arrow"})])],1)])}))}))],1),t._v(" "),a("cube-view")],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("header",{staticClass:"cube-bar"},[a("h1",[t._v("cube-ui")])])}]}},CZnn:function(t,e){},Cfx3:function(t,e,a){function i(t){a("j1CU")}var n=a("VU/8")(a("5VLA"),a("IIbQ"),i,null,null);t.exports=n.exports},Cnp6:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tabs",title:"Tab Demos"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("tab-bar")}}},[t._v("TabBar Demos")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("tab")}}},[t._v("Tab Demos")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("scroll-tab")}}},[t._v("ScrollTab Demo")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},Ct0e:function(t,e,a){function i(t){a("57KX")}var n=a("VU/8")(a("cMIu"),a("ANjG"),i,null,null);t.exports=n.exports},CzhT:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("xru3"),a("go4C"),a("qefm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Panel=u.default,c.default.Bar=o.default,e.default=c.default,t.exports=e.default})},D11v:function(t,e){},D1IJ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("2zcT"),a("8xmU"),a("N7+C"),a("YtAD"),a("qtvM"),a("jMGR"),a("8cJp")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function r(t){var e={};return[d.default,v.default,p.default,f.default,h.default,x.default,y.default].forEach(function(a){a(t,e)}),e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=s(a),v=s(i),p=s(n),f=s(l),h=s(c),x=s(u),y=s(o);t.exports=e.default})},D9Go:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-checker-item",class:{"cube-checker-item_active":t.isActive,"cube-checker-item_disabled":t.isDisabled},on:{click:t.clickHandler}},[t._t("default",[a("span",{domProps:{innerHTML:t._s(t.option.text)}})])],2)},staticRenderFns:[]}},DD7W:function(t,e,a){function i(t){a("eNOl")}var n=a("VU/8")(a("t4A1"),a("wKxo"),i,null,null);t.exports=n.exports},DIVr:function(t,e,a){function i(t){a("Zbp1")}var n=a("VU/8")(a("Kjut"),a("KVex"),i,null,null);t.exports=n.exports},DLo4:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=(0,a.prefixStyle)("transform");e.default={name:"cube-sticky",provide:function(){return{sticky:this}},props:{pos:{type:Number,required:!0},checkTop:{type:Boolean,default:!0},fixedShowAni:{type:String,default:function(){return this.checkTop?"":"cube-sticky-fixed-fade"}},offset:{type:Number,default:0}},data:function(){return{diff:0,currentDiff:0,currentIndex:-1,currentKey:""}},computed:{fixedShow:function(){return!!this.eles[this.currentIndex]}},watch:{diff:function(t){t>=0&&(t=0),t=Math.ceil(t),this._fixedTop!==t&&(this._fixedTop=t,this.$refs.fixedEle.style[i]="translate3d(0, "+t+"px, 0)")},pos:"computeCurrentSticky",currentIndex:function(t,e){var i=this,n=this.eles[e],l=this.eles[t],c=l&&void 0!==l.eleKey?l.eleKey:-1===t?"":t,u=this.$refs.fixedEle,o=this.$slots.fixed||this.$scopedSlots.fixed;this.$nextTick(function(){if(o)i.fixedEleHeight=u.offsetHeight;else{var t=u.firstElementChild;n&&(n.$el.appendChild(t),n.refresh()),l?(u.appendChild(l.$el.firstElementChild),i.fixedEleHeight=u.offsetHeight):i.fixedEleHeight=0}n&&(0,a.removeClass)(n.$el,"cube-sticky-ele-on"),l&&(0,a.addClass)(l.$el,"cube-sticky-ele-on")}),this.currentKey=c,this.$emit("change",c,t)},currentDiff:function(t){var e=this.heights[this.currentIndex]||0;this.$emit("diff-change",t,e)}},created:function(){this.fixedEleHeight=0,this.eles=[],this.positions=[],this.heights=[]},mounted:function(){this.refresh()},methods:{addEle:function(t){this.eles.push(t)},removeEle:function(t){var e=this.eles.indexOf(t);this.eles.splice(e,1),this.positions.splice(e,1)},refresh:function(){var t=this;this.$nextTick(function(){t.eles.forEach(function(t){t.refresh()}),t._calculateHeight(),t.computeCurrentSticky(t.pos)})},computeCurrentSticky:function(t){t+=this.offset;for(var e=this.positions,a=this.heights,i=this.checkTop,n=e.length,l=n-1;l>=0;l--){var c=l===n-1,u=c?t:e[l+1],o=void 0,s=void 0;i?(o=e[l],s=o+a[l]):(o=e[l]+a[l],s=o);var r=Math.max(s,u);if(t>=o&&t<=r){this.currentIndex=l,this.currentDiff=t-o;var d=u-t;return void(this.diff=d>=0&&!c?d-(this.fixedEleHeight||a[l]):0)}}this.currentIndex=-1,this.currentDiff=0},_calculateHeight:function(){var t=this;this.eles.forEach(function(e,i){var n=(0,a.getRect)(e.$el),l=n.top,c=n.height;t.positions[i]=l,t.heights[i]=c}),this.fixedEleHeight=this.$refs.fixedEle.offsetHeight}}},t.exports=e.default})},DXQ8:function(t,e,a){function i(t){a("5WX7")}var n=a("VU/8")(a("gBDM"),a("yfBG"),i,null,null);t.exports=n.exports},"Dw/u":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"select-option",props:{name:{type:String},options:{type:Array},value:null},data:function(){return{selected:this.value}},watch:{selected:function(t){this.$emit("update:value",t)}},mounted:function(){var t=this;this.picker=this.$createPicker({title:"Choose "+this.name,data:[this.options],cancelTxt:"cancel",confirmTxt:"confirm",onValueChange:function(e){t.selected=e[0]}})},methods:{showPicker:function(){this.picker.show()}}},t.exports=e.default})},"Dz+K":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-toast-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast","z-index":t.zIndex,mask:t.mask},on:{"mask-click":t.maskClick}},[!t.isLoading&&t.iconClass.length?a("i",{staticClass:"cube-toast-icon",class:t.iconClass}):t._e(),t._v(" "),t.isLoading?a("cube-loading"):t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip",domProps:{innerHTML:t._s(t.txt)}})],1)],1)},staticRenderFns:[]}},E37f:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADPtJREFUeNrtW2lYVNcZfs8sDDDAsCrIPhUCsSgmgsoWQU3U1JCodUHMUo0+xJC6NFptjGltopKFFGJspDV1X2NJ1LSlKoGZSYyQiohGRAGRYZGZgRlgZpjt9Md4ndZUmQ1o+/D+4eHOud/23u+c73znXmAYwxjGMIYxjGEMCchQG8CAUkoBFku7XjKNMy0pyfQ0FqAmPR1K6ovnxo8nl3CLRj36KL5DIikdMYJ+iHdQKhAgABuhZbHIRhQjWaWiJnKYPtnejnx6mUhqa6HA73GuspJVTbcjqLTUdWpbkaFBIiFk/nzAaBxqv4eMAPX1UgqEhNAp3BHsPatXo5FeJNWLFkGPBvwuKGjAHPYmy/BKWxuu0Ldo0oED5A/kD8aFBQVueSlngaamwY7DoBGgevvCKMDPj/1C31T282+/jcvoI+deeglpyEWbi8tgO34PlbgEf70eP8K39Mndu03PGPYa977xhuc/0gkgkw20+gEnQDOtvJXVtnAhbSIy1i8LCuhFdGF/QMBA67U7IM/hHJ5RKPAR8mjJihXu0am9xp7jxwdMn7MFUnr0KMBma+qCjOzD27fTYISQ7LVrBzZsA4g1SKBbCgrcf9/6hXHDmjXOXjtYzhJETaUU4HDUH42q5Kw/cuR/PvAMPkAF2fTaa/f8MlVWAFyus8Q7TABTvWj2ccI5J/70J/yMzsb7c+cObdQGAHf90uzTzOWc+PRTxm9HxTosQP2ZJJITuXEjnYcDmL94saPy7ty5c8fFhSHWcTByZLKODmcs9Yyf6p3i/ZzYDRsclWc3Ad2/KfvAJS02FqfoKZqzZAn+CEpfr6/He+Q1jO3ttVWeQtHZyeUCH35YUCAUAp2dXV3OSHSFQqHgcoH8fEauWY/DmEJeReuvf615TjSFMz852V4xTl+E+zJES1zOREcbTmK5aUZt7YPGqVRKJZcLyGRyOZcLnD79l7+MHAnweDyeyQQsX75s2a1bzrPrk0927QoPB/R6g4HFAmbNmjGjvR3w9/fz0+sBLy+BQK+3I4A/RQH9tKbG7ZTbOuOSxx4jrAkJgPWSbCagJ1tSBYwYwQk2dfO2enjc/7txFq0w7czIwASSQFuKih4kZ+vWbdtGjwZUqp4eLheIjo6K6ukB5s2bO7e1FfD09PAwGJxHQHd3Tw+HAxw7dvx4UBBw40ZdHZ8PCATe3gYDsH7966/fuOGAghasIJ7Ll/OjUq/qOx/st90EMIuOulAsYm+oq8NSEPKuUGivvTqdTsdiAYQQAgBcLpdrMjkl1lZBr9frWSzLGuHi4uLikP4jZDpd3dDg/lLLXuO7UVHWlqtWrwHqclE+O2fmTFsDr9VqtWw2oNFoNGy25Trj8P2B7+vTas2BcQ4djJy+PjPhDBi99wdeo1Gr2WyL3VZjAf07yY+MVI8NdGMXTZtm7W1WE0A+YtXj4rx5tgbg7NnSUn9/4OjRY8dGjXrwOKPRaCQEKCjYsUMoBC5fvnLFy8uumP8bqqtrary8gMLCwsLISMBkMpnIQ/L+yBGznaWlZWV+frbrI5PIZjJ+0SJrx/dLgDlFCUEx/k4SZ8yw1aBx4+LilEqgtvb6dT4fEIslEl9fwGg0GAgBtNq+PjYb+POfi4uDgsyZQggQHR0dbXst9UNER0dF9fYCvb3mJ7u4+PPPAwMtmWYwmIkXicRiX1+gru7GDT4fGDs2Lk6lsl0fzcPPcXz6dGvH97sGaNaJpwJhYabN9C0Ox/665OLFixcFAuDzz0+eHDnSsgbcpRfe3l5eOh2QlZWV1dIChIaGhGg0jhPA4NatpiY3N+DQocOHg4MBpVKl4nLNuim1VF+ZmbNnt7cD8fHx8Uql/fpY7oYUgyEy0o2kE6Cx0W4CendLxrFfnzULC0wfkfzTpx0NBPPkSaUtLa6uAIfD4VAKBAePGqXVAmy2+f+BAvPES6VSqaurJRNDQoKDtVrAxcVMhMN4ARdo3syZ/OOpa41r/vrXBw3rdwq62nF1pCA3Pl6tNqewo+DxXF1NJkAoFArVaiAsLCxMoxn4wDPgcNhsSoHwcLNexg5nBZ6J09W9368TxD3+eL/29DfgMqu6yuNIYuLhbYe2B40GEhISEpRKICUlOVkuB3x8fHzs2cD8v4DZWYvFEomfH1BRUVEhEABjAsf4dVclJAC4o3jI/f0SMC9xTntLvVg8lh9X5NmSmclUNV9/ff786NFATEx0dE8PMHVqRkZHBxASEhKi1Q51WAYObW1tbTweUFYmEvn5AdXV1dVeXkBAQECATgc8+2xmZns7ENcxpl3FlUh+hsI7D5PXLwHsUZwx5LBSGTsq9pPubiA2Nja2uxtobGxsdHcHysrKy/38gB07du6MjLSk9hNPpKXJ5UBMTExMd7dlw8WAeXLkcrl8CM/DIBB4e+v1QECAv79O98Pf7/fz2rXaWg8Pi5/Z2VlZUul/8LOSLiUfdHYCWOMQARCxuKZlUikWmEDyLZcjIiIi1GrL39bWlhYeDygvN6fivn0HDgQHAyNHBgbqdEBqalKSQmGpLoqLv/giMBC4dq2uTiAAKOVwnNdl7x+EGI0GAxAY6O/f2wusWpWbW19vDrCnp2UfcPt2c7ObmyXTc3JWrGhstKxdD8SriDJtun0bAPDyQ+zoz1DtepGIt1UoNL4JGDfdvGmtg0w3UywWi81zY2WlQAB4ePD5RiPAYpkXwwsXEhJWrgRu3nzmmdzcwSMgJEQkOnYMSEw8eXLzZktx0NVl7p7GxY0dq1IBU6dOmSKTAf7+5inGWlhbhvabAbxtKSl9Gxoa1HqxlLO2tdXatxZ8fMypPXv2T37S1gZkZKSny2TA119/842Pj+07TReX7m6FAtDrPTy8vQFKCfnX1gKPp1R2dAB9fQKBLSfOvb29vWw2kJiYkNDVBSQlTZ7c2Qnw+Xy+Xc1AHerxi5YWN356KrY9OPD3iOpvgHlOo5RshxdmnTljh0kALA5Nnz5tWkcHEBERHm7LRisi4syZPXuA+PgdO1auBDgctVqlAoTCU6d27gTGjzdftxW+vuYqjrHL7sAz8VpOKuhXJSXWjre6F0TV5OdUfOiQ/abdZyghxJa6//r1Z59dtQro6QkJiYkBUlPfeGPGDMDXt66ushKorFyzZvdu++xwlk8AYNqGRGw6eNDa8VYT4P5Oy0zj5pISnCZ5NLf/1HI2eLyurvZ2wM/v6lWJBJDLH300JQVwc7tzp6kJ8PJqbLx8ebCt+hfcPRHkC5OXGJ8+e9ba26zvht7tb5Ol4JOt27bZayfTf1epzL0YaxEaKhZ/9hnQ1JSevngxUF29bFleHlBV9corhYVAWFhpqT35qdEw7W8H9+EBRMT64p13zBll/Z7a5jNhN6XrWoPr7t3kRdTRoitXrL2P6cczzTCZTCazhYAbN2bPXrkSaGmZPDkz03K9uzs0NCYGqKrKySkosD1uzCLM2HX/uUF/IKmYSA9XV7sv0G/UX9mzx1b9ds9/zGG06W1yESVlZQinp9Dzw26RXG4+8923b//+0FDzQQeLBXh4eHoaDEBNjatrcjIglz/yyMSJ9lpjOwSCpqarV4GoqObmM2csawGbbS6Pn38+O/v2bcsO9wf4HgJ4GwysiawLyElLczMmLzNs+eabQSOAQe/Hon2c2F/9Ci8gAnW//S1zvb6+ocHdHThw4OBB84ZsxAhzu3nRIqkUqKq6dMnLy7KzHCowbe+0tJQUhQI4ePDIkeBgoLnZ3C3NylqwQCoFoqLM5wr3MB6bMGf9ev711K8MR/Py7NXvMAH3XswqlDzH+XLPnm/jvk31fj47m9npTpgwYYJSae6zt7VZnrD/VphMlBIC/O1vJSUBAYBIJBL5+gJPPTV9ekcHkPbIEwL5ib17+cKUVw3JL77IlOn26nNaCXbysc006BN394bCplq37d9//zgeP6NUhoXFx48b58jBxlCjqurSJYEAqLxZGSkQNDUFufr46DJjYubPz09qznf8yGgAXs69+/bEWMlv2EXvvYfzNIPkrF49NOFzHESKZrr//ffdolIWGheuW2drldOv/IF2QL1HfIIdPmcOdtECMnHXLlqCLThhz3H34ICkkDlYIJNhAg2l115+2b0o9R/G74qLB0zfYDl27wONFF0sO2fLFqipHzm5dOmQf6BRjkIE6nRoRRhdVFRkiOEcMr775puCpMlSQKFwXMHDMWSfKGnGlE8AQkPp+6zX2Kdzc+lESolo8WK4QIj3HvYCi4PoxC5skEpJDZlOJx08CKF+ifHpggL36HQCNDcPdhz+iz7SM3/YoZ0T9DFn/qRJplUkC+UZGfgxNWJSQgL5GGqaFh2NJvIl+TIwkH5I38JXAsE9R1aRtzBFqUQYnUVntbXRbJwk52tr8R1pREVFBWuzyR8zzp1zrUmtMOw8f97Zc/kwhjGMYQxjGMP4H8M/AXiI3aUalWSzAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAwlrS75wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMOfpA1sAAAB7dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2dhNnJna3hjbW1hLyVFNSU4RCVBMSVFOSU4MCU5QSVFNSVBNCVCNCVFNSU4MyU4RiVFOCVBMSVBOCVFNiU4MyU4NTExLnN2Zy3NmWQAAAAASUVORK5CYII="},E4RE:function(t,e){},"E61+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("UFDc"),a("XRNA"),a("osO1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.replace(o,function(t,n,l){var o=n.split("|").slice(1).map(function(t){return t.trim()}),s=o.length,r=e;return s&&o.forEach(function(t){var e=c(t),n=e.fnName,l=e.args;l.unshift(r),(0,a.isFunc)(u.default.helpers[n])?r=u.default.helpers[n].apply(null,l):((0,i.warn)('A helper function named "'+n+'" is not registered, please register it by Validator.addHelper()'),r="")}),r})}function c(t){var e=t.indexOf("("),a=t.indexOf(")"),i="",n=[];if(e===r)n=[],i=t;else if(e!==r&&a!==r){var l=t.slice(e+1,a);n=l.split(",").map(function(t){return t.trim().replace(s,"")}),i=t.slice(0,e)}return{fnName:i,args:n}}Object.defineProperty(e,"__esModule",{value:!0});var u=function(t){return t&&t.__esModule?t:{default:t}}(n),o=/\{\{((?:.|\n)+?)\}\}/g,s=/['"]/g,r=-1;e.default=l,t.exports=e.default})},EF6b:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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})},"EI6/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"panels",staticClass:"cube-tab-panels"},[a("div",{ref:"panelsGroup",staticClass:"cube-tab-panels-group"},[t._t("default",t._l(t.data,function(e,i){return a("cube-tab-panel",{key:e.value||e.label,attrs:{label:e.label,value:e.value}},[t._v("\n        "+t._s(e.label)+"\n      ")])}))],2)])},staticRenderFns:[]}},EKZ3:function(t,e){},ES30:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gCE8"),a("6liq"),a("2DUa")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Group=u.default,c.default.Item=o.default,e.default=c.default,t.exports=e.default})},Er22:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/recycle-list/"+t)}}},t.exports=e.default})},Ex12:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"cube-checker"},[t._t("default",t._l(t.options,function(t,e){return a("cube-checker-item",{key:e,attrs:{option:t}})}))],2)},staticRenderFns:[]}},EzE1:function(t,e,a){function i(t){a("xRl6")}var n=a("VU/8")(a("Bjol"),a("x6Xs"),i,null,null);t.exports=n.exports},EzL5:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("IskU")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{swipeData:i.defaultData}},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var a=this;"delete"===t.action&&this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){a.swipeData.splice(e,1)}}).show()}},components:{CubePage:n.default}},t.exports=e.default})},F7um:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACwRJREFUeNrtm3tUVVUawH/78Lh0EYR4JCopoGI4PqGxhxNJaywfmS5fOWVaEtnbarVMW9PM1DJXy1VOWS6H0JxRp0TzvQx0zYQrNVIUyNegIGIqAiKXELncy717/tj3eDEV7r28cobfP98f5+yz9/d9e39772/vA5100kknnXTSSSf/jwhPC0qZOg4++QSIgyeeAPrA7beDeAPq6kAegOPHQcyArVvBngypqUI89xyUlnpcr33bMAgNBW2rqk/HPh4uXRLao4fg4kXP9VrxAXTvDvYN8OyzIFfD+PHAZxAXBwwEPz+gEC5dAo7B2rVCpGyHV15pTweUQ1kZsBnCw12oSjlGyh/g/fcRQUdg0SIhpk4Fm03av5Xg7Q1Vj8PcuWCdB5MmISzfK8Wt/4SAAGiYCaKJdnuPBLsdfHbC5ctI33vh2DGE4TykpyO7joWlS4U2UkBDg7T/SdUruqfC/PkgjsCCBY0M3RwToLxciJRwuOOONneAlF9I1TDr56qnX2UjlJQgCYbkZBChEBSEkHth2jRgDkye3KjqDZCRAYHvgMEAVzLhgQfAGgleXp51C1fw+QlsNqT/b2D3bkT1CrBYQE6GRx5p9OJy2LABKe6HdetAXgSTCcFsWLECOAV33uk0jHkj+PkJ7ZUMqK9vQwekvaaGvv0uqKx0PmAPZGcLLeUfcO+915f7fJTqWXIyLFzYdgZuMcdhwQIhUpbAokXX6WFPPQ3Z2Qh2wvDhzifacQgJESJ5iSM0uYT7Drg6ZHvkOTx9ADQNGA1VVchzPSE8XGh/cQzxL76EGTMQDQNg1SqQ2Y73b9YkR5v04d+li5K+vkoaDA6Ff/ENu11JvfdZLEpevqyk2ezQQDZjknvAbkcap8KsWUJ74j+wenUjvc9CeTnwDQQHA7lqRJ1bpkaA0rvNHHDVETJ1CuTnA7+HQYMafXI+PP880jAQ+vVDmP8Ar7128y/pBg0NVTI4WEkfH0/bdmOsViX13qmP3ubCxW018PHHcKULFBSoDrJs2bX65ucL8WwlDBnibqu8PVdIVDtiI9c6QE6FTz9FmIfeOJbrhu3eXUnd4MLjzuAaer36RKkvHEwmJc+dU1J3lE5dALz6KgjV02Hotc/t78NXXwHPeWRFT9WR9hUfQEAAwiYgJwcIgn79bl4iKEjJXr2UbCoMdQQ2m5JnziipO+amvAUFBUhrEiQkCO3FDc5w5zot7nVSrpyvlom26XD48PUxvkcPJV1Zqv6aKCtTUt+z6HOHY47A2g/i4oR4wU+FJs9ohV4YsA4WL3YaXg8l0dFK3mqG19FDla6H3ql0PcPTlN4tw2MHSLk1FQYMgOowGD3aaXh9bdy1a8cZrzUJDLxWL13P6rUwbpyUmcuhf39Pv+75CJB1CZCWBvbZqlEREepB4/TA/xL6YkHX0/a00tv0Paxc6elX3XaAShl06YKofVltRPR1+q0aatxF11PXu7YQ7rnnql3cxP0RIEz9Vc5Ez8lERjoeNDmhl5ZeuODnB4WFFy4kJkJ1dV1do418h1FVZTL5+EBBQUnJ4MFQUVFbO3RoUyV0PXv2VNJhB2EqgXnz3K3fgxBk2aayg3qoaTphtXHjpk0REbB9+759KSkQEzN27LffQkDAffedOgVFRSZTSkp7mPpa9u8/cCA4GD77bOXKkSMhKmrs2OxsCAtLTDx0CAoLLZbU1Ka+cNttSup2sHwMjz3mbjs8cID5CPTp01zIOX369GmjEbKyvvsuNBQiIqKiYmJACCGEAE3z8vLygsuXfXwmTgSr1Wptj52BxWKxaBqkp3/9dffuEBQUHh4ZCb6+fn6Nu1JISEzMuHFQUnLmjNHY1Bd1O9SPgr5928wB0p5zQO0mvR9SeRm9B9yY8vKKCoMBfHx8fQ0GyM7esWPLFsjLy8ratQsKCnJysrNh+/a0tOXLnaGgrTGZqqt9fMBqbWjw9oaffiooOHYMsrLWr1+zBoqLjx7Nz4f09I8+WrgQysvLy/Us1I3R7aD9FQwGaU9f58xbNY8bqYgzf1YbrsA5jjVxt6bejoqKiqqthddfX7589WqwWMxmsxmWLHnhhaeecr4XHBwcbLVCaGhoqJ4+a0tCQ0NCLBZ48sl58956CwYNSkx89FF4++0JE5KSVDvr6sDLy9tbSpg0aeTIK1dc+XLgi475YbZzWfrjj82VcmPQe+9Xw821mT4sTBnUYikpWbwYDh7cuXPDBufz8PDw8Pp6mD171qySEtA0IRrnKevqzGYvL9ixIyPjRscc6enr1/fsCYcO5eY23nGcP19a6ucHmzdv3aovGK9RWNM0KSEy0s9v6VLIycnIWLPGaXh/f6PRZoMZM6ZPP3vWnY7R2C6uH8y4MQLsJ9V23O+462UgKqpr15UroXfvESMARo+Oj/f2Bn9/f/+mkrb19fX1mgaZmbt2hYdDXFz//jU1EBgYGGi1Ql5efn7XrnDy5MmTXbpA7969el254pxcL1woK9PzrDeiW7eAgH37nHLIkPfe8/YGo9FobGhQc5U7ejpDUW2kYyRUuFLK5Uqk/NcqldcJHABnz7rXOM/ZtEn15Kys3btDQ0FKNU5iY0NCjEaw24VoaICTJy9etFjUnCMlzJmTnFxcDH379ulTW9terQWoegaio4UYdRiKi5t7240QlDTTkZha4s6RW0uZOHH8+NJSCAgwGqWEceN69IiKgilTIiLi4mDatG7dBg2C2NigoMBAGD48IaGqqiMML55Whz6mPzozqs3jsgPUkLTbQWxyZXJpbeLjBw+uqYGDBy9dKiuDhgYp7XaorKyvN5vh1Kmff66pgYSEYcOaTSS3CTIWTpzQLxm4WsqDAxk5DDIzkYRASMhNXxMkOyamD1ojTfHww2PGnD0LJ04UFhqNsGxZUVFuLpjNaiaJj1eGj46Ojm7fnn+VPbB3r7uF2uwUSsVqTYOcS7BpE3DKcb+mReiT8+HDR48GBoKfn8Fgs8GAAXfdVVMDQnTQQY+UGowfL7TfxsO2ba4Wa8GRZNPoIUvKA6fBtZW0KxgMBoPd3pGh5jo2Q0UF+BdAZqa7hT12gJQ5OTBzJsh34OWXb/DKEkcIqoDY2I62UvOIZBW75TRYuxbY4+INvn9Dbq7QBpidNzHcqNXT5kqZK9U5ry0WiopArr2lzwKkeB42bhRaQg5MmtRe1Xo8AoQYKsBkkjJnuvOi1YcftlfDWx3BeRg6VI3sYcPUyG4iyMmgaDh3Tmh9P23JsrwVDuUdk608OBJ27kTIxfDQQx1jxXZA8iZkZ4NYDA88ILSEu6+/yuI6rbYKkvLQHnXXx9YXDh4EzkC3bi3+8K8GMQ3KypA2oa6hDC9qjYxAqy3ZhBg2As6fBz6BBx+82uBbn28coSgdxoxpLcPrtOE+YP86dVVPe1Oti+XXzmO8NqFIpQBkGsydixS+UFPTcguJd6G4WIiEBLXYaF3a+DogSHv+G2onbMmAL79EsAqSktqgqr/B0qVC3J3myY8SHUWbO0BHyvR08PJCRsVAcjKCN+Hdd2mlVAXOUPGi41r5DBeuFwKMgspK5OVXYcsW/ceN9rJLuzngl0j7DzEQGIjQUuCll5BMgdmzEVQ6b6O1CX+HkhIgElJTkfXPqD9mRoS1Sshykw5zwC9Ry1khIAdITAR5BJKSkOJxuP9+BBNg4EBgAoSFNfGpaNWjxSTIywPiYP9+4GnYsQMRnwB796pUSXP/CrQ9vxoHuIpz35H3u2uzsabvoKqqvUNIJ5100kknnXjKfwGX7B4gTpCqegAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAenRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODU4LnN2Z7bV1VIAAAAASUVORK5CYII="},FK47:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"slide",staticClass:"cube-slide"},[a("div",{ref:"slideGroup",staticClass:"cube-slide-group"},[t._t("default",t._l(t.data,function(e,i){return a("cube-slide-item",{key:i,attrs:{item:e},nativeOn:{click:function(a){t.clickItem(e,i)}}})}))],2),t._v(" "),t.showDots?a("div",{staticClass:"cube-slide-dots"},[t._t("dots",t._l(t.dots,function(e,i){return a("span",{key:i,class:{active:t.currentPageIndex===i}})}),{current:t.currentPageIndex,dots:t.dots})],2):t._e()])},staticRenderFns:[]}},FTiD:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"input-view",title:"Input"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-input",{attrs:{type:t.type,placeholder:"please type here...",disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,autocomplete:!0,eye:t.eye},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),a("div",{staticClass:"value"},[t._v("value: "+t._s(t.value))]),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"readonly",value:t.readonly},on:{"update:value":t.updateReadonly}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"maxlength:10",value:t.maxlength10},on:{"update:value":t.updateMaxLength}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"clearable",value:t.useClear},on:{"update:value":t.updateUseClear}}),t._v(" "),t.useClear?a("switch-option",{staticClass:"item",attrs:{name:"blur hiden",value:t.clearBlurHidden},on:{"update:value":t.updateBlurHidden}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"password",value:t.isPwd},on:{"update:value":t.updatePwd}}),t._v(" "),t.isPwd?a("switch-option",{staticClass:"item",attrs:{name:"show eye",value:t.showEye},on:{"update:value":t.updateShowEye}}):t._e(),t._v(" "),t.isPwd&&t.showEye?a("switch-option",{staticClass:"item",attrs:{name:"reverse",value:t.reverse},on:{"update:value":t.updateReverse}}):t._e(),t._v(" "),t.isPwd&&t.showEye?a("switch-option",{staticClass:"item",attrs:{name:"password visible",value:t.pwdVisible},on:{"update:value":t.updatePwdVisible}}):t._e()],1)])])],1)])},staticRenderFns:[]}},FZvW:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{current:"快车",labels:["快车","小巴","专车","顺风车","代驾","公交","自驾租车","豪华车","二手车","出租车"],txts:["1快车","2小巴","3专车","4顺风车","5代驾","6公交","7自驾租车","8豪华车","9二手车","10出租车"]}},methods:{changeHandler:function(t){this.current=t}},components:{CubePage:i.default}},t.exports=e.default})},Fc4T:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 🙃 ","👆🏻 outer 👇🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👆🏻 outer 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ "],l=["😀 😁 😂 🤣 😃 🙃 ","👆🏻 inner 👇🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👆🏻 inner 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👆🏻 inner 👇🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 inner 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","👆🏻 inner 👇🏻 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 inner 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","👆🏻 inner 👇🏻 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 inner 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","👆🏻 inner 👇🏻 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items1:n,items2:l}},components:{CubePage:i.default}},t.exports=e.default})},FccO: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:[]}},FmUO:function(t,e,a){function i(t){a("sVin")}var n=a("VU/8")(a("NEEv"),a("D9Go"),i,null,null);t.exports=n.exports},Fth0:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/sticky/"+t)}}},t.exports=e.default})},FzF9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-index-list-item",class:t.itemClass,on:{touchstart:t.addActiveCls,touchend:t.removeActiveCls,click:function(e){t.selectItem()}}},[t._t("default",[a("div",{staticClass:"cube-index-list-item-def border-bottom-1px"},[t._v("\n      "+t._s(t.item.name)+"\n    ")])])],2)},staticRenderFns:[]}},FzTc:function(t,e){},"G59/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS"),a("PzHl"),a("Z5VE"),a("d64j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);e.default={name:"cube-toast",mixins:[s.default,r.default],props:{type:{type:String,default:"loading"},icon:{type:String,default:""},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3},zIndex:{type:Number,default:900}},computed:{iconClass:function(){var t=[];this.icon&&t.push(this.icon);var e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},a=e[this.type];return a&&t.push(a),t},isLoading:function(){return"loading"===this.type}},methods:{maskClick:function(){this.maskClosable&&this.hide()},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:u.default}},t.exports=e.default})},G9D9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-scroll",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY},scopedSlots:t._u([{key:"fixed",fn:function(e){return[a("ul",{staticClass:"sticky-header"},[a("li",[t._v(t._s(e.current))])])]}}])},[a("cube-scroll",{attrs:{"scroll-events":t.scrollEvents},on:{scroll:t.scrollHandler}},[a("ul",[a("li",[t._v("title")])]),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"11"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"22"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("222")]),t._v(" "),a("li",[t._v("222")])])]),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"33"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("333")])])]),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1)],1)],1)])],2)},staticRenderFns:[]}},GFMH:function(t,e,a){function i(t){a("befj")}var n=a("VU/8")(a("/kdh"),a("EI6/"),i,null,null);t.exports=n.exports},GJyM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/slide/"+t)}}},t.exports=e.default})},GXMy:function(t,e){},GcL8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload"},[t._t("default",[a("div",{staticClass:"cube-upload-def clear-fix"},[t._l(t.files,function(e,i){return a("upload-file",{key:i,attrs:{file:e},on:{click:function(a){t.fileClick(e,i)}}})}),t._v(" "),a("upload-btn",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn,expression:"isShowBtn"}],attrs:{multiple:t.multiple,accept:t.accept}})],2)])],2)},staticRenderFns:[]}},Gcl4:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("dz9r")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{action:{target:"//jsonplaceholder.typicode.com/photos/",prop:"base64Value",checkSuccess:function(t){return!0}}}},methods:{processFile:function(t,e){(0,c.default)(t,{compress:{width:1600,height:1600,quality:.5}},e)},fileSubmitted:function(t){t.base64Value=t.file.base64}},components:{CubePage:l.default}},t.exports=e.default})},"Gn4+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-picker-fade"}},[a("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.maskClick}},[a("transition",{attrs:{name:"cube-picker-move"}},[a("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()}}},[a("div",{staticClass:"cube-picker-choose border-bottom-1px"},[a("span",{staticClass:"cube-picker-cancel",on:{click:t.cancel}},[t._v(t._s(t._cancelTxt))]),t._v(" "),a("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),a("div",{staticClass:"cube-picker-title-group"},[a("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?a("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),t._v(" "),a("div",{staticClass:"cube-picker-content"},[a("i",{staticClass:"border-bottom-1px"}),t._v(" "),a("i",{staticClass:"border-top-1px"}),t._v(" "),a("div",{ref:"wheelWrapper",staticClass:"cube-picker-wheel-wrapper"},t._l(t.finalData,function(e,i){return a("div",{key:i,style:{order:t._getFlexOrder(e)}},[a("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,i){return a("li",{key:i,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),a("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},Gp4f:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"H+BD":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("1Vb/"),a("5Fev")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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:u.default,CubeButtonGroup:o.default,SwitchOption:s.default,SelectOption:r.default}},t.exports=e.default})},"H61/":function(t,e,a){function i(t){a("y7n+")}var n=a("VU/8")(a("gAqf"),a("vEm4"),i,null,null);t.exports=n.exports},HBJ7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"HT+y":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),a("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),a("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[a("div",[t._v("Awesome!")])])],1),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},HgDQ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("70Rd"),a("GdJY"),a("64cm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.registerLanguage("json",c.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&&l.default.highlightBlock(t.$refs.code)})})},deep:!0}},mounted:function(){this.$refs.code&&l.default.highlightBlock(this.$refs.code)}},t.exports=e.default})},HgRm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer",on:{click:t.drawerClick}},[a("div",{staticClass:"cube-drawer-main",style:t.slideStyle,on:{click:function(t){t.stopPropagation()},transitionend:t.transitionend}},[a("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(" "),a("div",{staticClass:"cube-drawer-panels",on:{transitionend:function(t){t.stopPropagation()}}},[t._t("default",t._l(t.data,function(t,e){return a("cube-drawer-panel",{key:e,attrs:{index:e,data:t}})}))],2)])])},staticRenderFns:[]}},"I+KE":function(t,e){},I3p6:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checker-view",title:"Checker"}},[a("template",{slot:"content"},[a("p",[t._v("default usage")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.checkboxOptions},model:{value:t.checkboxCheckerList,callback:function(e){t.checkboxCheckerList=e},expression:"checkboxCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkboxCheckerList))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("type: radio")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.radioOptions,type:"radio"},model:{value:t.checkerValue,callback:function(e){t.checkerValue=e},expression:"checkerValue"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkerValue))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("use slot")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.radioOptions,type:"radio"},model:{value:t.checkerValue,callback:function(e){t.checkerValue=e},expression:"checkerValue"}},t._l(t.radioOptions,function(e){return a("cube-checker-item",{key:e.value,attrs:{option:e}},[a("span",{staticClass:"orange"},[a("i",{staticClass:"cubeic-alert"}),t._v(t._s(e.text))])])})),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkerValue))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("set min and max")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.checkboxOptions,min:1,max:2},model:{value:t.defaultCheckerList,callback:function(e){t.defaultCheckerList=e},expression:"defaultCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.defaultCheckerList)+"  (min: 1 max: 2)")]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("set disabled")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.disabledCheckerOptions},model:{value:t.disabledCheckerList,callback:function(e){t.disabledCheckerList=e},expression:"disabledCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.disabledCheckerList))]),t._v(" "),a("br"),a("br")],1)],2)},staticRenderFns:[]}},I3ux:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-recycle-list",{staticClass:"list",attrs:{infinite:t.infinite,size:t.size,"on-fetch":t.onFetch},scopedSlots:t._u([{key:"tombstone",fn:function(e){return[a("div",{staticClass:"item tombstone"},[a("div",{staticClass:"avatar"}),t._v(" "),a("div",{staticClass:"bubble"},[a("p"),t._v(" "),a("p"),t._v(" "),a("p"),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"})])])])]}},{key:"item",fn:function(e){var i=e.data;return[a("div",{staticClass:"item",attrs:{id:i.id},on:{click:function(e){t.handleClick(i)}}},[a("div",{staticClass:"avatar",style:{backgroundImage:"url("+(i.avatar||"")+")"}}),t._v(" "),a("div",{staticClass:"bubble"},[a("p",[t._v(t._s(i.msg))]),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"},[t._v(t._s(i.time))])])])])]}}])},[a("div",{attrs:{slot:"noMore"},slot:"noMore"},[t._v("没有更多数据了")])])],1)])])},staticRenderFns:[]}},"I6++":function(t,e){},"I6+Q":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["change","hide"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},I7KL:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkList:["1","4"],options:["1","2",{label:"3",value:"3",disabled:!0},{label:"4",value:"4",disabled:!0}],colOptions:["1","2","3","4","5","6","7","8"],colNum:3,colCheckList:[]}},components:{CubePage:i.default}},t.exports=e.default})},IBoP:function(t,e){},IIbQ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("side")}}},[t._v("Side Style")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},ISEw:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("D1IJ")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={props:{tip:String,questions:{type:Array,default:function(){return[]}},submit:{type:Object,default:function(){return{text:"Submit"}}}},data:function(){var t={};return this.questions.forEach(function(e){t[e.model]=void 0,"checkbox"!==e.type&&"upload"!==e.type||(t[e.model]=[])}),{validity:{},valid:void 0,model:t,options:{scrollToInvalidField:!0,layout:"classic"}}},computed:{schema:function(){var t=[];return this.eachQuestion(function(e){var a=(0,i.default)(e);t.push(a)}),t.push({type:"submit",label:this.submit.text}),{fields:t}}},watch:{validity:function(t){this.$emit("validity",t)}},methods:{eachQuestion:function(t){var e=this.model;this.questions.forEach(function(a){var i=!1,n=a.on;if(n){"string"==typeof n&&(n={model:n});var l=e[n.model];if(n.options)if(Array.isArray(l)){var c=!1;l.some(function(t){if(n.options.indexOf(t)>=0)return c=!0,!0}),i=!c}else i=n.options.indexOf(l)<0;else i=!l}i||t(a)})},submitHandler:function(t){t.preventDefault(),this.$emit("submit",this.getModel())},getModel:function(){var t=this,e=this.model,a={};return this.eachQuestion(function(i){var n=i.model;a[n]=t.processModel(i,e[n])}),a},processModel:function(t,e){var a=t.model,i={city:function(t){return t},upload:function(t){return t}};return i[a]?i[a](e):e},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid}}},t.exports=e.default})},IWr1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"input-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],attrs:{type:"text"},domProps:{value:t.inputValue},on:{input:function(e){e.target.composing||(t.inputValue=e.target.value)}}})])},staticRenderFns:[]}},Idn0:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"group",staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,i){return a("cube-radio",{key:i,attrs:{option:e,position:t.position,"hollow-style":t.hollowStyle},model:{value:t.radioValue,callback:function(e){t.radioValue=e},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},Il0v:function(t,e){},IskU:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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"}]}]})},IuA7:function(t,e){},Iyug:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Z5VE"),a("bh5B"),a("5KkG")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={name:"cube-drawer-panel",mixins:[c.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:u.default,CubeDrawerItem:o.default}},t.exports=e.default})},IzGe: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:[]}},J4wF:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/upload/"+t)}}},t.exports=e.default})},J7to:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{offsetTop:56,scrollY:0,scrollEvents:["scroll","scroll-end"],items1:n.slice(),items2:[],items3:[],tabPullUpMap:{1:{enable:!0,pos:0},2:{enable:!0,pos:0},3:{enable:!0,pos:0}},tabOpacity:0,currentTab:1,tabs:[{label:"tab1",value:1},{label:"tab2",value:2},{label:"tab3",value:3}]}},computed:{options:function(){return{pullUpLoad:this.tabPullUpMap[this.currentTab].enable,observeDOM:!1}},scrollData:function(){return[this.items1,this.items2,this.items3]},stickyPos:function(){return this.$refs.sticky.positions[0]-this.offsetTop}},watch:{currentTab:function(t,e){var a=this;this.tabPullUpMap[e].pos=this.scrollY;var i=this.stickyPos,n=i+this.offsetTop,l=this.tabPullUpMap[t].pos,c=void 0;this.scrollY>=n?(c=Math.max(l,i),this.tabOpacity=1):this.scrollY>=i?c=Math.max(l,i):(this.tabOpacity=0,c=this.scrollY),this.tabChangeing=!0,this.$refs.scroll.scrollTo(0,-c,1),this.$nextTick(function(){a.tabPullUpMap[t].enable&&!a["items"+t].length?(a.$refs.scroll.scroll.movingDirectionY=1,a.$refs.scroll.scroll.maxScrollY=-c):a.$refs.scroll.refresh()})}},methods:{onPullingUp:function(){var t=this,e=this.currentTab;setTimeout(function(){if(e!==t.currentTab)return void t.$refs.scroll.forceUpdate();var a="items"+e;(t[a]=t[a].concat(n)).length>=20*e&&(t.tabPullUpMap[e].enable=!1)},300)},scrollHandler:function(t){var e=t.y;this.scrollY=-e},scrollEndHandler:function(){var t=this;this.tabChangeing&&this.$nextTick(function(){t.tabChangeing=!1})},diffChange:function(t,e){var a=0;e&&(a=3*t/e),this.tabChangeing&&(a=Math.max(a,this.tabOpacity)),a=Math.min(a,1),this.tabOpacity=a,this.$refs.stickyHeader.style.opacity=a}},components:{CubePage:i.default}},t.exports=e.default})},J9Iv:function(t,e){},JBFj:function(t,e,a){var i=a("VU/8")(a("BRD/"),a("Lc9/"),null,null,null);t.exports=i.exports},JG9D:function(t,e){},JHHX:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{buttonStyle:["inline","outline","primary"]}},computed:{inlineStyle:function(){return this.buttonStyle.indexOf("inline")>=0},outlineStyle:function(){return this.buttonStyle.indexOf("outline")>=0},primaryStyle:function(){return this.buttonStyle.indexOf("primary")>=0}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},JKih:function(t,e,a){function i(t){a("TVNN")}var n=a("VU/8")(a("Fc4T"),a("PN0K"),i,null,null);t.exports=n.exports},JOED:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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 u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},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})},JgmB:function(t,e,a){var i=a("VU/8")(a("Ba27"),a("fuAs"),null,null,null);t.exports=i.exports},Jp5a:function(t,e,a){function i(t){a("dXYF")}var n=a("VU/8")(a("R/bX"),a("k86a"),i,null,null);t.exports=n.exports},"K/GD":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{components:[{name:"Basic 基础组件",shortcut:"Basic",items:[{path:"/button",text:"Button"},{path:"/loading",text:"Loading"},{path:"/tip",text:"Tip"},{path:"/toolbar",text:"Toolbar"},{path:"/tab-bar",text:"TabBar"}]},{name:"Form 表单组件",shortcut:"Form",items:[{path:"/checkbox",text:"Checkbox"},{path:"/checkbox-group",text:"CheckboxGroup"},{path:"/checker",text:"Checker"},{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"},{path:"/image-preview",text:"ImagePreview"}]},{name:"Scroll 滚动组件",shortcut:"Scroll",items:[{path:"/scroll",text:"Scroll"},{path:"/slide",text:"Slide"},{path:"/index-list",text:"IndexList"},{path:"/swipe",text:"Swipe"},{path:"/sticky",text:"Sticky"},{path:"/scroll-nav-bar",text:"ScrollNavBar"},{path:"/scroll-nav",text:"ScrollNav"},{path:"/recycle-list",text:"RecycleList"}]}]}},components:{CubeView:i.default}},t.exports=e.default})},K5n8:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=[{text:"剧毒",value:"剧毒"},{text:"蚂蚁",value:"蚂蚁"},{text:"幽鬼",value:"幽鬼"},{text:"主宰",value:"主宰"},{text:"卡尔",value:"卡尔"},{text:"宙斯",value:"宙斯"},{text:"巫医",value:"巫医"},{text:"巫妖",value:"巫妖"},{text:"神谕者",value:"神谕者"},{text:"撼地神牛",value:"神谕者"},{text:"蓝胖子",value:"蓝胖子"},{text:"水晶室女",value:"水晶室女"},{text:"莉娜",value:"莉娜"},{text:"斯拉克",value:"斯拉克"},{text:"斯拉达",value:"斯拉达"}],a=[{text:"输出",value:"输出"},{text:"控制",value:"控制"},{text:"核心",value:"核心"},{text:"爆发",value:"爆发"},{text:"辅助",value:"辅助"},{text:"打野",value:"打野"},{text:"逃生",value:"逃生"},{text:"先手",value:"先手"}],i=[{text:"梅肯",value:"梅肯"},{text:"秘法鞋",value:"秘法鞋"},{text:"假腿",value:"假腿"},{text:"飞鞋",value:"飞鞋"},{text:"辉耀",value:"辉耀"},{text:"金箍棒",value:"金箍棒"}],n=[{text:"顺丰",value:"顺丰"},{text:"中通",value:"中通"},{text:"圆通",value:"圆通"}];t.column1=e,t.column2=a,t.column3=i,t.expressData=n})},K9Wg:function(t,e){},KATl:function(t,e,a){function i(t){a("XjAD")}var n=a("VU/8")(a("tspx"),a("uzcz"),i,null,null);t.exports=n.exports},KIfi:function(t,e,a){function i(t){a("GXMy")}var n=a("VU/8")(a("C8H9"),a("9Vqu"),i,null,null);t.exports=n.exports},"KQ/n":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},KVex:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},KZW3:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("XPXN"),a("o/OE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:u.default},data:function(){return{title:"Current City: BEIJING",data:o.default,options:{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,c.default)(o.default[1].items)),t.$refs.indexList.forceUpdate(!0)},1e3)}}},t.exports=e.default})},Kjut:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/drawer/"+t)}}},t.exports=e.default})},Kjwe:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("1Zrt"),a("kjd8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){var e=l[t.type];e&&e(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l={submit:function(t){(0,i.toButtonHandler)(t,"submit")},reset:function(t){(0,i.toButtonHandler)(t,"reset")},checkbox:function(t){(0,a.boolRequiredHandler)(t)},switch:function(t){(0,a.boolRequiredHandler)(t)},rate:function(t){(0,a.numberGT0RequiredHandler)(t)}};t.exports=e.default})},Kprf:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-view",title:"Checkbox"}},[a("template",{slot:"content"},[a("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Checkbox")]),t._v(" "),a("p",[t._v("checked value: "+t._s(t.checked))]),t._v(" "),a("cube-checkbox",{attrs:{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(" "),a("br"),a("br"),t._v(" "),a("cube-checkbox",{attrs:{option:t.optionValue},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}}),t._v(" "),a("p",[t._v("checked value (with option) : "+t._s(t.checked2))]),t._v(" "),a("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    ")]),t._v(" "),a("br"),a("br"),t._v(" "),a("cube-checkbox",{staticClass:"with-click",model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("\n      Agree "),a("a",{attrs:{href:"javascript:;"},on:{click:function(t){t.stopPropagation()}}},[t._v("《xxx》")])])],1)],2)},staticRenderFns:[]}},KrQh:function(t,e,a){function i(t){a("dJ+B")}var n=a("VU/8")(a("AdWU"),a("9dOh"),i,null,null);t.exports=n.exports},"L+7R":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"multi-images-preview",title:"MultiImagesPreview"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"tips"},[t._v("Click Image")]),t._v(" "),a("div",{staticClass:"imgs-container"},t._l(t.imgs,function(e,i){return a("img",{key:e,attrs:{src:e},on:{click:function(e){t.handleImgsClick(i)}}})}))])])])},staticRenderFns:[]}},LFFy:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-wechat",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY,"check-top":t.checkTop,"fixed-show-ani":"sticky-fixed-show"},on:{"diff-change":t.diffChange}},[a("cube-scroll",{attrs:{"scroll-events":t.scrollEvents},on:{scroll:t.scrollHandler}},[a("img",{attrs:{src:"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"}}),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1),t._v(" "),a("ul",{ref:"stickyHeader",staticClass:"sticky-header",attrs:{slot:"fixed"},slot:"fixed"},[a("li",[t._v("header")])])],1)],1)])],2)},staticRenderFns:[]}},LIRj:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(i,function(t,e){return e?e.toUpperCase():""})}function a(t){return t=String(t),t.replace(/([A-Z])/g,"-$1").toLowerCase()}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e,t.kebab=a;var i=/-(\w)/g})},LLJH:function(t,e){},LXLj:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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 u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},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})},"Lc9/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-segment-picker"},t._l(t.data,function(e,i){return a(e.is||"cube-picker",t._b({key:i,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:i,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(i===t.data.length-1?t._confirmTxt:t._nextTxt),"cancel-txt":e.cancelTxt||(0===i?t._cancelTxt:t._prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},LdqJ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"switch-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("div",{staticClass:"switch-ellipse",class:{active:t.checked},on:{click:t.clickSwitch}},[a("span",{staticClass:"switch-circle",class:{active:t.checked}})])])},staticRenderFns:[]}},LeY8:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.cascadeData=[{value:"Fruit",text:"Fruit",children:[{value:"Apple",text:"Apple",children:[{value:1,text:"One"},{value:2,text:"Two"}]},{value:"Orange",text:"Orange",children:[{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Lemon",text:"Lemon",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]}]},{value:"Drink",text:"Drink",children:[{value:"Coffee",text:"Coffee",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]},{value:"Tea",text:"Tea",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Juice",text:"Juice",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]},{value:"Dessert",text:"Dessert",children:[{value:"Chocolate",text:"Chocolate",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]},{value:"cheese",text:"cheese",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"cake",text:"cake",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]}]})},Lg4b:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("pFYg"),a("UFDc"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(n);e.default={name:"cube-select",mixins:[u.default],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,c.default)(t))&&(t={value:t,text:t}),t})]},valueIndex:function(){var t=this.value,e=(0,i.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:""},_placeholder:function(){return this.placeholder||this.$t("selectText")},_title:function(){return this.title||this.$t("selectText")},_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}},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,a){this.hided(),t[0]!==this.value&&(this.$emit("input",t[0]),this.$emit("change",t[0],e[0],a[0]))}}},t.exports=e.default})},Ll9R:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollEvents:["scroll"],scrollY:0,checkTop:!0,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){var e=t.y;this.scrollY=-e},diffChange:function(t,e){var a=0;e&&(a=t/e),this.$refs.stickyHeader.style.opacity=a}},components:{CubePage:i.default}},t.exports=e.default})},M2u5:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Dd8w"),a("woOf"),a("PzHl"),a("N/gd"),a("Z5VE"),a("d64j"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(l),f=s(c),h=s(u),x=s(o),y={textType:"ok",active:!0,disabled:!1,href:"javascript:;"},m={textType:"cancel",active:!1,disabled:!1,href:"javascript:;"},b=function(t,e){"string"==typeof t&&(t={text:t});var a=e&&this.$t(e.textType);return(0,d.default)({},e,{text:a},t)};e.default={name:"cube-dialog",mixins:[f.default,h.default,x.default],props:{type:{type:String,default:"alert"},prompt:{type:Object,default:function(){return{value:"",placeholder:""}}},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,r.default)({},y)}},cancelBtn:{type:[Object,String],default:function(){return(0,r.default)({},m)}}},data:function(){return{defHref:"javascript:;",promptValue:this.prompt.value}},computed:{_confirmBtn:function(){return b.call(this,this.confirmBtn,y)},_cancelBtn:function(){return b.call(this,this.cancelBtn,m)},isConfirm:function(){return"confirm"===this.type},isPrompt:function(){return"prompt"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},watch:{"prompt.value":{handler:function(t){this.promptValue=t}}},methods:{maskClick:function(t){this.maskClosable&&this.cancel(t)},confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t,this.promptValue))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:v.default,CubeInput:p.default}},t.exports=e.default})},M7O5:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a=this.validating;return e||a?void 0:t},invalid:function(){var t=this.valid;return void 0===t?t:!t}}},t.exports=e.default})},MFKK:function(t,e){},MKYq:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form",title:"Form"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("classic")}}},[t._v("Classic style")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("fresh")}}},[t._v("Fresh style")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("questionnaire")}}},[t._v("Questionnaire")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},MNuz:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("PzHl"),a("Z5VE"),a("d64j"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);e.default={name:"cube-action-sheet",mixins:[o.default,s.default,r.default],props:{data:{type:Array,default:function(){return[]}},active:{type:Number,default:-1},title:{type:String,default:""},pickerStyle:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},cancelTxt:{type:String,default:""}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")}},methods:{maskClick:function(){this.maskClosable&&this.cancel()},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})},MY9j:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-action-sheet-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],class:{"cube-action-sheet_picker":t.pickerStyle},attrs:{type:"action-sheet",center:!1,mask:!0,"z-index":t.zIndex},on:{"mask-click":t.maskClick}},[a("transition",{attrs:{name:"cube-action-sheet-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-action-sheet-panel cube-safe-area-pb",on:{click:function(t){t.stopPropagation()}}},[a("h1",{directives:[{name:"show",rawName:"v-show",value:t.pickerStyle||t.title,expression:"pickerStyle || title"}],staticClass:"cube-action-sheet-title border-bottom-1px"},[t._v(t._s(t.title))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-content"},[a("ul",{staticClass:"cube-action-sheet-list"},t._l(t.data,function(e,i){return a("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",i===t.active?"cube-action-sheet-item_active":""],attrs:{"data-align":e.align},domProps:{innerHTML:t._s(e.content)},on:{click:function(a){t.itemClick(e,i)}}})}))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-space"}),t._v(" "),a("div",{staticClass:"cube-action-sheet-cancel",on:{click:t.cancel}},[a("span",[t._v(t._s(t._cancelTxt))])])])])],1)],1)},staticRenderFns:[]}},MdHd:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("QMhb"),a("bh5B")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-scroll-nav-bar",inject:{scrollNav:{default:null}},mixins:[l.default],props:{direction:{type:String,default:"horizontal",validator:function(t){return"horizontal"===t||"vertical"===t}},labels:{type:Array,default:function(){return[]}},txts:{type:Array,default:function(){return this._defaultTxts=!0,this.labels}},current:{type:[String,Number],default:""}},data:function(){return{active:this.current,usedTxts:this.txts}},watch:{labels:function(t){this._defaultTxts&&(this.usedTxts=t)},txts:function(t){this.usedTxts=t},current:function(t){this.active=t},active:function(t){this.$emit("change",t),this._adjust()}},mounted:function(){var t=this;this.scrollNav&&this.scrollNav.setBar(this),this.active&&this.$nextTick(function(){t._adjust()})},beforeDestroy:function(){this.scrollNav&&this.scrollNav.setBar(null)},methods:{clickHandler:function(t){t!==this.active&&(this.active=t,this.scrollNav&&this.scrollNav.barChange(t))},refresh:function(){this.$refs.scroll.refresh(),this._adjust()},_adjust:function(){var t=this;this.$nextTick(function(){var e="horizontal"===t.direction,a=e?"clientWidth":"clientHeight",i=t.active,n=t.$refs.scroll.$el[a],l=t.$refs.items,c=l[a],u=Math.min(0,n-c),o=n/2,s=l.children,r=0;t.labels.every(function(t,e){return t===i?(r+=s[e][a]/2,!1):(r+=s[e][a],!0)});var d=o-r;d=Math.max(u,Math.min(0,d)),t.$refs.scroll.scrollTo(e?d:0,e?0:d,300)})}},components:{CubeScroll:c.default}},t.exports=e.default})},Mr73:function(t,e,a){function i(t){a("blHT")}var n=a("VU/8")(a("uYby"),a("hNHr"),i,null,null);t.exports=n.exports},"N/gd":function(t,e,a){function i(t){a("dq75")}var n=a("VU/8")(a("eFmn"),a("1y26"),i,null,null);t.exports=n.exports},N3Wc:function(t,e){},N5yD:function(t,e,a){function i(t){a("dz6Z")}var n=a("VU/8")(a("B1Rs"),a("VV/4"),i,null,null);t.exports=n.exports},N6Rs:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Vexm"),a("fGk3"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=c.provinceList;v.forEach(function(t){t.children=c.cityList[t.value],t.children.forEach(function(t){t.children=c.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:v,selectedIndex:this.value,onSelect:this.selectHandler})},methods:{showPicker:function(){this.picker.show()},selectHandler:function(t,e,a){this.selected=a,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:d.default}},t.exports=e.default})},"N7+C":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){var a=i[t.type]||"";e.label=t.title?t.title+a:""}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var i={radio:"（单选）",checkbox:"（多选）"};t.exports=e.default})},NEEv:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checker-item",props:{option:{type:Object,default:function(){return{}}}},computed:{isActive:function(){var t=this.$parent.isRadio,e=this.$parent.currentValue,a=this.option.value;return t?e===a:e.indexOf(a)>=0},isDisabled:function(){return this.option.disabled}},methods:{clickHandler:function(){this.isDisabled||this.$parent.check(this.option)}}},t.exports=e.default})},NFzl:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-extend-popup",props:{content:{type:String}},methods:{show:function(){this.$refs.popup.show()},hide:function(){this.$refs.popup.hide(),this.$emit("hide")}}},t.exports=e.default})},NOHr:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky",title:"Sticky"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("scroll")}}},[t._v("Scroll")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("native")}}},[t._v("Native Scroll")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("wechat")}}},[t._v("WeChat")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("complex")}}},[t._v("Complex")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},NTtZ:function(t,e,a){function i(t){a("dfWv")}var n=a("VU/8")(a("/Ca3"),a("liwK"),i,null,null);t.exports=n.exports},Ngbz:function(t,e){},NhRQ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("lQMO"),a("I6+Q")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,c.default)(t,l.default)},e.default=l.default,t.exports=e.default})},O19e:function(t,e){},O1ak:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),o.default.install(t),(0,u.default)(t,c.default)},e.default=c.default,t.exports=e.default})},O6S8:function(t,e,a){function i(t){a("XB2r")}var n=a("VU/8")(a("9IQh"),a("qaXI"),i,null,null);t.exports=n.exports},OCZZ:function(t,e){},OKCy:function(t,e){},OTGw:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("tombstone")}}},[t._v("Infinite")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},OdoB:function(t,e){},Ojzo:function(t,e,a){function i(t){a("6BWR")}var n=a("VU/8")(a("uCDH"),a("ptdZ"),i,null,null);t.exports=n.exports},Oluj:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("PzHl"),a("niVN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),(0,c.default)(t,l.default)},e.default=l.default,t.exports=e.default})},OnXQ:function(t,e){},"P+K9":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("VzLe"),a("qgN4"),a("inlK"),a("t3q3"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(l),f=s(c),h=s(u),x=s(o);v.default.install=function(t){t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(v.default.name,v.default),x.default.install(t),(0,h.default)(t,r.default),(0,f.default)(t,d.default),(0,p.default)(t,v.default)},v.default.Picker=r.default,d.default.Picker=r.default,v.default.CascadePicker=d.default,e.default=v.default,t.exports=e.default})},P5JG:function(t,e){},P9U6:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/5sW"),a("XPXN"),a("1Vb/"),a("6SSl"),a("5Fev"),a("h7Gw")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c),f=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items:f,itemIndex:f.length,scrollbar:!0,scrollbarFade:!0,startY:0,scrollToY:-200,scrollToTime:700,scrollToEasing:"bounce",scrollToEasingOptions:[{text:"bounce",value:"bounce"},{text:"swipe",value:"swipe"},{text:"swipeBounce",value:"swipeBounce"}],customPullDown:!1}},computed:{options:function(){return{scrollbar:this.scrollbarObj,startY:this.startY}},scrollbarObj:function(){return!!this.scrollbar&&{fade:this.scrollbarFade}}},watch:{scrollbarObj:{handler:function(){this.rebuildScroll()},deep:!0},startY:function(){this.rebuildScroll()}},methods:{scrollTo:function(){this.$refs.scroll.scrollTo(0,this.scrollToY,this.scrollToTime,u.ease[this.scrollToEasing])},updateScrollbar:function(t){this.scrollbar=t},updateScrollbarFade:function(t){this.scrollbarFade=t},updateStartY:function(t){this.startY=t},updateScrollToY:function(t){this.scrollToY=t},updateScrollToTime:function(t){this.scrollToTime=t},updateScrollToEasing:function(t){this.scrollToEasing=t},rebuildScroll:function(){var t=this;s.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}},components:{CubePage:r.default,SwitchOption:d.default,InputOption:v.default,SelectOption:p.default}},t.exports=e.default})},PN0K:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("cube-scroll",{ref:"scroll1",staticClass:"scroll-list-outer-wrap"},[a("ul",{staticClass:"cube-scroll-list"},t._l(t.items1,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])})),t._v(" "),a("cube-scroll",{ref:"scroll2",staticClass:"scroll-list-inner-wrap",attrs:{nestMode:"native"}},[a("ul",{staticClass:"cube-scroll-list"},t._l(t.items2,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])}))]),t._v(" "),a("ul",{staticClass:"cube-scroll-list"},t._l(t.items1,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])}))],1)],1)])])},staticRenderFns:[]}},Pe8L:function(t,e,a){function i(t){a("TjYt")}var n=a("VU/8")(a("J4wF"),a("85uG"),i,null,null);t.exports=n.exports},PmdS:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-custom",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-form",{attrs:{model:t.model},on:{validate:t.validateHandler,submit:t.submitHandler}},[a("cube-form-group",[a("cube-form-item",{attrs:{field:t.fields[0]}}),t._v(" "),a("cube-form-item",{attrs:{field:t.fields[1]}}),t._v(" "),a("cube-form-item",{attrs:{field:t.fields[2]}},[a("cube-button",{on:{click:t.showDatePicker}},[t._v(t._s(t.model.dateValue||"Please select"))]),t._v(" "),a("date-picker",{ref:"datePicker",attrs:{min:[2008,8,8],max:[2020,10,20]},on:{select:t.dateSelectHandler}})],1)],1),t._v(" "),a("cube-form-group",[a("cube-button",{attrs:{type:"submit"}},[t._v("Submit")])],1)],1),t._v(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},Pn6H:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"dialog-view",title:"Dialog"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showAlert}},[t._v("Dialog - alert")]),t._v(" "),a("cube-button",{on:{click:t.showPrompt}},[t._v("Dialog - prompt")]),t._v(" "),a("cube-button",{on:{click:t.showBtn}},[t._v("Dialog - btn")]),t._v(" "),a("cube-button",{on:{click:t.showClose}},[t._v("Dialog - show close")]),t._v(" "),a("cube-button",{on:{click:t.showSlot}},[t._v("Dialog - slot")])],1)],1)])},staticRenderFns:[]}},Ps1K:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("FmUO")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-checker",props:{value:[String,Number,Array],options:{type:Array,default:function(){return[]}},type:{type:String,default:"checkbox"},min:{type:Number,default:0},max:{type:Number,default:function(){return this.options.length}}},data:function(){return{currentValue:this.value}},computed:{isRadio:function(){return"radio"===this.type}},watch:{value:function(t){this.currentValue=t},currentValue:function(t){this.$emit("input",t)}},methods:{check:function(t){this.isRadio?this.checkRadio(t):this.checkCheckbox(t)},checkRadio:function(t){this.currentValue=t.value},checkCheckbox:function(t){var e=t.value,a=this.currentValue,i=a.length,n=this.min,l=this.max,c=a.indexOf(e);c>-1?i>n&&a.splice(c,1):i<l&&a.push(e)}},components:{CubeCheckerItem:i.default}},t.exports=e.default})},PzHl:function(t,e,a){function i(t){a("sReb")}var n=a("VU/8")(a("xomh"),a("jkRs"),i,null,null);t.exports=n.exports},PzqK:function(t,e){},QIDF:function(t,e){},QMhb:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("bOdI"),a("0PCq"),a("UFDc"),a("xYoV"),a("tJl4"),a("VLcU"),a("M7O5"),a("9xqn")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=d(a),p=d(i),f=d(c),h=d(u),x=d(s),y=d(r);y.default.CubeValidator=f.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,validatorModelKey:"value",modelValue:e,validatorModel:(0,p.default)({},"value",e)}},computed:{fieldValue:function(){return(0,n.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 a=t.type,i="cube-"+a;return y.default[i]?i:a}},watch:{modelVal:function(t){this.modelValue!==t&&(this.modelValue=t)},modelValue:{handler:function(t){this.form.model[this.fieldValue.modelKey]=t,this.updateValidatorModel()},sync:!0},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.syncValidatorValue(),t.validate(),e},e,!1,this.validatorModel[this.validatorModelKey]))},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.validate()},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.validatorModelKey]:(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.validatorModelKey]=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},syncValidatorValue:function(){this.pending=!1,this.validatorModel[this.validatorModelKey]=this.modelValue,this.form.updatePending()},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,a=(0,l.cb2PromiseWithResolve)(t);a&&(t=a.resolve);var i=this.$refs.validator;return i?i.validate(function(){e.validatorDisabled=!0,e.updateValidity(),t&&t(),e.$nextTick(function(){e.validatorDisabled=!1})}):t&&t(),a},reset:function(){var t=this,e=this.fieldValue;if(e.modelKey){var a=(0,o.getResetValueByType)(e.type);this.validatorDisabled=!0,(0,l.resetTypeValue)(this,"modelValue",a),this.syncValidatorValue(),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){t.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===h.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:y.default},t.exports=e.default})},QRTn:function(t,e){},QreJ:function(t,e,a){function i(t){a("dkN+")}var n=a("VU/8")(a("kZI5"),a("G9D9"),i,null,null);t.exports=n.exports},QwXM:function(t,e){},"R/bX":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("/V0l")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{tip:"请配合如实填写问卷，确保xxxx相关文案",questions:[{type:"switch",model:"switch",title:"询问是否？"},{type:"input",model:"input",title:"输入",options:{placeholder:"请输入"},on:"switch",required:!0},{type:"date",model:"date",title:"日期",options:{},required:!0},{type:"time",model:"time",title:"时间",options:{min:"01:00",max:"23:59"},required:!0},{type:"select",model:"select",title:"选择",options:["option1","option2","option3"],required:!0},{type:"radio",model:"radio",title:"单选",options:["单选1","单选2","单选3"],required:!0},{type:"checkbox",model:"checkbox",title:"多选",options:["多选1","多选2","多选3"],required:!0},{type:"textarea",model:"textarea",title:"多行文本",on:{model:"checkbox",options:["多选1","多选3"]},required:!0},{type:"checkbox",row:!0,model:"checkbox2",title:"多选-横",options:["多选-横1","多选-横2","多选-横3"],required:!0},{type:"tel",model:"tel",title:"手机号",options:{placeholder:"请输入手机号"},required:!0},{type:"rate",model:"rate",title:"级别",options:{max:10},required:!0},{type:"city",model:"city",title:"城市",required:!0},{type:"upload",model:"upload",title:"上传",options:{action:"//jsonplaceholder.typicode.com/photos/",max:2},required:!0},{type:"agreement",model:"agreement",options:{text:"请同意",link:{text:"《xx协议》",href:"https://github.com/didi/cube-ui"},desc:"说明：本人承诺xx xxxxx xxx xx。"},required:!0,errMsg:"请同意协议"}],submit:{text:"Submit"}}},components:{CubePage:l.default,DemoQuestionnaire:c.default},methods:{submitHandler:function(t){console.log("submit",t)}}},t.exports=e.default})},R082:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("lVze"),a("vhte"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),o.default.install(t),(0,u.default)(t,c.default)},e.default=c.default,t.exports=e.default})},R1uw:function(t,e){},R4Zp:function(t,e,a){function i(t){a("UJoK")}var n=a("VU/8")(a("gz49"),a("TXlC"),i,null,null);t.exports=n.exports},RGkz:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{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:i.default}},t.exports=e.default})},"RO/E":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("N5yD"),a("KATl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},RO5T:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s",onTimeout:function(){console.log("timeout")}}),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()},showToastTxtOnly:function(){this.toast=this.$createToast({txt:"Plain txt",type:"txt"}),this.toast.show()}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},RPhk:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"toutiao",attrs:{type:"scroll-view",title:"Scroll"}},[a("template",{slot:"content"},[a("header",{ref:"topHeader"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/0K9-YvWB-Q/toutiao_header2.png"}})]),t._v(" "),a("div",{staticClass:"nav-scroll-list-wrap"},[a("cube-scroll",{ref:"navScroll",attrs:{direction:"horizontal"}},[a("ul",{staticClass:"nav-wrapper"},t._l(t.navTxts,function(e,i){return a("li",{key:i,staticClass:"nav-item"},[t._v(t._s(e))])}))]),t._v(" "),a("div",{staticClass:"more-wrapper"},[a("span",{staticClass:"more"})])],1),t._v(" "),a("div",{staticClass:"content-scroll-wrapper"},[a("div",{ref:"scrollWrapper",staticClass:"content-scroll-list-wrap"},[a("cube-scroll",{ref:"contentScroll",attrs:{data:t.content,options:t.options},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?a("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>0}},[t._v("↓")])]):a("div",{staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isPullingDown,expression:"props.isPullingDown"}],staticClass:"loading"},[a("cube-loading")],1),t._v(" "),a("transition",{attrs:{name:"success"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:!e.isPullingDown,expression:"!props.isPullingDown"}],staticClass:"text-wrapper"},[a("span",{staticClass:"refresh-text"},[t._v("今日头条推荐引擎有x条更新")])])])],1)]):t._e()]}}])},[a("ul",{staticClass:"imgs-wrapper"},t._l(t.content,function(e,i){return a("li",{key:i,staticClass:"imgs-item"},[a("img",{attrs:{src:e.url},on:{load:t.onImgLoad}})])}))])],1)]),t._v(" "),a("footer",{ref:"footer"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/1KRE2YnAim/toutiao_footer2.png"}})])])],2)},staticRenderFns:[]}},RkVv:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"switch-option",props:{name:{type:String},value:null},data:function(){return{checked:this.value}},watch:{checked:function(t){this.$emit("update:value",t)}},methods:{clickSwitch:function(){this.checked=!this.checked}}},t.exports=e.default})},Rn3t:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,options:t.options},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-down":t.onPullingDown}})],1)])])])},staticRenderFns:[]}},SFrn:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("GFMH"),a("+//L")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Panel=c.default,e.default=l.default,t.exports=e.default})},SOQt:function(t,e,a){function i(t){a("OKCy")}var n=a("VU/8")(a("M2u5"),a("fdUi"),i,null,null);t.exports=n.exports},SPGs:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qefm")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},SW1b:function(t,e,a){function i(t){a("zi/F")}var n=a("VU/8")(a("P9U6"),a("s7/r"),i,null,null);t.exports=n.exports},SWc7:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[a("template",{slot:"content"},[a("div",{staticClass:"swipe-wrapper"},[a("cube-scroll",[a("cube-swipe",{attrs:{data:t.swipeData},on:{"item-click":t.onItemClick,"btn-click":t.onBtnClick}})],1)],1)])],2)},staticRenderFns:[]}},SpYO:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);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),a=0;a<t;a++)e[a]=arguments[a];console.log("file removed",e)}},rules:{required:!0,uploaded:function(t,e){return u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"standard"}}},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})},SrUm:function(t,e,a){var i,n,l;!function(c,u){n=[a("//Fk"),a("/5sW"),a("/ocq"),a("lVK7"),a("pwV8"),a("z16Y"),a("v5o6"),a("cTzj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}var s=o(t),r=o(e),d=o(a),v=o(i),p=o(n),f=o(l),h=o(c),x=o(u);window.Promise=window.Promise||s.default,h.default.attach(document.body),r.default.use(v.default),r.default.use(d.default),r.default.use(x.default),new r.default({router:f.default,render:function(t){return t(p.default)}}).$mount("#app")})},Szk3:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"select-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("span",{staticClass:"select",on:{click:t.showPicker}},[t._v(t._s(t.selected))])])},staticRenderFns:[]}},"T+4J":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-toolbar"},[t.moreActions?a("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,i){return a("cube-toolbar-item",{key:i,attrs:{action:e},nativeOn:{click:function(a){t.itemClick(e)}}})})):t._e(),t._v(" "),a("ul",{staticClass:"cube-toolbar-group"},t._l(t.basicActions,function(e,i){return a("cube-toolbar-item",{key:i,attrs:{action:e},nativeOn:{click:function(a){t.itemClick(e)}}})}))])},staticRenderFns:[]}},TAcf:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("Xxa5"),a("exGp"),a("woOf"),a("GQaK"),a("qqiS"),a("XNdS"),a("QMhb"),a("kVGr"),a("t7U9"),a("LIRj"),a("0Oib")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=f(a),x=f(i),y=f(n),m=f(l),b=f(c),g=f(u),_=f(o),w=f(s),k=f(r),A=["scroll","before-scroll-start","scroll-end"],C={observeDOM:!0,click:!0,probeType:1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1};e.default={name:"cube-scroll",mixins:[w.default,k.default],provide:function(){return{parentScroll:this}},inject:{parentScroll:{default:null}},props:{data:{type:Array,default:function(){return[]}},scrollEvents:{type:Array,default:function(){return[]},validator:function(t){return t.every(function(t){return-1!==A.indexOf(t)})}},listenScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},listenBeforeScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},direction:{type:String,default:"vertical"},refreshDelay:{type:Number,default:20},nestMode:{type:String,default:"none"}},data:function(){return{beforePullDown:!0,isPullingDown:!1,isPullUpLoad:!1,pullUpNoMore:!1,bubbleY:0,pullDownStyle:"",pullDownStop:40,pullDownHeight:60,pullUpHeight:0}},computed:{pullDownRefresh:function(){var t=this.options.pullDownRefresh;return t?(!0===t&&(t={}),(0,m.default)({stop:this.pullDownStop},t)):t},pullUpLoad:function(){return this.options.pullUpLoad},pullUpTxt:function(){var t=this.pullUpLoad,e=t&&t.txt,a=e&&e.more||"",i=e&&e.noMore||"";return this.pullUpNoMore?i:a},refreshTxt:function(){var t=this.pullDownRefresh;return t&&t.txt||"Refresh success"},finalScrollEvents:function(){var t=this.scrollEvents.slice();return t.length||(this.listenScroll&&t.push("scroll"),this.listenBeforeScroll&&t.push("before-scroll-start")),t},needListenScroll:function(){return-1!==this.finalScrollEvents.indexOf("scroll")||this.parentScroll}},watch:{data:function(){var t=this;setTimeout(function(){t.forceUpdate(!0)},this.refreshDelay)},pullDownRefresh:{handler:function(t,e){t&&(this.scroll.openPullDown(t),e||(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler())),!t&&e&&(this.scroll.closePullDown(),this._offPullDownRefresh(),this._pullDownRefreshChangeHandler())},deep:!0},pullUpLoad:{handler:function(t,e){t&&(this.scroll.openPullUp(t),e||(this._onPullUpLoad(),this._pullUpLoadChangeHandler())),!t&&e&&(this.scroll.closePullUp(),this._offPullUpLoad(),this._pullUpLoadChangeHandler())},deep:!0}},activated:function(){this.enable()},deactivated:function(){this.disable()},mounted:function(){var t=this;this.$nextTick(function(){t.initScroll()})},beforeDestroy:function(){this.destroy()},methods:{initScroll:function(){if(this.$refs.wrapper){this._calculateMinHeight();var t={scrollY:"vertical"===this.direction,scrollX:"horizontal"===this.direction,probeType:this.needListenScroll?3:1,useTransition:p.USE_TRANSITION},e=(0,m.default)({},C,t,this.options);this.scroll=new b.default(this.$refs.wrapper,e),this.parentScroll&&"none"!==this.nestMode&&this._handleNestScroll(),this._listenScrollEvents(),this.pullDownRefresh&&(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler()),this.pullUpLoad&&(this._onPullUpLoad(),this._pullUpLoadChangeHandler())}},disable:function(){this.scroll&&this.scroll.disable()},enable:function(){this.scroll&&this.scroll.enable()},refresh:function(){this._calculateMinHeight(),this.scroll&&this.scroll.refresh()},destroy:function(){this.scroll&&this.scroll.destroy(),this.scroll=null},scrollTo:function(){this.scroll&&this.scroll.scrollTo.apply(this.scroll,arguments)},scrollToElement:function(){this.scroll&&this.scroll.scrollToElement.apply(this.scroll,arguments)},clickItem:function(t){this.$emit("click",t)},forceUpdate:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,y.default)(x.default.mark(function i(){return x.default.wrap(function(i){for(;;)switch(i.prev=i.next){case 0:if(!t.isPullDownUpdating){i.next=2;break}return i.abrupt("return");case 2:if(!t.pullDownRefresh||!t.isPullingDown){i.next=12;break}return t.isPullingDown=!1,t.isPullDownUpdating=!0,i.next=7,t._waitFinishPullDown();case 7:return t.isPullDownUpdating=!1,i.next=10,t._waitResetPullDown(e);case 10:i.next=13;break;case 12:t.pullUpLoad&&t.isPullUpLoad&&(t.isPullUpLoad=!1,t.scroll.finishPullUp(),t.pullUpNoMore=!e||a);case 13:e&&t.refresh();case 14:case"end":return i.stop()}},i,t)}))()},resetPullUpTxt:function(){this.pullUpNoMore=!1},_listenScrollEvents:function(){var t=this;this.finalScrollEvents.forEach(function(e){t.scroll.on((0,v.camelize)(e),function(){for(var a=arguments.length,i=Array(a),n=0;n<a;n++)i[n]=arguments[n];t.$emit.apply(t,[e].concat(i))})})},_handleNestScroll:function(){var t=this;this.$nextTick(function(){var e=t.scroll,a=t.parentScroll.scroll;[e,a].forEach(function(i,n,l){i.on("touchEnd",function(){a.enable(),e.enable(),e.initiated=!1}),i.on("beforeScrollStart",function(){t.touchStartMoment=!0;var e=l[(n+1)%2];e.stop(),e.resetPosition()})}),e.on("scroll",function(i){!e.initiated||e.isInTransition||"native"===t.nestMode&&!t.touchStartMoment||(t._checkReachBoundary(i)?(e.resetPosition(),e.disable(),a.pointX=e.pointX,a.pointY=e.pointY,a.enable()):a.disable(),t.touchStartMoment=!1)})})},_checkReachBoundary:function(t){var e=this.scroll.distX,a=this.scroll.distY,i=e>0?t.x>=this.scroll.minScrollX:e<0&&t.x<=this.scroll.maxScrollX,n=a>0?t.y>=this.scroll.minScrollY:a<0&&t.y<=this.scroll.maxScrollY,l=this.scroll.freeScroll,c=this.scroll.hasHorizontalScroll,u=this.scroll.hasVerticalScroll;if(!c&&!u)return!0;if(l)return i||n;var o=void 0;return this.scroll.movingDirectionX?o=i:this.scroll.movingDirectionY&&(o=n),o},_calculateMinHeight:function(){var t=this.$refs,e=t.wrapper,a=t.listWrapper,i=this.pullUpLoad,n=this.pullDownRefresh,l=0;if(n||i){l=(0,d.getRect)(e).height+1,i&&i.visible&&(l-=this.pullUpHeight)}a.style.minHeight=l+"px"},_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)},_pullDownRefreshChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullDownEleHeight(),t._calculateMinHeight()})},_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-this.pullDownHeight),this.pullDownStyle="top:"+Math.min(t.y-this.pullDownHeight,0)+"px"):(this.bubbleY=0,this.pullDownStyle="top:"+Math.min(t.y-this.pullDownStop,0)+"px")},_pullUpLoadChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullUpEleHeight(),t._calculateMinHeight()})},_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")},_waitFinishPullDown:function(t){var e=this,a=this.pullDownRefresh.stopTime,i=void 0===a?600:a;return new h.default(function(t){setTimeout(function(){e.scroll.finishPullDown(),t()},i)})},_waitResetPullDown:function(t){var e=this;return new h.default(function(t){e.resetPullDownTimer=setTimeout(function(){e.pullDownStyle="top: -"+e.pullDownHeight+"px",e.beforePullDown=!0,t()},e.scroll.options.bounceTime)})},_getPullDownEleHeight:function(){var t=this,e=this.$refs.pulldown;e&&(e=e.firstChild,this.pullDownHeight=(0,d.getRect)(e).height,this.beforePullDown=!1,this.isPullingDown=!0,this.$nextTick(function(){t.pullDownStop=(0,d.getRect)(e).height,t.beforePullDown=!0,t.isPullingDown=!1}))},_getPullUpEleHeight:function(){var t=this.$refs.listWrapper,e=t.nextElementSibling;if(!e)return void(this.pullUpHeight=0);this.pullUpHeight=(0,d.getRect)(e).height}},components:{Loading:g.default,Bubble:_.default}},t.exports=e.default})},TCNK:function(t,e,a){function i(t){a("0rOD")}var n=a("VU/8")(a("J7to"),a("94MO"),i,null,null);t.exports=n.exports},TLh3:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.computedOption.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var a=t.checkValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.checkValue=a.concat([null])):l>-1&&(t.checkValue=a.slice(0,l).concat(a.slice(l+1)))}else t.checkValue=n}}}),t._v(" "),a("span",{staticClass:"cube-checkbox-ui",class:t._borderIconClass},[a("i",{class:t._rightIconClass})]),t._v(" "),a("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.computedOption.label))])],2)])])},staticRenderFns:[]}},TMiY:function(t,e,a){function i(t){a("bebB")}var n=a("VU/8")(a("V1uU"),a("aeD0"),i,null,null);t.exports=n.exports},TVNN:function(t,e){},TXlC:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-switch"},[a("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 a=t.checkboxValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var l=t._i(a,null);i.checked?l<0&&(t.checkboxValue=a.concat([null])):l>-1&&(t.checkboxValue=a.slice(0,l).concat(a.slice(l+1)))}else t.checkboxValue=n}}}),t._v(" "),a("i",{staticClass:"cube-switch-ui"}),t._v(" "),a("span",{staticClass:"cube-switch-label"},[t._t("default")],2)])},staticRenderFns:[]}},Ta5O:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("+vzD"),a("wOxr"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);s.default.install=function(t){t.component(o.default.name,o.default),t.component(s.default.name,s.default),v.default.install(t),(0,d.default)(t,o.default),(0,r.default)(t,s.default)},s.default.Picker=o.default,e.default=s.default,t.exports=e.default})},TdZF:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabel:"天辉",tabs:[{label:"天辉",icon:"cubeic-like",heroes:["敌法师","卓尔游侠","主宰","米拉娜","变体精灵"]},{label:"夜魇",icon:"cubeic-star",heroes:["血魔","影魔","剃刀","剧毒术士","虚空假面","幻影刺客","冥界亚龙","克林克兹","育母蜘蛛","编织者","幽鬼","司夜刺客","米波"]}]}},components:{CubePage:i.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},TjYt:function(t,e){},U4Ng:function(t,e,a){function i(t){a("5Raf")}var n=a("VU/8")(a("Ll9R"),a("LFFy"),i,null,null);t.exports=n.exports},U8em:function(t,e,a){var i=a("VU/8")(a("vLxS"),a("ea3B"),null,null,null);t.exports=i.exports},UFDc:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("fZjL"),a("bOdI"),a("pFYg"),a("LIRj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}function c(t,e){if(t.findIndex)return t.findIndex(e);var a=-1;return t.some(function(t,i,n){var l=e.call(this,t,i,n);if(l)return a=i,l}),a}function u(t,e){for(var a in e)t[a]&&"object"===(0,b.default)(t[a])?u(t[a],e[a]):t[a]=e[a]}function o(t){return function(){for(var e=arguments.length,a=Array(e),i=0;i<e;i++)a[i]=arguments[i];"string"==typeof a[0]&&(a[0]=(0,m.default)({},a[0],a[1])),u(t,a[0])}}function s(t){var e=Object.prototype.toString;return function(a){return e.call(a)==="[object "+t+"]"}}function r(t,e,a){if(void 0!==a)return g._set(t,e,a);if(e){var i=t[e],n=g[void 0===i?"undefined":(0,b.default)(i)];n&&n(t,e,i)}else(0,y.default)(t).forEach(function(e){r(t,e)})}function d(t,e){var a=0,i=[],n=t.length;if(!n)return e(i);t.forEach(function(t,l){t(function(t){a+=1,i[l]=t,a===n&&e(i)})})}function v(t){var e=void 0;if(void 0!==window.Promise){var a=t;e=new window.Promise(function(e){t=function(t){a&&a(t),e(t)}}),e.resolve=t}return e}function p(t,e,a,i){var n=void 0,l=i,c=function(e,a){n=null,a&&(l=t.apply(e,a))},u=function(){for(var i=this,u=arguments.length,o=Array(u),s=0;s<u;s++)o[s]=arguments[s];if(n&&clearTimeout(n),a){var r=!n;n=setTimeout(c,e),r&&(l=t.apply(this,o))}else n=setTimeout(function(){c(i,o)},e);return l};return u.cancel=function(){clearTimeout(n),n=null},u}function f(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.prefix,i=void 0===a?"":a,l=e.firstUpperCase,c=void 0!==l&&l,u=t.name,o=u.replace(/^cube-/i,""),s=""+(0,n.camelize)(""+i+o);return c&&(s=s.charAt(0).toUpperCase()+s.slice(1)),s}function h(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=e.split("."),i=t,n=0;n<a.length;n++){var l=a[n];if(w(i[l])){i="";break}i=i[l]}return i}function x(t){var e=/os (\d\d?_\d(_\d)?)/,a=e.exec(t);if(!a)return null;var i=a[1].split("_").map(function(t){return parseInt(t,10)});return{major:i[0],minor:i[1],patch:i[2]||0}}Object.defineProperty(t,"__esModule",{value:!0}),t.getIOSVersion=t.isNumber=t.isObject=t.isString=t.isArray=t.isFunc=t.isUndef=t.parsePath=t.processComponentName=t.debounce=t.cb2PromiseWithResolve=t.parallel=t.resetTypeValue=t.createAddAPI=t.deepAssign=t.findIndex=void 0;var y=l(e),m=l(a),b=l(i),g={_set:function(t,e,a){t[e]=a},string:function(t,e){g._set(t,e,"")},number:function(t,e){g._set(t,e,0)},boolean:function(t,e){g._set(t,e,!1)},object:function(t,e,a){Array.isArray(a)?g._set(t,e,[]):g._set(t,e,{})}},_=s("Function"),w=s("Undefined"),k=s("Array"),A=s("String"),C=s("Object"),T=s("Number");t.findIndex=c,t.deepAssign=u,t.createAddAPI=o,t.resetTypeValue=r,t.parallel=d,t.cb2PromiseWithResolve=v,t.debounce=p,t.processComponentName=f,t.parsePath=h,t.isUndef=w,t.isFunc=_,t.isArray=k,t.isString=A,t.isObject=C,t.isNumber=T,t.getIOSVersion=x})},UJoK:function(t,e){},UKcw:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("//Fk"),a("XPXN"),a("Zd1j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(i),o=c(n),s=c(l);e.default={data:function(){return{initTime:(new Date).getTime(),id:0,size:50,offset:100}},components:{CubePage:o.default},methods:{getItem:function(t){var e=Math.floor(6*Math.random()),i=s.default.messages[Math.floor(Math.random()*s.default.messages.length)];return{id:t,avatar:a("6WIs")("./avatar"+e+".png"),msg:i,time:new Date(Math.floor(this.initTime+t*this.size*1e3+Math.random()*this.size*1e3)).toString()}},onFetch:function(){var t=this,e=[];return new u.default(function(a){setTimeout(function(){for(var i=0;i<t.size;i++)e.push(t.getItem(t.id++));a(e)},500)})},handleClick:function(t){console.log(t)}}},t.exports=e.default})},UchT:function(t,e,a){function i(t){a("AW5U")}var n=a("VU/8")(a("ZiKE"),a("gHS1"),i,null,null);t.exports=n.exports},UgWs:function(t,e,a){function i(t){a("XYeX")}var n=a("VU/8")(a("XG7C"),a("RPhk"),i,null,null);t.exports=n.exports},Uibt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-popup",{ref:"popup",attrs:{type:"extend-popup"}},[a("div",{staticClass:"cube-extend-popup-content",on:{click:t.hide}},[t._t("default",[t._v(t._s(t.content))])],2)])},staticRenderFns:[]}},Uo7j:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("o/OE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default},data:function(){return{title:"Current City: BEIJING",data:c.default.slice(0,4),options:{pullUpLoad:!0}}},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<c.default.length&&t.data.push(c.default[e]),t.$refs.indexList.forceUpdate()},1e3)}}},t.exports=e.default})},UqhO:function(t,e,a){function i(t){a("ZVGq")}var n=a("VU/8")(a("kTpf"),a("9gYT"),i,null,null);t.exports=n.exports},UrdA:function(t,e,a){function i(t){a("gTih")}var n=a("VU/8")(a("ApVb"),a("I3ux"),i,null,null);t.exports=n.exports},Uz7t:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADz5JREFUeNrtm3lQVFe+xz+nu6EbZG0aaEAaZRFoNIAKaqI4iY5LEo2+aPLG0kziTIxmUROrJjMxcZJxSc28aFWMZTImZbayXuJEo2MSlzjPXRSQ4AJBUIIgyL41a0P3eX9cOrgRQBEnEz7/UF5vn/M9v989v/M7v3su9NNPP/3080tF3G0BXSHtR8vB3R2hzYTwcKSYDgYDQm4AHx8kK0CjQcg0aGxEqn6AoiJE6wzIzRViTBFUVd3tcXTGXXeAlFKCEMjU/4Jx4xBiCcyerRh67FgEg2HYMJAfgFrd8w7wgbw8wAIHDyJEK2zfjrSMgL17hep+AW1td2v8fe4Aac99HrRaRA2waBGIrcpf+TUMGdKHUkxQUgLEw/r1SLETNm4UqpEJUFvbVyL6zAFSpqXBjBlImQVvvYUgGsLC+qr/brADystBpMGf/gQj9sDmzUIIAVLeqU7vmAOkTA4CFxfQ/B/8/e9AHcybd6f66/0BEAW7d4Pz6/Dkk0IVuxbKynq7G1Wv67anvwQhIUgnCxw/zs/N8A4E2TB1KqK1EE6elDJ9AERH9343vYSU6UchMBBpy4PDh/8NQ8ztEgqVlSBfg/HjhUjcCJmZt9vobc8AKVMCwccH7G/Bt9/+BxreQZ4yTuEK+/ZJ+8kwGDjwdhu9/RAkRRy8+y7I5WA2320r9QGPQ2AgqJ6CL76Q9sxZ4Ox8q43dsgOkTJsMv/sdgjdg9uy7bZU+RzAZRo2CJg/4wx9uvZkeIu1pqeDpiZC7IT8fmApeXnfbHncP8RQ0N4NtNZjNQox6BH74obu/7vkMEPJJWLKEX7zhHcgPQacDVQosX97TX/d8BsiUYnjzTVDdC3o9UjqBSiUvyDD49a/T604/6uUVEnLgQHp6SAiUlhYXOzmBlHY7gMHg72+3w7hxsbEFBTB6dEJCZSWo1Wr1ndvu3Gwcip60tIwMb284cODUqUGDoLy8tFSjAbDbpQSDwWi02SApKT6+oABGjRoxoqoKVCqV6jq9VmhtRdregeBgoRr9GZSW9roDrufF46MLzVv1etV0/yb3N0+cqJtpXBtujojIypow4dlnoa4uJCQmBqRUqdRqcHe/fDk7G4YMOXx482Ywma5cOXkSli596qmzZ0Gv1+tbW++c4S0Wi0WjgfXrP/po6FDIz3dzi42FrKz771+4UNGrpBIqlUoFHh4FBVlZEBl58OAHH4DJVFGRlgYvvjh//rlz4Onp6XmtXrEOli0TYuT/wrp1veYAKVOXw/TpwHdgNLZ82XxItVStXvHtusiRO195Jeu1e5c++Ulg4IUHpg5fNFbV7dAWFHTixM6dkJi4Z8/KlbBixZIl330HOp1OpzyjvUNbW1ubELB69YYNcXGQkpKQ8PzzkJc3ceL8+d1vx2Q6cmTrVkhMPHDgr3+F115bsiQjA5ydnZ3b9e6Ao0eFSFgN48Z11Z6mB2NY3F5SKACjMcXwXbLPFihrMl2MmwkXJ0yJf+ZeuPfelStnzoRz537729WrwWr18DAYICystrawEOrq9PqBA6Gw0N3d3x+KikaPfuQRyM0tKjp3Dr766sCBykqYNWvq1Px8qKioqHB2hjNnzp3z8IBLly5dcnUFi6W+XqNxVFPBw8PDo60NgoODgpqaICYmJsZigYAAo7G5GQ4ePH7c3x8uXgwISEq60fBC2O12O8TG1tZeugQVFdXVVVVQUhIYGBUFgYHJyTt3KjM4JwcuXIiImDIF9uw5eLC8HKZPnzSpsBCAB2HUKClPN8OAAULEroWGhlt2gJL1mEwgC8BodFzfvz8lJSQEMjPnzFm6FKQUQqUCi8VoDA+HuLh33128GAYP9vXV62HZso0bP/0UNBonJycn2Lo1OTk1FV5/3csrIQFyciZNWrQIjh9ftWr7dqiqKioCKC0tK9NqIT4+Lq6mBhITExKqq8HLyzH1hQCora2tdXKCS5cKClxdYfPmjz82mcDDw929rQ2Ki2tqvL3h+++fe27x4o7xeXm1tjY2wgcfaLX5+RATM3as2QwlJfn5djusWvXCC9OmAdTX19VBdvacOcuXQ0VFdPSYMXDkyFtv7dt3jQOcwckJaV0AMTHAWkhJ6cy+XYcKYf8GIiJ+dEj74lVbW1Zmt4PFEhwcFdVxe1FRUtKsWaDV1taWl0NoqNl8zz3g5KTVarUghBJbH300MTE2FvT6nJzUVLBa3d31erDZXFw8PCAqKjraYoFXX/3jH8+fh4cffvDB0lKIiTGbLRYICgoKam6GoKDAwOZmMJuV+6dOnTy5tBSWL3/55ZwcGDfuvvsqK6GxsbbWZoP6eqMxNLRD78SJZ89+8w3ExERHX72NNBoHDQoLAx8fnU5JIjQatbpjxra0eHsbjdDaKoRWCw0NDQ2aax/nyd0pr3ftAKl6EPR6xz/tdrtdeeYUQ4JSsHXg4lJefvmy4iop4fTpw4f374fS0kuX8vIUB9rtsH//li2bN4OnZ17e6dNXdSe1WmdniI6OjKyvVxzWpcafIDo6KspiASEGDNDpbvz/oqKjR/fsgQsXMjLS0jqup6bu3btrF9TUlJWVlIBa3dLS1AQ6XV1defnVep2cnJ3Bam1tvdoOCB4Gg6ErfV2vAYJXwcMDWAWgVms0UoISSMDZ2WKpqup4ghsb/f1DQmDevFdfXbMG3N31eh8fWLPmiSdmzlRCkLMztLZarS0t0NCwYMG6dSCEzdbWBmp1dfW1IebmZGScPu3pCZcvFxXpdDBkSEREQ4Pyt76+4z6tVqu120GtVtrXaJqaLBZoa3NxcXeH2lpv76AgWL9+8eL588HJydlZqwUPD4PB1xdeeeXTT3fsgP37t237/HPYv19Z09Tq1taWFlCpLJa6uo5Q1+EZ0Qhubl2ZtxszQD4HVuv1l++5Z+jQ2loIDj5+fNu2juvV1RERI0dCU5OPT1AQeHkZDH5+4JgpDsNXVAwdmpQE5eWxsQ88AP7+GRnffgsmU0hIS4vi4JtlQWfOnD3r4QGffLJlS3Aw5OZeuODmBt98s2ePv3/nwzCblUU5OPjEiR07Oq7n5T300MKF0Nzs5eXn16HP2VkJmQ79BQUjRkye3JFOG41pabt3Q2hoRERLy032McL+Nlgstz8DkEFQUwPiGnNMmzZhQn4+ZGS8/fb770Np6bBhv/oV1NcHBkZEwDPP6HTx8WAwpKQcOwZubtOnv/ACNDQEBISFQXn5sGHjx4NOp6wVsbHbt69aBY89Nn9+Tk7napqbm5vV6g4HPfHE3LmFheDjo9ff+Jh0MGPGxIk//ACZmRs2bNgAZWVm87hx0NDg7z9oECQn//nPO3aAn196+r59kJPT2GixwLZtx46VlEBDQ2BgfDzodJWVxcUwbNiuXX/7G8yevWBBbu7NzKaaBtXVXVm3y5fcr7++aIvyMlw+Cc8957juyNNNJqPRYoGKig8/PHYMGho8PYOCoL4+ICA8HBob/fxMJqipCQ8fPlwJUYMGgY/P998nJ8OYMZs2Pf00/OY3U6acPw9mc2RkXV3nenx8fHysVjh8+MgRgwEOHTpyxMcHXFxcXOx2CAkxmZqabvydq6uLi80GgYEGg8UCVVUff3zkCFgser3JBBbLwIFRUWCxmExmM9TWhobGxUFrqxJaDYazZw8dgjFj3n9/4UKYO3f69PPnYciQsLCrQ96PCDEZ3nnnjTc2bWqvmd2ULjdiP5ZbRVO28rLaUfu4litXSkp0OtiyZdeuyEi4fPnKFVdXaG4ODg4LU6auSgU6XVFRXh4YDO7ujY3KQLKzYfDgkJDGxq7UwD/+sW1bYCCkp2dkeHoqodBigcjIyEiLBYYPj4vrziv1oqLiYkXvP/8ZFQXFxeXlit6BA0NDlbRaCHBxUfT6+np7NzbCvHnTpmVng8kUHHwzRwMbwW5H2g+Dt7dQjboInT9S3d8J21Nj4F//QvARPPBAV/c7tvyOPN6RPfn5+fm1tHS9yHbGypVr1gwZAklJY8dWVsL48UlJlZU9b+d66uocektLtVolhxMC/P0VvTeWHDo16WTIzBRiZBUMHdrV3d1P8YS4B77+uru3OwzuGJgjOyksLCx0cYHKysrKW3mNMWhQSEhTExw4cPiwry9s3Pjee4MHw1df7d79U4twZ9TXKzvqnJzcXDc3iIgID29o6ChdtLRYrT1LhO2HYPv27t7d/aZlm4QtW3BU/brA1dXV1Wbr2Cg5MBqV0oCbm5vbrRyHeuyxWbOKimD06MTEqioIDlZCwbBhSpbTU3Q6nc5mg4EDlRKGA8eT7+5+XXrZJeKzdjt1i247oKO8KnbD1q2d3VdcfOWKTgdpaenpnp4dA9m+/csvAwLA19dgsFohMzMry8MD8vPz811duz88R14/ZcqkSWVlMG3aQw+VlCiLb3fWEAdlZUpoPHHi5Em9HoxGf/+rder1SlaVk5ObO2AAXLhw8eKAAT/Z5GzYu1cpwp0/3227dl+yQsfxDFsNnDkDZEDHJtwReqxWq1WIjmypsbGxUa3umBktLS0tKhVoNEr+7Njg9RV2uxLjHTpcXJSZcL1Oq1UJQY76v0Zzg85UkBIpJ8OoUUKVGAapqXfMAT86wp7637B2LYJl8NJLfWe63kZ8DV9+CfZo2LQJKT7u2VlR8QY0NytHGo8e7XHvtypbytPLYMAApDUK0tIQxMHVZbmfDcdg1iwhEpbC1Xv6vuG234hJmfKsUnZVHYDkZJCfgLt7Xw/kNtgNNTVIXoary3GdIFgALS2gfhoWLBBi+FgoLr7VznvxZNyp9cr+QG5S0tWbb9h+vojfg80G9vtgzhzlZFznyUi3W+1tmVKmvAETJoB4sT0fPt9eTe1r4tpj+SPdKYr9hIkuKIssLvDMM0I18jR88UVvibxzp6PtaantH1ZkwNatfbhGtJ/7bxsOMTG/+C9kflysabXB6tUg/6e9qJdxdfrai7QfomUd3HcfaB/v3rFy2zClAhQvlOpv33AXvpBJ/aS9RvIZrFiBwB8efRR4Fm7v7VcPSW3/8OJx2LULVPnwl78IMWIEnDrVVyL+Db4RS30QQkOBSzB3LhDV7pAJSggjwfHi/fY6IgOysxH8Hj7/HMQp+OwzIUaOhOzsuzX+u+6AzpD278aCry/ClgcJCSBTIDISKcwQEIBAD56eIGco5V9hhepqBPPbz/G/B1lZSE02pKUJVfxR5ROkfvrpp59++umnH+D/ARqtYKkmlbZ9AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAwlrS75wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMOfpA1sAAAB7dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2dhNnJna3hjbW1hLyVFNSU4RCVBMSVFOSU4MCU5QSVFNSVBNCVCNCVFNSU4MyU4RiVFOCVBMSVBOCVFNiU4MyU4NTEyLnN2Z2pt47QAAAAASUVORK5CYII="},V1uU:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{values:[!0,!1,!0,!1],disabled:!0}},components:{CubePage:i.default}},t.exports=e.default})},V8x2:function(t,e){},"VAT/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{province:{},selectedIndex:[],data:[[],[]]}},methods:{showDrawer:function(){var t=Math.round(Math.random()*i.provinceList.length),e=i.provinceList[t];this.province=e,this.$refs.drawer.refill(0,i.cityList[e.value]),this.$refs.drawer.show()},changeHandler:function(t,e,a,n,l){var c=this;setTimeout(function(){var a=i.areaList[e.value];c.$refs.drawer.refill(t+1,a)},200)},selectHandler:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:n.default}},t.exports=e.default})},VKJd:function(t,e,a){function i(t){a("iejJ")}var n=a("VU/8")(a("rQlO"),a("uqUP"),i,null,null);t.exports=n.exports},VL7T:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"demo-select",on:{click:t.clickHandler}},[a("cube-input",t._b({ref:"input",model:{value:t.modelText,callback:function(e){t.modelText=e},expression:"modelText"}},"cube-input",t.$attrs,!1),[t.icon?a("i",{class:t.icon,attrs:{slot:"append"},slot:"append"}):t._e()])],1)},staticRenderFns:[]}},VLcU:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";function e(t){var e=a[t];return e&&e()}Object.defineProperty(t,"__esModule",{value:!0});var a={checkbox:function(){return!1},select:function(){return null}};t.getResetValueByType=e})},VOiB:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,options:t.options},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-up":t.onPullingUp}})],1)])])])},staticRenderFns:[]}},"VV/4":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-swipe"},[t._t("default",[a("transition-group",{attrs:{name:"cube-swipe",tag:"ul"}},t._l(t.data,function(e,i){return a("li",{key:e.item.value},[a("cube-swipe-item",{attrs:{btns:e.btns,item:e.item,index:i,"auto-shrink":t.autoShrink}})],1)}))])],2)},staticRenderFns:[]}},VcN6:function(t,e,a){function i(t){a("nRLb")}var n=a("VU/8")(a("XUgO"),a("C1Qw"),i,null,null);t.exports=n.exports},Vexm:function(t,e,a){var i=a("VU/8")(a("apY0"),a("IzGe"),null,null,null);t.exports=i.exports},VzLe:function(t,e,a){var i=a("VU/8")(a("waH8"),a("ZU9z"),null,null,null);t.exports=i.exports},W2Hj:function(t,e,a){var i=a("VU/8")(a("0l/c"),a("794M"),null,null,null);t.exports=i.exports},W61h:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-sticky-ele"},[a("div",{staticClass:"cube-sticky-content"},[t._t("default")],2)])},staticRenderFns:[]}},W7V1:function(t,e){},WWPg:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),a("cube-drawer",{ref:"drawer",attrs:{data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}},[a("span",{attrs:{slot:"title"},slot:"title"},[t._v(t._s(t.province.text))]),t._v(" "),t._l(t.data,function(e,i){return a("cube-drawer-panel",{key:i,attrs:{index:i,data:e}},t._l(e,function(e,i){return a("cube-drawer-item",{key:i,attrs:{item:e,index:i}},[a("i",{staticClass:"cubeic-round-border"}),t._v(" "),a("span",[t._v(t._s(e.text))])])}))})],2)],1)])])},staticRenderFns:[]}},WjKT:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default,CubeButtonGroup:c.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,a){console.log("change",t,e,a)},modify:function(){this.value=2014}}},t.exports=e.default})},Woua:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("s0qb")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={success:"cubeic-right",error:"cubeic-warn"};e.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileCls:function(){return"cube-upload-file_"+this.file.status},fileStatusCls:function(){var t=this.file,e=t.status;if(t.progress>=.01||e===a.STATUS_SUCCESS||e===a.STATUS_ERROR)return"cube-upload-file_stat"},fileStyle:function(){var t=this.file.url||this.file.base64;if(t)return{"background-image":'url("'+t+'")'}},statusCls:function(){var t=this.file.status;return i[t]},fileProgress:function(){return this.statusCls?"100%":Math.min(Math.floor(100*this.file.progress),99)+"%"}},methods:{clickHandler:function(){this.$emit("click",this.file)},removeFile:function(){this.$parent.removeFile(this.file)}}},t.exports=e.default})},"X/Av":function(t,e){},"X4T+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("YlpP")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u=c.default.goods;e.default={components:{CubePage:l.default},data:function(){return{data:u,current:u[3].name}},methods:{changeHandler:function(t){console.log("changed to:",t)},stickyChangeHandler:function(t){console.log("sticky-change",t)}}},t.exports=e.default})},XB2r:function(t,e){},XD3M:function(t,e){},XD4M: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:[]}},XDbB:function(t,e){},XEOk:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("xUY6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-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:i.default}},t.exports=e.default})},XG7C:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=[{url:"https://dpubstatic.udache.com/static/dpubimg/7EzIhoEvnG/toutiao_12.JPG"},{url:"https://dpubstatic.udache.com/static/dpubimg/GR0Piaf5sz/toutiao_21.JPG"},{url:"https://dpubstatic.udache.com/static/dpubimg/K1JqUN8HSA/toutiao_31.JPG"}],l=["关注","推荐","新时代","热点","体育","娱乐","科技","头条号","问答","国际","cube-ui666"],c=1;e.default={data:function(){return{content:n.slice(),options:{pullDownRefresh:{threshold:60,stopTime:1e3,txt:"更新成功"},pullUpLoad:!0},navTxts:l,secondStop:26}},components:{CubePage:i.default},methods:{onPullingDown:function(){var t=this;setTimeout(function(){t.content.unshift(n[c++%3]),t.$refs.contentScroll.scrollTo(0,t.secondStop,300)},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){t.content=t.content.concat(n)},1e3)},onImgLoad:function(){var t=this.$refs.contentScroll;t.scroll.beforePullDown&&t.refresh()}},mounted:function(){}},t.exports=e.default})},XJZo:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("7ErG")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-toolbar",components:{CubeToolbarItem:i.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,a){var i=a("VU/8")(a("cbPg"),a("XD4M"),null,null,null);t.exports=i.exports},XPXN:function(t,e,a){function i(t){a("4g/6")}var n=a("VU/8")(a("twNj"),a("3Yuc"),i,null,null);t.exports=n.exports},XRNA:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t,e){},t.tip=function(t,e){}})},XUNM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkerValue:"",radioOptions:[{value:0,text:"AAAAA"},{value:1,text:"BBBBB"}],checkboxCheckerList:[],checkboxOptions:[{value:1,text:"red"},{value:2,text:"yellow"},{value:3,text:"blue"},{value:4,text:"green"}],defaultCheckerList:[3],disabledCheckerOptions:[{value:1,text:"first",disabled:!0},{value:2,text:"second",disabled:!0},{value:3,text:"third"}],disabledCheckerList:[2]}},components:{CubePage:i.default},methods:{radioClick:function(t){console.log(t),this.radioCheckerList=[t]}}},t.exports=e.default})},XUgO:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("IskU")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{swipeData:i.customData}},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var a=this;"delete"===t.action?this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){a.swipeData.splice(e,1)}}).show():this.$refs.swipeItem[e].shrink()}},components:{CubePage:n.default}},t.exports=e.default})},XYeX:function(t,e){},XjAD:function(t,e){},XlLO:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN"),a("j/Id")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n),s=["top","right","bottom","left","center"],r=0;e.default={data:function(){return{type:"popup-dialog",mask:!0,visible1:!1,visible2:!1,visible3:!1,visible4:!1,position:""}},methods:{showPopup:function(t){var e=this;4===t&&(this.position=s[r++],r===s.length&&(r=0)),this["visible"+t]=!0,setTimeout(function(){e["visible"+t]=!1},2e3)}},components:{CubeButtonGroup:c.default,CubePage:u.default,CubeExtendPopup:o.default}},t.exports=e.default})},Xnqv:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},XyhL:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("g9J/"),a("xUY6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},"Y/GG":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav",class:{"cube-scroll-nav_side":t.side}},[a("cube-sticky",{ref:"sticky",attrs:{pos:t.scrollY},on:{change:t.stickyChangeHandler}},[a("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.options,data:t.data},on:{scroll:t.scrollHandler,"scroll-end":t.scrollEndHandler}},[t._t("prepend"),t._v(" "),a("div",{staticClass:"cube-scroll-nav-main"},[a("cube-sticky-ele",{ref:"navBarEle",attrs:{"ele-key":"cube-scroll-nav-bar"}},[t._t("bar",[a("cube-scroll-nav-bar",{attrs:{direction:t.barDirection,txts:t.barTxts,labels:t.labels,current:t.active}})],{txts:t.barTxts,labels:t.labels,current:t.active})],2),t._v(" "),a("cube-sticky",{ref:"pageSticky",attrs:{offset:t.pageStickyOffset,pos:t.scrollY},on:{change:t.pageStickyChangeHandler}},[a("div",{staticClass:"cube-scroll-nav-panels"},[t._t("default")],2),t._v(" "),t.side?t._e():a("template",{slot:"fixed"},[a("div")])],2)],1)],2)],1)],1)},staticRenderFns:[]}},"Y/JC":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),a("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),a("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),a("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")]),t._v(" "),a("cube-button",{on:{click:t.showToastTxtOnly}},[t._v("Toast - txt only")])],1)],1)])},staticRenderFns:[]}},Y01l:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("34KM")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},YGd9:function(t,e,a){function i(t){a("0MDc")}var n=a("VU/8")(a("XUNM"),a("I3p6"),i,null,null);t.exports=n.exports},YUSN:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/scroll/"+t)}}},t.exports=e.default})},YVqS:function(t,e,a){var i=a("VU/8")(a("+8WV"),a("77Ud"),null,null,null);t.exports=i.exports},Ycrx:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-def",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-scroll-nav",{on:{change:t.changeHandler}},t._l(t.data,function(e){return a("cube-scroll-nav-panel",{key:e.name,attrs:{label:e.name}},[a("ul",t._l(e.foods,function(e){return a("li",[a("div",[a("img",{attrs:{src:e.icon}}),t._v(" "),a("p",[t._v(t._s(e.name))])])])}))])}))],1)])])},staticRenderFns:[]}},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:[]}]}},YtAD:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("Dd8w"),a("+rJ6"),a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}function u(t,e){e.props||(e.props={}),(0,s.default)(e.props,d[t.type]||{}),t.row&&(e.props.colNum=2);var a=t.options||{};Array.isArray(a)&&(a={options:a}),a=(0,s.default)({},a);var i=v[t.type];(0,s.default)(e.props,i&&i(a)||a)}function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"-";return t.split(e).map(function(t){return+t})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u;var s=c(a),r=c(i),d={switch:{hollowStyle:!0},radio:{hollowStyle:!0},checkbox:{hollowStyle:!0}},v={switch:function(t){return{colNum:2,options:[{label:"是",value:1},{label:"否",value:0}]}},select:function(t,e){var a=t.placeholder||"请选择",i={component:t.component||"picker",options:t.props||{title:a,data:[t.options.map(function(t){return{text:t,value:t}})]}};return{placeholder:a,icon:t.icon||"cubeic-select",loadData:e,options:i,formatValue:t.formatValue||function(t,e,a){return{value:t[0],text:a[0]}}}},date:function(t){var e={value:new Date,title:"选择日期"};return t.min?e.min=o(t.min):e.min=[2010,1,1],t.max?e.max=o(t.max):e.max=[2100,12,31],v.select({placeholder:t.placeholder,icon:"cubeic-calendar",component:"date-picker",props:e,formatValue:function(e){return(0,n.formatDate)(e,t.format||"YYYY-MM-DD")}})},time:function(t){var e={value:new Date,title:"选择时间",startColumn:"hour",columnCount:2};return t.min?e.min=o(t.min,":"):e.min=[0,0],t.max?e.max=o(t.max,":"):e.max=[23,59],v.select({placeholder:t.placeholder,icon:"cubeic-time",component:"date-picker",props:e,formatValue:function(e){return(0,n.formatDate)(e,t.format||"hh:mm")}})},radio:function(t){return t},checkbox:function(t){return t},tel:function(t){return(0,r.default)({type:"tel"},t)},city:function(t){var e={},a=(0,l.loadCityData)(),i=function(){return a.then(function(t){return e.data=t,t})};return v.select({placeholder:t.placeholder,icon:"cubeic-location",component:"cascade-picker",props:e,formatValue:function(t,e,a){return{text:a.join(""),value:t}}},i)},upload:function(t){return t.max||(t.max=1),(0,r.default)({},t)}};t.exports=e.default})},Yu0J:function(t,e,a){function i(t){a("Il0v")}var n=a("VU/8")(a("s8G+"),a("penI"),i,null,null);t.exports=n.exports},Z5VE:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a){e?t.show():a&&!t._createAPI_reuse&&t.hide()},{immediate:!0})},methods:{show:function(){this.isVisible=!0},hide:function(){this.isVisible=!1}}},t.exports=e.default})},Z7ln:function(t,e){},ZCFR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"popup-view",title:"popup"}},[a("template",{slot:"content"},[a("div",[a("cube-popup",{attrs:{type:"my-popup"},model:{value:t.visible1,callback:function(e){t.visible1=e},expression:"visible1"}},[t._v("My Popup Content 1")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(1)}}},[t._v("Show Popup")])],1),t._v(" "),a("div",[a("cube-popup",{attrs:{type:"my-popup",mask:!1},model:{value:t.visible2,callback:function(e){t.visible2=e},expression:"visible2"}},[t._v("My Popup Content 2")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(2)}}},[t._v("Show Popup - no mask")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup3",attrs:{type:"my-popup",mask:!1,content:"<i>My Popup Content 3</i>"},model:{value:t.visible3,callback:function(e){t.visible3=e},expression:"visible3"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(3)}}},[t._v("Show Popup - with content")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",position:t.position,"mask-closable":!0},model:{value:t.visible4,callback:function(e){t.visible4=e},expression:"visible4"}},[t._v("My Popup Content 4")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(4)}}},[t._v("top/right/bottom/left/center")])],1),t._v(" "),a("div",[a("cube-extend-popup",{ref:"extendPopup",attrs:{content:"click here hide"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}},ZDnC:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checked:!0,checked2:"optionValue",optionValue:{label:"Option Checkbox",value:"optionValue",disabled:!1}}},components:{CubePage:i.default}},t.exports=e.default})},ZQJ7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("5e0o"),a("1BqV")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Ele=c.default,e.default=l.default,t.exports=e.default})},ZU9z: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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},ZVGq:function(t,e){},ZXOh:function(t,e,a){var i=a("VU/8")(a("qC0d"),a("Cnp6"),null,null,null);t.exports=i.exports},Zbp1:function(t,e){},Zd1j:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={messages:["when you popState and actually being well, we expect it further","But I'm going to take care of ripping out my code in the fact that just something like that","And what we'll createdCallbacks than that you can still read what each one of this should go out","So just return Promise back and do this, the route equals","ah, let's do a clearRoutes it says I'm not going to do","At least trying new Promise","then, and then it's going to check what that","And we zoom in, then you can kind of set, except for a router","Now strictly today","I'm going to just takes an iterable as well be to add a visible","Anyway, so that we'll do a link","So what I'm going to minify this, so I'll just console","log data for now, just sometimes look at that","not then if we wanted to do position from the registerElements primed and red","That isn't get called","At all","No","Interesting that misc here","So what was a regular expression","Because once you get over doing a fancy techniques","And let's see","OK, we broke thing to do","Right","document","&quot; So","Yeah","which is fine","And that we'll do sc","view","So what you draw the line where is it","Where is being run","I think, a million times look at it and styles an iteration, ES2015 update the content for is this","routes equals Array","from","Hm, that might be a trade","off, because we're just do an animation","in the attached","Look at this push","pull kind of useful to have layout root here is it","That by default, what we going to grab the","Yes","In router, I think, would let's say, for example","So let's make it can be just this the hour mark on the actual contents","We just loads though it was the way, a nice this","Are you would be a little bit more pretty raw, this is a day, dude","Border","radius, that","And I'm going to just do that will take something else","And thank you might now","That is the next time, I'm going to come into misc","And somebody actually not","source equals home","But if I was sending me to resolve where we go","All right","And it makes JavaScript","And I have run again","Normally a massive, as I said, this is always, I'm going to call the different [INAUDIBLE] Hm","Wow","We have happen on screen, and the otherwise, don't want","Yeah, and forth in the new path","So we don't you use that might very wrong","But in a customary bug","Don't forget to hidden or display to none, things like a race when you are actually really long time I want to tell that is where you go","And that work","Yeah, and I'm going to do today","I had misc are all the create one of the performance stuff","But if you had lots of tea","Yeah","Now we're going to come in","But did working as intended it","So we can be able to be watching it straightforward slash","And that, I think that will be all the like since we are valid concept for this, the root of this called HTML5 routing, which I don't know","I just feels OK, but hopefully, and opacity 0, and it's just put a z","index of 1 on that's going to be sort of handling of attachedCallback, and we want to transform scale very well be true for them is amazing, like across from the new one that","You know","Yeah, we could see now, all being we won't do this thing today","And so this is a current view","We have a question ties in","Why not","source equals router, why not","And I think that we'd probably, if we've already to allow it to be the thing","Oh, all right, so we get it, because I have to juggle it all","No","I feel I agree","It would actually get it, because otherwise, we still have this","routes","keys","So this is a layout boundary","It's the cause","Yeah, 3 pixels","OK","So since that's true","And this stuff","And that work","Good point, or strict, and then the URL, changed","But I'm going to, let's see, what we're any","So the new view, think about","And then we've defer, why not","Let's fail","So this newView, newView is never watching is I was that","so that it's a compass","Oh","North, east, south, we called, all be no ES","anything","What I'm curious about your question here","And I'm going to say","so let's see","So let's see","So we'll say from this animations that we want to do this so that this point","So we want us to cover next week","We can actually","But that they've all been set it","Yeah","And at the top and misc here","But it will be run into a bit different sections","And I think you'd want each of there's no DOM tree reason","Well, yeah","OK, so we have a couple of click for clicks","And so if we see about this","So what I think things that I really good start","script tags at home, kids","Don't do this file to actually","Woo","I made, sir","So again, particular line of the","let's call it sc for Supercharged","There's no","It's a compass","Oh","right","newView, newView is the simplicity at this one anything below 2015, right","It broke","OK, let's see","So we're going to removeEventListener","You are the nicest","something that you know, we'll create that doesn't necessarily end up with something new to these pages","In router","And certainly, as I said, you could usually just delete the constructor but createdCallback","Oh, well, let link of the","Yes","If we had to do is I want us to come up writing apps, it can actually, this push","pull kind of data, which version of something","So what they can be about view or something that have a thing to do a trade","off because you've got memory constraints and all these function","So let's see if","oh, do we wanted to do this","If you're attach, what we'd want to know","That is important think in so that goes to control of [","UI ","] transitions, particular expression","Right, so the otherwise, it should also work on the layout, which might because we're actually remind yourselves that I can do it","Yeah","So that, in theory, place all the content as well when that have new ideas","So this should be a class list, we'll create one of these, what we'll do is I want to do","All right, bottom, left","Do you have definitely","So when the mindset off chaining [INAUDIBLE] out of the same index HTML elements","Views","Yeah","So I'm going to createRoutes, wee, clearRoutes equals static","Let's do this, status is generally work","So that's why I was building the nicest","I'll tell you what we want to come into the panels","On all of ES2015 updates on the path name","Because it's an iterate what they see","I'm going to do","We'll do that","And hopefully, you're here in slash about view but we're going to be whichever view was the new view is that","so that the event that isn't get called, all subscribing to do today","And then we're just delete the JavaScript language","Yeah, and we need to extends HTMLElement","And we app where we actually uncanny valid concept for the out animation","duration","count in one tends HTML, I think, would then we've defer, why not","Let's see what's good on here","So if you say layout, for example","Yes, so one of its scope","What we want to do, I supposed to find out","The defer mean to your Custom Elements JavaScript says we don't have","We don't want to say this, so one that you click back to then dot the even though it","So there a createdCallback, so we never being us","That doesn't it","Right","All right","That should","Oh no, Array","from","Hm, it shouldNotMakeMoreOutPromises","And then let's do that is purely for simplicity at this","I don't takes too longer and I will say this","routes","because it matches the current ones will now needs to be run against that going to say const view back","And then what the createRoute","That's what I think","So we have to transitions, particular if branch of this, you're giving us way too much better","So since the layout, OK","I think we'll create objects anymore","You let us know what I'm going to do is I'm going to do is let's just find out","createdCallbacks","So if view","I could do if we don't want to make a nav","So I'm going to do that","Super","route","So for this, right now, all the like shouldNotMakeMoreOutPromise","resolve","Same for the power of Promise, right","Because why not","Let's give it or not","The defer also means that the state by selecting the view","No","Interesting","So the brand","new thing","So let's see, so we do that","All being well, we end with an actually hoping I will be remove this","Are you this","So we want to do that, actually just kind of amazing","You know","Yeah","which is the current view was the new one that's a layout","I don't you ask the question ties in it is when it's like a progressive to deal with, with contain strict","now here","And I'm going to us","So onChanged","Yeah","Because of the this","is","the","active","view","And we are building the routes equals this","But when the view first time we create that isn't it","Right","Yeah, that is amazing","And I think, a more bugs","Yeah, I want it to updating to do that I have new view, and some Promise, we can actually can do here","This is Paul","Hi","This time I write bugs, don't like this is actual lifecycle called ES6","ES2016 was doing that's why I wanted to say","currentView will be fast because","You know what, in the back to the current view","And then we'll say return","One of the panels","OK","Come of that stuff out","Should that the evaluation from 100","no, should add that kind of got allowing that back out, right","newView, newView, what we're kind of got these views that you, very wrong","But if you about using there","Because the nav has disappear ago, it was the keyword for all the regular expression and execution of a router","Now you know, over that, in there","Let's do that there we already got ourselves some of the way to go","And it matches the new one for that","Yeah","And certain time gaps, think it's an animating to put a route for some reason","view","Figure out things simplicity at this point","So what we're being a little bit of a pickle over right now we've deep","linked that could want it to be that","So let's just feels very interactions back in so this","newView","Yeah","And apparent, what we'd want each one of all the debugger standard one","So this way, it should add the visible","And we're pretty raw, there will be find out notionally, the code, it's fine, it's fail","So the question","Yeah, so we could see now them to makes Jav"]},t.exports=e.default})},ZhPo:function(t,e,a){function i(t){a("8T9y")}var n=a("VU/8")(a("4sRm"),a("By2z"),i,null,null);t.exports=n.exports},ZiC1:function(t,e,a){var i=a("VU/8")(a("fZ0D"),a("t2ZM"),null,null,null);t.exports=i.exports},ZiKE:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabelDefault:"Vip",selectedLabelSlots:"Like",selectedLabelInline:"Me",selectedLabelSlotsOnly:"Home",tabs:[{label:"Home",icon:"cubeic-home"},{label:"Like",icon:"cubeic-like"},{label:"Vip",icon:"cubeic-vip"},{label:"Me",icon:"cubeic-person"}]}},methods:{clickHandler:function(t){console.log("tab was clicked",t)},changeHandler:function(t){console.log("value has changed, now is",t)}},components:{CubePage:i.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},ZrYO:function(t,e,a){var i=a("VU/8")(a("Ps1K"),a("Ex12"),null,null,null);t.exports=i.exports},ZtZp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"rate-view",title:"Rate"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"rate-wrapper"},[a("cube-rate",{attrs:{disabled:t.disabled,max:t.max,justify:t.justify},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}},t._l(t.max,function(e){return a("cube-rate-item",{key:e,attrs:{value:t.value,index:e}},[t.customStar?a("div",{staticClass:"rate-item"}):t._e()])}))],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),a("select-option",{staticClass:"item",attrs:{name:"star numbers",value:t.max,options:t.options},on:{"update:value":t.updateStarNumbers}}),t._v(" "),a("switch-option",{staticClass:"item",attrs:{name:"Justify",value:t.justify},on:{"update:value":t.updateJustify}}),t._v(" "),a("switch-option",{staticClass:"item",attrs:{name:"customStar",value:t.customStar},on:{"update:value":t.updateRateItem}})],1)])])])},staticRenderFns:[]}},"a/uE":function(t,e,a){function i(t){a("mY+Z")}var n=a("VU/8")(a("cETb"),a("qdm+"),i,null,null);t.exports=n.exports},a0bD:function(t,e,a){function i(t){a("J9Iv")}var n=a("VU/8")(a("Er22"),a("OTGw"),i,null,null);t.exports=n.exports},aDIA:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("5qoB"),a("x9Ds"),a("+Ghj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"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,"addMessage",{enumerable:!0,get:function(){return a.addMessage}}),Object.defineProperty(t,"types",{enumerable:!0,get:function(){return i.types}}),Object.defineProperty(t,"addType",{enumerable:!0,get:function(){return i.addType}})})},aLrZ:function(t,e){},aUGM:function(t,e){},aeD0:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"switch-view",title:"Switch"}},[a("template",{slot:"content"},[a("cube-switch",{model:{value:t.values[0],callback:function(e){t.$set(t.values,0,e)},expression:"values[0]"}},[t._v("Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[0]))]),t._v(" "),a("cube-switch",{model:{value:t.values[1],callback:function(e){t.$set(t.values,1,e)},expression:"values[1]"}},[t._v("Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[1]))]),t._v(" "),a("cube-switch",{attrs:{disabled:t.disabled},model:{value:t.values[2],callback:function(e){t.$set(t.values,2,e)},expression:"values[2]"}},[t._v("Disbled Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[2]))]),t._v(" "),a("cube-switch",{attrs:{disabled:t.disabled},model:{value:t.values[3],callback:function(e){t.$set(t.values,3,e)},expression:"values[3]"}},[t._v("Disbled Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[3]))])],1)],2)},staticRenderFns:[]}},agqa:function(t,e,a){function i(t){a("e/d0")}var n=a("VU/8")(a("Iyug"),a("orqC"),i,null,null);t.exports=n.exports},apY0:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=[],l=t;l<=e;l++){var c=(a&&l<10?"0"+l:l)+i;n.push({text:c,value:l})}return n}Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"date-picker",props:{min:{type:Array,default:function(){return[2010,2,1]}},max:{type:Array,default:function(){return[2020,2,1]}},selectedIndex:{type:Array,default:function(){return[0,0,0]}}},data:function(){return{}},computed:{data:function(){var t=this,e=a(this.min[0],this.max[0],!1,"年");return e.forEach(function(e){var i=e.value===t.min[0]?t.min[1]:1,n=e.value===t.max[0]?t.max[1]:12;e.children=a(i,n,!1,"月"),e.children.forEach(function(i){var n=30;[1,3,5,7,8,10,12].indexOf(i.value)>-1?n=31:2===i.value&&(n=e.value%400&&(e.value%4||!(e.value%100))?28:29);var l=e.value===t.min[0]&&i.value===t.min[1]?t.min[2]:1,c=e.value===t.max[0]&&i.value===t.max[1]?t.max[2]:n;i.children=a(l,c,!1,"日")})}),e}},methods:{show:function(){this.$refs.cascadePicker.show()},hide:function(){this.$refs.cascadePicker.hide()},select:function(t,e,a){this.$emit("select",t,e,a)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},axq9:function(t,e){},b1gV:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("Y01l"),a("osO1"),a("dK69"),a("HBJ7"),a("izCJ"),a("zQyI"),a("0wrK"),a("SFrn"),a("rwvr"),a("k+Su"),a("jWO0"),a("fFTD"),a("/Pfp"),a("7Sku"),a("mok4"),a("8nmV"),a("XyhL"),a("fd7u"),a("oLGW"),a("8cOd"),a("Oluj"),a("v4hj"),a("O1ak"),a("nrl6"),a("P+K9"),a("Ta5O"),a("tNeh"),a("r6LN"),a("R082"),a("3ubT"),a("NhRQ"),a("wT65"),a("eD0J"),a("ES30"),a("RO/E"),a("ZQJ7"),a("CzhT"),a("SPGs"),a("6G1g"),a("iQwk"),a("x/Fx")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p,f,h,x,y,m,b,g,_,w,k,A,C,T,j,P,S,M,D,V,I,O,U,E,R,B,H,N,L){"use strict";function F(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BetterScroll=t.RecycleList=t.ScrollNavBar=t.ScrollNav=t.ScrollNavPanel=t.Sticky=t.StickyEle=t.Swipe=t.SwipeItem=t.IndexList=t.Slide=t.SlideItem=t.Scroll=t.ImagePreview=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.Checker=t.CheckerItem=t.CheckboxGroup=t.Checkbox=t.TabPanel=t.TabPanels=t.Tab=t.TabBar=t.Toolbar=t.Tip=t.Loading=t.Button=t.Locale=t.Style=void 0;var X=F(e),K=F(a),z=F(i),Y=F(n),G=F(l),Q=F(c),q=F(u),W=F(o),Z=F(s),J=F(r),$=F(d),tt=F(v),et=F(p),at=F(f),it=F(h),nt=F(x),lt=F(y),ct=F(m),ut=F(b),ot=F(g),st=F(_),rt=F(w),dt=F(k),vt=F(A),pt=F(C),ft=F(T),ht=F(j),xt=F(P),yt=F(S),mt=F(M),bt=F(D),gt=F(V),_t=F(I),wt=F(O),kt=F(U),At=F(E),Ct=F(R),Tt=F(B),jt=F(H),Pt=F(N),St=F(L),Mt=ot.default.Group,Dt=ot.default.Item,Vt=_t.default.Item,It=tt.default.Radio,Ot=kt.default.Item,Ut=mt.default.Panel,Et=mt.default.Item,Rt=At.default.Ele,Bt=Ct.default.Panel,Ht=q.default.Tab,Nt=W.default.Panel,Lt=$.default.Item;t.Style=X.default,t.Locale=K.default,t.Button=z.default,t.Loading=Y.default,t.Tip=G.default,t.Toolbar=Q.default,t.TabBar=q.default,t.Tab=Ht,t.TabPanels=W.default,t.TabPanel=Nt,t.Checkbox=Z.default,t.CheckboxGroup=J.default,t.CheckerItem=Lt,t.Checker=$.default,t.Radio=It,t.RadioGroup=tt.default,t.Input=et.default,t.Textarea=at.default,t.Select=it.default,t.Switch=nt.default,t.Rate=lt.default,t.Validator=ct.default,t.Upload=ut.default,t.FormItem=Dt,t.FormGroup=Mt,t.Form=ot.default,t.Popup=st.default,t.Toast=rt.default,t.Picker=dt.default,t.CascadePicker=vt.default,t.DatePicker=pt.default,t.TimePicker=ft.default,t.SegmentPicker=ht.default,t.Dialog=xt.default,t.ActionSheet=yt.default,t.DrawerItem=Et,t.DrawerPanel=Ut,t.Drawer=mt.default,t.ImagePreview=bt.default,t.Scroll=gt.default,t.SlideItem=Vt,t.Slide=_t.default,t.IndexList=wt.default,t.SwipeItem=Ot,t.Swipe=kt.default,t.StickyEle=Rt,t.Sticky=At.default,t.ScrollNavPanel=Bt,t.ScrollNav=Ct.default,t.ScrollNavBar=Tt.default,t.RecycleList=jt.default,t.BetterScroll=Pt.default,t.createAPI=St.default})},bEG4: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,"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,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},bJvT:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACj5JREFUeNrtm3twlNUVwH/32yRssglJTLIh5EUIQghNQJIoBChgrCCD2krlUS2oY9Tq1AeIFcsUqdNRp0qrFVSGEcsMkEQGtDpVgoCAoEBieD8EEh4mJIbNY7ObzYPd2z9u1mQqYXeT7K6d5vfPzvfN2fs45957zj33ftBPP/3008//K8LfDXCFdOxPhYEDQVsGSUkIfgvR0UAwxMYiKYKgIITMBasVdAegqgra8uHbb4UYXwl1df7uR3f8ZAwg5YHBMH48aFdg5kykzIVbb0WwDbKzgUMQEOB5wURBeTkwDXbsQDAZNm+GituhuFiI2bPBbvdXv31uAOkoOQiBgQh5EmbNAvEoLFwIcjfk5PiwKYVqpoi5sGIFMvgVePddoY3aBBaLrxrhMwNIWVoKWVng2Adr1wLjICPDV/W7QYdByIRFi4TImQ8FBd6u1OsGkPLAcsjLA20bPPssUm73aCkR/BHS04E5MHiwt9vbpeKHobAQabfAI48I7ZZzYDb3eS2+61DPkLJMQkQEXH0JKiqAO9SzrxDT4PhxpD0Spk9Xhvjuu74qXfNdR3qIDP092Gwg3ofWVj80YCuMGoXQ/gJ79yoflpTUV6X3egZIWVQEOh1y6GewZAlCVkNoaO/7LVJBp0OwBiZP9oOT7o434ORJGPAcTJggRGYm1Nf3tLDeG8BR8hAsXYqQv4OXXvK3dnzIHfDJJ5BdC3fdJYQQIKWnhfTYAFKW/hvGjQPHL2DPHnoap/+vIwWQny+07BxYs8bTv3tsAOnYKZWiQ9fA0aMIxkBamr/14EeGgskEMgNGjBDi5ir17B6eO2ERugvmz+9X/A+UQ1SU2sEvXOjpn92eAVJKCUJAaRQcPfpDdOCCurr6+qAg2Lq1uNhohFOnTp8ODYXmZptNp4Pnnlu06MwZiImJjm5r853W7Ha7XQhYunTZspEjQdN0OikhNTUlxWqF227Ly6uthaSkxESbza0i66GxERmyGhIS3N1Re2CAg3rIzQX2wN69ruQrKysr9Xp4442VK1NTITIyIqKtDXJysrMbGmDQoNjYlhZIT09Pt1hA04Tw3IX1njNnzp41GKC6uqZGr4dvvikrCw+Hiorz50NC4KGHFiy4eBEyMzMy3NqGSbEYFiwQWvYXsG6dK3H3nabklzBrlrsm27lz9+7oaBg6VI2o/PwHH7xwAXS6gAB/KLo7brxx2DCrtfN34sTcXJMJtmz58MO4OCgu/vxzo9EDAwiZDLNnqwfXBvBkBsyCw4eB5yEz05W8c4oLoWngvxHeW9rbr14VAgID3R04Yj40NSFZB1FRKjpqb+9O2uUMkI7jv1YbK9sZteZfvxVWq9UaEADnzpWXh4SA2Ww2BwbC9u1ffBEdDSaTyRQUBKGhoaFXr8Kdd86YUVMD48ePG+fLrL3TFxUWbtoUH9/ZrrAw1a7c3PHj6+o6Z0ZEREREezsYjTEx19+Py3UQFgaOzztyWHQM3J4ZACxZkJoK2h9Ap3MlfebMuXMGA7z33vvvJyWBTqecW17e1Km1tTBsWGqq1Qrl5RUVBgMUFHzwQXw8DB48eHBLCyQnJyU1N3tP8RaLxRIQAGvWrF2bnAxjxowe3dgIc+bce29lJVRVVVXp9Z1Bw9at27YZjTBjxvTpNTUwffrtt3//vRsVCXEJRozoAwOIf0BiInCbOx2Mi1PO1cmkSRMmmEwwc6Ya6U7S0kaMsFjUTDEY4MSJkyfDwrxvAOcACQ4ODrbbYd48pXinb0pLGz7cYgG9Xq93OKCgoKgoPl4FDZ5lorR6SEhwJeXaAEK84kluJybGaGxrg/j4+PiWFsjKGju2sbF7+ccey88/fx6E8I2PGDMmM7OxsXMAdBcUZGSMGmU2w44dRmN0NKSkDBni2cCQG9RRKhuvq16XxciD62DuXGAkbNzoSr6fH8iG5cuFyBHw4ovdCbneCUv5fG+O6OrrGxoCA3/8vqGhsfFa731NW1tbm6ZBc3Nzc1cPZzY3NQUEdEZzPaASrjf3Fa4NIHQfw+XLPe1gSUlpaUQESOlwALS3t7drGpSVHToUHt7n+vSY2tra2qCgzo2Xk9OnVZRkNpvNPUoxSiZCba0rMddLkOPLWggLQwz4oMOiOSol0Y18h6JttpYWnQ5CQkJC7HZobW1t1bTOLb8zrrZa1cgzGJSck+rqmpoBA6CoSIWJzjA1Jycrq6Gh+/Y2NamR+9lnKoppbVUj/P77583reo7lrDckRDljlU7uDKMNBoPh6lVwOKQUAlpbW1o0rdN5u4EVxo4VImcKlJV1J+RyBghtYgw0NQH74NQpV/JNTSrMKy0tK+t6cOgMOy9dunix60j76quvv77hBmhpUR10EhERHt7eDnFxgwa1tMD69Rs2JCTAvn1KvjvDr1q1enVKCpw8efp0WBikp48c2dT0Y/n9+w8ciIxU9XZdenbu3L07Kqrz2WQymQID4ciRY8cGDnRL8X9TJ3eWyergxoV+3SoSkLLkWVi5EuQcePxxd//XV2zYUFiYkADHjh0/HhYGQUGBgUrlCrvd4RACGhuVb1m8+Jlnzp6FxES3k2l9xXvqvlHO2zBtmithT9LRc2HTJp92Bbh8ubpar4cLFy5cCA6G2FijsbUVJk+eNMlk6vydODE3t66uM6w8dOjIkfBwsNlU1tVnSJ6Gjz92V9zDdLSmQekcOHcO5GIYMsRb/Th/XjnFFSvefDM1FRITExJsNnj4YZXUi4yMjLxWhsW5pG3e/NFHcXFgNCqDOWeEF7FCczMMuAESEtw9K/b8REwevB+eeAJ4Ct56y1u9ca7pJlNdXVAQREd7dl7gjLacztbpU3pAHFy6BLwNxcUg1l/7KqNjOxw+LMTNqbBqlbuF98AAX8VDcDAE/KrDySyA5ORe6vsnjG4KpKcLMdbqjlP1FI+PJNVtY5sNRDE89ZS/1eN95G7oGrf1LX1wL6hkibrrKe+BBx7wqW58w7KOtdwAu3YhsUJ7O0L8GfbvFyI7G15/vaeF94EBDi8CgwHZ9hvYsweBA266yd9a8yJJUF2NdORCTk5vryr22d1Q6fh6LsTGInSh8OWXwKMwbJi/tdWHqJkgHZNg6lSh3bLkenl+d+nzy7lSlpRAXBywHD79FOSfYPRoHypKD8eOIe1H4J57ECEZcOVK74tta4PWVrXk9N2JhdduR3fJIVlh9WqgtiOt7V2kWAsvvyy07FXwwgter6+X+PADjQN/hfvuU4fWr70GXIRBg7xQlfPLl3+plInY6N4aLX4Ozc3eCje7rdVXFTlR17vDwxEIePJJkCkd4WzHDTOfMQpsNiS74J13wP5PePVVoY0rgK6Hp97F7x9oSLlTgl4PocFw991I8TOYPRuBGaZMAbkerpX/dJuXOw6UvlEXyuSrUFCA1IbCli3q2ojrgxNv4XcDdEeX3FMpDB+u3qalgfw7xMeDeFpd/5DblZzIU1EKEq5cQTjWwokTcH4KnDrl768h++mnn3766ee/+Q8wJi40yrylgwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAenRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODU1LnN2Z05FEeMAAAAASUVORK5CYII="},bebB:function(t,e){},befj:function(t,e){},bh5B:function(t,e,a){function i(t){a("FzTc")}var n=a("VU/8")(a("TAcf"),a("99oh"),i,null,null);t.exports=n.exports},blHT:function(t,e){},br84:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"validator-view",title:"Validator",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"validator-item"},[a("cube-input",{attrs:{placeholder:"E-mail"},model:{value:t.text1,callback:function(e){t.text1=e},expression:"text1"}}),t._v(" "),a("cube-validator",{ref:"validator1",attrs:{model:t.text1,rules:t.rules1,messages:t.messages1,immediate:t.immediate},model:{value:t.isValid[0],callback:function(e){t.$set(t.isValid,0,e)},expression:"isValid[0]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-validator",{ref:"validator2",attrs:{model:t.text2,rules:t.rules2,messages:t.messages2,immediate:t.immediate},scopedSlots:t._u([{key:"message",fn:function(e){return a("div",{staticClass:"custom-msg"},[!e.dirty&&!e.validated||t.isValid[1]?t._e():a("div",[a("i",{staticClass:"dd-cubeic-important"}),t._v(" "+t._s(e.message)+"\n            "),a("div",t._l(Object.values(e.result),function(e,i){return e.inValid?a("span",{key:i},[t._v(t._s(e.message+" "))]):t._e()}))])])}}]),model:{value:t.isValid[1],callback:function(e){t.$set(t.isValid,1,e)},expression:"isValid[1]"}},[a("cube-input",{attrs:{placeholder:"component name"},model:{value:t.text2,callback:function(e){t.text2=e},expression:"text2"}})],1)],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-validator",{ref:"validator3",attrs:{model:t.text3,rules:t.rules3,immediate:t.immediate},model:{value:t.isValid[2],callback:function(e){t.$set(t.isValid,2,e)},expression:"isValid[2]"}},[a("cube-input",{attrs:{placeholder:"validate odd"},model:{value:t.text3,callback:function(e){t.text3=e},expression:"text3"}})],1)],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{label:"1"}},[t._v("1")]),t._v(" "),a("cube-checkbox",{attrs:{label:"2"}},[t._v("2")]),t._v(" "),a("cube-checkbox",{attrs:{label:"3"}},[t._v("3")])],1),t._v(" "),a("cube-validator",{ref:"validator4",attrs:{model:t.checkList,rules:t.rules4,immediate:t.immediate},model:{value:t.isValid[3],callback:function(e){t.$set(t.isValid,3,e)},expression:"isValid[3]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-rate",{model:{value:t.rate,callback:function(e){t.rate=e},expression:"rate"}}),t._v(" "),a("cube-validator",{ref:"validator5",attrs:{model:t.rate,rules:t.rules5,immediate:t.immediate},model:{value:t.isValid[4],callback:function(e){t.$set(t.isValid,4,e)},expression:"isValid[4]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("p",[t._v("Async validate: ")]),t._v(" "),a("cube-validator",{ref:"validator6",attrs:{model:t.captcha,rules:t.rules6,messages:t.messages6,immediate:t.immediate},on:{validating:t.validatingHandler,validated:t.validatedHandler},model:{value:t.isValid[5],callback:function(e){t.$set(t.isValid,5,e)},expression:"isValid[5]"}},[a("cube-input",{attrs:{placeholder:"Please input captcha"},model:{value:t.captcha,callback:function(e){t.captcha=e},expression:"captcha"}})],1)],1),t._v(" "),a("cube-button",{on:{click:t.submit}},[t._v("Submit")])],1)])},staticRenderFns:[]}},c7sT:function(t,e,a){function i(t){a("uCFs")}var n=a("VU/8")(a("YUSN"),a("4OFj"),i,null,null);t.exports=n.exports},cETb:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},"cL1+":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=t.inBrowser="undefined"!=typeof window,a=t.ua=e&&navigator.userAgent.toLowerCase();t.isAndroid=a&&a.indexOf("android")>0,t.isIOS=a&&/iphone|ipad|ipod|ios/.test(a)})},cMIu:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}},icon:{type:String,default:""}},mounted:function(){this.$parent.addTab(this)},destroyed:function(){this.$parent.removeTab(this)},computed:{isActive:function(){return this.$parent.value===this.value}},methods:{handleClick:function(t){this.$parent.trigger(this.value)}}},t.exports=e.default})},cQz5:function(t,e,a){function i(t){a("xpS3")}var n=a("VU/8")(a("GJyM"),a("BPyk"),i,null,null);t.exports=n.exports},cSnO:function(t,e,a){function i(t){a("aLrZ")}var n=a("VU/8")(a("FZvW"),a("jlfN"),i,null,null);t.exports=n.exports},"cai+":function(t,e){},cbPg:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a=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,a,0,Math.PI,!0);var i=this.initRadius-(this.initRadius-this.minTailRadius)*e,n={x:this.headCenter.x,y:this.headCenter.y+this.distance},l={x:n.x-i,y:n.y},c={x:l.x,y:l.y-this.distance/2};t.quadraticCurveTo(c.x,c.y,l.x,l.y),t.arc(n.x,n.y,i,Math.PI,0,!0);var u={x:this.headCenter.x+a,y:this.headCenter.y},o={x:n.x+i,y:u.y+this.distance/2};t.quadraticCurveTo(o.x,o.y,u.x,u.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,a=this.initArrowRadius-(this.initArrowRadius-this.minArrowRadius)*e;t.arc(this.headCenter.x,this.headCenter.y,a-(this.arrowWidth-e),-Math.PI/2,0,!0),t.arc(this.headCenter.x,this.headCenter.y,a,0,3*Math.PI/2,!1),t.lineTo(this.headCenter.x,this.headCenter.y-a-this.arrowWidth/2+e),t.lineTo(this.headCenter.x+2*this.arrowWidth-2*e,this.headCenter.y-a+this.arrowWidth/2),t.lineTo(this.headCenter.x,this.headCenter.y-a+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})},cjIa:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},crve:function(t,e){},d64j:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{zIndex:{type:Number,default:100},maskClosable:{type:Boolean,default:!1}}},t.exports=e.default})},d9ai:function(t,e){},"dJ+B":function(t,e){},dK69:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},dTzF:function(t,e,a){function i(t){a("cai+")}var n=a("VU/8")(a("RGkz"),a("uN5Q"),i,null,null);t.exports=n.exports},dXYF:function(t,e){},"de/F":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("woOf"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe"),a("UFDc"),a("+rJ6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function d(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var v=r(a),p=r(i),f=r(n),h=r(l),x=r(c),y=r(u),m=["year","month","date","hour","minute","second"],b={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}},g={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[f.default,h.default,x.default,y.default],props:{min:{type:[Date,Array],default:function(){return new Date(2010,0,1)}},max:{type:[Date,Array],default:function(){return[(new Date).getFullYear()+1,12,31,23,59,59]}},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}},columnOrder:{type:Array,default:function(){return["year","month","date","hour","minute","second"]}}},computed:{formatConfig:function(){var t=(0,p.default)({},g);return(0,o.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,v.default)(e).forEach(function(a){e[a]=t._range(a,b[a].natureMin,b[a].natureMax)}),e},startIndex:function(){var t=m.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?d(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?d(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?d(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=[],a=this.data,i=void 0,n=0;n<this.columnCount&&n<6-this.startIndex;n++)!function(n){i=(0,o.findIndex)(a,function(e){return t.valueArray[n]&&e.value===t.valueArray[n]}),e[n]=-1!==i?i:0,a=a[e[n]]&&a[e[n]].children}(n);return e}},methods:{_select:function(t,e,a){this.$emit("select",this._arrayToDate(t),t,a)},_cancel:function(){this.$emit("cancel")},_change:function(t,e){this.$emit("change",t,e)},_generateData:function(t,e,a){var i=this;if(0===e){var n=0===t?this.minArray[0]:Math.max(this.minArray[0],b[m[t]].natureMin),l=0===t?this.maxArray[0]:Math.min(this.maxArray[0],b[m[t]].natureMax);a.push.apply(a,this._range(m[t],n,l,!0,!0))}else if(t<3||a.isMin||a.isMax){var c=2===t?(0,s.computeNatureMaxDay)(a.value,a.year):b[m[t]].natureMax,u=a.isMin?Math.max(this.minArray[e],b[m[t]].natureMin):b[m[t]].natureMin,o=a.isMax?Math.min(this.maxArray[e],c):c,r=1===t&&0===this.startIndex&&this.columnCount>=3&&a.value;a.children=this._range(m[t],u,o,a.isMin,a.isMax,r)}else a.children=this.natureRangeCache[m[t]];e<this.columnCount-1&&t<5&&(a.children||a).forEach(function(a){(!a.children||a.isMin||a.isMax)&&i._generateData(t+1,e+1,a)})},_arrayToDate:function(t){for(var e=[],a=d(new Date(0)),i=0;i<6;i++)i<this.startIndex?e[i]=a[i]:i>=this.startIndex+this.columnCount?e[i]=b[m[i]].natureMin:e[i]=t[i-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,a,i,n){var l=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this._rangeCache||(this._rangeCache={});var c=t+l+e+a+i+n;if(this._rangeCache[c])return this._rangeCache[c];for(var u=[],o=this.formatConfig[t],r=e;r<=a;r++){var d={text:(0,s.formatType)(t,o,r,"i"),value:r,order:this.columnOrder.indexOf(t)};i&&r===e&&(d.isMin=!0),n&&r===a&&(d.isMax=!0),l&&(d.year=l),u.push(d)}return this._rangeCache[c]=u,u}}},t.exports=e.default})},deRs:function(t,e){},dfWv:function(t,e){},"dkN+":function(t,e){},dq75:function(t,e){},dz6Z:function(t,e){},dz9r:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t){var e,a=t.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=a;var n=i.getContext("2d");n.drawImage(t,0,0);try{e=n.getImageData(0,0,1,a).data}catch(t){return console.log("Cannot check verticalSquash: CORS?"),1}for(var l=0,c=a,u=a;u>l;){0===e[4*(u-1)+3]?c=u:l=u,u=c+l>>1}var o=u/a;return 0===o?1:o}function i(t){for(var e=atob(t.split(",")[1]),a=new ArrayBuffer(e.length),i=new Uint8Array(a),n=0;n<e.length;n++)i[n]=e.charCodeAt(n);return a}function n(t){var e=t.split(",")[0].split(":")[1].split(";")[0],a=i(t);return new Blob([a],{type:e})}function l(t){var e=new DataView(t);if(65496!=e.getUint16(0,!1))return-2;for(var a=e.byteLength,i=2;i<a;){var n=e.getUint16(i,!1);if(i+=2,65505==n){if(1165519206!=e.getUint32(i+=2,!1))return-1;var l=18761==e.getUint16(i+=6,!1);i+=e.getUint32(i+4,l);var c=e.getUint16(i,l);i+=2;for(var u=0;u<c;u++)if(274==e.getUint16(i+12*u,l))return e.getUint16(i+12*u+8,l)}else{if(65280!=(65280&n))break;i+=e.getUint16(i,!1)}}return-1}function c(t,e,a){var i=t.width,n=t.height;switch(a>4&&(t.width=n,t.height=i),a){case 2:e.translate(i,0),e.scale(-1,1);break;case 3:e.translate(i,n),e.rotate(Math.PI);break;case 4:e.translate(0,n),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,-n);break;case 7:e.rotate(.5*Math.PI),e.translate(i,-n),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-i,0)}}function u(t,e,u){var o=new FileReader;o.onload=function(o){if(!1===e.compress)return t.base64=o.target.result,void u(t);var s=new Image;s.onload=function(){var o=a(s),r=l(i(s.src)),d=document.createElement("canvas"),v=d.getContext("2d"),p=e.compress.width,f=e.compress.height,h=s.width,x=s.height,y=void 0;if(h<x&&x>f?(h=parseInt(f*s.width/s.height),x=f):h>=x&&h>p&&(x=parseInt(p*s.height/s.width),h=p),d.width=h,d.height=x,r>0&&c(d,v,r),v.drawImage(s,0,0,h,x/o),y=/image\/jpeg/.test(t.type)||/image\/jpg/.test(t.type)?d.toDataURL("image/jpeg",e.compress.quality):d.toDataURL(t.type),"file"==e.type)if(/;base64,null/.test(y)||/;base64,$/.test(y))console.warn("Compress fail, dataURL is "+y+". Next will use origin file to upload."),u(t);else{var m=n(y);m.id=t.id,m.name=t.name,m.lastModified=t.lastModified,m.lastModifiedDate=t.lastModifiedDate,u(m)}else/;base64,null/.test(y)||/;base64,$/.test(y)?(e.onError(t,new Error("Compress fail, dataURL is "+y+".")),u()):(t.base64=y,u(t))},s.src=o.target.result},o.readAsDataURL(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u,t.exports=e.default})},"e/d0":function(t,e){},e3O1:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("K5n8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i);e.default={methods:{showPicker:function(){this.picker||(this.picker=this.$createPicker({title:"Picker",data:[n.column1],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.picker.show()},showMutiPicker:function(){this.mutiPicker||(this.mutiPicker=this.$createPicker({title:"Multi-column Picker",data:[n.column1,n.column2,n.column3],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.mutiPicker.show()},showAliasPicker:function(){this.aliasPicker||(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.aliasPicker.show()},showSetDataPicker:function(){this.setDataPicker||(this.setDataPicker=this.$createPicker({title:"Use SetData",onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.setDataPicker.setData([n.column1,n.column2,n.column3],[1,2,3]),this.setDataPicker.show()},showUpdatePropsPicker:function(){var t=this;this.updatePropsPicker||(this.updatePropsPicker=this.$createPicker({title:"Use $updateProps",data:[n.column1],selectedIndex:[0],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.updatePropsPicker.show(),setTimeout(function(){t.updatePropsPicker.$updateProps({title:"Updated",data:[n.column1,n.column2,n.column3],selectedIndex:[1,2,3]})},1e3)},showSubtitlePicker:function(){this.subtitlePicker||(this.subtitlePicker=this.$createPicker({title:"Picker",subtitle:"subtitle",data:[n.column1],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.subtitlePicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:c.default,CubeButtonGroup:u.default}},t.exports=e.default})},eAlP:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"input-option",props:{name:{type:String},value:null,minValue:null},data:function(){return{inputValue:this.value}},watch:{inputValue:function(t){this.$emit("update:value",this.minValue?Math.max(t,this.minValue):t)}}},t.exports=e.default})},"eC/x":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("pFYg"),a("woOf"),a("+rJ6"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe"),a("VzLe"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d){"use strict";function v(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=v(a),f=v(i),h=v(n),x=v(c),y=v(u),m=v(o),b=v(s),g=v(r),_={value:"now"},w={floor:"floor",ceil:"ceil",round:"round"};e.default={name:"cube-time-picker",mixins:[x.default,y.default,m.default,b.default],components:{CubeCascadePicker:g.default},props:{title:{type:String,default:""},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3}}},showNow:{type:[Boolean,Object],default:!0},minuteStep:{type:[Number,Object],default:10},format:{type:String,default:"YYYY/M/D hh:mm"},min:{type:[Date,Number],default:null},max:{type:[Date,Number],default:null}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{_title:function(){return this.title||this.$t("selectTime")},_day:function(){var t={filter:[this.$t("today")],format:this.$t("formatDate")};return(0,h.default)({},t,this.day)},nowText:function(){var t=this.$t("now");return this.showNow&&this.showNow.text||t},minuteStepRule:function(){var t=this.minuteStep;return"object"===(void 0===t?"undefined":(0,f.default)(t))&&Math[w[t.rule]]||Math[w.floor]},minuteStepNumber:function(){var t=this.minuteStep;return"number"==typeof t?t:t.step||10},minTime:function(){var t=+this.min||+this.now+this.delay*l.MINUTE_TIMESTAMP,e=new Date(t).getMinutes();return t+=(Math.min(this.minuteStepRule(e/this.minuteStepNumber)*this.minuteStepNumber,60)-e)*l.MINUTE_TIMESTAMP,new Date(t)},maxTime:function(){var t=+this.max||(0,l.getZeroStamp)(new Date(+this.minTime+this._day.len*l.DAY_TIMESTAMP))-1,e=new Date(t).getMinutes();return t-=(e-Math.floor(e/this.minuteStepNumber)*this.minuteStepNumber)*l.MINUTE_TIMESTAMP,new Date(t)},days:function(){for(var t=[],e=(0,l.getDayDiff)(this.minTime,this.now),a=this.max?(0,l.getDayDiff)(this.maxTime,this.minTime)+1:this._day.len,i=0;i<a;i++){var n=+this.minTime+i*l.DAY_TIMESTAMP;t.push({value:n,text:this._day.filter&&this._day.filter[e+i]||(0,l.formatDate)(new Date(n),this._day.format)})}return t},hours:function(){for(var t=[],e=0;e<24;e++)t.push({value:e,text:""+e+this.$t("hours"),children:this.minutes});return t},minutes:function(){for(var t=[],e=0;e<60;e+=this.minuteStepNumber)t.push({value:e,text:""+(0,l.pad)(e)+this.$t("minutes")});return t},cascadeData:function(){var t=this,e=this.days.slice();if(this.maxTime-this.minTime<=-6e4)return(0,d.warn)("The max is smaller than the min optional time.","cube-time-picker"),[];e.forEach(function(a,i){var n=0===i,l=i===e.length-1;if(!n&&!l)return void(a.children=t.hours);for(var c=[],u=n?t.minTime.getHours():0,o=l?t.maxTime.getHours():23,s=u;s<=o;s++){var r=n&&s===u,d=l&&s===o;if(r||d){var v=r?Math.round(t.minTime.getMinutes()/t.minuteStepNumber):0,p=d?Math.round(t.maxTime.getMinutes()/t.minuteStepNumber):Math.floor(59/t.minuteStepNumber),f=t.minutes.slice(v,p+1);c.push({value:s,text:""+s+t.$t("hours"),children:f})}else c.push({value:s,text:""+s+t.$t("hours"),children:t.minutes})}a.children=c});var a=(0,l.getDayDiff)(this.minTime,this.now);if(this.showNow&&a<=0){var i=Math.abs(a),n=e[i];n&&(n.children=[].concat((0,p.default)(n.children)),n.children.unshift({value:_.value,text:this.nowText,children:[]}))}return e}},methods:{show:function(){this.isVisible||(this.isVisible=!0,this._updateNow(),this._updateSelectedIndex())},setTime:function(t){this.value=t,this.isVisible&&this._updateSelectedIndex()},_updateSelectedIndex:function(){var t=this.value,e=this.minTime;if(t<(this.min||0===this.min?+e:Math.floor(e/l.MINUTE_TIMESTAMP)*l.MINUTE_TIMESTAMP))this.selectedIndex=[0,0,0];else{var a=new Date(t),i=(0,l.getDayDiff)(a,e);if(i>=this.days.length)return void(0,d.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var n=a.getHours(),c=0===i?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,u=n-c,o=this.minuteStepRule(a.getMinutes()/this.minuteStepNumber),s=i||(this.showNow?1!==u:u)?0:this.minuteStepRule(this.minTime.getMinutes()/this.minuteStepNumber),r=o-s;this.selectedIndex=[i,u,r]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,a){var i=void 0,n=void 0;t[1]===_.value?(i=+new Date,n=this.nowText):(i=(0,l.getZeroStamp)(new Date(t[0]))+t[1]*l.HOUR_TIMESTAMP+t[2]*l.MINUTE_TIMESTAMP,n=a[0]+" "+a[1]+":"+a[2]),this.value=i;var c=(0,l.formatDate)(new Date(i),this.format);this.$emit("select",i,n,c)},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},eClu:function(t,e,a){function i(t){a("OdoB")}var n=a("VU/8")(a("VAT/"),a("WWPg"),i,null,null);t.exports=n.exports},eD0J:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("vJ9C"),a("VKJd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},eE6y:function(t,e,a){function i(t){a("aUGM")}var n=a("VU/8")(a("Gcl4"),a("zQzp"),i,null,null);t.exports=n.exports},eFmn:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("4gT0")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-input",mixins:[c.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){var t=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(t=!1),t},_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)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,l.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,l.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,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/form/"+t)}}},t.exports=e.default})},eNOl:function(t,e){},eWUu:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);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,onChange:function(){console.log("change")}})),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)},showChangeOrderPicker:function(){this.changeOrderPicker||(this.changeOrderPicker=this.$createDatePicker({title:"Date Picker",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,columnOrder:["date","month","year"],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.changeOrderPicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - date: "+t+" <br/> - value: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:l.default,CubeButtonGroup:c.default}},t.exports=e.default})},eZWf:function(t,e,a){function i(t){a("XDbB")}var n=a("VU/8")(a("ZDnC"),a("Kprf"),i,null,null);t.exports=n.exports},ea3B:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-entry",title:"Tab Entry"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("basic")}}},[t._v("tab-basic")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("composite")}}},[t._v("tab-composite")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},enXm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-side",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-scroll-nav",{attrs:{side:!0,data:t.data,current:t.current},on:{change:t.changeHandler,"sticky-change":t.stickyChangeHandler}},[a("ul",{staticClass:"prepend-header",attrs:{slot:"prepend"},slot:"prepend"},[a("li",[t._v("11")]),t._v(" "),a("li",[t._v("22")]),t._v(" "),a("li",[t._v("333")])]),t._v(" "),t._l(t.data,function(e){return a("cube-scroll-nav-panel",{key:e.name,attrs:{label:e.name,title:e.name}},[a("ul",t._l(e.foods,function(e){return a("li",[a("div",[a("img",{attrs:{src:e.icon}}),t._v(" "),a("p",[t._v(t._s(e.name))])])])}))])})],2)],1)])])},staticRenderFns:[]}},"f/6s":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("zuie")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-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:i.default}},t.exports=e.default})},fFTD:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yb46"),a("mkLW")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Radio=c.default,e.default=l.default,t.exports=e.default})},fGk3:function(t,e,a){function i(t){a("PzqK")}var n=a("VU/8")(a("HgDQ"),a("wohH"),i,null,null);t.exports=n.exports},fUkQ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tabs-basic-view",title:"tab-basic"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-tab-bar",{attrs:{"show-slider":""},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{label:t.label,icon:t.icon}})})),t._v(" "),a("cube-tab-panels",{model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}},t._l(t.tabs,function(e,i){return a("cube-tab-panel",{key:e.label,attrs:{label:e.label}},[a("ul",t._l(e.heroes,function(e,i){return a("li",{key:i,staticClass:"tab-panel-li"},[t._v("\n            "+t._s(e)+"\n          ")])}))])}))],1)])},staticRenderFns:[]}},fZ0D:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("mvHQ"),a("XPXN"),a("O6S8"),a("9zBd"),a("LeY8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=l.provinceList.slice(),v=JSON.parse((0,o.default)(l.cityList)),p=JSON.parse((0,o.default)(l.areaList)),f=l.provinceList;f.forEach(function(t){t.children=l.cityList[t.value],t.children.forEach(function(t){t.children=l.areaList[t.value]})});var h=d,x=[0,0,0];h[0].children=v[h[0].value],h[0].children[0].children=p[h[0].children[0].value],e.default={mounted:function(){this.cascadePicker=this.$createCascadePicker({title:"Cascade Picker",data:c.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:h,selectedIndex:x.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(c.cascadeData),this.setDataPicker.show(),setTimeout(function(){t.setDataPicker.setData(f,[1,1,0])},1e3)},showAsyncPicker:function(){this.asyncPicker.show()},asyncChangeHandle:function(t,e){var a=this;e!==x[t]&&(x[t]=e,t<2&&setTimeout(function(){if(0===t){var i=h[e];i.children=i.children||v[i.value],i.children[0].children=i.children[0].children||p[i.children[0].value],x[1]=0,x[2]=0}if(1===t){var n=h[x[0]].children[e];n.children=n.children||p[n.value],x[2]=0}a.asyncPicker.setData(h,x)},500))},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:s.default,CubeButtonGroup:r.default}},t.exports=e.default})},fd7u:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("xYoV"),a("j9ag"),a("aDIA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i);c.default.install=function(t){t.component(c.default.name,c.default),u.default.install(t),c.default._base=t},c.default.addRule=n.addRule,c.default.addMessage=n.addMessage,c.default.addType=n.addType,c.default.addHelper=u.default.addHelper,e.default=c.default,t.exports=e.default})},fdUi:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-dialog-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog","z-index":t.zIndex,mask:!0,center:!0},on:{"mask-click":t.maskClick}},[a("div",{staticClass:"cube-dialog-main"},[a("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("div",{class:t.containerClass},[t.icon?a("p",{staticClass:"cube-dialog-icon"},[a("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?a("h2",{staticClass:"cube-dialog-title"},[t._t("title",[a("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-dialog-content"},[t._t("content",[a("div",{staticClass:"cube-dialog-content-def"},[t.content?a("p",{domProps:{innerHTML:t._s(t.content)}}):t._e(),t._v(" "),t.isPrompt?a("cube-input",t._b({model:{value:t.promptValue,callback:function(e){t.promptValue=e},expression:"promptValue"}},"cube-input",t.prompt,!1)):t._e()],1)])],2),t._v(" "),a("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm||t.isPrompt}},[t._t("btns",[t.isConfirm||t.isPrompt?a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._cancelBtn.active,"cube-dialog-btn_disabled":t._cancelBtn.disabled},attrs:{href:t._cancelBtn.href},on:{click:t.cancel}},[t._v(t._s(t._cancelBtn.text))]):t._e(),t._v(" "),a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active,"cube-dialog-btn_disabled":t._confirmBtn.disabled},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])],2)])])])],1)},staticRenderFns:[]}},fidG:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("4gT0")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u={negative:!0,remain:!0};e.default={name:"cube-textarea",mixins:[c.default],data:function(){return{textareaValue:this.value,expanded:!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var t=this.indicator;return"boolean"==typeof t&&(t={}),(0,l.default)({},u,t)},count:function(){return this.textareaValue.length},remain:function(){var t=this.maxlength-this.count;return!this.indicatorConf.negative&&t<0&&(t=0),t}},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})},fuAs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"loading-view",title:"Loading"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-loading"),t._v(" "),a("cube-loading",{attrs:{size:28}}),t._v(" "),a("cube-loading",{attrs:{size:40}})],1)])},staticRenderFns:[]}},g3dP:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("1BqV")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-scroll-nav-panel",inject:["scrollNav"],props:{label:{type:[String,Number],required:!0},title:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.scrollNav.addPanel(this)},beforeDestroy:function(){this.scrollNav.removePanel(this)},components:{CubeStickyEle:i.default}},t.exports=e.default})},g7er:function(t,e){},"g9J/":function(t,e,a){function i(t){a("zefs")}var n=a("VU/8")(a("XEOk"),a("/O1a"),i,null,null);t.exports=n.exports},gAqf:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 🙃 ","👈🏻  scroll 👉🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👈🏻  scroll 👉🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👈🏻  scroll 👉🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👈🏻  scroll 👉🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","👈🏻  scroll 👉🏻 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👈🏻  scroll 👉🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","👈🏻  scroll 👉🏻 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👈🏻  scroll 👉🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","👈🏻  scroll 👉🏻 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items:n}},components:{CubePage:i.default}},t.exports=e.default})},gBDM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN"),a("1Vb/"),a("6SSl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);e.default={data:function(){return{text:"",disabled:!1,maxlength:60,width:"274px",showIndicator:!0,indicator:{negative:!0,remain:!0}}},methods:{updateDisabled:function(t){this.disabled=t},updateMaxlength:function(t){this.maxlength=t},updateWidth:function(t){this.width=t},updateIndicator:function(t){this.showIndicator=t},updateIndicatorNegative:function(t){this.indicator.negative=t},updateIndicatorRemain:function(t){this.indicator.remain=t}},components:{CubeButtonGroup:u.default,CubePage:o.default,SwitchOption:s.default,InputOption:r.default}},t.exports=e.default})},gCE8:function(t,e,a){function i(t){a("I+KE")}var n=a("VU/8")(a("pjk/"),a("13Xo"),i,null,null);t.exports=n.exports},gHS1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-bar-view",title:"TabBar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{data:t.tabs},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelDefault,callback:function(e){t.selectedLabelDefault=e},expression:"selectedLabelDefault"}})],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{"show-slider":""},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelSlots,callback:function(e){t.selectedLabelSlots=e},expression:"selectedLabelSlots"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{icon:t.icon,label:t.label}})}))],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{"show-slider":"",inline:""},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelInline,callback:function(e){t.selectedLabelInline=e},expression:"selectedLabelInline"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{icon:t.icon,label:t.label}})}))],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{on:{click:t.clickHandler},model:{value:t.selectedLabelSlotsOnly,callback:function(e){t.selectedLabelSlotsOnly=e},expression:"selectedLabelSlotsOnly"}},t._l(t.tabs,function(e,i){return a("cube-tab",{key:e.label,attrs:{label:e.label}},[a("i",{class:e.icon,attrs:{slot:"icon"},slot:"icon"}),t._v(" "),a("span")])}))],1)])])},staticRenderFns:[]}},gLZT:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("8j/s")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e,a,i){return t.use(n.default,{componentPrefix:"cube-"}),t.createAPI(e,a,i)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},gTih:function(t,e){},gYth:function(t,e,a){var i=a("VU/8")(a("JOED"),a("KQ/n"),null,null,null);t.exports=i.exports},go4C:function(t,e,a){var i=a("VU/8")(a("g3dP"),a("h3eZ"),null,null,null);t.exports=i.exports},gz49:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/index-list/"+t)}}},t.exports=e.default})},h20U:function(t,e){},h3eZ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav-panel"},[a("cube-sticky-ele",{attrs:{"ele-key":t.label}},[a("h2",{staticClass:"cube-scroll-nav-panel-title",domProps:{innerHTML:t._s(t.title)}})]),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},h7Gw:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.ease={swipe:{style:"cubic-bezier(0.23, 1, 0.32, 1)",fn:function(t){return 1+--t*t*t*t*t}},swipeBounce:{style:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fn:function(t){return t*(2-t)}},bounce:{style:"cubic-bezier(0.165, 0.84, 0.44, 1)",fn:function(t){return 1- --t*t*t*t}}}})},h8Kk:function(t,e,a){function i(t){a("axq9")}var n=a("VU/8")(a("1j+8"),a("8Q6G"),i,null,null);t.exports=n.exports},"hC+w":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selected:"",options:["Option1","Option2"],selected2:3,options2:[{label:"Option1",value:1},{label:"Option2",value:2},{label:"Option3",value:3,disabled:!0}],selected3:"3",options3:[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3",disabled:!0}],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}],selected5:"6",options5:[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3",disabled:!0},{label:"4",value:"4"},{label:"5",value:"5"},{label:"6",value:"6",disabled:!0},{label:"7",value:"7"},{label:"8",value:"8"}],colNum:3}},components:{CubePage:i.default}},t.exports=e.default})},hNHr:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"page-move"}},[a("router-view",{staticClass:"cube-view"})],1)},staticRenderFns:[]}},hTT9:function(t,e){},hdAL:function(t,e,a){function i(t){a("kL0B")}var n=a("VU/8")(a("eLAg"),a("MKYq"),i,null,null);t.exports=n.exports},iMtA:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Segment Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDateSegmentPicker}},[t._v("StartDate - EndDate")]),t._v(" "),a("cube-button",{on:{click:t.showCitySegmentPicker}},[t._v("Express - From - To")])],1)],1)])},staticRenderFns:[]}},"iQ/X":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("9zBd"),a("K5n8")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=n.provinceList;s.forEach(function(t){t.children=n.cityList[t.value],t.children.forEach(function(t){t.children=n.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,a,i){t.$createDialog({type:"warn",content:"Selected Items: <br/> - 入学时间: "+i[0].join("")+" <br/> - 毕业时间: "+i[1].join(""),icon:"cubeic-alert"}).show()},onNext:function(e,a,i,n){r[1].min=a,0===e&&t.dateSegmentPicker.$updateProps({data:r})}}),this.citySegmentPicker=this.$createSegmentPicker({data:[{title:"选择快递",data:[l.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,a,i){t.$createDialog({type:"warn",content:"Selected Items: <br/> - 所选快递:  "+i[0].join("")+" <br/> - 寄件地址: "+i[1].join("")+" <br/> - 收件地址: "+i[2].join(""),icon:"cubeic-alert"}).show()}})},methods:{showDateSegmentPicker:function(){this.dateSegmentPicker.show()},showCitySegmentPicker:function(){this.citySegmentPicker.show()}},components:{CubePage:u.default,CubeButtonGroup:o.default}},t.exports=e.default})},iQe6:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",data:function(){return{balde:12}},props:{size:{type:Number}},computed:{style:function(){if(this.size){var t=this.size+"px";return{width:t,height:t}}}}},t.exports=e.default})},iQwk:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("GQaK")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},iejJ:function(t,e){},ijHb:function(t,e){},inlK:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},ivoU:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav-bar",class:"cube-scroll-nav-bar_"+t.direction},[a("cube-scroll",{ref:"scroll",attrs:{nestMode:"none",options:t.options,direction:t.direction}},[a("div",{ref:"items",staticClass:"cube-scroll-nav-bar-items"},t._l(t.usedTxts,function(e,i){return a("div",{key:i,staticClass:"cube-scroll-nav-bar-item",class:{"cube-scroll-nav-bar-item_active":t.active===t.labels[i]},on:{click:function(e){t.clickHandler(t.labels[i])}}},[t._t("default",[a("span",{domProps:{innerHTML:t._s(e)}})],{txt:e,index:i,active:t.active,label:t.labels[i]})],2)}))])],1)},staticRenderFns:[]}},izCJ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Yu0J")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"j/9N":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADiJJREFUeNrtm2tUVFeWx/+nnkBRUBSIIEUJqFC6jBJRAyKIbRtbotgxahONj0yijD3x1T6mM3kYYxKXBu0Y2xgNdsfWEVuJS1qNUZetPEQE0/gmIo8CgeJNFVDvW/fMh2sFTaKUUAUza/h9uasW956zz3/fu8/Z+xyAfvrpp59++umnn/+PkL424KdQeu45QCIx1LhH8hdNnkz+HZvxYXQ0nUa+IHtUKoyiS+gShYJsxUZck0ggwXQwhNBPkIpRBgO+IzPI0aoqUs4uowtKSuhasgmpeXmmG6I829+ys31feqEMaGvr63Ha6TMHUEopQIhBnPcu/8jUqdjP/kDyU1LgBz4yZsxAPFagTiRyWodnyEIEm80w0ijMOn0ab/BUNHrvXokl9mNb8rlzfaVDrzugneZQPk1I4BWRIbi1dSsi6AEyZvz4vhIAAOjF77/nXaEzyKI//MH91/E6piI7u7f6drkDHg8p27dDhOHk6LJlkCAODPnfEwL1yIGAUhJEDtCX0tLcLW7/bftm9WpCxo4FDAZXdesyAYwbcqcASiU9RMP4pzMz6X0sIrMiI13Vn9OFmYvP6V9v3yaVtMK2MDHR/U78NeDBA6f34+wGTf+ZkyPeEhZme51ssFmzshBMt+FDhaJ3ZHMBD8gGvF9dzb9LfsX/V0KC2+zYj80nysqc1TzP2fbavqVaxm/YMATTbWTz5s0AQEhKiv1KzuEsDh4+3HsK9pCHL5Ctmp3GDD93rqMsPxkYONBZzfd6DNZnZe8AAgMxlowTCGpre7v/nkK+wj6ILl50X6WZyRimTiVk3jzAZut2ez01yCDNTRaYUlLwGv09hsyZ09X9dBx5kc4fMgS/o+fJn0JDe1tAZ0EJOYyl69d7ekzcw+xJTe1uO912gKHkIgUUCpouHCMY88MPWEc/x02JpK+FcRSGsdkIAZqbm5pEIqClpaVFJALMZrOZxwMsFouFEEAgEAgAQCKRSBgG8PaWyaxWYMD7AxZbovR6QSFfbc0OD/comTgAePYvuksHLFsaNSZqjFAofFNy3Hxm7FjeR+wWniIkZNxX4xa3vLViBf8C/zjJiInRarVagQDo6NDrBYJHB2I2EwJYrQxDCCCReHiwLODjI5dbLEBgYECA2QwolUql0QgMHhwcbDQCnp5SKcN0X2B7f2q1Wu3hAZSUlJR4egIVFdxvjUajEYsBhmFZPh8wm+XygADAYpFIZDKAZYVCsRjg8axWsxkQifR6rRYQi7XahgZAICDEagW81kv9rdvr61tvtCYIU/fvB9i7ZM3Jk7sSL++6lXj1KmcNpd12wAr3uK+fc3/rLfbfBAeEw3ftMhr9/ZVKwGiUy4OCuGtAAGAyyeWDBgFWq1Tq4wMwjFgskQBWq0QilXJGEAIIhUZjezvg4dHQUFkJSKXV1SUlgExWXn79OiAWt7bW1QF+fr6+ViugVA4erNcDoaEhIUYjEBQUFGQyAXK5XG61Alpta6tAAJSXV1R4eAD37tmF5n7r9UKhjw/Q3BwRER0NtLaqVOPHAzpdaOioUYBeHxAQFgawrEAgFHbtWB6PYaxWQCLRaMrKAG9vtfrmTcDP7/bt3FzA17e4+MoVgIxmvjdmvfnmn5dl6+5I9u9/UnuCrjqkp7ANLwqFPhd/vWD2OECtnjfvnXeAsjKz+dH7+HwuqUpM9PICgFOndLqn+/6XsTvAx6es7Pp1QCYrKysqAmSywsKiIsDTMzOztBQgxGZjGIBSHo/PB9ralMrhw4Hm5pEj4+KApqakpNhYoK0tNHTkSM79PCes+WJiZDKhELh/381NpQKqq4ODuWtc3Lx5QFTUzp1LlwJyRXFmwUKRCID0ae116QAyAxtwzmq1ra4tVA8APvkkMNBmAxYvrqri8wGTiWUBYMkSX18AWLhQLgeAM2e4ghfDPJsLzGYfn4AAoK5u7Njf/Kbz+qM9hGVtNkAk0ukaG7kvztfX8Te4u0REuLkBwBdfKJUAsHixWg0AjY1WK8sCQ4dmZu7aBXh7l5ffvAmQO2Qo5ra2AgCOP7ndLt8J2wHeYtuBjIyOqhtv5ycXFR0/vm3bxo1ASoqvL8sCSiVXMFuxwt8fAN5/n5uInlV4R/HwqKtTq7k3LSUFGDfu008XLgREoo4OrdZ1Dvj440GDAOD4cU7U69e58kRw8KVL6enASGXuvL1NLMufYfqzaW5SkqYgID6i4Nixrtrld3VD4bHKTY3HOjo+8Vo+wJx5/vy9wNzcmppVqyIiJk2aORPIzydEJgNKS7mQdPasa0u9o0alpW3YACQk+Prm5QFeXkZjQwOg1ba3i8VAS4tKFR3t/H5FIi7E7t/f3AwANpvVarUCkZF79qxcCcx9bQZffYaQV/PfWKrOXLFi4a41V+/e1eu7atfhqBgdGj/dkO3hERX1/PM6HVBZefVqVhYQEMB9+CdOuPL9A+TykpKCAmDgwIqK/HwgMXH69IYGYNKkSZOamwGFIifn2DGAz7dYjEbn93/oUEsLABgMXMj187t1KysL8PEhpKkJeO65kSPb2gD+RNM6oXLwYEfbddgB/CW2SfS3cnlkZGSkTgeo1enpX34JjBhhtXKmuQZ7zA8Pz8hITQWio194QasFpFJPT4YBVCqVqqMDCAqSShsbgbCwU6f27HGdPXaCg7OyjhwBnn8+MrKtDeDz+XxKATaerGEruYWIIzjsAGYK0dJyHk+hUChMJiA8XKmsqwOs1m+++fJLwN+fM8DZDBly8uTu3YBCodPdugVMnTplSmPjIwPgEUIp8MorL7+s0QAhIRcvHjwI+PnduXP5svPtsS83AwO5LzE+Pi6OC0ocgq94k0iU46UJhx3Ay6Z/4g3ujO9z5syerdEANtvlywcPAjExly795S+ATEZI9ysjnSgUOTlHjwLh4Rcu7NsHLFgwf35NDSASicVcEHgceyKXlDR9ek0NMHr0vn1r1gA+PqWlRUU9t8fNTautrwdGjDh8+MMPgcmTJ09uagKk0scTRls2Pid/fbj6cYAuJ2E7fxy2/Bars1h40ba5PN6GDWIxJ4Q9BNy+nZFx5w7g63v/fnEx0N7u6SmXAwYDl7ABhDxt+8Xdvbm5thYYPjw9ffNmTvj9+4Hk5OTk2lpg2LChQ7ue0oDg4OBgkwkQCrlM1WA4cuTSJfsWKNDRoVBERHRmuk+CEJZlWcDf/8aNCxeA0aP37l2zBhg3Lji4tBSYMSMxsb7+56Oi26zjmS82btyiObDJkY2cZ64FGWQ5SYLldXW0BuvxVWdZ1mLhSg/nz1+4MGAAUFBw7ZpMBuj1hHh5Ae3tQUHDhgGUPj5wN7eWFo2Gy4yrqoDQUC7znTlz5sz6emDQoMBAk6lTwKe78REhHt5fXl5eLpEA33773Xf+/sCDB/X1nD1KpUoFmExc3mFHKOSWs1JpdfW9e4CXF8u2tAAJCdxkHx8/cWJzM/CztO4aWrC1qkoyKW4Ws9bxSfiZHaBfl5Mt+OjoUWwCwQdz5z7pPovFauXxgOrqBw/c3ID6+oYGsbjTUQAnpLe3tzfDAMHBCoXBAPj6ciUIOzk5ly/L5UBLS3OzSATMmpWUVFf3ZPuKi4uLpVIgLy8/38cHeOON11+vqur8e22tRuPm1lkLam1tbRUKAZZlWUIAd3cPD5sNGDjQ399iAUJCQkIMBkAkEgp/KfT9yEZQfHDsmCQ1Lp55d948R/XsMhP+GQy2kpwzZwD8keLJDrAbHBYWFmYwdF6fFalUIrHZgKtXCwokEoBSToYnFRbu3y8tlUgAsVgk+iXB7F+U/eos6AiyiZ1z4gQA4F3Hn3vm6oixjHxtPZuRgVSyEqMcico9wz7HmM0mE48HnDvHhTi7I+zYhS8sLCyUyYAJE2JjXbk8tkM+ghYvtLdLXnfbyqoeOuBZnu9ux/qUHBN/y86d2IFC8t7Kla4eqFpdWenuDqSnp6cHBXWGDPtiQKfT6YRCIDGRmxxjYqKjHV+LdB9Sg2p6aPt2j/C4V23J69Y98/Pd7dgQntsIDBpEf0vFgvH37mEjbuBfnp6uHrB9Dikp4d54q9Vi4fGA0NDQUIMBkMm4DROXswmjMaajg01GIFMQFiYdE6cHHs1QHKPHW5IdZTnVgrVr15IAVGBn97fmeh0LyrGutpatwO95X0+dagvDd5Y6jcbRx5mFRAUwjN/JiQOA9vbumtHjCrkkTJPHbP/sM7KDHITnP//ZW/r1mJuQYQDDCNW81ST68b2Np+Ht1T4QMBh6Krwdp52K6Hjt8nXA35+MYDP47+XlYRWmkS1DhrhIvt5nJ87St8vK6F3eHNvmCRM8D8VGAg0NPW3WaeeC7AbxdZgm8HjxRXti0peaOYVL+Dt2VFbyVTwquDVtmrOEt+Oyc0GGzVeCgKAgHGR28zNPn6ZF8CWvjB7tar3IavIBEnQ6WCCju3fvpuV0NVnX/T0KXgtdw5w8fPj/zNHEn0LplSDA3d2QyWTxV6WmYgKOkr3Ll7vscG48BiItPV3yfVw4s2T+fFePr6f0+sk4I/9ymuC9mBg2k22ii3bswGTEkuFO3MMqhjdkDEPWk1cRcOECjaJ7kPzkL4B4EwtisrPd37VOYaakpREymQDOzJGfTp8fD+8YldvI106eTPzxEvn7smWYTVfgs1mzsBghuO/u7rSBPsxYocJ/YO0//mFbhEr6clqalMQRG7l0qa/G3+cO+Ck//j+BWJLEPxIbCzP7EX43YQLmwpPsUqkQjQr6qkJBduAdFDxyEm85IWRBSwvNwnVsbWhAOD7F327epGtRSf/r2jVJGP9t20u5uYTE1ACu2LTsp59++umnn3766cdx/geTPRpGyo0x8gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAe3RFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODUxMC5zdmcQrbDUAAAAAElFTkSuQmCC"},"j/Id":function(t,e,a){function i(t){a("LLJH")}var n=a("VU/8")(a("NFzl"),a("Uibt"),i,null,null);t.exports=n.exports},j1CU:function(t,e){},j9ag:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bOdI"),a("Xnqv"),a("XRNA"),a("UFDc"),a("+rJ6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=void 0,d={name:"locale",install:function(t){d.installed||(r=t.prototype,t.util.defineReactive(r,"$cubeLang","zh-CN"),r.$cubeMessages=(0,o.default)({},"zh-CN",s.default),d.installed=!0)},use:function(t,e){r.$cubeLang=t;var a=r.$cubeMessages;t in a||(a[[t]]=e)},helpers:{toLocaleDateString:function(t,e){var a=(0,l.isNumber)(t)?t:t.replace(/-/g,"/"),i=new Date(a);return(0,l.isUndef)(e)?i.toDateString():(0,c.formatDate)(i,e)}},addHelper:function(t,e){if(t in d.helpers)return void(0,n.warn)(t+" has already been registered on helpers function, please change another name");d.helpers[t]=e}};e.default=d,t.exports=e.default})},jMGR:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){var i="agreement"===t.type;e.messages||(e.messages={}),(0,a.setMessages)(e,{required:t.errMsg||(i?"请同意":"此题为必做题")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i,t.exports=e.default})},jWO0:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("ZrYO"),a("FmUO")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},jbJ7:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("//Fk"),a("woOf"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function l(t,e,a){var i=r[e];i||(i=r[e]={}),t.rules||(t.rules=i),(0,s.default)(t.rules,a)}function c(t,e){t.messages||(t.messages={}),(0,s.default)(t.messages,e)}function u(){return new o.default(function(t){setTimeout(function(){t(d)},500)})}Object.defineProperty(t,"__esModule",{value:!0}),t.setRules=l,t.setMessages=c,t.loadCityData=u;var o=n(e),s=n(a),r={},d=i.provinceList;d.forEach(function(t){t.children=i.cityList[t.value],t.children.forEach(function(t){t.children=i.areaList[t.value]})})})},jjfl:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox",props:{value:{type:[Boolean,String]},label:{type:[Boolean,String]},disabled:{type:Boolean,default:!1},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||t.$props.colNum>1)}},computed:{computedOption:function(){var t=this.option,e=this.label,a=this.disabled;return!0===t._def_option?t={label:e,value:e,disabled:a}:"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,a=e&&t?e:t;if(this.$emit("input",a),this.isInGroup){t=!this.checkValue;var i=t?"checked":"cancel-checked";this.$parent.$emit(i,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})},jkRs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.rootClass,style:{"z-index":t.zIndex}},[a("div",{staticClass:"cube-popup-mask",on:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),a("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[t.$slots.default?a("div",{staticClass:"cube-popup-content"},[t._t("default")],2):a("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},jlIX:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-recycle-list",{staticClass:"list",attrs:{size:t.size,"on-fetch":t.onFetch,offset:t.offset},scopedSlots:t._u([{key:"item",fn:function(e){var i=e.data;return[a("div",{staticClass:"item",attrs:{id:i.id},on:{click:function(e){t.handleClick(i)}}},[a("div",{staticClass:"avatar",style:{backgroundImage:"url("+(i.avatar||"")+")"}}),t._v(" "),a("div",{staticClass:"bubble"},[a("p",[t._v(t._s(i.msg))]),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"},[t._v(t._s(i.time))])])])])]}}])})],1)])])},staticRenderFns:[]}},jlfN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-bar",title:"ScrollNavBar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-scroll-nav-bar",{attrs:{current:t.current,labels:t.labels},on:{change:t.changeHandler}}),t._v(" "),a("div",{staticClass:"side-container"},[a("cube-scroll-nav-bar",{attrs:{direction:"vertical",current:t.current,labels:t.labels,txts:t.txts},on:{change:t.changeHandler},scopedSlots:t._u([{key:"default",fn:function(e){return a("i",{},[t._v(t._s(e.txt))])}}])})],1)],1)])},staticRenderFns:[]}},jnfQ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("//Fk"),a("XPXN"),a("b1gV"),a("nlvd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(c);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(){l.Locale.use("en-US",d.default),l.Validator.addRule("odd",function(t,e,a){return Number(t)%2==1}),l.Validator.addMessage("odd",function(t){return"Please input odd."}),l.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;s.default.all((0,o.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:r.default}},t.exports=e.default})},jsiO:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Select"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("cube-button-group",[a("cube-button",{on:{click:t.modify}},[t._v("modify")])],1)],1)])},staticRenderFns:[]}},"k+Su":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yjF1"),a("7lCl")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);c.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},c.default.Checkbox=l.default,e.default=c.default,t.exports=e.default})},k86a:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"page-questionnaire",attrs:{title:"Questionnaire"}},[a("demo-questionnaire",{attrs:{slot:"content",tip:t.tip,questions:t.questions,submit:t.submit},on:{submit:t.submitHandler},slot:"content"})],1)},staticRenderFns:[]}},kAHR:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},kBQQ:function(t,e,a){function i(t){a("d9ai")}var n=a("VU/8")(a("xH1B"),a("uwC9"),i,null,null);t.exports=n.exports},kL0B:function(t,e){},kLzu:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bOdI"),a("Gu7T"),a("t7U9"),a("agqa"),a("Z5VE"),a("d64j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(l),v=o(c),p=o(u),f=(0,n.prefixStyle)("transform");e.default={name:"cube-drawer",mixins:[v.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(),t<e&&this.hidePanel()}},created:function(){this.panels=[]},methods:{show:function(){if(!this.isVisible){this.isVisible=!0;for(var t=this.data.length,e=0;e<t;e++)if(this.index=e,this.selected[e]<0||void 0===this.selected[e]){if(e>0){var a=e-1,i=this.selected[a];this.changeHandler(a,this.data[a][i],i)}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,a){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),a>=0&&(this.$set(this.selected,t,a),this.changeHandler(t,this.data[t][a],a))},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<t;)this.panels[e].hide(),e++},computedStyle:function(){var t=this;this.$nextTick(function(){for(var e=0,a=0,i=t.index;a<=i;){var n=t.panels[a].$el;e+=n.offsetWidth;var l=window.getComputedStyle(n);e+=parseInt(l.marginLeft),e+=parseInt(l.marginRight),a++}t.slideStyle[f]="translate3d(-"+e+"px, 0, 0)"})},changeHandler:function(t,e,a){"string"==typeof e?(this.selectedVal[t]=e,this.selectedText[t]=e):(this.selectedVal[t]=e.value,this.selectedText[t]=e.text),this.$set(this.selected,t,a),t===this.data.length-1?(this.$emit("select",this.selectedVal,this.selected,this.selectedText),this.hide()):this.$emit("change",t,e,this.selectedVal,this.selected,this.selectedText)},drawerClick:function(){this.hide(),this.$emit("cancel")}},components:{CubeDrawerPanel:d.default}},t.exports=e.default})},kTpf:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("9zBd")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedIndex:[],data:[i.provinceList,[],[]]}},methods:{showDrawer:function(){this.$refs.drawer.show()},changeHandler:function(t,e,a,n,l){var c=this;setTimeout(function(){var a=void 0;a=0===t?i.cityList[e.value]:i.areaList[e.value],c.$refs.drawer.refill(t+1,a)},200)},selectHandler:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item: <br/> - value: "+t.join(", ")+" <br/> - index: "+e.join(", ")+" <br/> - text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:n.default}},t.exports=e.default})},kVGr:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("d7EF"),a("W3Iv"),a("XRNA"),a("LIRj")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i);e.default={methods:{_checkDeprecated:function(){var t=this,e=this.$options.props,a=this.$options.name;(0,o.default)(e).forEach(function(e){var i=(0,u.default)(e,2),c=i[0],o=i[1],s=o.deprecated;s&&void 0!==t[c]&&(0,n.tip)('The property "'+(0,l.kebab)(c)+'" is deprecated, please use the recommended property "'+s.replacedBy+'" to replace it. Details could be found in https://didi.github.io/cube-ui/#/en-US/docs/'+a.substr(5)+"#cube-Propsconfiguration-anchor",a)})}},mounted:function(){this._checkDeprecated()}},t.exports=e.default})},kXYV:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-toolbar-item border-right-1px"},[a("cube-button",{attrs:{icon:t.action.icon}},["checkbox"==t.action.type?a("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"}}):a("span",{domProps:{innerHTML:t._s(t.action.text)}})],1),t._v(" "),a("i",{staticClass:"cube-toolbar-down"})],1)},staticRenderFns:[]}},kZI5:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollEvents:["scroll"],scrollY:0,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){var e=t.y;this.scrollY=-e}},components:{CubePage:i.default}},t.exports=e.default})},kZnE:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE"),a("yjF1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-toolbar-item",components:{CubeButton:l.default,CubeCheckbox:c.default},props:{action:{type:Object,default:function(){return{}}}}},t.exports=e.default})},kgN1:function(t,e,a){function i(t){a("shDe")}var n=a("VU/8")(a("txVD"),a("1ze/"),i,null,null);t.exports=n.exports},kjd8:function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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})},"kl+Y":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACdNJREFUeNrtm3tQlWUawH/vdw544HC/qRiXRAWlvGJeEsEtY3fooumw1WpW47TNTmtltVMNtjXjjtWuTSOF1aiRDkm2MLajedmB0MFLcmldhEKIVjBAEPCcI4qcw3n3j+/gcVM4h8vhmMvvH2Y4z/e+z+X73ud93u/5YIQRRhhhhP9XhLsVcISUJ18EvR6uXIboaCSNEByMwATBwUhlA2i1IA6A0YjongjnzoESA6dPC5GQAJcuuduO3nB7AKSUEoSAsgxYtAisf4KHHgJ+BXffDXwJ06YB/1Id3W8T/wKVlSCPwaFDSLEHdu9G1P4I+flCpKVBd7e77B/2AEhrxXLw8UFcfgWefRYpK2H1agSTISZmGFX5HBoaQDwCGRlIJGzeLJSE2WAwDJcSLg/A1Ttcli6ClSsRMgE2bAB+C+Hhw2WoE4yH1lZgJbz2GiTshS1bhBACrFZXTeqyAEhrSTGEhIBshM8+QzAWFi921XxDb4B4GfLzEfwNVq5Uc0lj41BPM+QBkLK0FGbNAms15OUBMRAZOSxOcw1nbY4PhNRUIWYnw7ffDtXgQxaAaxzfCvn5qsL+/m5wmIsQj4PJBFYDpKQIcVcDHDs22FGVwQ4g5Yk/QHw80toE+/dzyzn+qqXbwdcXxHTYu/eq3YNkwAGw78+Vv0NeHoIwdc2/5XkTAgNBdMHu3WquG/gNN4gnoCsNNm4EuRcmTXK3V9zA72HCBAR58N57Ax2k3wGQ1hNLYeFCoBSeftqR/NGjx48HBYHBYDB4eLjXY85QX19f7+UFp05VVPj5OeWRCFi1SsrieEhK6u98A3gCxDPw5pvAbLWCvTHHjqmO37Pnq69Gj4asrB07IiLAapVSuL3+vp729gsXPDxgy5ZPPomKgpycXbvGjYOGhsZGna7PS1U/SELhrbf6O6/TAZDW0iaYOhWYCJGRSIKhthb7Ng2A1ta2Nk9P2L//4MGwMHjppeefr6kBvV6v7+6GI0eOHg0Kcre7ryc7e+fO226DlJTFi5ubIS1t+fKffoKdO9VAOETwV5g7V8qSEvVIxTkGfS/az3JKmuCLL6xWa50Qy5Z1dHR0aDTg6+vra7GA2WyxCAFmc1eXooC3t7e3+05grqdnifT39/c3m+3/NxqNRq0W/Pz8/CwWp1z6JWRnC5GwHlascCjtnIMVBcrLb5jtpSUL/PyguwxycnruBHc71G1ICqCjAwLqIThYKBPfhytXehN3IgBXk0sWFBa6275fEE9AcrIQsyvg0KHehJzIAeJTSEhwtzW/PMRMZ1YCJ87X5UFb8u3zIK1nd9PZefmy0o+9laenp6fVClqtVivl8Lnn5znJWby8dLrubhDC0VWyAiZPdjSe4wBI/gihoQi+70uspKSkJCAA9u1Tdz92Q81mVVVF8fYGjUZRrlwBRRHCbIb4+ClTTCZYvnzp0oYGV7r8f8nNzcsLD4eqqupqH5+eXKfqq9WCEFqtTgdarRCXLoEQQlit8MADqalNTTBz5vTpfb41kLxhO25/sC89HOcAa/F6OH4cQQrMmeNQ3mbItm1ZWVFR4OsbE7N6NaSlrV2bng7d3RaL2Qxnznz99eOPw/jxgYE5OcPn+J9jMplMWi28++6mTTExsHTpCy988AFMnbpw4T33gNF4/nxTE1gsFRWJiRAUpNfX1DgxsOQAfPONUGan97UUOX74BPf0VXD9nOrqmhofHzh5srzczw98fQMDg4Ptv2s0Wq2HB5w5c/78ggXXX19QUFgYEmIvhKqra2r0enuF2tjY1KTTQWtra6unp/1vff3Zs15eUFNTW6vXq+OEhkJGRmbm+PG961tYePhwSIh9HB+fwMBr6xQ/v5CQMWOgpKS8/M47+xFZId5w5lWnM0vQarh4EUGWM/MajeodFRIyblxEBJSV5efv3w86nbe3Xm+XO3gwO3vHDkhKev11IUBRFEVKSEpasKC1FbZt2749MhIyMz/66Pbb7U+WTqfTWa0QHBwc3NUFFou6lhsMRuOoURAVNWFCaCj8+GNVVXOzvRDsXV91nx8ZGRcXHw+5uZs2vf02LFz48MOPPgr19VVVlZXQ0lJZqb4FcHaLLQOgrQ04P7gACH4HZ886NylMmjRhwsWLEB2dmpqZCRcutLS0tMCmTWvWPPWUXW7GjGnTDAa743vQaNRk/OCD99/f1AR1defOxcSAt7ePj78/pKQkJhYU2NfgnsBs3frpp9HRYDBcvBgUBFOmxMWZTBAWFhbW+y4cEhLmzw8IgNjYZct27oQ9e7ZsyciA7OwNG9ats8s98khamtHorBcAWGsLwGuDCwC8D99/j4NdUA89FWNj4+nTK1ZAWVlRUVAQhIaGhHR1QWxsbKzJpCazc+d6H2f0aNVxERFhYT/8oCZvuD75qe9s4bHH0tLq6+GddzZuHDUK7rsvOfnCBcf6xsZGRZ06BVVV+/atWAF1dWVltbUQHj52bGcnzJ07Z057O8ybN2dOW1t//C/K4eRJh1KOBOxnG1JCQUF/VBgKOjs7OxUFNBqNBsDDw8Ojr1fkPbsuR3IuRwogMVHtsigq6k3MiQB8LUGnA59Dtq4BPXh7u9G0m51YMBrBMhnGjBFi3k9w+XJvwg53QUIsEtDZCbwOu3e727qbH5EAubmOHN9DP2pAZTls3epu825+ZBVs3+6sdL+Po6UsLrStaXpb6+AIKh1w5IjatnKjCufGDKDXkiRITwc225Ly7P4UajchxeoGg0qoq0OydmC9osp38Oqr/b1qwI6TsngmZGUBH8GqVcPosKFFis2wbp1QErbB+vXDPf1AngCb4lYDrFmD0LwF8+eDfAUmThxuAwaNIBzi4qS1bK7a5dAd5FQvqNQawWQSyowiaGkZ+PSDRFqLt8MddyDIgcOHudo3c8vyZ2hvBxkNiYlC3JUJFRUDHWwIWxNPhMO8eaD4w4ED9k6yWwZ1fy9FFaSmOiqwnMUFzbnFhTBjBtAOe/cCt8HYscPuLkkc7NuHEHdCff3gBxS58PHHQsyaBaWlQ6Wm69rT5YnPYcwYpFgCO3Yg+Dfce6+r5rvGpFTbp0nNEBvr+vkGqa2rJ7B3VZT+Gp58Eq5+oLEEQkNdMOV0sFhAPAXp6UjW2PqXHHhCPgHNzY5eog81bvhEqahFzQ2j3oNnnkGIWnjuOZBrwakWqKFirLo0iZdtvZ0vwocfDvdHfW4voKTctQs0Goj+DpKTQSTBkiUgHradwq6HKVPof8HXBWYzUvwGKioQ8h9QVIRU6mDXLsTMlWrl6tpPkBzh9gA4Qspj48DLC+lZqtYZchKMHg3kQ0AAwnq7Wrkq/4H2dmT3P6GtDXHpFaiquuYwcYQRRhhhhBFuKv4LZx7BFwViSIkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDCWtLvnAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAw5+kDWwAAAHp0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fZ2E2cmdreGNtbWEvJUU1JThEJUExJUU5JTgwJTlBJUU1JUE0JUI0JUU1JTgzJThGJUU4JUExJUE4JUU2JTgzJTg1Ny5zdmc0hUKDAAAAAElFTkSuQmCC"},kww3:function(t,e,a){function i(t){a("X/Av")}var n=a("VU/8")(a("vpa7"),a("Gn4+"),i,null,null);t.exports=n.exports},"l+e5":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={data:function(){return{direction:"",tipStyle:""}},methods:{showTip:function(t){switch(this.direction=t,this.$refs.tip2.show(),t){case"bottom":this.tipStyle="left: 96px; top: -50px;";break;case"top":this.tipStyle="left: 96px; top: 40px;";break;case"right":this.tipStyle="left: -2px; top: -5px;";break;case"left":this.tipStyle="left: 190px; top: -5px;"}},close:function(){console.log("click close button")},clickHandler:function(){console.log("click tip area")}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},l43s:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":t.index<=t.$parent.tempValue}},[t._t("default",[a("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},lGNi:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-tab-panel"},[t._t("default")],2)},staticRenderFns:[]}},lQMO:function(t,e,a){function i(t){a("yu2v")}var n=a("VU/8")(a("uE8O"),a("p8T3"),i,null,null);t.exports=n.exports},lVK7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("b1gV"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){n.installed||(n.installed=!0,l.forEach(function(e){e!==a.Radio&&e.install(t)}))}Object.defineProperty(e,"__esModule",{value:!0});var l=[a.Locale,a.Button,a.Loading,a.Tip,a.Toolbar,a.TabBar,a.TabPanels,a.Checkbox,a.CheckboxGroup,a.Checker,a.Radio,a.RadioGroup,a.Input,a.Textarea,a.Select,a.Switch,a.Rate,a.Validator,a.Upload,a.Form,a.Popup,a.Toast,a.Picker,a.CascadePicker,a.DatePicker,a.TimePicker,a.SegmentPicker,a.Dialog,a.ActionSheet,a.Drawer,a.ImagePreview,a.Scroll,a.Slide,a.IndexList,a.Swipe,a.Sticky,a.ScrollNav,a.ScrollNavBar,a.RecycleList],c={version:"1.12.46",install:n,BScroll:a.BetterScroll,createAPI:a.createAPI};l.forEach(function(t){var e=(0,i.processComponentName)(t,{firstUpperCase:!0});c[e]=t}),"undefined"!=typeof window&&window.Vue&&window.Vue.use(n),e.default=c,t.exports=e.default})},lVze:function(t,e,a){function i(t){a("q8rA")}var n=a("VU/8")(a("MNuz"),a("MY9j"),i,null,null);t.exports=n.exports},lWcp:function(t,e){},liwK:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("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 a("cube-form-group",{key:t.key||e,attrs:{fields:t.fields,legend:t.legend}})}))],2)},staticRenderFns:[]}},"m/LA":function(t,e,a){function i(t){a("CZnn")}var n=a("VU/8")(a("H+BD"),a("ZtZp"),i,null,null);t.exports=n.exports},m4tM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-select",class:{"cube-select_active":t.active,"cube-select_disabled":t.disabled},on:{click:t.showPicker}},[t.selectedText?a("span",{staticClass:"cube-select-text"},[t._v(t._s(t.selectedText))]):a("span",{staticClass:"cube-select-placeholder"},[t._v(t._s(t._placeholder))]),t._v(" "),a("i",{staticClass:"cube-select-icon"})])},staticRenderFns:[]}},mNkZ:function(t,e){},mS3r:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-sticky"},[t._t("default"),t._v(" "),a("transition",{attrs:{name:t.fixedShowAni}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedShow,expression:"fixedShow"}],ref:"fixedEle",staticClass:"cube-sticky-fixed"},[t._t("fixed",null,{current:t.currentKey,index:t.currentIndex})],2)])],2)},staticRenderFns:[]}},"mY+Z":function(t,e){},mkLW:function(t,e,a){function i(t){a("9eEc")}var n=a("VU/8")(a("oVd1"),a("peAO"),i,null,null);t.exports=n.exports},mok4:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("3kPI"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);o.default.install=function(t){t.component(u.default.name,u.default),t.component(o.default.name,o.default),r.default.install(t),(0,s.default)(t,u.default)},o.default.Picker=u.default,e.default=o.default,t.exports=e.default})},mvDF:function(t,e,a){function i(t){a("AEue")}var n=a("VU/8")(a("UKcw"),a("jlIX"),i,null,null);t.exports=n.exports},nPBw:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollY:0,checkTop:!1,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){this.scrollY=t.currentTarget.scrollTop}},components:{CubePage:i.default}},t.exports=e.default})},nRLb:function(t,e){},nb3f:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("tx1y"),a("eZWf"),a("6KDq"),a("wIkl"),a("TMiY"),a("JgmB"),a("8jxs"),a("4xIg"),a("yB4N"),a("1H2N"),a("DXQ8"),a("m/LA"),a("hdAL"),a("Bhgd"),a("BH5X"),a("gYth"),a("zZ81"),a("Jp5a"),a("p9oh"),a("ZiC1"),a("pmij"),a("5HTY"),a("YVqS"),a("AnsX"),a("AgjA"),a("W2Hj"),a("c7sT"),a("SW1b"),a("4BmD"),a("BHjP"),a("H61/"),a("UgWs"),a("JKih"),a("DD7W"),a("07pW"),a("Bf/j"),a("1btU"),a("kBQQ"),a("8F4S"),a("A5db"),a("Pe8L"),a("KrQh"),a("eE6y"),a("dTzF"),a("58Ml"),a("qWZY"),a("zI96"),a("VcN6"),a("DIVr"),a("UqhO"),a("eClu"),a("cQz5"),a("kgN1"),a("h8Kk"),a("uGVW"),a("7tZM"),a("QreJ"),a("91me"),a("U4Ng"),a("TCNK"),a("cSnO"),a("Cfx3"),a("8YJ/"),a("3jWI"),a("wnnB"),a("0MNC"),a("ZXOh"),a("UchT"),a("U8em"),a("6boj"),a("Ojzo"),a("KIfi"),a("YGd9"),a("a0bD"),a("mvDF"),a("UrdA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r,d,v,p,f,h,x,y,m,b,g,_,w,k,A,C,T,j,P,S,M,D,V,I,O,U,E,R,B,H,N,L,F,X,K,z,Y,G,Q,q,W,Z,J,$,tt,et,at,it,nt,lt,ct,ut,ot,st,rt,dt,vt,pt,ft,ht,xt,yt,mt,bt,gt,_t,wt,kt){"use strict";function At(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var Ct=At(a),Tt=At(i),jt=At(n),Pt=At(l),St=At(c),Mt=At(u),Dt=At(o),Vt=At(s),It=At(r),Ot=At(d),Ut=At(v),Et=At(p),Rt=At(f),Bt=At(h),Ht=At(x),Nt=At(y),Lt=At(m),Ft=At(b),Xt=At(g),Kt=At(_),zt=At(w),Yt=At(k),Gt=At(A),Qt=At(C),qt=At(T),Wt=At(j),Zt=At(P),Jt=At(S),$t=At(M),te=At(D),ee=At(V),ae=At(I),ie=At(O),ne=At(U),le=At(E),ce=At(R),ue=At(B),oe=At(H),se=At(N),re=At(L),de=At(F),ve=At(X),pe=At(K),fe=At(z),he=At(Y),xe=At(G),ye=At(Q),me=At(q),be=At(W),ge=At(Z),_e=At(J),we=At($),ke=At(tt),Ae=At(et),Ce=At(at),Te=At(it),je=At(nt),Pe=At(lt),Se=At(ct),Me=At(ut),De=At(ot),Ve=At(st),Ie=At(rt),Oe=At(dt),Ue=At(vt),Ee=At(pt),Re=At(ft),Be=At(ht),He=At(xt),Ne=At(yt),Le=At(mt),Fe=At(bt),Xe=At(gt),Ke=At(_t),ze=At(wt),Ye=At(kt),Ge=[{path:"/button",component:Ct.default},{path:"/checkbox",component:Tt.default},{path:"/checkbox-group",component:jt.default},{path:"/checker",component:Xe.default},{path:"/radio",component:Pt.default},{path:"/input",component:Ot.default},{path:"/textarea",component:Ut.default},{path:"/switch",component:St.default},{path:"/form",component:Rt.default,children:[{path:"default",component:Bt.default},{path:"custom",component:Ht.default},{path:"classic",component:Nt.default},{path:"fresh",component:Lt.default},{path:"questionnaire",component:Ft.default}]},{path:"/loading",component:Mt.default},{path:"/tip",component:Dt.default},{path:"/toolbar",component:Ce.default},{path:"/popup",component:Vt.default},{path:"/toast",component:It.default},{path:"/rate",component:Et.default},{path:"/picker",component:Xt.default},{path:"/cascade-picker",component:Kt.default},{path:"/segment-picker",component:zt.default},{path:"/date-picker",component:Yt.default},{path:"/time-picker",component:Gt.default},{path:"/select",component:Qt.default},{path:"/dialog",component:qt.default},{path:"/action-sheet",component:Wt.default},{path:"/drawer",component:be.default,children:[{path:"default",component:ge.default},{path:"custom",component:_e.default}]},{path:"/image-preview",component:Ue.default,children:[{path:"multi-images-preview",component:Ee.default}]},{path:"/scroll",component:Zt.default,children:[{path:"default",component:Jt.default},{path:"config",component:$t.default},{path:"jd",component:te.default},{path:"horizontal",component:ee.default},{path:"toutiao",component:ae.default},{path:"v-scrolls",component:ie.default},{path:"h-scrolls",component:ne.default},{path:"textarea",component:le.default}]},{path:"/index-list",component:ce.default,children:[{path:"default",component:ue.default},{path:"custom",component:oe.default},{path:"pull-up-load",component:se.default},{path:"pull-down-refresh",component:re.default}]},{path:"/upload",component:de.default,children:[{path:"default",component:ve.default},{path:"compress",component:pe.default},{path:"custom",component:fe.default}]},{path:"/validator",component:he.default},{path:"/swipe",component:xe.default,children:[{path:"default",component:ye.default},{path:"custom",component:me.default}]},{path:"/slide",component:we.default,children:[{path:"vertical",component:ke.default},{path:"horizontal",component:Ae.default}]},{path:"/toolbar",component:Ce.default},{path:"/sticky",component:Te.default,children:[{path:"scroll",component:je.default},{path:"native",component:Pe.default},{path:"wechat",component:Se.default},{path:"complex",component:Me.default}]},{path:"/scroll-nav-bar",component:De.default},{path:"/scroll-nav",component:Ve.default,children:[{path:"default",component:Ie.default},{path:"side",component:Oe.default}]},{path:"/tab-bar",component:Re.default,children:[{path:"tab-bar",component:Be.default},{path:"scroll-tab",component:Fe.default},{path:"tab",component:He.default,children:[{path:"basic",component:Ne.default},{path:"composite",component:Le.default}]}]},{path:"/recycle-list",component:Ke.default,children:[{path:"default",component:ze.default},{path:"tombstone",component:Ye.default}]}];e.default=Ge,t.exports=e.default})},neus:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},niVN:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},nlvd:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"Cancel",confirm:"Confirm",ok:"OK",prev:"Prev",next:"Next",selectText:"Please select",now:"Now",selectTime:"Select time",today:"Today",formatDate:"M-D",hours:"",minutes:"",validator:{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:"Please input at least {{config}} characters.",number:"The number could not smaller than {{config}}.",array:"Please select at least {{config}} items.",date:'Please select a date after {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input at least {{config}} characters.",tel:"Please input at least {{config}} characters.",url:"Please input at least {{config}} characters."},max:{string:"Please input no more than {{config}} characters.",number:"The number could not bigger than {{config}}",array:"Please select no more than  {{config}} items",date:'Please select a date before {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input no more than {{config}} characters.",tel:"Please input no more than {{config}} characters.",url:"Please input no more than {{config}} characters."},len:{string:"Please input {{config}} characters.",number:"The length should equal {{config}}",array:"Please select {{config}} items",date:'Please select {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input {{config}} characters.",tel:"Please input {{config}} characters.",url:"Please input {{config}} characters."},pattern:'The input don"t match pattern.',custom:"Invalid.",notWhitespace:"Whitespace is invalid."}},t.exports=e.default})},nocm:function(t,e){},nrl6:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("VzLe"),a("t3q3"),a("kAHR"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c);s.default.install=function(t){t.component(o.default.name,o.default),t.component(s.default.name,s.default),v.default.install(t),(0,d.default)(t,o.default),(0,r.default)(t,s.default)},s.default.Picker=o.default,e.default=s.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}]}]},oLGW:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("BD2p"),a("ZhPo"),a("AQXh")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);c.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},c.default.Btn=u.default,c.default.File=o.default,e.default=c.default,t.exports=e.default})},"oU/Y":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload-file",class:t.fileCls,on:{click:t.clickHandler}},[t._t("default",[a("div",{staticClass:"cube-upload-file-def",style:t.fileStyle},[a("i",{staticClass:"cubeic-wrong",on:{click:function(e){return e.stopPropagation(),t.removeFile(e)}}}),t._v(" "),a("div",{staticClass:"cube-upload-file-state",class:t.fileStatusCls},[a("i",{staticClass:"cube-upload-file-status",class:t.statusCls}),t._v(" "),a("span",{staticClass:"cube-upload-file-progress"},[t._v(t._s(t.fileProgress))])])])],{imgStyle:t.fileStyle,progress:t.fileProgress})],2)},staticRenderFns:[]}},oVd1:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var t=this,e=this.radioGroup;e&&void 0!==e.radioValue&&(this.radioValue=e.radioValue,this._cancelWatchGroup=this.$watch(function(){return e.radioValue},function(e){t.radioValue=e}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(t){this.radioValue=t},radioValue:function(t){"number"==typeof this.value&&(t=Number(t)),this.$emit("input",t),this.radioGroup&&(this.radioGroup.radioValue=t)}},computed:{computedOption:function(){var t=this.option;return"string"==typeof t?{value:t,label:t}:t},_containerClass:function(){var t=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===t.value,"cube-radio_disabled":t.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var t=this.$parent;if(!(t.horizontal||t.$props.colNum>1))return"border-bottom-1px"}}},t.exports=e.default})},orqC:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-drawer-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer-panel"},[a("div",{staticClass:"cube-drawer-scroll-wrapper"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.data}},[a("ul",{staticClass:"cube-drawer-list"},[t._t("default",t._l(t.data,function(t,e){return a("cube-drawer-item",{key:e,attrs:{item:t,index:e}})}))],2)])],1)])])},staticRenderFns:[]}},osO1:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("j9ag"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);l.default.localeMixin=c.default,e.default=l.default,t.exports=e.default})},p8T3:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-image-preview-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"image-preview","z-index":t.zIndex,center:!1}},[a("div",{staticClass:"cube-image-preview-container"},[a("div",{staticClass:"cube-image-preview-header"},[t._t("header",null,{current:t.currentPageIndex})],2),t._v(" "),t.isVisible?a("cube-slide",{ref:"slide",attrs:{data:t.imgs,"initial-index":t.currentPageIndex,"auto-play":!1,loop:t.loop,speed:t.speed,options:t.options},on:{change:t.slideChangeHandler}},[t._l(t.imgs,function(e,i){return a("cube-slide-item",{key:i},[a("div",{staticClass:"cube-image-preview-item",on:{click:t.itemClickHandler}},[a("cube-scroll",{ref:"items",refInFor:!0,attrs:{options:t.scrollOptions},nativeOn:{dblclick:function(e){t.dblclickHandler(i,e)}}},[a("img",{staticClass:"cube-image-preview-img",attrs:{src:e},on:{load:function(e){t.imgLoad(i)}}})])],1)])}),t._v(" "),a("template",{slot:"dots"},[a("i")])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-image-preview-footer"},[t._t("footer",[a("span",{staticClass:"cube-image-preview-counter"},[t._v(t._s(t.currentPageIndex+1)+"/"+t._s(t.imgs.length))])],{current:t.currentPageIndex})],2)],1)])],1)},staticRenderFns:[]}},p9oh:function(t,e,a){var i=a("VU/8")(a("e3O1"),a("zFE9"),null,null,null);t.exports=i.exports},pAFF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":t.expanded,"cube-textarea_active":t.isFocus}},[a("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),t.indicator?a("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.indicatorConf.remain?t.remain:t.count))]):t._e()])},staticRenderFns:[]}},"pWL+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("YlpP")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u=c.default.goods;e.default={components:{CubePage:l.default},data:function(){return{data:u}},methods:{changeHandler:function(t){console.log("changed to:",t)}}},t.exports=e.default})},peAO:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-radio",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-radio-wrap",class:t._wrapClass},[a("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.computedOption.value,checked:t._q(t.radioValue,t.computedOption.value)},on:{change:function(e){t.radioValue=t.computedOption.value}}}),t._v(" "),t._m(0),t._v(" "),t._t("default",[a("span",{staticClass:"cube-radio-label"},[t._v(t._s(t.computedOption.label))])])],2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("span",{staticClass:"cube-radio-ui cubeic-round-border"},[a("i")])}]}},penI:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-tip-zoom"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-tip",attrs:{"data-dir":t.direction},on:{click:t.handleClick}},[a("i",{ref:"angle",staticClass:"cube-tip-angle"}),t._v(" "),a("button",{staticClass:"cube-tip-close cubeic-close",on:{click:function(e){return e.stopPropagation(),t.close(e)}}}),t._v(" "),a("div",{staticClass:"cube-tip-content"},[t._t("default")],2)])])},staticRenderFns:[]}},piyO:function(t,e,a){function i(t){a("ijHb")}var n=a("VU/8")(a("9O6X"),a("sJPN"),i,null,null);t.exports=n.exports},"pjk/":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("t7U9"),a("cL1+"),a("bh5B"),a("6liq"),a("QMhb"),a("kVGr")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(l),v=s(c),p=s(u),f=s(o),h=n.inBrowser&&window.innerHeight<=480?17:18,x=(0,i.prefixStyle)("transform");e.default={name:"cube-index-list",mixins:[p.default,f.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},speed:{type:Number,default:0},navbar:{type:Boolean,default:!0},pullDownRefresh:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}},pullUpLoad:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}}},data:function(){return{scrollEvents:["scroll"],currentIndex:0,scrollY:-1,diff:-1,titleHeight:0}},computed:{hasTitle:function(){return this.title||this.$slots.title},fixedTitle:function(){return this.hasTitle&&!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):""})},scrollOptions:function(){return(0,r.default)({},{pullDownRefresh:this.pullDownRefresh,pullUpLoad:this.pullUpLoad},this.options)}},created:function(){this.groupList=[],this.listHeight=[],this.touch={},this.subTitleHeight=0},mounted:function(){var t=this;this.$nextTick(function(){t.refresh()})},methods:{refresh:function(){this._caculateTitleHeight(),this._calculateHeight(),this.$refs.scroll&&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(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.$refs.scroll.forceUpdate(e,a),e&&this.$nextTick(function(){t._calculateHeight()})},onShortcutTouchStart:function(t){var e=(0,i.getMatchedTarget)(t,"cube-index-list-nav-item");if(e){var a=(0,i.getData)(e,"index"),n=t.touches[0];this.touch.y1=n.pageY,this.touch.anchorIndex=a,this._scrollTo(a)}},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var a=(this.touch.y2-this.touch.y1)/h|0,i=parseInt(this.touch.anchorIndex)+a;this._scrollTo(i)},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;a<this.groupList.length;a++){e+=this.groupList[a].clientHeight,this.listHeight.push(e)}}},_scrollTo:function(t){t<0?t=0:t>this.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.refresh()})},diff:function(t){var e=t>0&&t<this.subTitleHeight?t-this.subTitleHeight:0;this.fixedTop!==e&&(this.fixedTop=e,this.$refs.fixed.style[x]="translate3d(0,"+e+"px,0)")},scrollY:function(t){var e=this.listHeight;if(t>-this.titleHeight)return void(this.currentIndex=0);for(var a=0;a<e.length-1;a++){var i=e[a],n=e[a+1];if(-t>=i&&-t<n)return this.currentIndex=a,void(this.diff=n+t)}this.currentIndex=e.length-2}},components:{CubeScroll:d.default,CubeIndexListGroup:v.default}},t.exports=e.default})},pmij:function(t,e,a){var i=a("VU/8")(a("iQ/X"),a("iMtA"),null,null,null);t.exports=i.exports},ptdZ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-composite-view",title:"tab-composite"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-tab-bar",{ref:"tabNav",attrs:{"show-slider":"","use-transition":t.disabled,data:t.tabLabels},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}}),t._v(" "),a("div",{staticClass:"tab-slide-container"},[a("cube-slide",{ref:"slide",attrs:{loop:t.loop,"initial-index":t.initialIndex,"auto-play":t.autoPlay,"show-dots":t.showDots,options:t.slideOptions},on:{scroll:t.scroll,change:t.changePage}},[a("cube-slide-item",[a("cube-scroll",{attrs:{data:t.followersData,options:t.scrollOptions}},[a("ul",{staticClass:"list-wrapper"},t._l(t.followersData,function(e,i){return a("li",{key:i,staticClass:"list-item"},[a("div",{staticClass:"top"},[a("img",{staticClass:"avatar",attrs:{src:e.avatar}}),t._v(" "),a("span",{staticClass:"time"},[t._v(t._s(t.resolveTitle(e)))])]),t._v(" "),a("div",{staticClass:"middle is-bold line-height"},[t._v(t._s(e.question))]),t._v(" "),a("div",[t._v(t._s(t.resolveQuestionFollowers(e)))])])}))])],1),t._v(" "),a("cube-slide-item",[a("cube-scroll",{attrs:{data:t.recommendData,options:t.scrollOptions}},[a("ul",{staticClass:"list-wrapper"},t._l(t.recommendData,function(e,i){return a("li",{key:i,staticClass:"list-item"},[a("div",{staticClass:"top is-black is-bold line-height"},[t._v("\n                  "+t._s(e.question)+"\n                ")]),t._v(" "),a("div",{staticClass:"middle is-grey line-height"},[t._v(t._s(e.content))]),t._v(" "),a("div",[t._v(t._s(t.resolveQuestionFollowers(e)))])])}))])],1),t._v(" "),a("cube-slide-item",[a("cube-scroll",{attrs:{data:t.hotData,options:t.scrollOptions}},[a("ul",{staticClass:"list-wrapper"},t._l(t.hotData,function(e,i){return a("li",{key:i,staticClass:"list-item"},[a("div",{staticClass:"hot-title"},[a("span",{staticClass:"hot-sequence"},[t._v(t._s(e.sequence))]),t._v(" "),a("span"),t._v("\n                  "+t._s(e.label)+"\n                ")]),t._v(" "),a("div",{staticClass:"hot-content is-bold is-black"},[t._v(t._s(e.question))])])}))])],1)],1)],1)],1)])},staticRenderFns:[]}},pwV8:function(t,e,a){function i(t){a("QRTn")}var n=a("VU/8")(a("K/GD"),a("CRTG"),i,null,null);t.exports=n.exports},q8rA:function(t,e){},qC0d:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/tab-bar/"+t)}}},t.exports=e.default})},qPop:function(t,e){},qWZY:function(t,e,a){function i(t){a("4CSM")}var n=a("VU/8")(a("umxa"),a("4eWE"),i,null,null);t.exports=n.exports},qaXI: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:[]}},"qdm+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",{staticClass:"cube-btn",class:t.btnClass,attrs:{type:t.type},on:{click:t.handleClick}},[t.icon?a("i",{class:t.icon}):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},qefm:function(t,e,a){function i(t){a("qPop")}var n=a("VU/8")(a("MdHd"),a("ivoU"),i,null,null);t.exports=n.exports},qgN4:function(t,e,a){var i=a("VU/8")(a("de/F"),a("bEG4"),null,null,null);t.exports=i.exports},qgol:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-sticky-ele",inject:["sticky"],props:{eleKey:{type:[Number,String]}},mounted:function(){this.sticky.addEle(this)},methods:{refresh:function(){var t=this.$el;t.firstElementChild&&(t.style.height="",t.style.height=t.offsetHeight+"px")}},beforeDestroy:function(){this.sticky.removeEle(this)}},t.exports=e.default})},qqiS:function(t,e,a){function i(t){a("wcwn")}var n=a("VU/8")(a("iQe6"),a("1KaO"),i,null,null);t.exports=n.exports},qtvM:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("jbJ7")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){var i=t.required,n="agreement"===t.type;if(n&&(i=!0),i){var l={};l.required=n?function(t){return t}:i,(0,a.setRules)(e,t.model,l)}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i,t.exports=e.default})},r6LN:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("SOQt"),a("j9ag"),a("N/gd"),a("Gp4f")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=c(a),o=c(i),s=c(n),r=c(l);u.default.install=function(t){t.component(s.default.name,s.default),t.component(u.default.name,u.default),o.default.install(t),(0,r.default)(t,u.default)},u.default.Input=s.default,e.default=u.default,t.exports=e.default})},rQlO:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(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})},rR3D:function(t,e){},rwvr:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("yjF1")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},s0qb:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("cL1+")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e,a,n){for(var l=[],c=t.length,u=0,o=0;o<c;o++)i(t[o],o,e,function(t,e){if(u++,l[e]=t,a(t,e),u===c)return n(l)})}function i(t,e,a,i){a(t,function(t){var a=n(t.name,t.size,o,0,t);i(a,e)})}function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,c=n&&n.base64||"";return{name:t,size:e,url:c?"":l(n),base64:c,status:a,progress:i,file:n}}function l(t){return t&&u?u.createObjectURL(t):""}function c(t){if("function"==typeof t){for(var e=arguments.length,a=Array(e>1?e-1:0),i=1;i<e;i++)a[i-1]=arguments[i];return t.apply(this,a)}return 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=a,t.processFile=i,t.newFile=n,t.evalOpts=c;var u=t.URL=e.inBrowser?window.URL||window.webkitURL||window.mozURL:null,o=t.STATUS_READY="ready";t.STATUS_UPLOADING="uploading",t.STATUS_ERROR="error",t.STATUS_SUCCESS="success"})},"s7/r":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Basic Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Scrollbar",value:t.scrollbar},on:{"update:value":t.updateScrollbar}}),t._v(" "),t.scrollbar?a("switch-option",{staticClass:"item sub first last",attrs:{name:"fade",value:t.scrollbarFade},on:{"update:value":t.updateScrollbarFade}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"startY",value:t.startY},on:{"update:value":t.updateStartY}})],1)])]),t._v(" "),a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("Basic Demo")]),t._v(" "),a("div",{staticClass:"scroll-list-wrap"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.options}})],1)]),t._v(" "),a("div",{staticClass:"methods"},[a("div",{staticClass:"title"},[t._v("Methods")]),t._v(" "),a("ul",{staticClass:"method-list"},[a("li",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"y",value:t.scrollToY},on:{"update:value":t.updateScrollToY}}),t._v(" "),a("input-option",{staticClass:"item",attrs:{name:"time",value:t.scrollToTime},on:{"update:value":t.updateScrollToTime}}),t._v(" "),a("select-option",{staticClass:"item",attrs:{name:"easing",value:t.scrollToEasing,options:t.scrollToEasingOptions},on:{"update:value":t.updateScrollToEasing}}),t._v(" "),a("button",{on:{click:t.scrollTo}},[t._v("scrollTo")])],1)])])])])},staticRenderFns:[]}},"s8G+":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("fZjL"),a("Z5VE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-tip",mixins:[c.default],props:{direction:{type:String,default:"top"},offsetLeft:{type:[String,Number],default:0},offsetRight:{type:[String,Number],default:0},offsetTop:{type:[String,Number],default:0},offsetBottom:{type:[String,Number],default:0}},mounted:function(){var t=this;this.$nextTick(function(){var e=t.$refs.angle.style,a={left:"right",right:"left",top:"bottom",bottom:"top"};[{name:"offsetLeft",target:"left",percentFix:{marginLeft:"-6px"}},{name:"offsetRight",target:"right",percentFix:{marginRight:"-6px"}},{name:"offsetTop",target:"top",percentFix:{marginTop:"-6px"}},{name:"offsetBottom",target:"bottom",percentFix:{marginBottom:"-6px"}}].forEach(function(i){var n=t[i.name];if(0!==n){var c="number"==typeof n;e[i.target]=n+(c?"px":""),i.percentFix&&!c&&(0,l.default)(i.percentFix).forEach(function(t){e[t]=i.percentFix[t]}),e[a[i.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},sJPN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-recycle-list"},[a("div",{staticClass:"cube-recycle-list-main"},[a("div",{staticClass:"cube-recycle-list-items",style:{height:t.heights+"px"}},[t._l(t.visibleItems,function(e){return a("div",{staticClass:"cube-recycle-list-item",style:{transform:"translate(0,"+e.top+"px)"}},[t.infinite?a("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:+!e.loaded}},[t._t("tombstone")],2):t._e(),t._v(" "),a("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:e.loaded}},[t._t("item",null,{data:e.data})],2)])}),t._v(" "),a("div",{staticClass:"cube-recycle-list-pool"},[t._l(t.items,function(e,i){return!e||e.isTombstone||e.height?t._e():a("div",{ref:"preloads"+i,refInFor:!0,staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("item",null,{data:e.data})],2)}),t._v(" "),a("div",{ref:"tomb",staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("tombstone")],2)],2)],2),t._v(" "),t.infinite||t.noMore?t._e():a("div",{staticClass:"cube-recycle-list-loading",style:{visibility:t.loading?"visible":"hidden"}},[t._t("spinner",[a("div",{staticClass:"cube-recycle-list-loading-content"},[a("cube-loading",{staticClass:"cube-recycle-list-spinner"})],1)])],2),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.noMore,expression:"noMore"}],staticClass:"cube-recycle-list-noMore"},[t._t("noMore")],2)]),t._v(" "),a("div",{staticClass:"cube-recycle-list-fake"})])},staticRenderFns:[]}},sReb:function(t,e){},sVin:function(t,e){},sZn4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-validator",class:t.containerClass},[a("div",{staticClass:"cube-validator-content"},[t._t("default")],2),t._v(" "),a("div",{staticClass:"cube-validator-msg",on:{click:t.msgClickHandler}},[t._t("message",[a("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:[]}},shDe:function(t,e){},spJF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("pull-up-load")}}},[t._v("Pull Up Load")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("pull-down-refresh")}}},[t._v("Pull Down Refresh")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},suVo:function(t,e,a){function i(t){a("0Rlg")}var n=a("VU/8")(a("G59/"),a("Dz+K"),i,null,null);t.exports=n.exports},t2ZM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Cascade Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showCascadePicker}},[t._v("Cascade Picker")]),t._v(" "),a("cube-button",{on:{click:t.showAddressPicker}},[t._v("Address Picker")]),t._v(" "),a("cube-button",{on:{click:t.showSetDataPicker}},[t._v("Set Data")]),t._v(" "),a("cube-button",{on:{click:t.showAsyncPicker}},[t._v("Async Load Data")])],1)],1)])},staticRenderFns:[]}},t3q3:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},t4A1:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["👈🏻  outer 👉🏻 ","🙂 🤔 😄 🤨 😐 🙃 "],l=["👈🏻  inner 👉🏻  ","🙂 🤔 😄 🤨 😐 🙃 ","👈🏻  inner 👉🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👈🏻  inner 👉🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👈🏻  inner 👉🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 "];e.default={data:function(){return{items1:n,items2:l}},components:{CubePage:i.default}},t.exports=e.default})},t7U9:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("cL1+")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";function a(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function i(t,e){if(!a(t,e)){var i=t.className.split(" ");i.push(e),t.className=i.join(" ")}}function n(t,e){if(a(t,e)){var i=new RegExp("(^|\\s)"+e+"(\\s|$)","g");t.className=t.className.replace(i," ")}}function l(t,e){return t.getAttribute("data-"+e)}function c(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function u(t){return!1!==r&&("standard"===r?"transitionEnd"===t?"transitionend":t:r+t.charAt(0).toUpperCase()+t.substr(1))}function o(t,e){for(var i=t.target;i&&!a(i,e);){if(i===t.currentTarget)return null;i=i.parentNode}return i}function s(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=a.type,n=void 0===i?"Event":i,l=a.bubbles,c=void 0===l||l,u=a.cancelable,o=void 0===u||u,s=document.createEvent(n);s.initEvent(e,c,o),t.dispatchEvent(s)}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=a,t.addClass=i,t.removeClass=n,t.getData=l,t.getRect=c,t.prefixStyle=u,t.getMatchedTarget=o,t.dispatchEvent=s;var r=function(){if(!e.inBrowser)return!1;var t=document.createElement("div").style,a={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var i in a)if(void 0!==t[a[i]])return i;return!1}()})},tEcF:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("mkLW"),a("0I1X")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={name:"cube-radio-group",mixins:[c.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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:l.default}},t.exports=e.default})},tJl4:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={STANDARD:"standard",CLASSIC:"classic",FRESH:"fresh"};e.default=a,t.exports=e.default})},tNeh:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("VzLe"),a("JBFj"),a("kAHR"),a("t3q3"),a("C2tW"),a("j9ag")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(l),f=s(c),h=s(u),x=s(o);v.default.install=function(t){t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(v.default.name,v.default),x.default.install(t),(0,p.default)(t,r.default),(0,f.default)(t,d.default),(0,h.default)(t,v.default)},v.default.Picker=r.default,d.default.Picker=r.default,v.default.CascadePicker=d.default,e.default=v.default,t.exports=e.default})},tTMC:function(t,e,a){function i(t){a("0esP")}var n=a("VU/8")(a("BPTU"),a("VL7T"),i,null,null);t.exports=n.exports},tYAf:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-index-list-group"},[a("h2",{staticClass:"cube-index-list-anchor",domProps:{innerHTML:t._s(t.group.name)}}),t._v(" "),a("ul",[t._t("default",t._l(t.group.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}})}))],2)])},staticRenderFns:[]}},tspx:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("t7U9"),a("4BV0"),a("+rJ6")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=(0,a.prefixStyle)("transform"),c=(0,a.prefixStyle)("transitionProperty"),u=(0,a.prefixStyle)("transitionDuration"),o=(0,a.prefixStyle)("transitionTimingFunction");e.default={name:"cube-swipe-item",inject:["swipe"],props:{item:{type:Object,default:function(){return{}}},btns:{type:Array,default:function(){return[]}},index:{type:Number,index:-1},autoShrink:{type:Boolean,default:!1}},watch:{btns:function(){var t=this;this.$nextTick(function(){t.refresh()})}},created:function(){this.x=0,this.state=0,this.swipe.addItem(this)},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<t;e++)this.cachedBtns.push({width:(0,a.getRect)(this.$refs.btns[e]).width})},_handleBtns:function(t){if(0!==this.btns.length)for(var e=this.$refs.btns.length,a=0,i=-this.maxScrollX,n=0;n<e;n++){var c=this.$refs.btns[n],o=(i-a)/i,s=void 0,r=o*t-t;s=t<this.maxScrollX?this.cachedBtns[n].width+o*(this.maxScrollX-t):this.cachedBtns[n].width,a+=this.cachedBtns[n].width,c.style.width=s+"px",c.style[l]="translate("+r+"px)",c.style[u]="0ms"}},_isInBtns:function(t){for(var e=t,a=!1;e&&e.className.indexOf("cube-swipe-item")<0;){if(e.className.indexOf("cube-swipe-btns")>=0){a=!0;break}e=e.parentNode}return a},_calculateBtnsWidth:function(){for(var t=0,e=this.cachedBtns.length,a=0;a<e;a++)t+=this.cachedBtns[a].width;this.maxScrollX=-t},_translate:function(t,e){var a=e?" translateZ(0)":"";this.scrollerStyle[l]="translate("+t+"px,0)"+a,this.x=t},_transitionProperty:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[c]=t},_transitionTimingFunction:function(t){this.scrollerStyle[o]=t},_transitionTime:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.scrollerStyle[u]=t+"ms"},_getComputedPositionX:function(){var t=window.getComputedStyle(this.$refs.swipeItem,null);return t=t[l].split(")")[0].split(", "),+(t[12]||t[4])},_translateBtns:function(t,e,a){if(0!==this.btns.length)for(var i=this.$refs.btns.length,n=0,s=0,r=0;r<i;r++){var d=this.$refs.btns[r];s=1===this.state?n:0,n+=this.cachedBtns[r].width,d.style[l]="translate("+s+"px,0) translateZ(0)",d.style[c]="all",d.style[o]=e,d.style[u]=t+"ms",a&&(d.style.width=this.cachedBtns[r].width+"px")}},refresh:function(){this.btns.length>0&&(this._initCachedBtns(),this._calculateBtnsWidth()),this.endTime=0},shrink:function(){var t=this;this.stop(),this.state=0,this.$nextTick(function(){t.scrollTo(0,600,i.easeOutQuart),t._translateBtns(600,i.easeOutQuart)})},grow:function(){this.state=1;var t=this.x<this.maxScrollX,e=i.easeOutCubic;this.scrollTo(this.maxScrollX,600,e),this._translateBtns(600,e,t)},scrollTo:function(t,e,a){this._transitionProperty(),this._transitionTimingFunction(a),this._transitionTime(e),this._translate(t,!0),e&&(this.isInTransition=!0)},genBtnStyl:function(t){return"background: "+t.color},clickItem:function(){this.swipe.onItemClick(this.item,this.index),this.$emit("item-click",this.item,this.index)},clickBtn:function(t){this.swipe.onBtnClick(t,this.index),this.$emit("btn-click",t,this.index),this.autoShrink&&this.shrink()},stop:function(){if(this.isInTransition){this.isInTransition=!1;var t=0===this.state?0:this._getComputedPositionX();this._translate(t),this.$emit("scroll",this.x)}},onTouchStart:function(t){var e=this;this.swipe.onItemActive(this.index),this.$emit("active",this.index),this.stop(),this.moved=!1,this.movingDirectionX=0;var a=t.touches[0];this.pointX=a.pageX,this.pointY=a.pageY,this.distX=0,this.distY=0,this.startX=this.x,this._transitionTime(),this.startTime=(0,n.getNow)(),1!==this.state||this._isInBtns(t.target)||(this.shrinkTimer=setTimeout(function(){e.shrink()},300))},onTouchMove:function(t){if(this.moved&&(clearTimeout(this.shrinkTimer),t.stopPropagation()),!this.isInTransition){t.preventDefault();var e=t.touches[0],a=e.pageX-this.pointX,i=e.pageY-this.pointY;this.pointX=e.pageX,this.pointY=e.pageY,this.distX+=a,this.distY+=i;var l=Math.abs(this.distX);if(!(l+5<=Math.abs(this.distY))){var c=(0,n.getNow)();if(!(c-this.endTime>300&&l<15)){this.movingDirectionX=a>0?-1:a<0?1:0;var u=this.x+a;u>0&&(u=0),u<this.maxScrollX&&(u=this.x+a/3),this.moved||(this.moved=!0),this._translate(u,!0),c-this.startTime>300&&(this.startTime=c,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,n.getNow)();var t=this.endTime-this.startTime,e=Math.abs(this.x-this.startX);t<300&&e>15||this.x<this.maxScrollX/2?this.grow():this.shrink()}},onTransitionEnd:function(){this.isInTransition=!1,this._transitionTime(),this._translate(this.x)}},beforeDestroy:function(){this.swipe.removeItem(this)}},t.exports=e.default})},twNj:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String,default:"",required:!0},type:{type:String,default:""},desc:{type:String,default:""},content:{type:String,default:""}},methods:{back:function(){this.$router.back()}}},t.exports=e.default})},tx1y:function(t,e,a){var i=a("VU/8")(a("JHHX"),a("/QTU"),null,null,null);t.exports=i.exports},txVD:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{items:[{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/C9lKs8y0E6/IMG_4014.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/hD6agmm2ov/IMG_4012.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/twV-VvZOA9/IMG_4011.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/eR_MahwRUT/IMG_4010.jpg"},{url:"http://www.didichuxing.com/",image:"https://dpubstatic.udache.com/static/dpubimg/R3tKHhdZuK/IMG_4009.jpg"}],loop:!0}},methods:{change:function(t){console.log("当前轮播图序号为:"+t)}},components:{CubePage:i.default}},t.exports=e.default})},u1ui:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("ZhPo"),a("AQXh"),a("/5me"),a("3BKo"),a("s0qb")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l);e.default={name:"cube-upload",mixins:[d.default],props:{value:{type:Array,default:function(){return[]}},action:{type:[String,Object],default:""},max:{type:Number,default:10},auto:{type:Boolean,default:!0},simultaneousUploads:{type:Number,default:1},processFile:{type:Function,default:function(t,e){e(t)}}},data:function(){return{files:this.value,paused:!this.auto}},computed:{actionOptions:function(){var t=this.action;return"string"==typeof t?t?{target:t}:null:t},isShowBtn:function(){return this.files.length<this.max}},watch:{value:function(t){this.files=t},files:function(t){this.$emit("input",t)}},methods:{addFiles:function(t){var e=this;this.$emit("files-added",t);for(var a=this.files.length,i=[],n=this.max-a,l=0,u=t[l];i.length<n&&u;)u.ignore||(i.push(u),this.files.push((0,c.newFile)())),u=t[++l];(0,c.processFiles)(i,this.processFile,function(t,i){e.$set(e.files,a+i,t),e.$emit("file-submitted",t)},function(){e.$nextTick(function(){e.upload()})})},removeFile:function(t){this.$emit("file-removed",t),t._xhr&&t._xhr.abort(),t.url&&c.URL.revokeObjectURL(t.url);var e=this.files.indexOf(t);this.files.splice(e,1),this.upload()},fileClick:function(t,e){this.$emit("file-click",t,e)},upload:function(t){var e=this,a=this.actionOptions;if(!this.paused&&a)for(var i=this.files.length,n=0,l=0;l<i&&n<this.simultaneousUploads;)!function(){var i=e.files[l],u=i.status;u===c.STATUS_READY||t&&u===c.STATUS_ERROR&&i._retryId!==e.retryId?((0,r.default)(i,a,function(a){u===c.STATUS_ERROR&&(a._retryId=e.retryId),e.$emit(a.status===c.STATUS_SUCCESS?"file-success":"file-error",a),e.upload(t)}),n++):u===c.STATUS_UPLOADING&&n++,l++}()},start:function(){this.paused=!1,this.upload()},pause:function(){this.paused=!0,this.files.forEach(function(t){t.status===c.STATUS_UPLOADING&&(t._xhr.abort(),t.status=c.STATUS_READY)})},retry:function(){this.retryId=Date.now(),this.paused=!1,this.upload(!0)}},components:{UploadBtn:o.default,UploadFile:s.default}},t.exports=e.default})},uCDH:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("xV+0"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var l=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabel:"推荐",disabled:!1,tabLabels:[{label:"关注"},{label:"推荐"},{label:"热榜"}],loop:!1,autoPlay:!1,showDots:!1,slideOptions:{listenScroll:!0,probeType:3,directionLockThreshold:0},scrollOptions:{directionLockThreshold:0},followersData:i.FOLLOWERS_DATA,recommendData:i.RECOMMEND_DATA,hotData:i.HOT_DATA}},methods:{changePage:function(t){this.selectedLabel=this.tabLabels[t].label,console.log(t)},scroll:function(t){var e=Math.abs(t.x),a=this.$refs.tabNav.$el.clientWidth,i=this.$refs.slide.slide.scrollerWidth,n=e/i*a;this.$refs.tabNav.setSliderTransform(n)},resolveTitle:function(t){return t.name+"关注了问题 · "+t.postTime+" 小时前"},resolveQuestionFollowers:function(t){return t.answers+" 赞同 · "+t.followers+" 评论"}},computed:{initialIndex:function(){var t=this;return(0,n.findIndex)(this.tabLabels,function(e){return e.label===t.selectedLabel})}},components:{CubePage:l.default}},t.exports=e.default})},uCFs:function(t,e){},uE8O:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("PzHl"),a("vJ9C"),a("VKJd"),a("bh5B"),a("Z5VE"),a("d64j"),a("cL1+"),a("0Oib")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=r(a),v=r(i),p=r(n),f=r(l),h=r(c),x=r(u);e.default={name:"cube-image-preview",mixins:[h.default,x.default],props:{initialIndex:{type:Number,default:0},imgs:{type:Array,default:function(){return[]}},loop:{type:Boolean,default:!0},speed:{type:Number,default:400},preventDefault:{type:Boolean,default:!0}},data:function(){return{currentPageIndex:this.initialIndex,options:{observeDOM:!1,bounce:{left:!0,right:!0},useTransition:!o.isAndroid&&s.USE_TRANSITION,probeType:3,preventDefault:this.preventDefault},scrollOptions:{useTransition:s.USE_TRANSITION,HWCompositing:o.isAndroid,observeDOM:!1,zoom:!0,bindToWrapper:!0,freeScroll:!0,scrollX:!0,scrollY:!0,probeType:3,bounce:!1,click:!1,dblclick:!0,bounceTime:300,preventDefault:this.preventDefault}}},watch:{initialIndex:function(t){this.setPageIndex(t)}},methods:{show:function(){var t=this;this.isVisible=!0,this.$nextTick(function(){t._listenSlide(),t._listenScroll()})},_listenSlide:function(){var t=this;this.$nextTick(function(){var e=t.$refs.slide.slide;e.on("scrollStart",t.slideScrollStartHandler),e.on("scrollEnd",t.slideScrollEndHandler)})},_listenScroll:function(){var t=this;this.$nextTick(function(){t.$refs.items.forEach(function(e){var a=e.scroll;a.on("zoomStart",t.zoomStartHandler.bind(t,a)),a.on("beforeScrollStart",t.beforeScrollHandler),a.on("scroll",t.checkBoundary.bind(t,a)),a.on("scrollEnd",t.scrollEndHandler.bind(t,a))})})},hide:function(){this.isVisible=!1,this.$emit("hide")},prev:function(){var t=this.$refs.slide.slide;t&&t.prev()},next:function(){var t=this.$refs.slide.slide;t&&t.next()},goTo:function(t){var e=this.$refs.slide.slide;e&&e.goToPage(t,0)},imgLoad:function(t){this.isVisible&&this.$refs.items&&this.$refs.items[t].scroll.refresh()},setPageIndex:function(t){if(this.currentPageIndex>=0&&this.currentPageIndex!==t){var e=this.$refs.items[this.currentPageIndex];if(e){var a=e.scroll;1!==a.scale&&(a.scale=1,a.lastcale=1,a.refresh())}}this.currentPageIndex=t},slideChangeHandler:function(t){this.setPageIndex(t),this.slideScrollEndHandler(),this.$emit("change",t)},slideScrollStartHandler:function(){var t=this.$refs.slide.slide;this._scrolling&&!this._hasEnableSlide?t.disable():t.enable()},slideScrollEndHandler:function(){var t=this;this.$refs.items.forEach(function(e){t.scrollEndHandler(e.scroll)})},_scroll:function(t){var e=this.$refs.slide.slide;e.disable(),e.refresh(),t.enable()},_slide:function(t){this.$refs.slide.slide.enable(),t.disable()},beforeScrollHandler:function(){clearTimeout(this.enableSlideTid)},scrollEndHandler:function(t){var e=this;clearTimeout(this.enableSlideTid),this.dblZooming&&(this.dblZooming=!1,clearTimeout(this.clickTid)),this._hasEnableSlide=!1,this._scrolling=!1,t.enable(),this.enableSlideTid=setTimeout(function(){e.$refs.slide.slide.enable()})},checkBoundary:function(t,e){if(t.distX&&Math.abs(t.distX)>Math.abs(t.distY)){this._scrolling=!0;(t.distX>0?e.x>=t.minScrollX:e.x<=t.maxScrollX)?(this._hasEnableSlide=!0,this._slide(t)):this._hasEnableSlide||this._scroll(t)}else t.distY&&(this._scrolling=!0,this._scroll(t))},zoomStartHandler:function(t){this._scroll(t)},dblclickHandler:function(t,e){var a=this.$refs.items[t].scroll;this.dblZooming=!0,this.zoomTo(a,a.scale>1?1:2,e),a.disable()},itemClickHandler:function(){var t=this;clearTimeout(this.clickTid),this.clickTid=setTimeout(function(){!t.dblZooming&&t.hide()},this.scrollOptions.bounceTime)},zoomTo:function(t,e,a){t.zoomTo(e,a.pageX,a.pageY)}},components:{CubePopup:d.default,CubeSlide:v.default,CubeSlideItem:p.default,CubeScroll:f.default}},t.exports=e.default})},uGVW:function(t,e,a){function i(t){a("deRs")}var n=a("VU/8")(a("C/e8"),a("yADO"),i,null,null);t.exports=n.exports},uN5Q:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-custom",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Use slots: ")]),t._v(" "),a("div",{staticClass:"upload-view-custom-main"},[a("cube-upload",{ref:"upload",attrs:{action:t.action},on:{"files-added":t.addedHandler,"file-error":t.errHandler},model:{value:t.files,callback:function(e){t.files=e},expression:"files"}},[a("div",{staticClass:"clear-fix"},[t._l(t.files,function(t,e){return a("cube-upload-file",{key:e,attrs:{file:t}})}),t._v(" "),a("cube-upload-btn",{attrs:{multiple:!1}},[a("div",[a("i",[t._v("＋")]),t._v(" "),a("p",[t._v("Please click to upload ID card")])])])],2)])],1)])],2)},staticRenderFns:[]}},uYby:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},ulou:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("o/OE")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default},data:function(){return{title:"Current City: BEIJING",cityData:c.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},umxa:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/swipe/"+t)}}},t.exports=e.default})},uqUP:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-slide-item"},[t._t("default",[a("a",{attrs:{href:t.item.url}},[a("img",{attrs:{src:t.item.image}})])])],2)},staticRenderFns:[]}},uwC9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper custom"},[a("cube-index-list",{attrs:{data:t.singerData},scopedSlots:t._u([{key:"nav-item",fn:function(e){return a("span",{staticClass:"custom-nav-item"},[t._v(t._s(e.item))])}}])},t._l(t.singerData,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}},[a("div",{staticClass:"custom-item"},[a("img",{directives:[{name:"lazy",rawName:"v-lazy",value:e.avatar,expression:"item.avatar"}],staticClass:"avatar"}),t._v(" "),a("span",{staticClass:"name"},[t._v(t._s(e.name))])])])}))}))],1)])])])},staticRenderFns:[]}},"uwJ+":function(t,e){},uzcz:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"swipeItem",staticClass:"cube-swipe-item",on:{transitionend:t.onTransitionEnd,touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd}},[t._t("default",[a("div",{staticClass:"cube-swipe-item-inner border-bottom-1px",on:{click:t.clickItem}},[a("span",[t._v(t._s(t.item.text))])])]),t._v(" "),a("ul",{staticClass:"cube-swipe-btns"},t._l(t.btns,function(e){return a("li",{ref:"btns",refInFor:!0,staticClass:"cube-swipe-btn",style:t.genBtnStyl(e),on:{click:function(a){a.preventDefault(),t.clickBtn(e)}}},[a("span",{staticClass:"text"},[t._v(t._s(e.text))])])}))],2)},staticRenderFns:[]}},v4hj:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("qqiS"),a("suVo"),a("4Kqh")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);u.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),(0,o.default)(t,u.default)},u.default.Loading=c.default,e.default=u.default,t.exports=e.default})},v4qp:function(t,e){},vEm4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("horizontal Demo")]),t._v(" "),a("cube-scroll",{ref:"scroll",staticClass:"horizontal-scroll-list-wrap",attrs:{data:t.items,direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}))])],1)])])},staticRenderFns:[]}},vJ9C:function(t,e,a){function i(t){a("IuA7")}var n=a("VU/8")(a("wLKS"),a("FK47"),i,null,null);t.exports=n.exports},vLxS:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={components:{CubePage:c.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/tab-bar/tab/"+t)}}},t.exports=e.default})},vfhA:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("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(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},vhte:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["select","cancel"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},vpa7:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("Gu7T"),a("GQaK"),a("PzHl"),a("Z5VE"),a("d64j"),a("yIJW"),a("wih/"),a("4KJe"),a("0Oib")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u,o,s,r){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=d(a),p=d(i),f=d(n),h=d(l),x=d(c),y=d(u),m=d(o),b=d(s);e.default={name:"cube-picker",mixins:[h.default,x.default,y.default,m.default,b.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],a=this.finalData.length,i=this._values.length;i!==a&&(t=!0,i>a&&(this._values.length=this._indexes.length=a));for(var n=0;n<a;n++){var l=this._getSelectIndex(this.wheels[n]);this._indexes[n]=l;var c=null,u="";this.finalData[n].length&&(c=this.finalData[n][l][this.valueKey],u=this.finalData[n][l][this.textKey]),this._values[n]!==c&&(t=!0),this._values[n]=c,e[n]=u}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,a=0;a<t.finalData.length;a++)t._createWheel(e,a).enable(),t.wheels[a].wheelTo(t._indexes[a]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var a=this;this._indexes=e?[].concat((0,v.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=a.$refs.wheelWrapper;a.finalData.forEach(function(e,i){a._createWheel(t,i),a.wheels[i].wheelTo(a._indexes[i])}),a._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,a=[];return t.length?(t.forEach(function(t,i){a[i]=e.refillColumn(i,t)}),a):a},refillColumn:function(t,e){var a=this,i=this.$refs.wheelWrapper,n=i.children[t].querySelector(".cube-picker-wheel-scroll"),l=!!this.wheels&&this.wheels[t],c=0;if(n&&l){var u=this.finalData[t];this.$set(this.finalData,t,e);var o=l.getSelectedIndex();if(u.length)for(var s=u[o][this.valueKey],r=0;r<e.length;r++)if(e[r][this.valueKey]===s){c=r;break}this._indexes[t]=c,this.$nextTick(function(){l=a._createWheel(i,t),l.wheelTo(c)})}return c},scrollTo:function(t,e){var a=this.wheels[t];this._indexes[t]=e,a.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var a=this;if(this.wheels[e])this.wheels[e].refresh();else{var i=this.wheels[e]=new p.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:r.USE_TRANSITION});i.on("scrollEnd",function(){a.$emit("change",e,a._getSelectIndex(i))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return r.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:f.default}},t.exports=e.default})},w3NF:function(t,e){},wIkl:function(t,e,a){function i(t){a("EKZ3")}var n=a("VU/8")(a("hC+w"),a("0XpD"),i,null,null);t.exports=n.exports},wKxo:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("cube-scroll",{ref:"scroll",staticClass:"outer-horizontal-scroll",attrs:{data:t.items1,direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},[t._l(t.items1,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}),t._v(" "),a("li",{staticClass:"list-item inner-horizontal-scroll"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items2,nestMode:"free",direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},t._l(t.items2,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}))])],1),t._v(" "),t._l(t.items1,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])})],2)])],1)])])},staticRenderFns:[]}},wLKS:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("woOf"),a("VKJd"),a("GQaK"),a("QMhb"),a("kVGr")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l),v=u(c),p={momentum:!1,click:!0,observeDOM:!1,bounce:!1};e.default={name:"cube-slide",mixins:[d.default,v.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:void 0,deprecated:{replacedBy:"options"}},stopPropagation:{type:Boolean,default:void 0,deprecated:{replacedBy:"options"}},refreshResetCurrent:{type:Boolean,default:!0}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},created:function(){var t=this;this._dataWatchers=[],["data","loop","autoPlay","options.eventPassthrough","threshold","speed","allowVertical"].forEach(function(e){t._dataWatchers.push(t.$watch(e,function(){"data"===e&&t._destroy(),t.$nextTick(function(){t.refresh()})}))})},watch:{initialIndex:function(t){t!==this.currentPageIndex&&this._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.refreshResetCurrent&&(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",a=0,i=this.$refs.slide["client"+(e[0].toUpperCase()+e.slice(1))],n=this.children.length,l=0;l<n;l++){this.children[l].style[e]=i+"px",a+=i}this.loop&&!t&&n>1&&(a+=2*i),this.$refs.slideGroup.style[e]=a+"px"},_initSlide:function(){var t=this,e="horizontal"===this.direction&&this.allowVertical?"vertical":"",a=(0,o.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 r.default(this.$refs.slide,a),this.slide.on("scrollEnd",this._onScrollEnd),this._goToPage(this.currentPageIndex,0),this.options.listenScroll&&3===this.options.probeType&&this.slide.on("scroll",this._onScroll);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(),e=t.pageX,a=t.pageY,i="horizontal"===this.direction?e:a;this.currentPageIndex!==i&&(this.currentPageIndex=i,this.$emit("change",i)),this.$emit("scroll-end",i),this.autoPlay&&this._play()},_onScroll:function(t){this.$emit("scroll",t)},_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))},_goToPage:function(t,e){"horizontal"===this.direction?this.slide&&this.slide.goToPage(t,0,e):"vertical"===this.direction&&this.slide&&this.slide.goToPage(0,t,e)}},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._destroy(),this.slide=null,this._dataWatchers.forEach(function(t){t()}),this._dataWatchers=null},components:{CubeSlideItem:s.default}},t.exports=e.default})},wOxr:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,l.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},wT65:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bh5B")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},wYaX:function(t,e){},waH8:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("kww3"),a("Z5VE"),a("d64j"),a("yIJW"),a("wih/"),a("4KJe")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c),f=o(u);e.default={name:"cube-cascade-picker",mixins:[r.default,d.default,v.default,p.default,f.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,a){this.$emit("select",t,e,a)},_pickerCancel:function(){this.$emit("cancel")},_pickerChange:function(t,e){e!==this.pickerSelectedIndex[t]&&(this.pickerSelectedIndex.splice(t,1,e),this.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,a=this.cascadeData,i=0;a;)i>=e&&function(){var n=[];a.forEach(function(e){n.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[i]=n,t.pickerSelectedIndex[i]=0===e?t.pickerSelectedIndex[i]<a.length?t.pickerSelectedIndex[i]||0:0:t.$refs.picker.refillColumn(i,n)}(),a=a.length?a[this.pickerSelectedIndex[i]].children:null,i++;i<this.pickerData.length&&this.pickerData.splice(i,this.pickerData.length-i),this.pickerData=this.pickerData.slice()}},components:{CubePicker:s.default}},t.exports=e.default})},wcwn:function(t,e){},"wih/":function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},wnnB:function(t,e,a){function i(t){a("ymMH")}var n=a("VU/8")(a("+iBg"),a("zbfp"),i,null,null);t.exports=n.exports},wohH:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-json-view"},[a("h3",[t._v(t._s(t.title))]),t._v(" "),t.changed?a("pre",[t._v("    "),a("code",{ref:"code"},[t._v(t._s(t.data))]),t._v("\n  ")]):t._e()])},staticRenderFns:[]}},"x/Fx":function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("gLZT")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},x6Xs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"demo-agreement"},[t.desc?a("p",{domProps:{innerHTML:t._s(t.desc)}}):t._e(),t._v(" "),a("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[a("span",{domProps:{innerHTML:t._s(t.text)}}),t._v(" "),t.link?a("a",{attrs:{href:t.link.href,target:"_blank"}},[t._v(t._s(t.link.text))]):t._e()])],1)},staticRenderFns:[]}},x9Ds:function(t,e,a){var i,n,l;!function(c,u){n=[e,a("bOdI"),a("UFDc")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a){"use strict";function i(){for(var t=this._base.prototype,e=t.$cubeLang,i=t.$cubeMessages[e].validator,l=arguments.length,c=Array(l),u=0;u<l;u++)c[u]=arguments[u];"string"==typeof c[0]&&(c[0]=(0,n.default)({},c[0],c[1])),(0,a.deepAssign)(i,c[0])}Object.defineProperty(t,"__esModule",{value:!0}),t.addMessage=void 0;var n=function(t){return t&&t.__esModule?t:{default:t}}(e);t.addMessage=i})},xH1B:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("XPXN"),a("0NVV")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i);e.default={components:{CubePage:l.default},data:function(){return{singerData:c.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},xIPZ:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/5sW"),a("XPXN"),a("1Vb/"),a("6SSl"),a("5Fev"),a("YlpP")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n,l,c,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(l),p=o(c),f=o(u),h=[];f.default.goods.forEach(function(t){h=h.concat(t.foods)}),e.default={data:function(){return{items:h,pullDownRefresh:!1,pullDownRefreshThreshold:60,pullDownRefreshStop:40,pullDownRefreshTxt:"Refresh success",pullUpLoad:!1,pullUpLoadThreshold:0,pullUpLoadMoreTxt:"Load more",pullUpLoadNoMoreTxt:"No more data",customPullDown:!1}},components:{CubePage:r.default,SwitchOption:d.default,InputOption:v.default,SelectOption:p.default},computed:{options:function(){return{pullDownRefresh:this.pullDownRefreshObj,pullUpLoad:this.pullUpLoadObj,scrollbar:!0}},pullDownRefreshObj:function(){return!!this.pullDownRefresh&&{threshold:parseInt(this.pullDownRefreshThreshold),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(h[1]):t.$refs.scroll.forceUpdate()},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){if(Math.random()>.5){var e=h.slice(0,5);t.items=t.items.concat(e)}else t.$refs.scroll.forceUpdate()},1e3)},updatePullDownRefresh:function(t){this.pullDownRefresh=t},updatePullDownRefreshThreshold:function(t){this.pullDownRefreshThreshold=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},updateCustomPullDown:function(t){this.customPullDown=t},rebuildScroll:function(){var t=this;s.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}}},t.exports=e.default})},xRl6:function(t,e){},xUY6:function(t,e,a){function i(t){a("Bd0C")}var n=a("VU/8")(a("EF6b"),a("l43s"),i,null,null);t.exports=n.exports},"xV+0":function(t,e,a){var i,n,l;!function(a,c){n=[e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.FOLLOWERS_DATA=[{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:1,question:"你可以左右滑动内容区域",answers:445,followers:1366},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:2,question:"你可以左右滑动内容区域",answers:67,followers:18},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:110,followers:1827},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:8,followers:200},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:7,followers:29}],t.RECOMMEND_DATA=[{question:"你可以左右滑动内容区域。",content:"你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域",answers:21,followers:2910},{question:"男生如何看待胖胖的女孩子？",content:"你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。然后出现如下对话: 他这么认真但是我真的严肃不起来，甚至有点想笑，莫名戳中萌点 (๑^o^๑) ———————————————————跑题啦，跑题啦，但是忍不住想说一下",answers:398,followers:10009},{question:"你最喜欢的句子是？",content:"1.无论走到哪儿，都没有必要那么着急，这条路很长，你不用这么快走完，你也不用担心，害怕，不要被眼前暂时的幻想迷住了眼睛，只管放心下来，踏踏实实地大胆迈步走，心立得住，身体才不会倾倒。我告诉你我喜欢你，并不是一定要和你在一起，只是希望今后的你。",answers:88,followers:1726},{question:"如何看待《权力的游戏》中的「泰温·兰尼斯特」？",content:"让楼上那些吹捧泰温的去维斯特洛种几天地，就知道泰温大人有多伟大了。“俺开了……以前俺开了……以前俺开了家酒馆，大人，在榭尔，就在石桥旁边。大家都说俺酿的麦酒是颈泽以南最好的，大人，请您见谅。可是大人，现在全都没了。他们进来喝饱以后又把剩下…",answers:62,followers:3940}],t.HOT_DATA=[{sequence:"01",label:"置顶",question:"了不起的新时代：世界竞争中的中国奇迹"},{sequence:"02",label:"4017万热度",question:"男性怎样不算「幼稚」？"},{sequence:"03",label:"587万热度",question:"有哪些视频让你突然感到恋爱了？"},{sequence:"04",label:"530万热度",question:"相亲见到前女友是一种怎样的体验？"},{sequence:"05",label:"536万热度",question:"哪个瞬间你觉得你的宠物爱上了你？"},{sequence:"06",label:"380万热度",question:"如果把四大名著的故事连成一串，会怎么样？"},{sequence:"07",label:"317万热度",question:"唱歌跑调的原因到底是什么？"},{sequence:"08",label:"280万热度",question:"高考之后，人生转弯"}],t.ALL_HEROES=[{name:"猩红收割者",avatar:"https://dpubstatic.udache.com/static/dpubimg/29473e97-8253-498c-a893-b3605596c142.jpg"},{name:"无极剑圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg"},{name:"雪原双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg"},{name:"牛头酋长",avatar:"https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg"},{name:"祖安怒兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg"},{name:"正义巨像",avatar:"https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg"},{name:"卡牌大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/64bd809e-b39e-4365-bbf9-31171f8145ea.jpg"},{name:"狂战士",avatar:"https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg"},{name:"麦林炮手",avatar:"https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg"},{name:"众星之子",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg"},{name:"亡灵战神",avatar:"https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg"},{name:"德邦总管",avatar:"https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg"},{name:"战争女神",avatar:"https://dpubstatic.udache.com/static/dpubimg/832df15a-bacb-4bc9-b21a-0c1f41203447.jpg"},{name:"正义天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg"},{name:"黑暗之女",avatar:"https://dpubstatic.udache.com/static/dpubimg/f9f35675-5f1f-4e67-96cb-f020bcd7eaac.jpg"},{name:"远古恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg"},{name:"诡术妖姬",avatar:"https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg"},{name:"无畏战车",avatar:"https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg"},{name:"符文法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg"},{name:"迅捷斥候",avatar:"https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg"}],t.MAGE_HEROES=[{name:"冰晶凤凰",avatar:"https://dpubstatic.udache.com/static/dpubimg/f8c9857a-f6ea-4865-a414-8ee6e1bf186e.jpg"},{name:"卡牌大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/64bd809e-b39e-4365-bbf9-31171f8145ea.jpg"},{name:"诡术妖姬",avatar:"https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg"},{name:"虚空恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b658934-f385-4647-9d90-f4138690fb8c.jpg"},{name:"正义巨像",avatar:"https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg"},{name:"远古恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg"},{name:"猩红收割者",avatar:"https://dpubstatic.udache.com/static/dpubimg/29473e97-8253-498c-a893-b3605596c142.jpg"},{name:"众星之子",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg"},{name:"风暴之怒",avatar:"https://dpubstatic.udache.com/static/dpubimg/c6d639d2-27c4-49d7-87d7-5695deb956bc.jpg"},{name:"符文法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg"},{name:"天启者",avatar:"https://dpubstatic.udache.com/static/dpubimg/2eb7c0ea-3391-467b-bfba-702c17bc06b1.jpg"},{name:"琴瑟仙女",avatar:"https://dpubstatic.udache.com/static/dpubimg/dc22f287-beb0-45a9-992b-0dfaf1ba086c.jpg"},{name:"黑暗之女",avatar:"https://dpubstatic.udache.com/static/dpubimg/f9f35675-5f1f-4e67-96cb-f020bcd7eaac.jpg"},{name:"死亡颂唱者",avatar:"https://dpubstatic.udache.com/static/dpubimg/50af2556-81aa-453e-9c61-6a1f2a32d48f.jpg"},{name:"堕落天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/f554b63a-5a5a-40ba-8b42-9dac62de27c5.jpg"},{name:"时光守护者",avatar:"https://dpubstatic.udache.com/static/dpubimg/4e01bc3f-42bc-4f82-8fc2-38fb83b9ce1b.jpg"},{name:"邪恶小法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/f57ade05-20db-46ad-a8cd-c0a27e8b1a60.jpg"},{name:"痛苦之拥",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b283500-d518-4648-9cea-074954a66f37.jpg"},{name:"殇之木乃伊",avatar:"https://dpubstatic.udache.com/static/dpubimg/aeed76f4-bf64-44b1-9be3-1ff9286f7893.jpg"},{name:"虚空行者",avatar:"https://dpubstatic.udache.com/static/dpubimg/21725197-c177-4f4c-8839-025f3e9e0d69.jpg"}],t.FIGHTER_HEROES=[{name:"正义天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg"},{name:"无畏战车",avatar:"https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg"},{name:"蛮族之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/94faba51-193e-4ab2-9ac2-bdfd16ed6c85.jpg"},{name:"德邦总管",avatar:"https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg"},{name:"诺克萨斯统领",avatar:"https://dpubstatic.udache.com/static/dpubimg/c2507aa8-270b-4e95-99ec-95d6b6cb1181.jpg"},{name:"符文法师",avatar:"https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg"},{name:"亡灵战神",avatar:"https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg"},{name:"狂战士",avatar:"https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg"},{name:"海洋之灾",avatar:"https://dpubstatic.udache.com/static/dpubimg/418468cf-3a68-4737-b17d-ad46a77c25af.jpg"},{name:"祖安狂人",avatar:"https://dpubstatic.udache.com/static/dpubimg/78dc424a-f2a0-4922-9eff-60b96f6f30b4.jpg"},{name:"雪原双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg"},{name:"无极剑圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg"},{name:"刀锋舞者",avatar:"https://dpubstatic.udache.com/static/dpubimg/46d1d308-a516-45ce-81e6-e3f19e48e5ba.jpg"},{name:"巨魔之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/85463a90-aabc-4b72-b800-d3073f5ead08.jpg"},{name:"瓦洛兰之盾",avatar:"https://dpubstatic.udache.com/static/dpubimg/62824f25-e006-440d-a903-2d2bc7244726.jpg"},{name:"披甲龙龟",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55593dd-d50e-4254-b843-fd451977bb35.jpg"},{name:"祖安怒兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg"},{name:"武器大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc1d2374-1830-436f-abc8-a502341f54a0.jpg"},{name:"蒸汽机器人",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg"},{name:"炼金术士",avatar:"https://dpubstatic.udache.com/static/dpubimg/ef3dd5a6-a077-4f9e-ac93-c0cf6fa2cd5e.jpg"}],t.TANK_HEROES=[{name:"正义巨像",avatar:"https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg"},{name:"德玛西亚皇子",avatar:"https://dpubstatic.udache.com/static/dpubimg/3bb5e805-1b0e-4450-b672-c201ff6183a9.jpg"},{name:"雪原双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg"},{name:"牛头酋长",avatar:"https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg"},{name:"水晶先锋",avatar:"https://dpubstatic.udache.com/static/dpubimg/770c98b2-523c-4a5a-9d63-3c77d333dc91.jpg"},{name:"狂战士",avatar:"https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg"},{name:"炼金术士",avatar:"https://dpubstatic.udache.com/static/dpubimg/ef3dd5a6-a077-4f9e-ac93-c0cf6fa2cd5e.jpg"},{name:"披甲龙龟",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55593dd-d50e-4254-b843-fd451977bb35.jpg"},{name:"祖安狂人",avatar:"https://dpubstatic.udache.com/static/dpubimg/78dc424a-f2a0-4922-9eff-60b96f6f30b4.jpg"},{name:"扭曲树精",avatar:"https://dpubstatic.udache.com/static/dpubimg/d7583963-a931-4ac1-8790-226d482f5434.jpg"},{name:"虚空恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b658934-f385-4647-9d90-f4138690fb8c.jpg"},{name:"荒漠屠夫",avatar:"https://dpubstatic.udache.com/static/dpubimg/3a6ec2ed-66dc-4b10-bf6c-5b3093ed4d1f.jpg"},{name:"蒸汽机器人",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg"},{name:"亡灵战神",avatar:"https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg"},{name:"殇之木乃伊",avatar:"https://dpubstatic.udache.com/static/dpubimg/aeed76f4-bf64-44b1-9be3-1ff9286f7893.jpg"},{name:"祖安怒兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg"},{name:"熔岩巨兽",avatar:"https://dpubstatic.udache.com/static/dpubimg/b7525041-ae43-4e6a-8b57-2fb20fd95cd2.jpg"},{name:"无畏战车",avatar:"https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg"},{name:"齐天大圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/57e2ee1a-1824-4669-b8f8-831beac89b20.jpg"},{name:"巨魔之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/85463a90-aabc-4b72-b800-d3073f5ead08.jpg"}],t.ASSASSIN_HEROES=[{name:"迅捷斥候",avatar:"https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg"},{name:"不祥之刃",avatar:"https://dpubstatic.udache.com/static/dpubimg/d1c8a5e1-4753-4cf3-ab05-abf0ebbc99e6.jpg"},{name:"诡术妖姬",avatar:"https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg"},{name:"德邦总管",avatar:"https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg"},{name:"虚空先知",avatar:"https://dpubstatic.udache.com/static/dpubimg/6b058b7a-02fb-490d-9203-952bc2433789.jpg"},{name:"麦林炮手",avatar:"https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg"},{name:"暗夜猎手",avatar:"https://dpubstatic.udache.com/static/dpubimg/9751fc11-0f98-4528-80f6-f84d34c9be1b.jpg"},{name:"永恒梦魇",avatar:"https://dpubstatic.udache.com/static/dpubimg/1c58a713-c4fe-406f-9d5b-9b66c6ba2624.jpg"},{name:"蛮族之王",avatar:"https://dpubstatic.udache.com/static/dpubimg/94faba51-193e-4ab2-9ac2-bdfd16ed6c85.jpg"},{name:"无极剑圣",avatar:"https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg"},{name:"虚空行者",avatar:"https://dpubstatic.udache.com/static/dpubimg/21725197-c177-4f4c-8839-025f3e9e0d69.jpg"},{name:"瘟疫之源",avatar:"https://dpubstatic.udache.com/static/dpubimg/d0e54f98-0e08-47af-a706-1e994ee11673.jpg"},{name:"痛苦之拥",avatar:"https://dpubstatic.udache.com/static/dpubimg/1b283500-d518-4648-9cea-074954a66f37.jpg"},{name:"离群之刺",avatar:"https://dpubstatic.udache.com/static/dpubimg/7c96be06-2868-4973-888c-ecb6d8353d1a.jpg"},{name:"刀锋舞者",avatar:"https://dpubstatic.udache.com/static/dpubimg/46d1d308-a516-45ce-81e6-e3f19e48e5ba.jpg"},{name:"不屈之枪",avatar:"https://dpubstatic.udache.com/static/dpubimg/c111a9ba-3b69-4afc-8adb-6383e89a488b.jpg"},{name:"盲僧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9098319d-78d2-44ad-9829-a3814eeb7913.jpg"},{name:"武器大师",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc1d2374-1830-436f-abc8-a502341f54a0.jpg"},{name:"恶魔小丑",avatar:"https://dpubstatic.udache.com/static/dpubimg/dccf4d8c-33bb-4b97-97c9-6659c4401785.jpg"},{name:"狂野女猎手",avatar:"https://dpubstatic.udache.com/static/dpubimg/171ec928-98db-40af-9a32-10c57d949b13.jpg"}],t.SUPPORT_HEROES=[{name:"牛头酋长",avatar:"https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg"},{name:"大发明家",avatar:"https://dpubstatic.udache.com/static/dpubimg/81711ecd-a986-47c2-906b-97a74dcf6967.jpg"},{name:"堕落天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/f554b63a-5a5a-40ba-8b42-9dac62de27c5.jpg"},{name:"发条魔灵",avatar:"https://dpubstatic.udache.com/static/dpubimg/81f7e648-a5e6-4da2-aeaa-0691ef4b5eed.jpg"},{name:"蒸汽机器人",avatar:"https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg"},{name:"风暴之怒",avatar:"https://dpubstatic.udache.com/static/dpubimg/c6d639d2-27c4-49d7-87d7-5695deb956bc.jpg"},{name:"曙光女神",avatar:"https://dpubstatic.udache.com/static/dpubimg/54f4d286-c5d5-4dee-b2b7-364e5a0737a8.jpg"},{name:"正义天使",avatar:"https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg"},{name:"光辉女郎",avatar:"https://dpubstatic.udache.com/static/dpubimg/49ab6e2f-d1d7-467e-ae35-ea07f15ea243.jpg"},{name:"仙灵女巫",avatar:"https://dpubstatic.udache.com/static/dpubimg/0b853a5c-5145-4379-b56a-d95676d4a4ab.jpg"},{name:"暮光星灵",avatar:"https://dpubstatic.udache.com/static/dpubimg/9f1c463a-55ce-410c-bc4a-a5b2c5fa4c16.jpg"},{name:"琴瑟仙女",avatar:"https://dpubstatic.udache.com/static/dpubimg/dc22f287-beb0-45a9-992b-0dfaf1ba086c.jpg"},{name:"寒冰射手",avatar:"https://dpubstatic.udache.com/static/dpubimg/5b30ccd1-2815-471c-86ac-90a8eaf5e1cb.jpg"},{name:"冰晶凤凰",avatar:"https://dpubstatic.udache.com/static/dpubimg/f8c9857a-f6ea-4865-a414-8ee6e1bf186e.jpg"},{name:"暗黑元首",avatar:"https://dpubstatic.udache.com/static/dpubimg/0f415582-6820-440d-afe5-69dc4b83874b.jpg"},{name:"天启者",avatar:"https://dpubstatic.udache.com/static/dpubimg/2eb7c0ea-3391-467b-bfba-702c17bc06b1.jpg"},{name:"众星之子",avatar:"https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg"},{name:"远古恐惧",avatar:"https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg"},{name:"瓦洛兰之盾",avatar:"https://dpubstatic.udache.com/static/dpubimg/62824f25-e006-440d-a903-2d2bc7244726.jpg"},{name:"时光守护者",avatar:"https://dpubstatic.udache.com/static/dpubimg/4e01bc3f-42bc-4f82-8fc2-38fb83b9ce1b.jpg"}],t.MARKSMAN_HEROES=[{name:"未来守护者",avatar:"https://dpubstatic.udache.com/static/dpubimg/a47a8774-9886-4486-90dd-d119555752f4.jpg"},{name:"寒冰射手",avatar:"https://dpubstatic.udache.com/static/dpubimg/5b30ccd1-2815-471c-86ac-90a8eaf5e1cb.jpg"},{name:"永猎双子",avatar:"https://dpubstatic.udache.com/static/dpubimg/e85f3ec8-01f5-462e-87e3-00b9aa49271a.jpg"},{name:"法外狂徒",avatar:"https://dpubstatic.udache.com/static/dpubimg/c8b674c9-102b-431d-96fc-ac565e51d1e6.jpg"},{name:"狂暴之心",avatar:"https://dpubstatic.udache.com/static/dpubimg/66bd37a9-5439-40f0-b847-2a54c99ebcd4.jpg"},{name:"瘟疫之源",avatar:"https://dpubstatic.udache.com/static/dpubimg/d0e54f98-0e08-47af-a706-1e994ee11673.jpg"},{name:"赏金猎人",avatar:"https://dpubstatic.udache.com/static/dpubimg/bff19bde-3439-459d-9d7f-6f6c46274b7a.jpg"},{name:"暗夜猎手",avatar:"https://dpubstatic.udache.com/static/dpubimg/9751fc11-0f98-4528-80f6-f84d34c9be1b.jpg"},{name:"戏命师",avatar:"https://dpubstatic.udache.com/static/dpubimg/eb9c8392-1557-4ea8-a58b-287d210e48f1.jpg"},{name:"虚空之女",avatar:"https://dpubstatic.udache.com/static/dpubimg/3e025f46-076a-4c0f-b176-f5362abf74a5.jpg"},{name:"惩戒之箭",avatar:"https://dpubstatic.udache.com/static/dpubimg/2decda4f-ca77-409c-b69e-1e6cc5cfe6b9.jpg"},{name:"麦林炮手",avatar:"https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg"},{name:"皮城女警",avatar:"https://dpubstatic.udache.com/static/dpubimg/ffb72a29-bfd2-4100-bb21-a69888775863.jpg"},{name:"德玛西亚之翼",avatar:"https://dpubstatic.udache.com/static/dpubimg/b78db556-8700-47af-b3a4-6f386ab08258.jpg"},{name:"迅捷斥候",avatar:"https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg"},{name:"探险家",avatar:"https://dpubstatic.udache.com/static/dpubimg/c5fc7cf3-4569-44bc-8543-f8b37c4d2bb6.jpg"},{name:"战争女神",avatar:"https://dpubstatic.udache.com/static/dpubimg/832df15a-bacb-4bc9-b21a-0c1f41203447.jpg"},{name:"荣耀行刑官",avatar:"https://dpubstatic.udache.com/static/dpubimg/551a7edc-6ca1-4f64-b097-87bad5f53b3d.jpg"},{name:"深渊巨口",avatar:"https://dpubstatic.udache.com/static/dpubimg/c0d35caf-2dd6-427f-8215-725700b57296.jpg"},{name:"英勇投弹手",avatar:"https://dpubstatic.udache.com/static/dpubimg/5f8dfef6-69de-4533-82fa-3fa2fce87588.jpg"}]})},xYoV:function(t,e,a){function i(t){a("7t+P")}var n=a("VU/8")(a("1peF"),a("sZn4"),i,null,null);t.exports=n.exports},xomh:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("bOdI"),a("Z5VE"),a("d64j")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);e.default={name:"cube-popup",mixins:[u.default,o.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,c.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},xpS3:function(t,e){},xru3:function(t,e,a){function i(t){a("hTT9")}var n=a("VU/8")(a("7brH"),a("Y/GG"),i,null,null);t.exports=n.exports},"y7n+":function(t,e){},yADO:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"toolbar",title:"Toolbar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"More Actions",value:t.more},on:{"update:value":t.updateMore}})],1)])]),t._v(" "),a("cube-toolbar",{attrs:{actions:t.actions,"more-actions":t.more?t.moreActions:void 0},on:{click:t.clickHandler}})],1)])},staticRenderFns:[]}},yB4N:function(t,e,a){var i=a("VU/8")(a("RO5T"),a("Y/JC"),null,null,null);t.exports=i.exports},yD4L:function(t,e){},yE9A:function(t,e,a){function i(t){a("JG9D")}var n=a("VU/8")(a("XJZo"),a("T+4J"),i,null,null);t.exports=n.exports},yIJW:function(t,e,a){var i,n,l;!function(a,c){n=[t,e],i=c,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||a.value},textKey:function(){return this.alias.text||a.text},orderKey:function(){return a.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},yb46:function(t,e,a){function i(t){a("O19e")}var n=a("VU/8")(a("tEcF"),a("Idn0"),i,null,null);t.exports=n.exports},yfBG:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"textarea-view",title:"Textarea"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"textarea-wrapper"},[a("cube-textarea",{attrs:{disabled:t.disabled,maxlength:+t.maxlength||60,indicator:t.showIndicator?t.indicator:t.showIndicator,width:t.width||"300px"},model:{value:t.text,callback:function(e){t.text=e},expression:"text"}})],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),a("input-option",{staticClass:"item sub",attrs:{name:"maxlength",value:t.maxlength},on:{"update:value":t.updateMaxlength}}),t._v(" "),a("input-option",{staticClass:"item sub",attrs:{name:"width",value:t.width},on:{"update:value":t.updateWidth}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"indicator",value:t.showIndicator},on:{"update:value":t.updateIndicator}}),t._v(" "),t.showIndicator?a("switch-option",{staticClass:"item",attrs:{name:"negative",value:t.indicator.negative},on:{"update:value":t.updateIndicatorNegative}}):t._e(),t._v(" "),t.showIndicator?a("switch-option",{staticClass:"item",attrs:{name:"remain",value:t.indicator.remain},on:{"update:value":t.updateIndicatorRemain}}):t._e()],1)])])])])},staticRenderFns:[]}},yjF1:function(t,e,a){function i(t){a("lWcp")}var n=a("VU/8")(a("jjfl"),a("TLh3"),i,null,null);t.exports=n.exports},ymMH:function(t,e){},yu2v:function(t,e){},z16Y:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("/ocq"),a("nb3f")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=n(a),c=n(i),u=new l.default({routes:c.default});e.default=u,t.exports=e.default})},zFE9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showPicker}},[t._v("Picker")]),t._v(" "),a("cube-button",{on:{click:t.showMutiPicker}},[t._v("Multi-column Picker")]),t._v(" "),a("cube-button",{on:{click:t.showAliasPicker}},[t._v("Use alias")]),t._v(" "),a("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")]),t._v(" "),a("cube-button",{on:{click:t.showSubtitlePicker}},[t._v("Use subtitle")])],1)],1)])},staticRenderFns:[]}},zI96:function(t,e,a){function i(t){a("h20U")}var n=a("VU/8")(a("EzL5"),a("SWc7"),i,null,null);t.exports=n.exports},zQyI:function(t,e,a){var i,n,l;!function(c,u){n=[t,e,a("a/uE"),a("yjF1"),a("yE9A")],i=u,void 0!==(l="function"==typeof i?i.apply(e,n):i)&&(t.exports=l)}(0,function(t,e,a,i,n){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(a),u=l(i),o=l(n);o.default.install=function(t){t.component(c.default.name,c.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},o.default.Button=c.default,o.default.Checkbox=u.default,e.default=o.default,t.exports=e.default})},zQzp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-compress",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Compress&Base64 upload: ")]),t._v(" "),a("div",[a("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1,"process-file":t.processFile},on:{"file-submitted":t.fileSubmitted}})],1)])],2)},staticRenderFns:[]}},zZ81:function(t,e,a){var i=a("VU/8")(a("LXLj"),a("vfhA"),null,null,null);t.exports=i.exports},zbfp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"image-preview-def",title:"ImagePreview"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button-group",[a("cube-button",{on:{click:t.showImagePreview}},[t._v("Show ImagePreview")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("multi-images-preview")}}},[t._v("Show MultiImagePreview")]),t._v(" "),a("cube-button",{on:{click:t.showCustomImagePreview}},[t._v("Show Custom ImagePreview")])],1)],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},zefs:function(t,e){},zf5d:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Down Refresh",value:t.pullDownRefresh},on:{"update:value":t.updatePullDownRefresh}}),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold (≥ 40)",value:t.pullDownRefreshThreshold,"min-value":"40"},on:{"update:value":t.updatePullDownRefreshThreshold}}):t._e(),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub",attrs:{name:"txt",value:t.pullDownRefreshTxt},on:{"update:value":t.updatePullDownRefreshTxt}}):t._e(),t._v(" "),t.pullDownRefresh?a("switch-option",{staticClass:"item sub last",attrs:{name:"Custom Animation",value:t.customPullDown},on:{"update:value":t.updateCustomPullDown}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Up Load",value:t.pullUpLoad},on:{"update:value":t.updatePullUpLoad}}),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold",value:t.pullUpLoadThreshold},on:{"update:value":t.updatePullUpLoadThreshold}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub",attrs:{name:"moreTxt",value:t.pullUpLoadMoreTxt},on:{"update:value":t.updatePullUpLoadMoreTxt}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub last",attrs:{name:"noMoreTxt",value:t.pullUpLoadNoMoreTxt},on:{"update:value":t.updatePullUpLoadNoMoreTxt}}):t._e()],1)])]),t._v(" "),a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("Demo")]),t._v(" "),a("div",{staticClass:"scroll-list-wrap"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.options},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return t.customPullDown?[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.beforePullDown,expression:"props.beforePullDown"}],staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>t.pullDownRefreshThreshold-40}},[t._v("↓")])]),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!e.beforePullDown,expression:"!props.beforePullDown"}],staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isPullingDown,expression:"props.isPullingDown"}],staticClass:"loading"},[a("cube-loading")],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!e.isPullingDown,expression:"!props.isPullingDown"}],staticClass:"text"},[a("span",{staticClass:"refresh-text"},[t._v("Refresh success")])])])]):t._e()]:void 0}}])},[a("ul",{staticClass:"foods-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"food-item border-1px"},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"57",height:"57",src:e.icon}})]),t._v(" "),a("div",{staticClass:"food-content"},[a("h2",{staticClass:"name"},[t._v(t._s(e.name))]),t._v(" "),a("p",{staticClass:"description"},[t._v(t._s(e.description))]),t._v(" "),a("div",{staticClass:"extra"},[a("span",{staticClass:"count"},[t._v("月售"+t._s(e.sellCount)+"份")]),a("span",[t._v("好评率"+t._s(e.rating)+"%")])]),t._v(" "),a("div",{staticClass:"price"},[a("span",{staticClass:"now"},[t._v("￥"+t._s(e.price))]),t._v(" "),a("span",{directives:[{name:"show",rawName:"v-show",value:e.oldPrice,expression:"food.oldPrice"}],staticClass:"old"},[t._v("￥"+t._s(e.oldPrice))])])])])}))])],1)])])])},staticRenderFns:[]}},"zi/F":function(t,e){},ziJF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,i){return a("cube-checkbox",{key:i,attrs:{option:e,shape:t.shape,position:t.position,"hollow-style":t.hollowStyle}})}))],2)},staticRenderFns:[]}},zuie:function(t,e,a){function i(t){a("OCZZ")}var n=a("VU/8")(a("QNIf"),a("3Xsx"),i,null,null);t.exports=n.exports}},["SrUm"]);
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 31bfe742d..8ecc03f67 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=x5-cache content=disable><meta name=keywords content=CUBE,UI,VUE,COMPONENT,LIB,LIBRARY><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><title>cube-ui Document</title><link href=/cube-ui/css/app.eff0dd361031a52994230f4aae1f87da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.32e88d9fcb924d238621.js></script><script type=text/javascript src=/cube-ui/js/vendor.74ba6ad505ab341877be.js></script><script type=text/javascript src=/cube-ui/js/app.de5106772fc6ea92efcc.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=x5-cache content=disable><meta name=keywords content=CUBE,UI,VUE,COMPONENT,LIB,LIBRARY><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><title>cube-ui Document</title><link href=/cube-ui/css/app.eff0dd361031a52994230f4aae1f87da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.ce5efbe71aaf8ececafa.js></script><script type=text/javascript src=/cube-ui/js/vendor.03c1e619c9792283e75e.js></script><script type=text/javascript src=/cube-ui/js/app.86543725b2fbb55f515f.js></script></body></html>
\ No newline at end of file
diff --git a/docs/js/0.9cf876f3d8a0dd614939.js b/docs/js/0.9cf876f3d8a0dd614939.js
new file mode 100644
index 000000000..f26513d1d
--- /dev/null
+++ b/docs/js/0.9cf876f3d8a0dd614939.js
@@ -0,0 +1 @@
+webpackJsonp([0],{LGbK:function(t,e,n){e=t.exports=n("FZ+f")(!1),e.push([t.i,"",""])},RUos:function(t,e,n){function o(t){n("vNny")}var r=n("VU/8")(n("ZNNx"),n("jgw8"),o,null,null);t.exports=r.exports},ZNNx:function(t,e,n){var o,r,u;!function(s,c){r=[t,e,n("YKRY")],o=c,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},jgw8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"zh-CN"}})},staticRenderFns:[]}},vNny:function(t,e,n){var o=n("LGbK");"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n("rjj0")("21533b8c",o,!0,{})}});
\ No newline at end of file
diff --git a/docs/js/0.d5ce8696d7817c1ad3a3.js b/docs/js/0.d5ce8696d7817c1ad3a3.js
deleted file mode 100644
index ce6ceb4b0..000000000
--- a/docs/js/0.d5ce8696d7817c1ad3a3.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([0],{GAIS:function(t,e,n){var o=n("rzlu");"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n("rjj0")("62f333c5",o,!0,{})},RUos:function(t,e,n){function o(t){n("GAIS")}var r=n("VU/8")(n("ZNNx"),n("VI4S"),o,null,null);t.exports=r.exports},VI4S:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"zh-CN"}})},staticRenderFns:[]}},ZNNx:function(t,e,n){var o,r,u;!function(s,c){r=[t,e,n("YKRY")],o=c,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},rzlu:function(t,e,n){e=t.exports=n("FZ+f")(!1),e.push([t.i,"",""])}});
\ No newline at end of file
diff --git a/docs/js/1.34b5857f194e5f1acfb6.js b/docs/js/1.34b5857f194e5f1acfb6.js
deleted file mode 100644
index 564ea1df0..000000000
--- a/docs/js/1.34b5857f194e5f1acfb6.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([1],{"+GB6":function(t,e,n){function o(t){n("1E72")}var r=n("VU/8")(n("ICiJ"),n("8iZ+"),o,null,null);t.exports=r.exports},"1E72":function(t,e,n){var o=n("H+bZ");"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n("rjj0")("2688a24f",o,!0,{})},"8iZ+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"en-US"}})},staticRenderFns:[]}},"H+bZ":function(t,e,n){e=t.exports=n("FZ+f")(!1),e.push([t.i,"",""])},ICiJ:function(t,e,n){var o,r,i;!function(u,s){r=[t,e,n("YKRY")],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})}});
\ No newline at end of file
diff --git a/docs/js/1.8cbaaf36e614ee3d9b86.js b/docs/js/1.8cbaaf36e614ee3d9b86.js
new file mode 100644
index 000000000..df1e871c8
--- /dev/null
+++ b/docs/js/1.8cbaaf36e614ee3d9b86.js
@@ -0,0 +1 @@
+webpackJsonp([1],{"+GB6":function(t,e,n){function o(t){n("XPRW")}var r=n("VU/8")(n("ICiJ"),n("L2q9"),o,null,null);t.exports=r.exports},ICiJ:function(t,e,n){var o,r,u;!function(i,s){r=[t,e,n("YKRY")],o=s,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},L2q9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"en-US"}})},staticRenderFns:[]}},XPRW:function(t,e,n){var o=n("pPQa");"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n("rjj0")("53fa6c94",o,!0,{})},pPQa:function(t,e,n){e=t.exports=n("FZ+f")(!1),e.push([t.i,"",""])}});
\ No newline at end of file
diff --git a/docs/js/10.e4d5b8be0bdc0ecea6f7.js b/docs/js/10.5930217e28de542041c0.js
similarity index 99%
rename from docs/js/10.e4d5b8be0bdc0ecea6f7.js
rename to docs/js/10.5930217e28de542041c0.js
index f226bdb2c..8e7091662 100644
--- a/docs/js/10.e4d5b8be0bdc0ecea6f7.js
+++ b/docs/js/10.5930217e28de542041c0.js
@@ -1 +1 @@
-webpackJsonp([10],{"2y7F":function(s,a,t){s.exports=t("jfD8")},WwjC: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:"TabBar"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-TabBar-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(" TabBar")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("选项卡。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"CubeTabBar"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar-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(" CubeTabBar")]),s._v(" "),t("p",[s._v("支持默认的点击高亮效果，又支持下划线跟随的效果，并且支持自定义的插槽，实现icon与label搭配的类似于app底部选项卡的样式。")]),s._v(" "),s._m(2),s._v(" "),t("h3",{attrs:{id:"CubeTabBar&CubeTabPanels"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar&CubeTabPanels-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(" CubeTabBar & CubeTabPanels")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),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(7),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(8),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(9),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(10)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如下示例相关代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/tab-bar"}},[s._v("这里")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("默认样式")]),s._v(" "),t("p",[s._v("传入如下 "),t("code",{pre:!0},[s._v("tabs")]),s._v(" 的数据结构便能初始化 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v("，必须使用 "),t("code",{pre:!0},[s._v("v-model")]),s._v(" 指令来选中对应的 tab， v-model 的参数的值必须与某一项 tab 的 label 属性对应（1.12.5 版本后是和 value 属性对应），icon 属性是用做于 class 选择器，一般是用字体图标样式，"),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 在不同的时机派发 "),t("code",{pre:!0},[s._v("click")]),s._v(" 与 "),t("code",{pre:!0},[s._v("change")]),s._v(" 事件，参数则是每次选中的 tab 对应的 label 值（1.12.5 版本后是 value 值）。")]),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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelDefault"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tabs"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelDefault")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n      }]\n    }\n  }，\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    },\n    changeHandler (label) {\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked different tab, this methods can be emitted")]),s._v("\n    }\n  }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("自定义插槽")]),s._v(" "),t("p",[s._v("实际上我们更常见的需求是图标搭配文字效果，因此 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 组件也支持了插槽的使用方式，\n注意必须搭配 "),t("code",{pre:!0},[s._v("cube-tab")]),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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelSlots"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("inline")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),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 tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- name为icon的插槽 --\x3e")]),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("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 默认插槽 --\x3e")]),s._v("\n      {{item.label}}\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelSlots")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n      }]\n    }\n  }，\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    }\n  }\n}\n")])]),s._v(" "),t("p",[s._v("同时还支持一些配置项， "),t("code",{pre:!0},[s._v("showSlider")]),s._v(" 控制是否开启下划线跟随的效果，"),t("code",{pre:!0},[s._v("inline")]),s._v(" 来决定icon与label是否处于一行，"),t("code",{pre:!0},[s._v("useTransition")]),s._v(" 控制下划线是否使用transition过渡，如示例代码所示。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("往往我们的需求是随着 tab 的切换显示不同的容器，这个时候需要搭配 "),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 组件。"),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 必须嵌套 "),t("code",{pre:!0},[s._v("cube-tab-panel")]),s._v("，传入 "),t("code",{pre:!0},[s._v("cube-tab")]),s._v(" 与 "),t("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(" 的label值必须一致（1.12.5 版本后和 value 值一致），因为需要建立一个 tab 对应一个 panel 的关系。他们通过相同的 "),t("code",{pre:!0},[s._v("v-model")]),s._v(" 联动。查看效果可点击右边的 "),t("code",{pre:!0},[s._v("tab-basic")]),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-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),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 tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":icon")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),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 tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tab-panel-li"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(hero, index) in item.heroes"')]),s._v(">")]),s._v("\n          {{hero}}\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n")])])},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("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("selectedLabel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'敌法师'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'卓尔游侠'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'主宰'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'米拉娜'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'变体精灵'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幻影长矛手'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'复仇之魂'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'力丸'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'矮人狙击手'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'圣堂刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'露娜'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'赏金猎人'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'熊战士'")]),s._v("]\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'夜魇'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-star'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'血魔'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'影魔'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'剃刀'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒术士'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'虚空假面'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幻影刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'冥界亚龙'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'克林克兹'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'育母蜘蛛'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'编织者'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'司夜刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'米波'")]),s._v("]\n      }]\n    }\n  }\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("事实上，"),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 还能搭配许多其他cube-ui的组件(cube-slide ，cube-scroll)来做出类似原生 app 布局的效果。可点击右边的 "),t("code",{pre:!0},[s._v("ScrollTab Demo")]),s._v(" 与 "),t("code",{pre:!0},[s._v("tab-composite")]),s._v(" 示例来查看效果")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("示例")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("使用 v-model，初始化时选中对应的 tab")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("用于 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 渲染的数据，当需要使用内置的默认插槽，此参数必传，数组的每一项是一个 Object 类型，包括 "),t("code",{pre:!0},[s._v("label")]),s._v("、"),t("code",{pre:!0},[s._v("icon")]),s._v(" 和 "),t("code",{pre:!0},[s._v("value")]),s._v("（默认值等于 "),t("code",{pre:!0},[s._v("label")]),s._v("）"),t("sup",[s._v("1.12.5+")]),s._v("，如果使用自定义插槽，可不传此值")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[{label: 1, value: 1, icon: 'cubeic-like'}， {label: 2, value: 2, icon: 'cubeic-like'}]")]),s._v(" "),t("td",[s._v("[]")])]),s._v(" "),t("tr",[t("td",[s._v("showSlider")]),s._v(" "),t("td",[s._v("是否开启下划线跟随效果")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("inline")]),s._v(" "),t("td",[s._v("文字与图标是否显示在一行")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("useTransition")]),s._v(" "),t("td",[s._v("是否开启 transition 过渡")]),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("li",[t("p",[s._v("CubeTab")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("是否必传")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("1.12.5 版本前作为哪个 tab 的值作为选中值，1.12.5 版本后主要用作展示")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("用于判断哪个 tab 的值作为选中值"),t("sup",[s._v("1.12.5+")])]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("否")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("label")]),s._v(" 的值")])])])])]),s._v(" "),t("li",[t("p",[s._v("CubeTabPanels")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("示例")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("使用 v-model，初始化时显示对应的 panels")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("用于 "),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 渲染的数据，当需要使用内置的默认插槽，此参数必传，数组的每一项是一个 Object 类型，包括 "),t("code",{pre:!0},[s._v("label")]),s._v(" 和 "),t("code",{pre:!0},[s._v("value")]),t("sup",[s._v("1.12.5+")]),s._v("，如果使用自定义插槽，可不传此值")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[{label: 1, value: 1}, {label: 2, value: 2}]")]),s._v(" "),t("td",[s._v("[]")])])])])]),s._v(" "),t("li",[t("p",[s._v("CubeTabPanel")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("是否必传")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("用于显示 panel")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("panel 的 key 值，决定了选中的值"),t("sup",[s._v("1.12.5+")])]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("value")]),s._v(" 的值")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTab")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("名称")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("cube-tab")]),s._v(" 渲染的文案")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("一般是用来添加 icon 图标")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数1")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("click")]),s._v(" "),t("td",[s._v("当 tab 被点击时派发")]),s._v(" "),t("td",[s._v("点中的tab的label/value"),t("sup",[s._v("1.12.5+")]),s._v("值")])]),s._v(" "),t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当点击不同的 tab 时派发")]),s._v(" "),t("td",[s._v("点中的tab的label/value"),t("sup",[s._v("1.12.5+")]),s._v("值")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("p",[s._v("当该实例的 "),t("code",{pre:!0},[s._v("showSlider")]),s._v(" 属性设置为true，该方法才有效。")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数类型")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("setSliderTransform")]),s._v(" "),t("td",[s._v("改变 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 组件的下划线的 transformX，如果传 Number，会转成像素，也可以传带有单位的 String")]),s._v(" "),t("td",[s._v("Number/String")])])])])])])}]}},jfD8:function(s,a,t){var v=t("VU/8")(null,t("WwjC"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
+webpackJsonp([10],{"2y7F":function(s,a,t){s.exports=t("jfD8")},C7g3: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:"TabBar"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-TabBar-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(" TabBar")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("选项卡。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"CubeTabBar"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar-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(" CubeTabBar")]),s._v(" "),t("p",[s._v("支持默认的点击高亮效果，又支持下划线跟随的效果，并且支持自定义的插槽，实现icon与label搭配的类似于app底部选项卡的样式。")]),s._v(" "),s._m(2),s._v(" "),t("h3",{attrs:{id:"CubeTabBar&CubeTabPanels"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar&CubeTabPanels-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(" CubeTabBar & CubeTabPanels")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),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(7),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(8),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(9),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(10)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如下示例相关代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/tab-bar"}},[s._v("这里")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("默认样式")]),s._v(" "),t("p",[s._v("传入如下 "),t("code",{pre:!0},[s._v("tabs")]),s._v(" 的数据结构便能初始化 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v("，必须使用 "),t("code",{pre:!0},[s._v("v-model")]),s._v(" 指令来选中对应的 tab， v-model 的参数的值必须与某一项 tab 的 label 属性对应（1.12.5 版本后是和 value 属性对应），icon 属性是用做于 class 选择器，一般是用字体图标样式，"),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 在不同的时机派发 "),t("code",{pre:!0},[s._v("click")]),s._v(" 与 "),t("code",{pre:!0},[s._v("change")]),s._v(" 事件，参数则是每次选中的 tab 对应的 label 值（1.12.5 版本后是 value 值）。")]),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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelDefault"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tabs"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelDefault")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n      }]\n    }\n  }，\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    },\n    changeHandler (label) {\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked different tab, this methods can be emitted")]),s._v("\n    }\n  }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("自定义插槽")]),s._v(" "),t("p",[s._v("实际上我们更常见的需求是图标搭配文字效果，因此 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 组件也支持了插槽的使用方式，\n注意必须搭配 "),t("code",{pre:!0},[s._v("cube-tab")]),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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelSlots"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("inline")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),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 tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- name为icon的插槽 --\x3e")]),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("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 默认插槽 --\x3e")]),s._v("\n      {{item.label}}\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelSlots")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n      }]\n    }\n  }，\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    }\n  }\n}\n")])]),s._v(" "),t("p",[s._v("同时还支持一些配置项， "),t("code",{pre:!0},[s._v("showSlider")]),s._v(" 控制是否开启下划线跟随的效果，"),t("code",{pre:!0},[s._v("inline")]),s._v(" 来决定icon与label是否处于一行，"),t("code",{pre:!0},[s._v("useTransition")]),s._v(" 控制下划线是否使用transition过渡，如示例代码所示。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("往往我们的需求是随着 tab 的切换显示不同的容器，这个时候需要搭配 "),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 组件。"),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 必须嵌套 "),t("code",{pre:!0},[s._v("cube-tab-panel")]),s._v("，传入 "),t("code",{pre:!0},[s._v("cube-tab")]),s._v(" 与 "),t("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(" 的label值必须一致（1.12.5 版本后和 value 值一致），因为需要建立一个 tab 对应一个 panel 的关系。他们通过相同的 "),t("code",{pre:!0},[s._v("v-model")]),s._v(" 联动。查看效果可点击右边的 "),t("code",{pre:!0},[s._v("tab-basic")]),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-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),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 tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":icon")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),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 tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tab-panel-li"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(hero, index) in item.heroes"')]),s._v(">")]),s._v("\n          {{hero}}\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n")])])},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("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("selectedLabel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'敌法师'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'卓尔游侠'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'主宰'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'米拉娜'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'变体精灵'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幻影长矛手'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'复仇之魂'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'力丸'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'矮人狙击手'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'圣堂刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'露娜'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'赏金猎人'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'熊战士'")]),s._v("]\n      }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'夜魇'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-star'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'血魔'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'影魔'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'剃刀'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒术士'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'虚空假面'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幻影刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'冥界亚龙'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'克林克兹'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'育母蜘蛛'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'编织者'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'司夜刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'米波'")]),s._v("]\n      }]\n    }\n  }\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("事实上，"),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 还能搭配许多其他cube-ui的组件(cube-slide ，cube-scroll)来做出类似原生 app 布局的效果。可点击右边的 "),t("code",{pre:!0},[s._v("ScrollTab Demo")]),s._v(" 与 "),t("code",{pre:!0},[s._v("tab-composite")]),s._v(" 示例来查看效果")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("示例")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("使用 v-model，初始化时选中对应的 tab")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("用于 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 渲染的数据，当需要使用内置的默认插槽，此参数必传，数组的每一项是一个 Object 类型，包括 "),t("code",{pre:!0},[s._v("label")]),s._v("、"),t("code",{pre:!0},[s._v("icon")]),s._v(" 和 "),t("code",{pre:!0},[s._v("value")]),s._v("（默认值等于 "),t("code",{pre:!0},[s._v("label")]),s._v("）"),t("sup",[s._v("1.12.5+")]),s._v("，如果使用自定义插槽，可不传此值")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[{label: 1, value: 1, icon: 'cubeic-like'}， {label: 2, value: 2, icon: 'cubeic-like'}]")]),s._v(" "),t("td",[s._v("[]")])]),s._v(" "),t("tr",[t("td",[s._v("showSlider")]),s._v(" "),t("td",[s._v("是否开启下划线跟随效果")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("inline")]),s._v(" "),t("td",[s._v("文字与图标是否显示在一行")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("useTransition")]),s._v(" "),t("td",[s._v("是否开启 transition 过渡")]),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("li",[t("p",[s._v("CubeTab")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("是否必传")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("1.12.5 版本前作为哪个 tab 的值作为选中值，1.12.5 版本后主要用作展示")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("用于判断哪个 tab 的值作为选中值"),t("sup",[s._v("1.12.5+")])]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("否")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("label")]),s._v(" 的值")])])])])]),s._v(" "),t("li",[t("p",[s._v("CubeTabPanels")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("示例")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("使用 v-model，初始化时显示对应的 panels")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("用于 "),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 渲染的数据，当需要使用内置的默认插槽，此参数必传，数组的每一项是一个 Object 类型，包括 "),t("code",{pre:!0},[s._v("label")]),s._v(" 和 "),t("code",{pre:!0},[s._v("value")]),t("sup",[s._v("1.12.5+")]),s._v("，如果使用自定义插槽，可不传此值")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[{label: 1, value: 1}, {label: 2, value: 2}]")]),s._v(" "),t("td",[s._v("[]")])])])])]),s._v(" "),t("li",[t("p",[s._v("CubeTabPanel")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("是否必传")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("用于显示 panel")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("panel 的 key 值，决定了选中的值"),t("sup",[s._v("1.12.5+")])]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("value")]),s._v(" 的值")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTab")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("名称")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("cube-tab")]),s._v(" 渲染的文案")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("一般是用来添加 icon 图标")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数1")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("click")]),s._v(" "),t("td",[s._v("当 tab 被点击时派发")]),s._v(" "),t("td",[s._v("点中的tab的label/value"),t("sup",[s._v("1.12.5+")]),s._v("值")])]),s._v(" "),t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当点击不同的 tab 时派发")]),s._v(" "),t("td",[s._v("点中的tab的label/value"),t("sup",[s._v("1.12.5+")]),s._v("值")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("p",[s._v("当该实例的 "),t("code",{pre:!0},[s._v("showSlider")]),s._v(" 属性设置为true，该方法才有效。")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数类型")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("setSliderTransform")]),s._v(" "),t("td",[s._v("改变 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 组件的下划线的 transformX，如果传 Number，会转成像素，也可以传带有单位的 String")]),s._v(" "),t("td",[s._v("Number/String")])])])])])])}]}},jfD8:function(s,a,t){var v=t("VU/8")(null,t("C7g3"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/11.03e77abfe8cc11040e9a.js b/docs/js/11.03e77abfe8cc11040e9a.js
deleted file mode 100644
index 68db6e4c2..000000000
--- a/docs/js/11.03e77abfe8cc11040e9a.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([11],{cnTv: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),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(3)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("绑定值变化时触发")]),t._v(" "),a("td",[t._v("更新后的绑定值")])])])])}]}},hpvZ:function(t,s,a){t.exports=a("nl7T")},nl7T:function(t,s,a){var e=a("VU/8")(null,a("cnTv"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/11.7bf9df3122c98050b7d4.js b/docs/js/11.7bf9df3122c98050b7d4.js
new file mode 100644
index 000000000..ac28dbf18
--- /dev/null
+++ b/docs/js/11.7bf9df3122c98050b7d4.js
@@ -0,0 +1 @@
+webpackJsonp([11],{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),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(3)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("绑定值变化时触发")]),t._v(" "),a("td",[t._v("更新后的绑定值")])])])])}]}},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/12.599c6a91b0e604847757.js b/docs/js/12.9bba651f6de7f3c71b3f.js
similarity index 99%
rename from docs/js/12.599c6a91b0e604847757.js
rename to docs/js/12.9bba651f6de7f3c71b3f.js
index f82aea47d..9a3f93069 100644
--- a/docs/js/12.599c6a91b0e604847757.js
+++ b/docs/js/12.9bba651f6de7f3c71b3f.js
@@ -1 +1 @@
-webpackJsonp([12],{SLxX: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(" "),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(" "),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(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(12),s._v(" "),s._m(13)])},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",[a("p",[s._v("基本使用")]),s._v(" "),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(" 组件也可以单独使用。")]),s._v(" "),a("pre",{pre:!0},[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("</"),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("cube-scroll")]),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("template")]),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("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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件如果使用默认插槽，则需要传递示例所示的数据结构。")])]),s._v(" "),a("li",[a("p",[s._v("自定义插槽")]),s._v(" "),a("p",[s._v("实际上我们更常见的需求是需要自定义列表的内容展示，因此 "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件也支持了插槽的使用方式。")]),s._v(" "),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(" 的收缩，如示例代码所示。")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("1.11 之后")]),s._v(" "),a("pre",{pre:!0},[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(">")]),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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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  "),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  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("1.11 之前")]),s._v(" "),a("p",[s._v("需要自己手工处理 CubeSwipeItem 的 "),a("code",{pre:!0},[s._v("active")]),s._v(" 事件逻辑 "),a("code",{pre:!0},[s._v("onItemActive")]),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("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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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("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("th",[s._v("参数3")])])]),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("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("td",[s._v("列表项"),a("sup",[s._v("1.9.7")])])])])])},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 n=a("VU/8")(null,a("SLxX"),null,null,null);s.exports=n.exports}});
\ No newline at end of file
+webpackJsonp([12],{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(" "),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(" "),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(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(12),s._v(" "),s._m(13)])},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",[a("p",[s._v("基本使用")]),s._v(" "),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(" 组件也可以单独使用。")]),s._v(" "),a("pre",{pre:!0},[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("</"),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("cube-scroll")]),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("template")]),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("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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件如果使用默认插槽，则需要传递示例所示的数据结构。")])]),s._v(" "),a("li",[a("p",[s._v("自定义插槽")]),s._v(" "),a("p",[s._v("实际上我们更常见的需求是需要自定义列表的内容展示，因此 "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件也支持了插槽的使用方式。")]),s._v(" "),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(" 的收缩，如示例代码所示。")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("1.11 之后")]),s._v(" "),a("pre",{pre:!0},[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(">")]),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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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  "),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  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("1.11 之前")]),s._v(" "),a("p",[s._v("需要自己手工处理 CubeSwipeItem 的 "),a("code",{pre:!0},[s._v("active")]),s._v(" 事件逻辑 "),a("code",{pre:!0},[s._v("onItemActive")]),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("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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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("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("th",[s._v("参数3")])])]),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("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("td",[s._v("列表项"),a("sup",[s._v("1.9.7")])])])])])},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 n=a("VU/8")(null,a("HXbc"),null,null,null);s.exports=n.exports}});
\ No newline at end of file
diff --git a/docs/js/13.238568fdec73355962fb.js b/docs/js/13.238568fdec73355962fb.js
deleted file mode 100644
index 8d1972cea..000000000
--- a/docs/js/13.238568fdec73355962fb.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([13],{Ci88: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:"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("style 模块主要包含就是样式部分，包含内置 icon、基础的 reset 以及基础通用样式。")]),t._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"}})])]),t._v(" 内置 icon")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("p",[t._v("内置 icon 有 65 个：")]),t._v(" "),t._m(2),t._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"}})])]),t._v(" reset.css")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._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"}})])]),t._v(" base.css")]),t._v(" "),t._m(5),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("图标是利用 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face"}},[t._v("font-face")]),t._v(" 规则自定义字体 "),a("code",{pre:!0},[t._v('"cube-icon"')]),t._v(" 实现的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("使用的时候只需要加入对应的类名即可，例如 alert 图标，可以这样用："),a("code",{pre:!0},[t._v('<i class="cubeic-alert"></i>')]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-invisible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-visible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-person"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-select"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pulldown"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pullup"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-back"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-arrow"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-more"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-warn"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-question"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wrong"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-add"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-remove"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-info"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-share"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-no-wifi"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wifi"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-sad"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-smile"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-game"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-email"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-hot"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-notification"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-delete"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-vip"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mute"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-volume"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-good"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-bad"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mobile-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-aim"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-navigation"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-safe-pay"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-tag"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-lock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-unlock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-edit"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-scan"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-qr-code"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-calendar"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-time"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-red-packet"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-star"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-setting"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-home"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-credit-card"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mall"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-microphone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-search"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-danger"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-alert"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-picture"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-message"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-location"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-like"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-camera"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-round-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-ok"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-important"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}})])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[t._v("reset")]),t._v("，使用的就是 Eric Meyer's Reset CSS。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[t._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("span")]),t._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("object")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("iframe")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h1")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h2")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h3")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h4")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h5")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h6")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("p")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("abbr")]),t._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("address")]),t._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("cite")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("code")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("del")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dfn")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("em")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("img")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ins")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("kbd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("samp")]),t._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("strong")]),t._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("sup")]),t._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("var")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("b")]),t._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dl")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dt")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ol")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ul")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("fieldset")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("form")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("label")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("legend")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("caption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tbody")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tfoot")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("thead")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tr")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("th")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("td")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("canvas")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("summary")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("time")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("mark")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("audio")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("video")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("input")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("padding")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-weight")]),t._v(": normal\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("vertical-align")]),t._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* HTML5 display-role reset for older browsers */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("quotes")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":after\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-collapse")]),t._v(": collapse\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-spacing")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* custom */")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#7e8c8d")]),t._v("\n  -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("backface-visibility")]),t._v(": hidden\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-decoration")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("list-style")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": rgba("),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(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[t._v("base")]),t._v("，主要包含的就是 "),a("code",{pre:!0},[t._v("html")]),t._v(", "),a("code",{pre:!0},[t._v("body")]),t._v(" 元素的 "),a("code",{pre:!0},[t._v("font-family")]),t._v(", "),a("code",{pre:!0},[t._v("line-height")]),t._v(" 等的设定，修正浮动影响的 "),a("code",{pre:!0},[t._v(".clear-fix")]),t._v("，以及上下左右四个边框的绝对 1px 边框的 class："),a("code",{pre:!0},[t._v(".border-top-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-right-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-bottom-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-left-1px")]),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-stylus"}},[t._v("@require "),a("span",{attrs:{class:"hljs-string"}},[t._v('"./variable.styl"')]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-family")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'PingFang SC'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'STHeitiSC-Light'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Helvetica-Light'")]),t._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Droid Sans Fallback'")]),t._v("\n  user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".clear-fix")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": table\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("clear")]),t._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n  &::before, &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": absolute\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),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-selector-class"}},[t._v(".border-top-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": right "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": left "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("2dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("3dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])}]}},"eaw/":function(t,s,a){var e=a("VU/8")(null,a("Ci88"),null,null,null);t.exports=e.exports},rDWR:function(t,s,a){t.exports=a("eaw/")}});
\ No newline at end of file
diff --git a/docs/js/13.d9efc3abe297630dced6.js b/docs/js/13.d9efc3abe297630dced6.js
new file mode 100644
index 000000000..e72630e2f
--- /dev/null
+++ b/docs/js/13.d9efc3abe297630dced6.js
@@ -0,0 +1 @@
+webpackJsonp([13],{"eaw/":function(t,s,a){var e=a("VU/8")(null,a("flel"),null,null,null);t.exports=e.exports},flel: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:"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("style 模块主要包含就是样式部分，包含内置 icon、基础的 reset 以及基础通用样式。")]),t._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"}})])]),t._v(" 内置 icon")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("p",[t._v("内置 icon 有 65 个：")]),t._v(" "),t._m(2),t._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"}})])]),t._v(" reset.css")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._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"}})])]),t._v(" base.css")]),t._v(" "),t._m(5),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("图标是利用 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face"}},[t._v("font-face")]),t._v(" 规则自定义字体 "),a("code",{pre:!0},[t._v('"cube-icon"')]),t._v(" 实现的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("使用的时候只需要加入对应的类名即可，例如 alert 图标，可以这样用："),a("code",{pre:!0},[t._v('<i class="cubeic-alert"></i>')]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-invisible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-visible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-person"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-select"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pulldown"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pullup"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-back"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-arrow"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-more"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-warn"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-question"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wrong"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-add"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-remove"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-info"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-share"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-no-wifi"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wifi"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-sad"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-smile"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-game"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-email"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-hot"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-notification"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-delete"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-vip"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mute"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-volume"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-good"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-bad"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mobile-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-aim"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-navigation"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-safe-pay"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-tag"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-lock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-unlock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-edit"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-scan"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-qr-code"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-calendar"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-time"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-red-packet"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-star"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-setting"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-home"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-credit-card"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mall"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-microphone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-search"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-danger"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-alert"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-picture"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-message"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-location"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-like"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-camera"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-round-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-ok"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-important"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}})])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[t._v("reset")]),t._v("，使用的就是 Eric Meyer's Reset CSS。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[t._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("span")]),t._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("object")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("iframe")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h1")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h2")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h3")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h4")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h5")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h6")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("p")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("abbr")]),t._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("address")]),t._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("cite")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("code")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("del")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dfn")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("em")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("img")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ins")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("kbd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("samp")]),t._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("strong")]),t._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("sup")]),t._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("var")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("b")]),t._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dl")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dt")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ol")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ul")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("fieldset")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("form")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("label")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("legend")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("caption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tbody")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tfoot")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("thead")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tr")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("th")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("td")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("canvas")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("summary")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("time")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("mark")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("audio")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("video")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("input")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("padding")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-weight")]),t._v(": normal\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("vertical-align")]),t._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* HTML5 display-role reset for older browsers */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("quotes")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":after\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-collapse")]),t._v(": collapse\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-spacing")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* custom */")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#7e8c8d")]),t._v("\n  -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("backface-visibility")]),t._v(": hidden\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-decoration")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("list-style")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": rgba("),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(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[t._v("base")]),t._v("，主要包含的就是 "),a("code",{pre:!0},[t._v("html")]),t._v(", "),a("code",{pre:!0},[t._v("body")]),t._v(" 元素的 "),a("code",{pre:!0},[t._v("font-family")]),t._v(", "),a("code",{pre:!0},[t._v("line-height")]),t._v(" 等的设定，修正浮动影响的 "),a("code",{pre:!0},[t._v(".clear-fix")]),t._v("，以及上下左右四个边框的绝对 1px 边框的 class："),a("code",{pre:!0},[t._v(".border-top-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-right-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-bottom-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-left-1px")]),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-stylus"}},[t._v("@require "),a("span",{attrs:{class:"hljs-string"}},[t._v('"./variable.styl"')]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-family")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'PingFang SC'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'STHeitiSC-Light'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Helvetica-Light'")]),t._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Droid Sans Fallback'")]),t._v("\n  user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".clear-fix")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": table\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("clear")]),t._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n  &::before, &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": absolute\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),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-selector-class"}},[t._v(".border-top-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": right "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": left "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("2dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("3dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])}]}},rDWR:function(t,s,a){t.exports=a("eaw/")}});
\ No newline at end of file
diff --git a/docs/js/14.c07f00aea03c853eb3bb.js b/docs/js/14.c07f00aea03c853eb3bb.js
new file mode 100644
index 000000000..4c53a31e8
--- /dev/null
+++ b/docs/js/14.c07f00aea03c853eb3bb.js
@@ -0,0 +1 @@
+webpackJsonp([14],{dgnj:function(s,a,t){var l=t("VU/8")(null,t("i2hk"),null,null,null);s.exports=l.exports},i2hk: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:"Sticky组件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Sticky组件-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(" Sticky 组件")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("吸附组件，当滚动位置到达目标元素位置后，目标元素就会自动吸附。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(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(" "),t("h4",{attrs:{id:"CubeSticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeSticky-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(" CubeSticky")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeStickyEle"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeStickyEle-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(" CubeStickyEle")]),s._v(" "),s._m(3),s._v(" "),s._m(4),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(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(" "),s._m(6),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(7)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("综合使用 - Scroll")]),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-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"11"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"22"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"33"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),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("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("{{props.current}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 需要和 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 组件配合使用。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件依赖 "),t("code",{pre:!0},[s._v("pos")]),s._v(" Prop 来指定当前实时位置，由于 Scroll 组件中派发的 "),t("code",{pre:!0},[s._v("y")]),s._v(" 为负值，所以我们需要将其转换为滚动位置，直接取 "),t("code",{pre:!0},[s._v("-y")]),s._v(" 即可。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 组件的 "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" Prop 是可选的，用于指定当前吸附元素的 key 值，默认为当前组件的索引值，即在 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件中的第几个 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v("。")]),s._v(" "),t("p",[s._v("我们还可以利用 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件的 "),t("code",{pre:!0},[s._v("fixed")]),s._v(" 插槽实现自定义吸附效果，如果没有插槽的话，内部默认会将吸附的 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 的内容显示出来。")])]),s._v(" "),t("li",[t("p",[s._v("综合使用 - Native Scroll")]),s._v(" "),t("p",[s._v("利用原生滚动实现效果。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-ele"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\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("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler(e) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = e.currentTarget.scrollTop\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-ele")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v(": auto\n  -webkit-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v("-scrolling: touch\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n")])]),s._v(" "),t("p",[s._v("这个示例展示的就是利用原生滚动实现吸附效果的。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("check-top")]),s._v(" Prop 则是用来控制检查条件的，默认为 "),t("code",{pre:!0},[s._v("true")]),s._v("，意味着当 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 元素的顶部达到 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 的顶部的时候就会被吸附；这个例子中我们设置为了 "),t("code",{pre:!0},[s._v("false")]),s._v("，意味着当 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 的底部达到 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 的顶部的时候会被吸附。")])]),s._v(" "),t("li",[t("p",[s._v("模拟微信效果 - WeChat")]),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-sticky")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fixed-show-ani")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-fixed-show"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@diff-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"diffChange"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyHeader"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("header"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    },\n    diffChange() {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" opacity = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (height) {\n        opacity = diff / height\n      }\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.stickyHeader.style.opacity = opacity\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": translate("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", -"),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v(")\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter-active")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transition")]),s._v(": all ."),t("span",{attrs:{class:"hljs-number"}},[s._v("5s")]),s._v(" ease-in-out\n")])]),s._v(" "),t("p",[s._v("可以通过 "),t("code",{pre:!0},[s._v("fixed-show-ani")]),s._v(" 指定当元素吸附时出现的 "),t("code",{pre:!0},[s._v("transition")]),s._v(" 名字，我们这里指定 "),t("code",{pre:!0},[s._v("sticky-fixed-show")]),s._v("，所以相对应的我们在样式中加了对应的动画控制效果。")]),s._v(" "),t("p",[s._v("同时可以通过 "),t("code",{pre:!0},[s._v("diff-change")]),s._v(" 事件得到当前 sticky 元素滚动的差值，一般我们可以和当前 sticky 元素的高做除法得到相对百分比，可以精细控制出现的具体细节。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("pos")]),s._v(" "),t("td",[s._v("必须，滚动位置")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("checkTop")]),s._v(" "),t("td",[s._v("是否检测顶部位置，如果为 false，则检查 sticky-ele 元素的底部边界")]),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("fixedShowAni")]),s._v(" "),t("td",[s._v("元素吸附时指定 transition 的 name 值")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("如果 checkTop 为 true，则为 ''，如果为 false，则为 'cube-sticky-fixed-fade'")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("偏移值，传入的 pos 的值会加上这个值修正")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("0")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("eleKey")]),s._v(" "),t("td",[s._v("吸顶元素的 key 值")]),s._v(" "),t("td",[s._v("Number/String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("当 "),t("code",{pre:!0},[s._v("eleKey")]),s._v(" 不存在时，CubeSticky 组件会获取当前 CubeStickyEle 组件的次序索引作为吸附元素的标示。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("默认内容")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("fixed")]),s._v(" "),t("td",[s._v("元素吸附时内容如何展示")]),s._v(" "),t("td",[s._v("current: 当前吸附元素的 key 值"),t("br"),s._v("index: 吸附元素索引值（非响应式的）")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数1")]),s._v(" "),t("th",[s._v("参数2")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("吸附的元素发生改变时触发")]),s._v(" "),t("td",[s._v("current - 吸附的元素的 key 值，如果没有的话，则为 ''")]),s._v(" "),t("td",[s._v("index - 吸附元素的索引值，没有的话，则为 -1（非响应式的）")])]),s._v(" "),t("tr",[t("td",[s._v("diff-change")]),s._v(" "),t("td",[s._v("sticky 元素滚动的差值改变时触发")]),s._v(" "),t("td",[s._v("diff - 差值，最小 0")]),s._v(" "),t("td",[s._v("height: 当前 sticky 元素的高度")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("刷新，当内容发生变化时可用于重新计算高度和位置")])])])])}]}},"ula/":function(s,a,t){s.exports=t("dgnj")}});
\ No newline at end of file
diff --git a/docs/js/14.c3cc516b23ecc8d821aa.js b/docs/js/14.c3cc516b23ecc8d821aa.js
deleted file mode 100644
index b4f3c3b9a..000000000
--- a/docs/js/14.c3cc516b23ecc8d821aa.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([14],{"3wyd":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:"Sticky组件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Sticky组件-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(" Sticky 组件")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("吸附组件，当滚动位置到达目标元素位置后，目标元素就会自动吸附。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(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(" "),t("h4",{attrs:{id:"CubeSticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeSticky-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(" CubeSticky")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeStickyEle"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeStickyEle-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(" CubeStickyEle")]),s._v(" "),s._m(3),s._v(" "),s._m(4),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(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(" "),s._m(6),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(7)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("综合使用 - Scroll")]),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-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"11"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"22"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"33"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),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("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("{{props.current}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 需要和 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 组件配合使用。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件依赖 "),t("code",{pre:!0},[s._v("pos")]),s._v(" Prop 来指定当前实时位置，由于 Scroll 组件中派发的 "),t("code",{pre:!0},[s._v("y")]),s._v(" 为负值，所以我们需要将其转换为滚动位置，直接取 "),t("code",{pre:!0},[s._v("-y")]),s._v(" 即可。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 组件的 "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" Prop 是可选的，用于指定当前吸附元素的 key 值，默认为当前组件的索引值，即在 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件中的第几个 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v("。")]),s._v(" "),t("p",[s._v("我们还可以利用 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件的 "),t("code",{pre:!0},[s._v("fixed")]),s._v(" 插槽实现自定义吸附效果，如果没有插槽的话，内部默认会将吸附的 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 的内容显示出来。")])]),s._v(" "),t("li",[t("p",[s._v("综合使用 - Native Scroll")]),s._v(" "),t("p",[s._v("利用原生滚动实现效果。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-ele"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\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("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler(e) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = e.currentTarget.scrollTop\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-ele")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v(": auto\n  -webkit-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v("-scrolling: touch\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n")])]),s._v(" "),t("p",[s._v("这个示例展示的就是利用原生滚动实现吸附效果的。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("check-top")]),s._v(" Prop 则是用来控制检查条件的，默认为 "),t("code",{pre:!0},[s._v("true")]),s._v("，意味着当 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 元素的顶部达到 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 的顶部的时候就会被吸附；这个例子中我们设置为了 "),t("code",{pre:!0},[s._v("false")]),s._v("，意味着当 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 的底部达到 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 的顶部的时候会被吸附。")])]),s._v(" "),t("li",[t("p",[s._v("模拟微信效果 - WeChat")]),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-sticky")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fixed-show-ani")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-fixed-show"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@diff-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"diffChange"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyHeader"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("header"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    },\n    diffChange() {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" opacity = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (height) {\n        opacity = diff / height\n      }\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.stickyHeader.style.opacity = opacity\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": translate("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", -"),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v(")\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter-active")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transition")]),s._v(": all ."),t("span",{attrs:{class:"hljs-number"}},[s._v("5s")]),s._v(" ease-in-out\n")])]),s._v(" "),t("p",[s._v("可以通过 "),t("code",{pre:!0},[s._v("fixed-show-ani")]),s._v(" 指定当元素吸附时出现的 "),t("code",{pre:!0},[s._v("transition")]),s._v(" 名字，我们这里指定 "),t("code",{pre:!0},[s._v("sticky-fixed-show")]),s._v("，所以相对应的我们在样式中加了对应的动画控制效果。")]),s._v(" "),t("p",[s._v("同时可以通过 "),t("code",{pre:!0},[s._v("diff-change")]),s._v(" 事件得到当前 sticky 元素滚动的差值，一般我们可以和当前 sticky 元素的高做除法得到相对百分比，可以精细控制出现的具体细节。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("pos")]),s._v(" "),t("td",[s._v("必须，滚动位置")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("checkTop")]),s._v(" "),t("td",[s._v("是否检测顶部位置，如果为 false，则检查 sticky-ele 元素的底部边界")]),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("fixedShowAni")]),s._v(" "),t("td",[s._v("元素吸附时指定 transition 的 name 值")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("如果 checkTop 为 true，则为 ''，如果为 false，则为 'cube-sticky-fixed-fade'")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("偏移值，传入的 pos 的值会加上这个值修正")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("0")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("eleKey")]),s._v(" "),t("td",[s._v("吸顶元素的 key 值")]),s._v(" "),t("td",[s._v("Number/String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("当 "),t("code",{pre:!0},[s._v("eleKey")]),s._v(" 不存在时，CubeSticky 组件会获取当前 CubeStickyEle 组件的次序索引作为吸附元素的标示。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("默认内容")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("fixed")]),s._v(" "),t("td",[s._v("元素吸附时内容如何展示")]),s._v(" "),t("td",[s._v("current: 当前吸附元素的 key 值"),t("br"),s._v("index: 吸附元素索引值（非响应式的）")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数1")]),s._v(" "),t("th",[s._v("参数2")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("吸附的元素发生改变时触发")]),s._v(" "),t("td",[s._v("current - 吸附的元素的 key 值，如果没有的话，则为 ''")]),s._v(" "),t("td",[s._v("index - 吸附元素的索引值，没有的话，则为 -1（非响应式的）")])]),s._v(" "),t("tr",[t("td",[s._v("diff-change")]),s._v(" "),t("td",[s._v("sticky 元素滚动的差值改变时触发")]),s._v(" "),t("td",[s._v("diff - 差值，最小 0")]),s._v(" "),t("td",[s._v("height: 当前 sticky 元素的高度")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("刷新，当内容发生变化时可用于重新计算高度和位置")])])])])}]}},dgnj:function(s,a,t){var l=t("VU/8")(null,t("3wyd"),null,null,null);s.exports=l.exports},"ula/":function(s,a,t){s.exports=t("dgnj")}});
\ No newline at end of file
diff --git a/docs/js/15.3364954d8a27037cf761.js b/docs/js/15.3364954d8a27037cf761.js
new file mode 100644
index 000000000..f5dba60a5
--- /dev/null
+++ b/docs/js/15.3364954d8a27037cf761.js
@@ -0,0 +1 @@
+webpackJsonp([15],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),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-slide")]),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("。")])]),s._v(" "),a("li",[a("p",[s._v("实时派发滚动的距离"),a("sup",[s._v("1.10.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(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("  "),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("options")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("listenScroll")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("probeType")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n        }\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      scroll ({x, y}) {\n        "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(x, y)\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("用于 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://better-scroll.github.io/docs-v1/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")])]),s._v(" "),a("tr",[a("td",[s._v("refreshResetCurrent"),a("sup",[s._v("1.10.10")])]),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("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"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("滚动中实时派发")]),s._v(" "),a("td",[s._v("Object {x, y} -滚动位置的坐标值")])]),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/15.39170e80cfc7783087dd.js b/docs/js/15.39170e80cfc7783087dd.js
deleted file mode 100644
index 484e7fad0..000000000
--- a/docs/js/15.39170e80cfc7783087dd.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([15],{"7yxM":function(s,t,a){s.exports=a("OqL0")},OqL0:function(s,t,a){var v=a("VU/8")(null,a("e594"),null,null,null);s.exports=v.exports},e594: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),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-slide")]),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("。")])]),s._v(" "),a("li",[a("p",[s._v("实时派发滚动的距离"),a("sup",[s._v("1.10.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(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("  "),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("options")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("listenScroll")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("probeType")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n        }\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      scroll ({x, y}) {\n        "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(x, y)\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("用于 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://better-scroll.github.io/docs-v1/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")])]),s._v(" "),a("tr",[a("td",[s._v("refreshResetCurrent"),a("sup",[s._v("1.10.10")])]),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("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"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("滚动中实时派发")]),s._v(" "),a("td",[s._v("Object {x, y} -滚动位置的坐标值")])]),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("当轮播图内容删减的时候，可以调用此方法进行更新，重新渲染")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/16.83d41e7b1a92ce761e7d.js b/docs/js/16.cd9871b346f43683d669.js
similarity index 97%
rename from docs/js/16.83d41e7b1a92ce761e7d.js
rename to docs/js/16.cd9871b346f43683d669.js
index ef6a1647d..3549c015f 100644
--- a/docs/js/16.83d41e7b1a92ce761e7d.js
+++ b/docs/js/16.cd9871b346f43683d669.js
@@ -1 +1 @@
-webpackJsonp([16],{"+gXa":function(t,e,s){t.exports=s("dd41")},"RZy/":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(" "),t._m(0),t._v(" "),s("p",[t._v("在 cube-ui 中涉及到 API 调用的组件都是弹层类，经常使用的如下：")]),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),s("p",[t._v("在一般情况下，默认行为即可满足需求，除非特殊场景。")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[t._v("1.11 版本之后")]),t._v(" "),s("p",[t._v("单例是相对于某一个组件上下文的，如果说组件是单例的，在同一个组件内多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")])]),t._v(" "),s("li",[s("p",[t._v("1.11 版本之前")]),t._v(" "),s("p",[t._v("如果说组件是单例的，在多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")])])])},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("RZy/"),null,null,null);t.exports=a.exports}});
\ No newline at end of file
+webpackJsonp([16],{"+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(" "),t._m(0),t._v(" "),s("p",[t._v("在 cube-ui 中涉及到 API 调用的组件都是弹层类，经常使用的如下：")]),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),s("p",[t._v("在一般情况下，默认行为即可满足需求，除非特殊场景。")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[t._v("1.11 版本之后")]),t._v(" "),s("p",[t._v("单例是相对于某一个组件上下文的，如果说组件是单例的，在同一个组件内多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")])]),t._v(" "),s("li",[s("p",[t._v("1.11 版本之前")]),t._v(" "),s("p",[t._v("如果说组件是单例的，在多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")])])])},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/17.4541b85f4e12c13cfd08.js b/docs/js/17.4541b85f4e12c13cfd08.js
new file mode 100644
index 000000000..6b7ab9323
--- /dev/null
+++ b/docs/js/17.4541b85f4e12c13cfd08.js
@@ -0,0 +1 @@
+webpackJsonp([17],{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("</"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("</"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("autoPop")]),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("input")]),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("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/17.89fd481362aaa4141a73.js b/docs/js/17.89fd481362aaa4141a73.js
deleted file mode 100644
index 3a71bc3c5..000000000
--- a/docs/js/17.89fd481362aaa4141a73.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([17],{Arul:function(t,s,v){var a=v("VU/8")(null,v("pVIV"),null,null,null);t.exports=a.exports},eM4Z:function(t,s,v){t.exports=v("Arul")},pVIV: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("</"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("</"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("autoPop")]),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("input")]),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("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("-")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/18.10fbc962ddf6f40615a5.js b/docs/js/18.10fbc962ddf6f40615a5.js
new file mode 100644
index 000000000..5a2576749
--- /dev/null
+++ b/docs/js/18.10fbc962ddf6f40615a5.js
@@ -0,0 +1 @@
+webpackJsonp([18],{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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - 入学时间: "),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(" <br/> - 毕业时间: "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - 所选快递:  "),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(" <br/> - 寄件地址: "),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(" <br/> - 收件地址: "),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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/18.8582310842dae1c00da6.js b/docs/js/18.8582310842dae1c00da6.js
deleted file mode 100644
index 9cfbe3ba1..000000000
--- a/docs/js/18.8582310842dae1c00da6.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([18],{UCq8:function(s,t,a){s.exports=a("spOv")},spOv:function(s,t,a){var v=a("VU/8")(null,a("t9AN"),null,null,null);s.exports=v.exports},t9AN: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - 入学时间: "),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(" <br/> - 毕业时间: "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - 所选快递:  "),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(" <br/> - 寄件地址: "),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(" <br/> - 收件地址: "),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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("隐藏")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/19.16a57cbea5da52c6251a.js b/docs/js/19.16a57cbea5da52c6251a.js
new file mode 100644
index 000000000..2ec56f089
--- /dev/null
+++ b/docs/js/19.16a57cbea5da52c6251a.js
@@ -0,0 +1 @@
+webpackJsonp([19],{"/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(" "),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("p",[s._v("7 个示例代码快速了解如何使用 Scroll 组件。")]),s._v(" "),s._m(5),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(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(" "),s._m(13),s._v(" "),s._m(14),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(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(" "),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(17),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(18)])},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）纵向滚动："),a("strong",[s._v("内容元素的高度必须大于容器元素")]),s._v("。由于容器元素的高度默认会被子元素的高度撑开，所以为了满足我们的滚动前提，你需要给 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）横向滚动："),a("strong",[s._v("内容元素的宽度必须大于容器元素")]),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("blockquote",[a("p",[s._v("注意：任何时候如果出现无法滚动的情况，都应该首先查看内容元素"),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v("的元素高度/宽度是否大于容器元素"),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("的高度/宽度。这是内容能够滚动的前提条件。"),a("strong",[s._v("如果内容存在图片的情况，可能会出现 DOM 元素渲染时图片还未下载，因此内容元素的高度小于预期，出现滚动不正常的情况。此时你应该在图片加载完成后，比如 onload 事件回调中，手动调用 Scroll 组件的 "),a("code",{pre:!0},[s._v("refresh()")]),s._v(" 方法，它会重新计算滚动距离。")]),s._v(" Scroll 相关常见问题可以查看 "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+scroll"}},[s._v("Cube-UI/Question-Answer")]),s._v(".")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. 基本使用 - Default")])]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性为一个数组，即可生成能够在容器内优雅滚动的列表。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/default.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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(">")]),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("div")]),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(".scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("350px")]),s._v("\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：由上面的滚动原理可知，这里给滚动容器提供一个固定高度是必须的，同时只有在滚动内容的高度大于容器高度时才可滚动。")])]),s._v(" "),a("p",[s._v("在"),a("code",{pre:!0},[s._v("options")]),s._v("中可以设置滚动条是否可见以及初始滚动位置"),a("code",{pre:!0},[s._v("startY/startX")]),s._v("。")]),s._v(" "),a("p",[s._v("Scroll 组件提供了一个"),a("code",{pre:!0},[s._v("scrollTo()")]),s._v("方法，可以手动控制列表滚动位置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("scrollTo() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.scrollTo(\n    "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToY,\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToTime,\n    ease["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToEasing]\n  )\n},\n")])]),s._v(" "),a("p",[s._v("实际上这是一个非常有用的方法，如当我们想要实现“点击不同锚点，列表滚动到相应位置展现不同内容”时，可以使用"),a("code",{pre:!0},[s._v("scrollTo()")]),s._v("方法。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. 横向滚动 - Horizontal")])]),s._v(" "),a("p",[s._v("Scroll 组件支持横向滚动，只需指定"),a("code",{pre:!0},[s._v('direction="horizontal"')]),s._v("，同时需要添加相应样式如下。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal-scroll-list-wrap"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".horizontal-scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid 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.1")]),s._v(")\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-content")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-wrapper")]),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("10px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("white-space")]),s._v(": nowrap\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-item")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：1. 由上面的滚动原理可知，这里的 CSS 样式设置是必须的，只有在滚动内容的宽度大于容器宽度时才可滚动。2. 有时候我们希望横向滚动使用"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件来模拟，纵向保留浏览器原生滚动，或者相反的情况。这时你需要传递 better-scroll 配置项 "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html#eventpassthrough"}},[s._v("eventPassthrough")]),s._v("。")])]),s._v(" "),a("p",[s._v("这里对样式的设定做简要的解释，为"),a("code",{pre:!0},[s._v("list-item")]),s._v("元素添加"),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("是希望元素能够不换行，单行显示。"),a("code",{pre:!0},[s._v("list-wrapper")]),s._v("添加"),a("code",{pre:!0},[s._v("white-space: nowrap")]),s._v("是希望遇到父元素边界，依然不换行。另外，关键是"),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v("元素添加"),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("样式，此时"),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v("元素的宽度为能够包裹子孙元素的最小宽度，即为连续内联"),a("code",{pre:!0},[s._v("list-item")]),s._v("元素的宽度之和子元素的最大宽度。具有同样性质的样式还有，浮动元素和绝对定位元素，在不设置具体宽度时，其宽度为包裹子孙元素的最小宽度。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("3. 自定义内容和上拉刷新下拉加载 - Customized")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v("组件支持通过插槽自定义列表内容和样式。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/config.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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    ... // 自定义内容\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("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Scroll 组件还支持下拉刷新和上拉加载的能力。默认无下拉刷新/上拉加载，可通过"),a("code",{pre:!0},[s._v("options")]),s._v("传递配置项"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("和"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("开启相应功能。开启后，下拉时，Scroll 组件会展示默认下拉动画以及派发"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件，你可以监听"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件更新数据。同理，开启上拉加载后，可通过"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件更新数据。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("的相关配置有：下拉阈值（threshold）, 回弹位置（stop）, 更新成功文案（txt）和文案显示时间（stopTime）。"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("和"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("对象的所有配置项和含义见 "),a("a",{attrs:{href:"#/zh-CN/docs/scroll#cube-Props%E9%85%8D%E7%BD%AE-anchor"}},[s._v("Props 配置")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("... "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 省略非核心代码")]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  options() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownRefreshObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullUpLoadObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n    }\n  },\n  ...\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n  onPullingDown() {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n    setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift(_foods["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("])\n      } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      }\n    }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n  },\n  onPullingUp() {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n    setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = _foods.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(")\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n      } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      }\n    }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n  },\n  ...\n}\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：如果请求结果没有数据更新，则必须调用 Scroll 组件的"),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v("方法结束此次下拉刷新/上拉加载，这样 Scroll 组件才会开始监听下一次下拉刷新/上拉加载操作。在上例中数据更新时，没有调用"),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v("方法，原因为："),a("strong",[s._v("如果你向"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件传递了"),a("code",{pre:!0},[s._v("data")]),s._v("属性，那么当"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件监听到"),a("code",{pre:!0},[s._v("data")]),s._v("有更新时会自行调用"),a("code",{pre:!0},[s._v("forceUpate(true)")]),s._v("方法")]),s._v("，因此推荐传递"),a("code",{pre:!0},[s._v("data")]),s._v("属性。")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("4. 自定义下拉刷新动画 - 仿京东 App 首页")])]),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("做自定义动画。Scroll 组件的作用域插槽暴露出的变量非常完善，可以满足绝大多数场景下自定义下拉/上拉动画的需求。下面的例子模仿了京东 App 首页的下拉刷新动画。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/jd.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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(":scroll-events")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"['scroll']\"")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollOptions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onScrollHandle"')]),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("<"),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('"http://om0jxp12h.bkt.clouddn.com/jd_content.JPG"')]),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(" "),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('"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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown-content"')]),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('"http://om0jxp12h.bkt.clouddn.com/pulldow-img.jpg"')]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v(">")]),s._v("{{ pullDownTip }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(">")]),s._v("正在更新..."),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),s._v(">")]),s._v("更新成功"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n        "),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(">")]),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("template")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("data() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),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("60")]),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("'更新成功'")]),s._v("\n      }\n    },\n    ...\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  pullDownTip() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'下拉刷新...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'继续下拉有惊喜...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'松手得惊喜！'")]),s._v("\n    }\n  },\n  headerStyle() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".min("),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".max("),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-keyword"}},[s._v("this")]),s._v(".pullDownY / "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v("))\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n  onScrollHandle(pos) {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY = pos.y\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (pos.y > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("`top:"),a("span",{attrs:{class:"hljs-subst"}},[s._v("${pos.y}")]),s._v("px`")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY > "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      }\n    }\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.topHeader.style.opacity = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".headerStyle\n  },\n  onPullingDown() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurprise = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n    }\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(".$refs.scroll.forceUpdate()\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("beforePulldown")]),s._v("和"),a("code",{pre:!0},[s._v("isPullingDown")]),s._v("，你可以根据状态的变化来控制动画流程，其他作用域参数及其含义详见下面的"),a("a",{attrs:{href:"#/zh-CN/docs/scroll#cube-%E6%8F%92%E6%A7%BD-anchor"}},[s._v("插槽")]),s._v("。在一个完整的下拉刷新过程中，"),a("code",{pre:!0},[s._v("beforePullDown")]),s._v("和"),a("code",{pre:!0},[s._v("isPullingDown")]),s._v("的状态变化如下：")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("流程")]),s._v(" "),a("th",[s._v("beforePulldown")]),s._v(" "),a("th",[s._v("isPullingDown")]),s._v(" "),a("th",[s._v("备注")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("1. 未触发下拉刷新")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("展示继续下拉引导图案")])]),s._v(" "),a("tr",[a("td",[s._v("2. 触发下拉刷新")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("异步请求数据，显示 loading")])]),s._v(" "),a("tr",[a("td",[s._v("3. 获取数据成功")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("调用 "),a("code",{pre:!0},[s._v("forceUpdate(true)")]),s._v(", 显示成功文案, 延迟 stopTime 时间进入步骤 4")])]),s._v(" "),a("tr",[a("td",[s._v("4. 下拉刷新完成")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("5. 高级使用 - 仿头条 App 首页")])]),s._v(" "),a("p",[s._v("Scroll 组件能够满足绝大多数移动端应用的滚动需求。本例中通过横向和纵向的两个 Scroll 组件快速实现了模仿头条 App 首页的滚动体验。完整的示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/toutiao.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-scroll-list-wrap"')]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"navScroll"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in navTxts"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more-wrapper"')]),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('"more"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("div")]),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('"content-scroll-wrapper"')]),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('"content-scroll-list-wrap"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollWrapper"')]),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("\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"contentScroll"')]),s._v("\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content"')]),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("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in content"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-item"')]),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.url"')]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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(" "),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(" "),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 > options.pullDownRefresh.threshold - 60}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("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-show")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),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("transition")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"success"')]),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-show")]),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('"text-wrapper"')]),s._v(">")]),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('"refresh-text"')]),s._v(">")]),s._v("今日头条推荐引擎有x条更新"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),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("transition")]),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("div")]),s._v(">")]),s._v("\n      "),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-scroll")]),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("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("和“仿京东 APP”示例不同的是，在下拉刷新的自定义动画中，使用了"),a("code",{pre:!0},[s._v("pulldown")]),s._v("作用域插槽中的"),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v("和"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("更方便的实现下拉动画。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownStyle")]),s._v("用来控制下拉内容的位置，值为字符串"),a("code",{pre:!0},[s._v("top: n px")]),s._v("（n 代表数值）。Scroll 组件是通过绝对定位的"),a("code",{pre:!0},[s._v("top")]),s._v("值来控制下拉内容位置的。初始状态"),a("code",{pre:!0},[s._v("top")]),s._v("值为负值，大小刚好为下拉内容的高度，因此下拉内容被隐藏到滚动区域上方，当下拉过程中，Scroll 组件会逐渐增大"),a("code",{pre:!0},[s._v("top")]),s._v("值，实时更新下拉内容的位置。"),a("code",{pre:!0},[s._v("top")]),s._v("最大值为0，即当下拉内容完全显示后"),a("code",{pre:!0},[s._v("top")]),s._v("值不再增加。即 "),a("code",{pre:!0},[s._v("pullY - height <= top <= 0")]),s._v("。（pullY 为下拉距离，height 为下拉内容高度）")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("bubbleY")]),s._v("用来辅助实现自定义动画。在默认动画中，"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("用来控制气泡尾巴长度；在头条例子中，用来控制箭头的"),a("code",{pre:!0},[s._v("padding-top")]),s._v("值，间接控制箭头位置。"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("的最小值为 0，下拉过程中，当下拉距离大于下拉内容高度后，"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("开始增大。即 "),a("code",{pre:!0},[s._v("0 <= bubbleY <= pullY - height")]),s._v("。")]),s._v(" "),a("blockquote",[a("p",[s._v("在本例中，"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("配置项没有传入"),a("code",{pre:!0},[s._v("stop")]),s._v("值，但是下拉后依然能够回弹到正确位置，原因是 Scroll 组件初始化时会将 "),a("code",{pre:!0},[s._v("beforePullDown === false && isPullingDown === true")]),s._v(" 时下拉内容高度作为 "),a("code",{pre:!0},[s._v("stop")]),s._v(" 默认值。")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("6. 嵌套纵向滚动 - Vertical Scrolls")]),a("sup",[s._v("1.12.0")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v("组件还支持嵌套的场景(目前只支持两层嵌套)。当遇到嵌套场景时，你需要给内层"),a("code",{pre:!0},[s._v("scroll")]),s._v("组件设置 Prop nestMode，可选值有 'native' 和 'free'。当设置为 'native' 时，嵌套"),a("code",{pre:!0},[s._v("Scroll")]),s._v("与浏览器原生嵌套场景的滚动行为相同。下面是"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件实现纵向嵌套滚动的例子。完整的示例代码在这里"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/vertical-scrolls.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v(">")]),s._v("\n  ...\n  "),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('"scroll2"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-inner-wrap"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"native"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-list"')]),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('"cube-scroll-item border-bottom-1px"')]),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 items2"')]),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(">")]),s._v("{{item}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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  ...\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("7. 嵌套横向滚动 - Horizontal Scrolls")]),a("sup",[s._v("1.12.0")])]),s._v(" "),a("p",[s._v("你还可以实现横向的嵌套滚动。这里同时设置"),a("code",{pre:!0},[s._v("nestMode")]),s._v("为"),a("code",{pre:!0},[s._v("free")]),s._v("，与"),a("code",{pre:!0},[s._v("native")]),s._v("模式不同的是，"),a("code",{pre:!0},[s._v("free")]),s._v("模式下，内层滚动过程中只要触发边界，便会开启外层滚动。而"),a("code",{pre:!0},[s._v("native")]),s._v("模式下，只在开始滚动时判断是否到达边界，与浏览器原生的嵌套滚动保持一致。完整的示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal-scrolls.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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('"items1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"outer-horizontal-scroll"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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('"list-item inner-horizontal-scroll"')]),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("\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('"items2"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"free"')]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("li")]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])])])])},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://better-scroll.github.io/docs-v1/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("} "),a("br"),a("code",{pre:!0},[s._v("注意")]),s._v("：从"),a("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),a("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),a("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),a("code",{pre:!0},[s._v("fasle")]),a("br"),s._v("具体请参考"),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])]),s._v(" "),a("tr",[a("td",[s._v("scrollEvents"),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("listenScroll")]),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("listenBeforeScroll")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("nestMode"),a("sup",[s._v("1.12.0")])]),s._v(" "),a("td",[s._v("嵌套滚动模式，默认是"),a("code",{pre:!0},[s._v("none")]),s._v("，即不做嵌套处理。"),a("code",{pre:!0},[s._v("native")]),s._v("只在开始滚动时判断是否到达边界并开启外层滚动，与浏览器原生的嵌套滚动保持一致。"),a("code",{pre:!0},[s._v("free")]),s._v("模式下，内层滚动过程中只要触发边界，便会开启外层滚动。")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'none', 'native', 'free'")]),s._v(" "),a("td",[s._v("'none'")])])])])},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("组件会自动计算回弹时显示的元素高度作为默认值")])]),s._v(" "),a("tr",[a("td",[s._v("stopTime")]),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("600")])]),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: '' }")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.12.21")])]),s._v(" "),a("td",[s._v("内容不满一屏时，txt 文案是否可见")]),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("blockquote",[a("p",[s._v("当开启 pullUpLoad，且内容较少，内容高度小于容器时，默认情况下，"),a("code",{pre:!0},[s._v("pullUpLoad.txt")]),s._v(" 配置的文案如“上滑加载更多”，需要上拉后才能看到。如果希望无需上拉即可看到提示文案，可以设置 "),a("code",{pre:!0},[s._v("pullUpLoad.visible")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("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("-")])])])])},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("scrollTo(x, y, time, ease)")]),s._v(" "),a("td",[s._v("滚动到指定位置")]),s._v(" "),a("td",[s._v("x: number, 横向位置"),a("br"),s._v(" y: number, 纵向位置"),a("br"),s._v(" time: number, 过渡动画时间 (ms)"),a("br"),s._v(" ease: EasingFn, 缓动曲线")])]),s._v(" "),a("tr",[a("td",[s._v("forceUpdate(dirty, nomore"),a("sup",[s._v("1.12.21")]),s._v(")")]),s._v(" "),a("td",[s._v("标记上拉下拉结束，强制重新计算可滚动距离")]),s._v(" "),a("td",[s._v("dirty: boolean, 标识有数据更新，默认为 false。"),a("br"),s._v("nomore: boolean, pullUpLoad 中标识没有更多数据，默认为 false。1.12.21版本后支持 nomore 参数，当 nomore 为 true 时，上拉加载展示 "),a("code",{pre:!0},[s._v("pullUpLoad.txt.nomore")]),s._v(" 值，但当 dirty 为 false 时，nomore 无效。")])]),s._v(" "),a("tr",[a("td",[s._v("disable()")]),s._v(" "),a("td",[s._v("禁用滚动")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("enable()")]),s._v(" "),a("td",[s._v("启用滚动，默认是开启滚动的。")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("resetPullUpTxt()")]),s._v(" "),a("td",[s._v("当从无更多切换到有更多时，重置上拉文本内容")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("refresh()")]),s._v(" "),a("td",[s._v("刷新，重新计算高度且刷新 BetterScroll 实例")]),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("scroll")]),s._v(" "),a("td",[s._v("可以通过该属性获得内部实现滚动核心的 BScoll 实例，从而获得更多 BScoll 的底层能力，如监听"),a("code",{pre:!0},[s._v("touchEnd")]),s._v("事件，获得滚动中的中间状态等，具体可查看"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/"}},[s._v(" better-scroll 文档")])])])])])}]}},kegs:function(s,t,a){s.exports=a("/Z59")}});
\ No newline at end of file
diff --git a/docs/js/19.c451914e188d45a39808.js b/docs/js/19.c451914e188d45a39808.js
deleted file mode 100644
index d7ac6af70..000000000
--- a/docs/js/19.c451914e188d45a39808.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([19],{"/Z59":function(s,t,a){var v=a("VU/8")(null,a("UPjJ"),null,null,null);s.exports=v.exports},UPjJ: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(" "),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("p",[s._v("7 个示例代码快速了解如何使用 Scroll 组件。")]),s._v(" "),s._m(5),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(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(" "),s._m(13),s._v(" "),s._m(14),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(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(" "),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(17),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(18)])},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）纵向滚动："),a("strong",[s._v("内容元素的高度必须大于容器元素")]),s._v("。由于容器元素的高度默认会被子元素的高度撑开，所以为了满足我们的滚动前提，你需要给 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）横向滚动："),a("strong",[s._v("内容元素的宽度必须大于容器元素")]),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("blockquote",[a("p",[s._v("注意：任何时候如果出现无法滚动的情况，都应该首先查看内容元素"),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v("的元素高度/宽度是否大于容器元素"),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("的高度/宽度。这是内容能够滚动的前提条件。"),a("strong",[s._v("如果内容存在图片的情况，可能会出现 DOM 元素渲染时图片还未下载，因此内容元素的高度小于预期，出现滚动不正常的情况。此时你应该在图片加载完成后，比如 onload 事件回调中，手动调用 Scroll 组件的 "),a("code",{pre:!0},[s._v("refresh()")]),s._v(" 方法，它会重新计算滚动距离。")]),s._v(" Scroll 相关常见问题可以查看 "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+scroll"}},[s._v("Cube-UI/Question-Answer")]),s._v(".")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. 基本使用 - Default")])]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性为一个数组，即可生成能够在容器内优雅滚动的列表。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/default.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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(">")]),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("div")]),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(".scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("350px")]),s._v("\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：由上面的滚动原理可知，这里给滚动容器提供一个固定高度是必须的，同时只有在滚动内容的高度大于容器高度时才可滚动。")])]),s._v(" "),a("p",[s._v("在"),a("code",{pre:!0},[s._v("options")]),s._v("中可以设置滚动条是否可见以及初始滚动位置"),a("code",{pre:!0},[s._v("startY/startX")]),s._v("。")]),s._v(" "),a("p",[s._v("Scroll 组件提供了一个"),a("code",{pre:!0},[s._v("scrollTo()")]),s._v("方法，可以手动控制列表滚动位置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("scrollTo() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.scrollTo(\n    "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToY,\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToTime,\n    ease["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToEasing]\n  )\n},\n")])]),s._v(" "),a("p",[s._v("实际上这是一个非常有用的方法，如当我们想要实现“点击不同锚点，列表滚动到相应位置展现不同内容”时，可以使用"),a("code",{pre:!0},[s._v("scrollTo()")]),s._v("方法。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. 横向滚动 - Horizontal")])]),s._v(" "),a("p",[s._v("Scroll 组件支持横向滚动，只需指定"),a("code",{pre:!0},[s._v('direction="horizontal"')]),s._v("，同时需要添加相应样式如下。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal-scroll-list-wrap"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".horizontal-scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid 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.1")]),s._v(")\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-content")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-wrapper")]),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("10px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("white-space")]),s._v(": nowrap\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-item")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：1. 由上面的滚动原理可知，这里的 CSS 样式设置是必须的，只有在滚动内容的宽度大于容器宽度时才可滚动。2. 有时候我们希望横向滚动使用"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件来模拟，纵向保留浏览器原生滚动，或者相反的情况。这时你需要传递 better-scroll 配置项 "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html#eventpassthrough"}},[s._v("eventPassthrough")]),s._v("。")])]),s._v(" "),a("p",[s._v("这里对样式的设定做简要的解释，为"),a("code",{pre:!0},[s._v("list-item")]),s._v("元素添加"),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("是希望元素能够不换行，单行显示。"),a("code",{pre:!0},[s._v("list-wrapper")]),s._v("添加"),a("code",{pre:!0},[s._v("white-space: nowrap")]),s._v("是希望遇到父元素边界，依然不换行。另外，关键是"),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v("元素添加"),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("样式，此时"),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v("元素的宽度为能够包裹子孙元素的最小宽度，即为连续内联"),a("code",{pre:!0},[s._v("list-item")]),s._v("元素的宽度之和子元素的最大宽度。具有同样性质的样式还有，浮动元素和绝对定位元素，在不设置具体宽度时，其宽度为包裹子孙元素的最小宽度。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("3. 自定义内容和上拉刷新下拉加载 - Customized")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v("组件支持通过插槽自定义列表内容和样式。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/config.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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    ... // 自定义内容\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("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Scroll 组件还支持下拉刷新和上拉加载的能力。默认无下拉刷新/上拉加载，可通过"),a("code",{pre:!0},[s._v("options")]),s._v("传递配置项"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("和"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("开启相应功能。开启后，下拉时，Scroll 组件会展示默认下拉动画以及派发"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件，你可以监听"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件更新数据。同理，开启上拉加载后，可通过"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件更新数据。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("的相关配置有：下拉阈值（threshold）, 回弹位置（stop）, 更新成功文案（txt）和文案显示时间（stopTime）。"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("和"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("对象的所有配置项和含义见 "),a("a",{attrs:{href:"#/zh-CN/docs/scroll#cube-Props%E9%85%8D%E7%BD%AE-anchor"}},[s._v("Props 配置")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("... "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 省略非核心代码")]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  options() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownRefreshObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullUpLoadObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n    }\n  },\n  ...\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n  onPullingDown() {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n    setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift(_foods["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("])\n      } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      }\n    }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n  },\n  onPullingUp() {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n    setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = _foods.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(")\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n      } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      }\n    }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n  },\n  ...\n}\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：如果请求结果没有数据更新，则必须调用 Scroll 组件的"),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v("方法结束此次下拉刷新/上拉加载，这样 Scroll 组件才会开始监听下一次下拉刷新/上拉加载操作。在上例中数据更新时，没有调用"),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v("方法，原因为："),a("strong",[s._v("如果你向"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件传递了"),a("code",{pre:!0},[s._v("data")]),s._v("属性，那么当"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件监听到"),a("code",{pre:!0},[s._v("data")]),s._v("有更新时会自行调用"),a("code",{pre:!0},[s._v("forceUpate(true)")]),s._v("方法")]),s._v("，因此推荐传递"),a("code",{pre:!0},[s._v("data")]),s._v("属性。")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("4. 自定义下拉刷新动画 - 仿京东 App 首页")])]),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("做自定义动画。Scroll 组件的作用域插槽暴露出的变量非常完善，可以满足绝大多数场景下自定义下拉/上拉动画的需求。下面的例子模仿了京东 App 首页的下拉刷新动画。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/jd.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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(":scroll-events")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"['scroll']\"")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollOptions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onScrollHandle"')]),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("<"),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('"http://om0jxp12h.bkt.clouddn.com/jd_content.JPG"')]),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(" "),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('"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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown-content"')]),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('"http://om0jxp12h.bkt.clouddn.com/pulldow-img.jpg"')]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v(">")]),s._v("{{ pullDownTip }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(">")]),s._v("正在更新..."),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),s._v(">")]),s._v("更新成功"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n        "),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(">")]),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("template")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("data() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),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("60")]),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("'更新成功'")]),s._v("\n      }\n    },\n    ...\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  pullDownTip() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'下拉刷新...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'继续下拉有惊喜...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'松手得惊喜！'")]),s._v("\n    }\n  },\n  headerStyle() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".min("),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".max("),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-keyword"}},[s._v("this")]),s._v(".pullDownY / "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v("))\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n  onScrollHandle(pos) {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY = pos.y\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (pos.y > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("`top:"),a("span",{attrs:{class:"hljs-subst"}},[s._v("${pos.y}")]),s._v("px`")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY > "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      }\n    }\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.topHeader.style.opacity = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".headerStyle\n  },\n  onPullingDown() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurprise = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n    }\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(".$refs.scroll.forceUpdate()\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("beforePulldown")]),s._v("和"),a("code",{pre:!0},[s._v("isPullingDown")]),s._v("，你可以根据状态的变化来控制动画流程，其他作用域参数及其含义详见下面的"),a("a",{attrs:{href:"#/zh-CN/docs/scroll#cube-%E6%8F%92%E6%A7%BD-anchor"}},[s._v("插槽")]),s._v("。在一个完整的下拉刷新过程中，"),a("code",{pre:!0},[s._v("beforePullDown")]),s._v("和"),a("code",{pre:!0},[s._v("isPullingDown")]),s._v("的状态变化如下：")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("流程")]),s._v(" "),a("th",[s._v("beforePulldown")]),s._v(" "),a("th",[s._v("isPullingDown")]),s._v(" "),a("th",[s._v("备注")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("1. 未触发下拉刷新")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("展示继续下拉引导图案")])]),s._v(" "),a("tr",[a("td",[s._v("2. 触发下拉刷新")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("异步请求数据，显示 loading")])]),s._v(" "),a("tr",[a("td",[s._v("3. 获取数据成功")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("调用 "),a("code",{pre:!0},[s._v("forceUpdate(true)")]),s._v(", 显示成功文案, 延迟 stopTime 时间进入步骤 4")])]),s._v(" "),a("tr",[a("td",[s._v("4. 下拉刷新完成")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("5. 高级使用 - 仿头条 App 首页")])]),s._v(" "),a("p",[s._v("Scroll 组件能够满足绝大多数移动端应用的滚动需求。本例中通过横向和纵向的两个 Scroll 组件快速实现了模仿头条 App 首页的滚动体验。完整的示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/toutiao.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-scroll-list-wrap"')]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"navScroll"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in navTxts"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more-wrapper"')]),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('"more"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("div")]),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('"content-scroll-wrapper"')]),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('"content-scroll-list-wrap"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollWrapper"')]),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("\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"contentScroll"')]),s._v("\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content"')]),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("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in content"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-item"')]),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.url"')]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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(" "),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(" "),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 > options.pullDownRefresh.threshold - 60}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("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-show")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),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("transition")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"success"')]),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-show")]),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('"text-wrapper"')]),s._v(">")]),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('"refresh-text"')]),s._v(">")]),s._v("今日头条推荐引擎有x条更新"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),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("transition")]),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("div")]),s._v(">")]),s._v("\n      "),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-scroll")]),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("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("和“仿京东 APP”示例不同的是，在下拉刷新的自定义动画中，使用了"),a("code",{pre:!0},[s._v("pulldown")]),s._v("作用域插槽中的"),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v("和"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("更方便的实现下拉动画。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownStyle")]),s._v("用来控制下拉内容的位置，值为字符串"),a("code",{pre:!0},[s._v("top: n px")]),s._v("（n 代表数值）。Scroll 组件是通过绝对定位的"),a("code",{pre:!0},[s._v("top")]),s._v("值来控制下拉内容位置的。初始状态"),a("code",{pre:!0},[s._v("top")]),s._v("值为负值，大小刚好为下拉内容的高度，因此下拉内容被隐藏到滚动区域上方，当下拉过程中，Scroll 组件会逐渐增大"),a("code",{pre:!0},[s._v("top")]),s._v("值，实时更新下拉内容的位置。"),a("code",{pre:!0},[s._v("top")]),s._v("最大值为0，即当下拉内容完全显示后"),a("code",{pre:!0},[s._v("top")]),s._v("值不再增加。即 "),a("code",{pre:!0},[s._v("pullY - height <= top <= 0")]),s._v("。（pullY 为下拉距离，height 为下拉内容高度）")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("bubbleY")]),s._v("用来辅助实现自定义动画。在默认动画中，"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("用来控制气泡尾巴长度；在头条例子中，用来控制箭头的"),a("code",{pre:!0},[s._v("padding-top")]),s._v("值，间接控制箭头位置。"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("的最小值为 0，下拉过程中，当下拉距离大于下拉内容高度后，"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("开始增大。即 "),a("code",{pre:!0},[s._v("0 <= bubbleY <= pullY - height")]),s._v("。")]),s._v(" "),a("blockquote",[a("p",[s._v("在本例中，"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("配置项没有传入"),a("code",{pre:!0},[s._v("stop")]),s._v("值，但是下拉后依然能够回弹到正确位置，原因是 Scroll 组件初始化时会将 "),a("code",{pre:!0},[s._v("beforePullDown === false && isPullingDown === true")]),s._v(" 时下拉内容高度作为 "),a("code",{pre:!0},[s._v("stop")]),s._v(" 默认值。")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("6. 嵌套纵向滚动 - Vertical Scrolls")]),a("sup",[s._v("1.12.0")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v("组件还支持嵌套的场景(目前只支持两层嵌套)。当遇到嵌套场景时，你需要给内层"),a("code",{pre:!0},[s._v("scroll")]),s._v("组件设置 Prop nestMode，可选值有 'native' 和 'free'。当设置为 'native' 时，嵌套"),a("code",{pre:!0},[s._v("Scroll")]),s._v("与浏览器原生嵌套场景的滚动行为相同。下面是"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件实现纵向嵌套滚动的例子。完整的示例代码在这里"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/vertical-scrolls.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v(">")]),s._v("\n  ...\n  "),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('"scroll2"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-inner-wrap"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"native"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-list"')]),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('"cube-scroll-item border-bottom-1px"')]),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 items2"')]),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(">")]),s._v("{{item}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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  ...\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("7. 嵌套横向滚动 - Horizontal Scrolls")]),a("sup",[s._v("1.12.0")])]),s._v(" "),a("p",[s._v("你还可以实现横向的嵌套滚动。这里同时设置"),a("code",{pre:!0},[s._v("nestMode")]),s._v("为"),a("code",{pre:!0},[s._v("free")]),s._v("，与"),a("code",{pre:!0},[s._v("native")]),s._v("模式不同的是，"),a("code",{pre:!0},[s._v("free")]),s._v("模式下，内层滚动过程中只要触发边界，便会开启外层滚动。而"),a("code",{pre:!0},[s._v("native")]),s._v("模式下，只在开始滚动时判断是否到达边界，与浏览器原生的嵌套滚动保持一致。完整的示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal-scrolls.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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('"items1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"outer-horizontal-scroll"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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('"list-item inner-horizontal-scroll"')]),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("\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('"items2"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"free"')]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("li")]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])])])])},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://better-scroll.github.io/docs-v1/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("} "),a("br"),a("code",{pre:!0},[s._v("注意")]),s._v("：从"),a("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),a("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),a("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),a("code",{pre:!0},[s._v("fasle")]),a("br"),s._v("具体请参考"),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])]),s._v(" "),a("tr",[a("td",[s._v("scrollEvents"),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("listenScroll")]),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("listenBeforeScroll")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("nestMode"),a("sup",[s._v("1.12.0")])]),s._v(" "),a("td",[s._v("嵌套滚动模式，默认是"),a("code",{pre:!0},[s._v("none")]),s._v("，即不做嵌套处理。"),a("code",{pre:!0},[s._v("native")]),s._v("只在开始滚动时判断是否到达边界并开启外层滚动，与浏览器原生的嵌套滚动保持一致。"),a("code",{pre:!0},[s._v("free")]),s._v("模式下，内层滚动过程中只要触发边界，便会开启外层滚动。")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'none', 'native', 'free'")]),s._v(" "),a("td",[s._v("'none'")])])])])},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("组件会自动计算回弹时显示的元素高度作为默认值")])]),s._v(" "),a("tr",[a("td",[s._v("stopTime")]),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("600")])]),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: '' }")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.12.21")])]),s._v(" "),a("td",[s._v("内容不满一屏时，txt 文案是否可见")]),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("blockquote",[a("p",[s._v("当开启 pullUpLoad，且内容较少，内容高度小于容器时，默认情况下，"),a("code",{pre:!0},[s._v("pullUpLoad.txt")]),s._v(" 配置的文案如“上滑加载更多”，需要上拉后才能看到。如果希望无需上拉即可看到提示文案，可以设置 "),a("code",{pre:!0},[s._v("pullUpLoad.visible")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("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("-")])])])])},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("scrollTo(x, y, time, ease)")]),s._v(" "),a("td",[s._v("滚动到指定位置")]),s._v(" "),a("td",[s._v("x: number, 横向位置"),a("br"),s._v(" y: number, 纵向位置"),a("br"),s._v(" time: number, 过渡动画时间 (ms)"),a("br"),s._v(" ease: EasingFn, 缓动曲线")])]),s._v(" "),a("tr",[a("td",[s._v("forceUpdate(dirty, nomore"),a("sup",[s._v("1.12.21")]),s._v(")")]),s._v(" "),a("td",[s._v("标记上拉下拉结束，强制重新计算可滚动距离")]),s._v(" "),a("td",[s._v("dirty: boolean, 标识有数据更新，默认为 false。"),a("br"),s._v("nomore: boolean, pullUpLoad 中标识没有更多数据，默认为 false。1.12.21版本后支持 nomore 参数，当 nomore 为 true 时，上拉加载展示 "),a("code",{pre:!0},[s._v("pullUpLoad.txt.nomore")]),s._v(" 值，但当 dirty 为 false 时，nomore 无效。")])]),s._v(" "),a("tr",[a("td",[s._v("disable()")]),s._v(" "),a("td",[s._v("禁用滚动")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("enable()")]),s._v(" "),a("td",[s._v("启用滚动，默认是开启滚动的。")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("resetPullUpTxt()")]),s._v(" "),a("td",[s._v("当从无更多切换到有更多时，重置上拉文本内容")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("refresh()")]),s._v(" "),a("td",[s._v("刷新，重新计算高度且刷新 BetterScroll 实例")]),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("scroll")]),s._v(" "),a("td",[s._v("可以通过该属性获得内部实现滚动核心的 BScoll 实例，从而获得更多 BScoll 的底层能力，如监听"),a("code",{pre:!0},[s._v("touchEnd")]),s._v("事件，获得滚动中的中间状态等，具体可查看"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/"}},[s._v(" better-scroll 文档")])])])])])}]}},kegs:function(s,t,a){s.exports=a("/Z59")}});
\ No newline at end of file
diff --git a/docs/js/2.2432e5fc0d2475977d63.js b/docs/js/2.2432e5fc0d2475977d63.js
new file mode 100644
index 000000000..934650a4d
--- /dev/null
+++ b/docs/js/2.2432e5fc0d2475977d63.js
@@ -0,0 +1 @@
+webpackJsonp([2],{OsmJ:function(s,a,t){s.exports=t("mXmL")},QKcl: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("校验器，用于对表单进行验证，并提示相应的错误信息。")]),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(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:"事件"}},[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(4),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(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(" "),s._m(6),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("首先我们看一下内置的默认提示信息是怎样的，如果你需要修改，可以通过 addMessage 修改相应子属性。")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),t("p",[s._v("如上，组件内部解析默认的消息是类似于 Vue filter 的机制。")]),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),t("p",[s._v("通过 Validator.addHelper 方法注册的工具函数实际上是在 Locale.helpers 的命名空间下，你也可以导入 Locale 模块并且通过 Locale.addHelper 注册工具函数，两者都是指向同一块内存地址。")]),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(16),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.5.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("基本用法")]),s._v(" "),t("p",[s._v("Validator 作为一个独立的组件，通过 model 属性绑定它需要检验的数据；rules 定义验证规则，在 rules 规则中，可以配置 type、required 等内置规则，也可以用 pattern 添加校验的正则表达式，或 custom 自定义验证函数，具体细节可见后面的规则；针对各类规则，我们有比较完善的默认提示文案，具体可见后面的默认提示文案；同时，你也可以用 messages 属性用于自定义提示信息。")]),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('"text"')]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("给表单添加警告样式")]),s._v(" "),t("p",[s._v("如果想给表单组件添加警告样式，可以通过把表单组件作为默认插槽，插在 Validator 组件内。因为当未通过验证时，Validator 组件会有一个样式类，cube-validator_warn，给这个类下的表单元素增加样式即可。")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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(">")]),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("自定义提示插槽")]),s._v(" "),t("p",[s._v("用 messages 属性只能配置提示信息文案，但当你想加图标等自定义提示时，可以使用 message 插槽。这是一个作用域插槽，提供的作用域参数基本上能够满足所有的灵活定制需求，参数包括了：dirty，待检验的数据是否有修改过；message，首条没通过的规则的提示信息；result，对象，内含每条规则的校验结果和提示信息，如{ required: { valid: false, invalid: true, message: '必填' } }。")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("cube-validator")]),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("异步校验"),t("sup",[s._v("1.8.0+")])]),s._v(" "),t("p",[s._v("支持校验规则是异步的情况，约定如果校验规则函数的返回值是一个函数（"),t("strong",[s._v("该函数接收一个 "),t("code",{pre:!0},[s._v("resolve")]),s._v(" 回调，如果调用传入 "),t("code",{pre:!0},[s._v("true")]),s._v(" 则代表校验成功，否则都视为失败")]),s._v("）或者是一个 Promise 对象（"),t("strong",[t("code",{pre:!0},[s._v("resolve")]),s._v(" 的值是 "),t("code",{pre:!0},[s._v("true")]),s._v(" 的话就是校验成功，否则都视为失败")]),s._v("）那么就是异步校验，同时在校验的过程中会派发 "),t("code",{pre:!0},[s._v("validating")]),s._v(" 事件，在校验后派发 "),t("code",{pre:!0},[s._v("validated")]),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("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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),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("上述的 "),t("code",{pre:!0},[s._v("captchaCheck")]),s._v(" 就是一个异步校验规则，校验过程需花费 1 秒。")])]),s._v(" "),t("li",[t("p",[s._v("提交")]),s._v(" "),t("p",[s._v("虽然提交不属于 Validator 组件，但它往往与校验结果相关联着。所以这里说一下我们对提交的一种最佳实践，可供参考。重点在于对同时存在多个校验任务，以及提交时无论是否填写过表单都要进行校验，这两个需求的处理。")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("undefined")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),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("const")]),s._v(" p1 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" p2 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" p3 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all([p1, p2, p3]).then("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\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}\n")])]),s._v(" "),t("p",[s._v("对于有多个校验同时通过才可提交的情况，为了不用一个一个去取校验结果变量，可以把这组校验结果存在一个数组，在提交时，遍历这个数组即可。")]),s._v(" "),t("p",[s._v("通过调用 Validator 实例的 "),t("code",{pre:!0},[s._v("validate")]),s._v(" 方法可以去校验处理，从 1.8.0 版本后支持回调参数且如果浏览器支持 Promise 那么返回值就是 Promise 对象。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("model")]),s._v(" "),t("td",[s._v("必传，指定需要校验的数据")]),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("校验结果，是否通过验证")]),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("校验规则，具体见后面的内置规则和创建规则")]),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("自定义提示信息")]),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("初始时是否立即校验")]),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("是否禁用")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("表单组件")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("错误提示")]),s._v(" "),t("td",[s._v("dirty: 待检验的数据是否有修改过 "),t("br"),s._v(" validating: 是否正在校验 "),t("br"),s._v(" validated: 是否校验过 "),t("br"),s._v(" message: 首条没通过的规则的提示信息 "),t("br"),s._v(" result: 对象，内含每条规则的校验结果和提示信息，如{ 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("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validating")]),s._v(" "),t("td",[s._v("正在校验（只在异步场景下触发）")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("validated")]),s._v(" "),t("td",[s._v("校验完成（只在异步场景下触发）")]),s._v(" "),t("td",[s._v("valid: 校验是否成功")])]),s._v(" "),t("tr",[t("td",[s._v("msg-click")]),s._v(" "),t("td",[s._v("错误消息点击")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("input")]),s._v(" "),t("td",[s._v("绑定值变化时触发")]),s._v(" "),t("td",[s._v("更新后的绑定值")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("返回值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validate(cb)")]),s._v(" "),t("td",[s._v("校验")]),s._v(" "),t("td",[s._v("cb: 校验完成后回调函数，主要用于异步校验场景，调用参数为 valid 的值")]),s._v(" "),t("td",[s._v("如果支持 Promise 返回值为 Promise 对象（只有 resolved 状态，值为 valid），否则返回值为 undefined")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("已有规则")]),s._v(" "),t("p",[s._v("目前已有的内置规则，有 required、type、min、max、len、notWhitespace、pattern、custom。")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("示例")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("required")]),s._v(" "),t("td",[s._v("必填")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("类型")]),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("当类型为 number 或 date 时，表示待校验的数据必须大于等于 min；其它类型，表示待校验数据的长度必须大于等于 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("当类型为 number 或 date 时，表示待校验的数据必须小于等于 max；其它类型，表示待校验数据的长度必须小于等于 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("当类型为 number 或 date 时，表示待校验的数据必须等于 len；其它类型，表示待校验数据的长度必须等于 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("不允许全是空白符")]),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("正则匹配")]),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("自定义验证函数，当返回值严格等于 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("添加规则")]),s._v(" "),t("p",[s._v("除了已有的内置规则，你还可以使用 Validator 的 addRule 方法，添加自定义的公共规则，以及 addMessage 方法添加相应的默认提示信息。")]),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(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\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("p",[s._v("接下来你就可以在 rules 的配置中使用 odd 规则了：")]),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(">")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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(">")]),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("ul",[t("li",[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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" messages = {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),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("'请输入字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),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-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),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-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),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-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'必填'")]),s._v(")\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 覆盖 min.date 的提示消息")]),s._v("\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'min'")]),s._v(", {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('\'请选择 {{config | toLocaleDateString("yyyy年MM月dd日") | tips("请重新输入")}} 之后的时间\'')]),s._v("\n})\nValidator.addHelper("),t("span",{attrs:{class:"hljs-string"}},[s._v("'tips'")]),s._v(", "),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("result, arg1")]),s._v(") ")]),s._v("{\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须要返回提示消息")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`"),t("span",{attrs:{class:"hljs-subst"}},[s._v("${result}")]),s._v(", "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${arg1}")]),s._v("`")]),s._v("\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("config")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("比如你配置的规则是：{type: 'date', min: '2018-10-10'}，那么对于 "),t("code",{pre:!0},[s._v("min")]),s._v(" 下面的 "),t("code",{pre:!0},[s._v("date")]),s._v(" 的消息模板中的 "),t("code",{pre:!0},[s._v("config")]),s._v(" 字段的值就是 '2018-10-10', 因为校验的是一个 "),t("code",{pre:!0},[s._v("date")]),s._v(" 类型，"),t("code",{pre:!0},[s._v("min")]),s._v(" 对应的字段可以是一个 "),t("code",{pre:!0},[s._v("timestamp")]),s._v(" (日期时间戳)或者类似于日期格式的字符串 "),t("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" 或者 "),t("code",{pre:!0},[s._v("yyyy/MM/dd mm:ss")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("toLocaleDateString")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("内置的helper函数，第一个参数是你配置的 config 值，第二个参数是你期望的日期格式， 如上则为 "),t("code",{pre:!0},[s._v("'yyyy年MM月dd日'")]),s._v(", 接受类似于 "),t("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" 格式，你也可以通过如下的方式注册你自己的helper函数。")])},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("Validator.addHelper("),t("span",{attrs:{class:"hljs-string"}},[s._v("'fnName'")]),s._v(", (result, arg1) => {\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// result -> 上一个helper函数返回的值或者 config 值，如上例则是'2018-10-10'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// arg1 -> 你在消息模板传入的字符串, 如上例则是'请重新输入'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" ret\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 实现自己的逻辑")]),s._v("\n  ret = result + arg1\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须返回处理过后的消息")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ret\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[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"}},[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("修改已有类型")])])},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")])])}]}},mXmL:function(s,a,t){var v=t("VU/8")(null,t("QKcl"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/2.6e6975d6a89dd029fad4.js b/docs/js/2.6e6975d6a89dd029fad4.js
deleted file mode 100644
index 1ef76ca82..000000000
--- a/docs/js/2.6e6975d6a89dd029fad4.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([2],{L6bT: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("校验器，用于对表单进行验证，并提示相应的错误信息。")]),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(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:"事件"}},[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(4),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(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(" "),s._m(6),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("首先我们看一下内置的默认提示信息是怎样的，如果你需要修改，可以通过 addMessage 修改相应子属性。")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),t("p",[s._v("如上，组件内部解析默认的消息是类似于 Vue filter 的机制。")]),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),t("p",[s._v("通过 Validator.addHelper 方法注册的工具函数实际上是在 Locale.helpers 的命名空间下，你也可以导入 Locale 模块并且通过 Locale.addHelper 注册工具函数，两者都是指向同一块内存地址。")]),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(16),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.5.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("基本用法")]),s._v(" "),t("p",[s._v("Validator 作为一个独立的组件，通过 model 属性绑定它需要检验的数据；rules 定义验证规则，在 rules 规则中，可以配置 type、required 等内置规则，也可以用 pattern 添加校验的正则表达式，或 custom 自定义验证函数，具体细节可见后面的规则；针对各类规则，我们有比较完善的默认提示文案，具体可见后面的默认提示文案；同时，你也可以用 messages 属性用于自定义提示信息。")]),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('"text"')]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("给表单添加警告样式")]),s._v(" "),t("p",[s._v("如果想给表单组件添加警告样式，可以通过把表单组件作为默认插槽，插在 Validator 组件内。因为当未通过验证时，Validator 组件会有一个样式类，cube-validator_warn，给这个类下的表单元素增加样式即可。")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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(">")]),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("自定义提示插槽")]),s._v(" "),t("p",[s._v("用 messages 属性只能配置提示信息文案，但当你想加图标等自定义提示时，可以使用 message 插槽。这是一个作用域插槽，提供的作用域参数基本上能够满足所有的灵活定制需求，参数包括了：dirty，待检验的数据是否有修改过；message，首条没通过的规则的提示信息；result，对象，内含每条规则的校验结果和提示信息，如{ required: { valid: false, invalid: true, message: '必填' } }。")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("cube-validator")]),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("异步校验"),t("sup",[s._v("1.8.0+")])]),s._v(" "),t("p",[s._v("支持校验规则是异步的情况，约定如果校验规则函数的返回值是一个函数（"),t("strong",[s._v("该函数接收一个 "),t("code",{pre:!0},[s._v("resolve")]),s._v(" 回调，如果调用传入 "),t("code",{pre:!0},[s._v("true")]),s._v(" 则代表校验成功，否则都视为失败")]),s._v("）或者是一个 Promise 对象（"),t("strong",[t("code",{pre:!0},[s._v("resolve")]),s._v(" 的值是 "),t("code",{pre:!0},[s._v("true")]),s._v(" 的话就是校验成功，否则都视为失败")]),s._v("）那么就是异步校验，同时在校验的过程中会派发 "),t("code",{pre:!0},[s._v("validating")]),s._v(" 事件，在校验后派发 "),t("code",{pre:!0},[s._v("validated")]),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("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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),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("上述的 "),t("code",{pre:!0},[s._v("captchaCheck")]),s._v(" 就是一个异步校验规则，校验过程需花费 1 秒。")])]),s._v(" "),t("li",[t("p",[s._v("提交")]),s._v(" "),t("p",[s._v("虽然提交不属于 Validator 组件，但它往往与校验结果相关联着。所以这里说一下我们对提交的一种最佳实践，可供参考。重点在于对同时存在多个校验任务，以及提交时无论是否填写过表单都要进行校验，这两个需求的处理。")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("undefined")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),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("const")]),s._v(" p1 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" p2 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" p3 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all([p1, p2, p3]).then("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\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}\n")])]),s._v(" "),t("p",[s._v("对于有多个校验同时通过才可提交的情况，为了不用一个一个去取校验结果变量，可以把这组校验结果存在一个数组，在提交时，遍历这个数组即可。")]),s._v(" "),t("p",[s._v("通过调用 Validator 实例的 "),t("code",{pre:!0},[s._v("validate")]),s._v(" 方法可以去校验处理，从 1.8.0 版本后支持回调参数且如果浏览器支持 Promise 那么返回值就是 Promise 对象。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("model")]),s._v(" "),t("td",[s._v("必传，指定需要校验的数据")]),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("校验结果，是否通过验证")]),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("校验规则，具体见后面的内置规则和创建规则")]),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("自定义提示信息")]),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("初始时是否立即校验")]),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("是否禁用")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("表单组件")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("错误提示")]),s._v(" "),t("td",[s._v("dirty: 待检验的数据是否有修改过 "),t("br"),s._v(" validating: 是否正在校验 "),t("br"),s._v(" validated: 是否校验过 "),t("br"),s._v(" message: 首条没通过的规则的提示信息 "),t("br"),s._v(" result: 对象，内含每条规则的校验结果和提示信息，如{ 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("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validating")]),s._v(" "),t("td",[s._v("正在校验（只在异步场景下触发）")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("validated")]),s._v(" "),t("td",[s._v("校验完成（只在异步场景下触发）")]),s._v(" "),t("td",[s._v("valid: 校验是否成功")])]),s._v(" "),t("tr",[t("td",[s._v("msg-click")]),s._v(" "),t("td",[s._v("错误消息点击")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("input")]),s._v(" "),t("td",[s._v("绑定值变化时触发")]),s._v(" "),t("td",[s._v("更新后的绑定值")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("返回值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validate(cb)")]),s._v(" "),t("td",[s._v("校验")]),s._v(" "),t("td",[s._v("cb: 校验完成后回调函数，主要用于异步校验场景，调用参数为 valid 的值")]),s._v(" "),t("td",[s._v("如果支持 Promise 返回值为 Promise 对象（只有 resolved 状态，值为 valid），否则返回值为 undefined")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("已有规则")]),s._v(" "),t("p",[s._v("目前已有的内置规则，有 required、type、min、max、len、notWhitespace、pattern、custom。")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("示例")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("required")]),s._v(" "),t("td",[s._v("必填")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("类型")]),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("当类型为 number 或 date 时，表示待校验的数据必须大于等于 min；其它类型，表示待校验数据的长度必须大于等于 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("当类型为 number 或 date 时，表示待校验的数据必须小于等于 max；其它类型，表示待校验数据的长度必须小于等于 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("当类型为 number 或 date 时，表示待校验的数据必须等于 len；其它类型，表示待校验数据的长度必须等于 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("不允许全是空白符")]),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("正则匹配")]),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("自定义验证函数，当返回值严格等于 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("添加规则")]),s._v(" "),t("p",[s._v("除了已有的内置规则，你还可以使用 Validator 的 addRule 方法，添加自定义的公共规则，以及 addMessage 方法添加相应的默认提示信息。")]),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(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\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("p",[s._v("接下来你就可以在 rules 的配置中使用 odd 规则了：")]),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(">")]),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("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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(">")]),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("ul",[t("li",[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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" messages = {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),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("'请输入字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),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-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),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-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),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-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[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"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'必填'")]),s._v(")\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 覆盖 min.date 的提示消息")]),s._v("\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'min'")]),s._v(", {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('\'请选择 {{config | toLocaleDateString("yyyy年MM月dd日") | tips("请重新输入")}} 之后的时间\'')]),s._v("\n})\nValidator.addHelper("),t("span",{attrs:{class:"hljs-string"}},[s._v("'tips'")]),s._v(", "),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("result, arg1")]),s._v(") ")]),s._v("{\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须要返回提示消息")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`"),t("span",{attrs:{class:"hljs-subst"}},[s._v("${result}")]),s._v(", "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${arg1}")]),s._v("`")]),s._v("\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("config")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("比如你配置的规则是：{type: 'date', min: '2018-10-10'}，那么对于 "),t("code",{pre:!0},[s._v("min")]),s._v(" 下面的 "),t("code",{pre:!0},[s._v("date")]),s._v(" 的消息模板中的 "),t("code",{pre:!0},[s._v("config")]),s._v(" 字段的值就是 '2018-10-10', 因为校验的是一个 "),t("code",{pre:!0},[s._v("date")]),s._v(" 类型，"),t("code",{pre:!0},[s._v("min")]),s._v(" 对应的字段可以是一个 "),t("code",{pre:!0},[s._v("timestamp")]),s._v(" (日期时间戳)或者类似于日期格式的字符串 "),t("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" 或者 "),t("code",{pre:!0},[s._v("yyyy/MM/dd mm:ss")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("toLocaleDateString")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("内置的helper函数，第一个参数是你配置的 config 值，第二个参数是你期望的日期格式， 如上则为 "),t("code",{pre:!0},[s._v("'yyyy年MM月dd日'")]),s._v(", 接受类似于 "),t("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" 格式，你也可以通过如下的方式注册你自己的helper函数。")])},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("Validator.addHelper("),t("span",{attrs:{class:"hljs-string"}},[s._v("'fnName'")]),s._v(", (result, arg1) => {\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// result -> 上一个helper函数返回的值或者 config 值，如上例则是'2018-10-10'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// arg1 -> 你在消息模板传入的字符串, 如上例则是'请重新输入'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" ret\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 实现自己的逻辑")]),s._v("\n  ret = result + arg1\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须返回处理过后的消息")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ret\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[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"}},[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("修改已有类型")])])},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")])])}]}},OsmJ:function(s,a,t){s.exports=t("mXmL")},mXmL:function(s,a,t){var v=t("VU/8")(null,t("L6bT"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/20.23ef36bd72af68cc96b3.js b/docs/js/20.54471a66679d37700a5e.js
similarity index 99%
rename from docs/js/20.23ef36bd72af68cc96b3.js
rename to docs/js/20.54471a66679d37700a5e.js
index ce92c0c29..1f982c8a2 100644
--- a/docs/js/20.23ef36bd72af68cc96b3.js
+++ b/docs/js/20.54471a66679d37700a5e.js
@@ -1 +1 @@
-webpackJsonp([20],{BVMP:function(s,a,t){var v=t("VU/8")(null,t("trBo"),null,null,null);s.exports=v.exports},"iP+r":function(s,a,t){s.exports=t("BVMP")},trBo: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:"ScrollNav组件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNav组件-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(" ScrollNav 组件")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("滚动导航组件。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(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(" "),t("h4",{attrs:{id:"CubeScrollNav"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNav-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(" CubeScrollNav")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeScrollNavPanel"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNavPanel-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(" CubeScrollNavPanel")]),s._v(" "),s._m(3),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(4),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(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(" "),s._m(6)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("基本使用 - Default")]),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-scroll-nav")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\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("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\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("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),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("data")]),s._v(": goods\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("goods")]),s._v(" 的结构类似于这样：")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-string"}},[s._v('"goods"')]),s._v(": [\n  {\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"热销榜"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"type"')]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"foods"')]),s._v(": [\n      {\n        "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"皮蛋瘦肉粥"')]),s._v(",\n        "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n        "),t("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114"')]),s._v(",\n        "),t("span",{attrs:{class:"hljs-string"}},[s._v('"image"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"')]),s._v("\n      },\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    ]\n  },\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n]\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav")]),s._v(" 需要和 "),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 组件配合使用，"),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 就是每一个需要导航定位到的面板组件。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 组件需要一个必须的 Prop："),t("code",{pre:!0},[s._v("label")]),s._v("，唯一标示 key 值。")]),s._v(" "),t("p",[s._v("当导航 active 项发生变化的时候就会触发 "),t("code",{pre:!0},[s._v("change")]),s._v(" 事件。")])]),s._v(" "),t("li",[t("p",[s._v("侧边式 - Side 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-scroll-nav")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":side")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@sticky-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyChangeHandler"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("11"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("22"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\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("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\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("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    CubePage\n  },\n  data() {\n    "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods,\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": goods["),t("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("].name\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    },\n    stickyChangeHandler(current) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sticky-change'")]),s._v(", current)\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("side")]),s._v(" 设置为 "),t("code",{pre:!0},[s._v("true")]),s._v(" 代表是一个侧边样式效果；")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("data")]),s._v(" 则是默认传入的数据，这个数据会被传入内部使用的 "),t("code",{pre:!0},[s._v("cube-scroll")]),s._v(" 组件，当 "),t("code",{pre:!0},[s._v("data")]),s._v(" 发生变化时，scroll 组件会自动刷新；")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("current")]),s._v(" 是导航默认值，如果有值则会默认滚动到相对应的面板 Panel 的位置。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("sticky-change")]),s._v(" 就是当前导航条的吸附状态发生改变的时候触发，参数可能的值目前只有两个，一个是 "),t("code",{pre:!0},[s._v("''")]),s._v(" 一个是 "),t("code",{pre:!0},[s._v("'cube-scroll-nav-bar'")]),s._v("。")]),s._v(" "),t("p",[s._v("此外，这里还在 "),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 之前插入了一些内容，利用 "),t("code",{pre:!0},[s._v("prepend")]),s._v(" 插槽实现。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("数据源，可选")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("side")]),s._v(" "),t("td",[s._v("是否是侧边样式")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("current")]),s._v(" "),t("td",[s._v("当前导航 active 项的 key 值")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("speed")]),s._v(" "),t("td",[s._v("点击导航切换到指定位置的速度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("300")])]),s._v(" "),t("tr",[t("td",[s._v("options")]),s._v(" "),t("td",[s._v("better-scroll 配置项，具体请参考"),t("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{} "),t("br"),t("code",{pre:!0},[s._v("注意")]),s._v("：从"),t("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),t("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),t("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),t("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),t("code",{pre:!0},[s._v("fasle")]),t("br"),s._v("具体请参考"),t("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("必须，面板的唯一标示的值")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("面板标题内容，可以是 HTML 字符串")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("默认等于 label")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("默认面板内容")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("prepend")]),s._v(" "),t("td",[s._v("前置内容，在导航之前")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("bar")]),s._v(" "),t("td",[s._v("导航内容，如果需要自定义导航结构的话使用，里边放置 cube-scroll-nav-bar 组件")]),s._v(" "),t("td",[s._v("labels: 所有面板的 label 值集合"),t("br"),s._v("txts: 所有面板的 title 值集合"),t("br"),s._v("current: 当前导航 active 项的 key 值")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当导航 active 项发生变化的时候")]),s._v(" "),t("td",[s._v("active - 当前 active 的 key 值")])]),s._v(" "),t("tr",[t("td",[s._v("sticky-change")]),s._v(" "),t("td",[s._v("当前导航条的吸附状态发生改变的时候触发")]),s._v(" "),t("td",[s._v("current - 如果未吸附，则值为 '' 否则为 'cube-scroll-nav-bar'")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("刷新，当内容或高度发生变化时可用于重新计算整体内容、位置")])])])])}]}}});
\ No newline at end of file
+webpackJsonp([20],{BVMP:function(s,a,t){var v=t("VU/8")(null,t("oI5G"),null,null,null);s.exports=v.exports},"iP+r":function(s,a,t){s.exports=t("BVMP")},oI5G: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:"ScrollNav组件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNav组件-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(" ScrollNav 组件")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("滚动导航组件。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(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(" "),t("h4",{attrs:{id:"CubeScrollNav"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNav-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(" CubeScrollNav")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeScrollNavPanel"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNavPanel-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(" CubeScrollNavPanel")]),s._v(" "),s._m(3),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(4),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(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(" "),s._m(6)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("基本使用 - Default")]),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-scroll-nav")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\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("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\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("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),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("data")]),s._v(": goods\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("goods")]),s._v(" 的结构类似于这样：")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-string"}},[s._v('"goods"')]),s._v(": [\n  {\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"热销榜"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"type"')]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"foods"')]),s._v(": [\n      {\n        "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"皮蛋瘦肉粥"')]),s._v(",\n        "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n        "),t("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114"')]),s._v(",\n        "),t("span",{attrs:{class:"hljs-string"}},[s._v('"image"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"')]),s._v("\n      },\n      "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    ]\n  },\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n]\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav")]),s._v(" 需要和 "),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 组件配合使用，"),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 就是每一个需要导航定位到的面板组件。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 组件需要一个必须的 Prop："),t("code",{pre:!0},[s._v("label")]),s._v("，唯一标示 key 值。")]),s._v(" "),t("p",[s._v("当导航 active 项发生变化的时候就会触发 "),t("code",{pre:!0},[s._v("change")]),s._v(" 事件。")])]),s._v(" "),t("li",[t("p",[s._v("侧边式 - Side 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-scroll-nav")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":side")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@sticky-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyChangeHandler"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("11"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("22"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\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("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\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("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    CubePage\n  },\n  data() {\n    "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods,\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": goods["),t("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("].name\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    },\n    stickyChangeHandler(current) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sticky-change'")]),s._v(", current)\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("side")]),s._v(" 设置为 "),t("code",{pre:!0},[s._v("true")]),s._v(" 代表是一个侧边样式效果；")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("data")]),s._v(" 则是默认传入的数据，这个数据会被传入内部使用的 "),t("code",{pre:!0},[s._v("cube-scroll")]),s._v(" 组件，当 "),t("code",{pre:!0},[s._v("data")]),s._v(" 发生变化时，scroll 组件会自动刷新；")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("current")]),s._v(" 是导航默认值，如果有值则会默认滚动到相对应的面板 Panel 的位置。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("sticky-change")]),s._v(" 就是当前导航条的吸附状态发生改变的时候触发，参数可能的值目前只有两个，一个是 "),t("code",{pre:!0},[s._v("''")]),s._v(" 一个是 "),t("code",{pre:!0},[s._v("'cube-scroll-nav-bar'")]),s._v("。")]),s._v(" "),t("p",[s._v("此外，这里还在 "),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 之前插入了一些内容，利用 "),t("code",{pre:!0},[s._v("prepend")]),s._v(" 插槽实现。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("数据源，可选")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("side")]),s._v(" "),t("td",[s._v("是否是侧边样式")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("current")]),s._v(" "),t("td",[s._v("当前导航 active 项的 key 值")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("speed")]),s._v(" "),t("td",[s._v("点击导航切换到指定位置的速度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("300")])]),s._v(" "),t("tr",[t("td",[s._v("options")]),s._v(" "),t("td",[s._v("better-scroll 配置项，具体请参考"),t("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{} "),t("br"),t("code",{pre:!0},[s._v("注意")]),s._v("：从"),t("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),t("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),t("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),t("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),t("code",{pre:!0},[s._v("fasle")]),t("br"),s._v("具体请参考"),t("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("必须，面板的唯一标示的值")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("面板标题内容，可以是 HTML 字符串")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("默认等于 label")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("默认面板内容")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("prepend")]),s._v(" "),t("td",[s._v("前置内容，在导航之前")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("bar")]),s._v(" "),t("td",[s._v("导航内容，如果需要自定义导航结构的话使用，里边放置 cube-scroll-nav-bar 组件")]),s._v(" "),t("td",[s._v("labels: 所有面板的 label 值集合"),t("br"),s._v("txts: 所有面板的 title 值集合"),t("br"),s._v("current: 当前导航 active 项的 key 值")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当导航 active 项发生变化的时候")]),s._v(" "),t("td",[s._v("active - 当前 active 的 key 值")])]),s._v(" "),t("tr",[t("td",[s._v("sticky-change")]),s._v(" "),t("td",[s._v("当前导航条的吸附状态发生改变的时候触发")]),s._v(" "),t("td",[s._v("current - 如果未吸附，则值为 '' 否则为 'cube-scroll-nav-bar'")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("刷新，当内容或高度发生变化时可用于重新计算整体内容、位置")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/21.4f7be796c379f2d96aa4.js b/docs/js/21.4f7be796c379f2d96aa4.js
new file mode 100644
index 000000000..ded73d051
--- /dev/null
+++ b/docs/js/21.4f7be796c379f2d96aa4.js
@@ -0,0 +1 @@
+webpackJsonp([21],{T9KO:function(s,t,a){s.exports=a("VFp7")},VFp7:function(s,t,a){var r=a("VU/8")(null,a("g1Cz"),null,null,null);s.exports=r.exports},g1Cz: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:"ScrollNavBar组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNavBar组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNavBar 组件")]),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:"事件"}},[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("blockquote",[a("p",[s._v("1.10.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-scroll-nav-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("current")]),s._v(" 指定 active 的 key 值，"),a("code",{pre:!0},[s._v("labels")]),s._v(" 则是所有的 key 值的集合；当 active 的值发生变化后，会触发 "),a("code",{pre:!0},[s._v("change")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"side-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"vertical"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":txts")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"txts"')]),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(">")]),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("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("{{props.txt}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),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")])]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txts")]),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        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'9二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'10出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".side-container")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n")])]),s._v(" "),a("p",[s._v("这是一个竖向的示例，"),a("code",{pre:!0},[s._v("direction")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("vertical")]),s._v(" 代表是一个竖向导航条样式；这里还使用了 "),a("code",{pre:!0},[s._v("txts")]),s._v(" Prop 用于指定展示文案，顺序是和 "),a("code",{pre:!0},[s._v("labels")]),s._v(" 一一对应的，如果没传入 "),a("code",{pre:!0},[s._v("txts")]),s._v("，则默认 "),a("code",{pre:!0},[s._v("txts")]),s._v(" 就等于 "),a("code",{pre:!0},[s._v("labels")]),s._v("。")]),s._v(" "),a("p",[s._v("该示例中还展示了默认作用域插槽的使用，"),a("code",{pre:!0},[s._v("props.txt")]),s._v(" 就是当前项的 txt 的值。")])])])},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("方向，默认横向，horizontal")]),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("labels")]),s._v(" "),a("td",[s._v("所有的 key 值集合")]),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("txts")]),s._v(" "),a("td",[s._v("显示所有文案集合，和 labels 一一对应，每项可以是 HTML 字符串")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("默认等于 labes")])]),s._v(" "),a("tr",[a("td",[s._v("current")]),s._v(" "),a("td",[s._v("当前 active 的 key 值")]),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("options")]),s._v(" "),a("td",[s._v("better-scroll 配置项，具体请参考"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/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"),a("code",{pre:!0},[s._v("注意")]),s._v("：从"),a("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),a("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),a("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),a("code",{pre:!0},[s._v("fasle")]),a("br"),s._v("具体请参考"),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])])])])},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("txt: 当前项文案 txt 的值"),a("br"),s._v("index: 当前索引值"),a("br"),s._v("active: 当前 active 的 key 值"),a("br"),s._v("label: 当前项 label 值，即 key 值")])])])])},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("当 active 项发生改变的时候触发")]),s._v(" "),a("td",[s._v("active - 当前 active 的 key 值")])])])])},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("刷新，当内容发生变化时可用于刷新 scroll 以及重新适应位置")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/21.a5c6b4045f1067a28b94.js b/docs/js/21.a5c6b4045f1067a28b94.js
deleted file mode 100644
index 2239aa2be..000000000
--- a/docs/js/21.a5c6b4045f1067a28b94.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([21],{FDKz: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:"ScrollNavBar组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNavBar组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNavBar 组件")]),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:"事件"}},[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("blockquote",[a("p",[s._v("1.10.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-scroll-nav-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("current")]),s._v(" 指定 active 的 key 值，"),a("code",{pre:!0},[s._v("labels")]),s._v(" 则是所有的 key 值的集合；当 active 的值发生变化后，会触发 "),a("code",{pre:!0},[s._v("change")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"side-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"vertical"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":txts")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"txts"')]),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(">")]),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("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("{{props.txt}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),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")])]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txts")]),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        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'9二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'10出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".side-container")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n")])]),s._v(" "),a("p",[s._v("这是一个竖向的示例，"),a("code",{pre:!0},[s._v("direction")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("vertical")]),s._v(" 代表是一个竖向导航条样式；这里还使用了 "),a("code",{pre:!0},[s._v("txts")]),s._v(" Prop 用于指定展示文案，顺序是和 "),a("code",{pre:!0},[s._v("labels")]),s._v(" 一一对应的，如果没传入 "),a("code",{pre:!0},[s._v("txts")]),s._v("，则默认 "),a("code",{pre:!0},[s._v("txts")]),s._v(" 就等于 "),a("code",{pre:!0},[s._v("labels")]),s._v("。")]),s._v(" "),a("p",[s._v("该示例中还展示了默认作用域插槽的使用，"),a("code",{pre:!0},[s._v("props.txt")]),s._v(" 就是当前项的 txt 的值。")])])])},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("方向，默认横向，horizontal")]),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("labels")]),s._v(" "),a("td",[s._v("所有的 key 值集合")]),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("txts")]),s._v(" "),a("td",[s._v("显示所有文案集合，和 labels 一一对应，每项可以是 HTML 字符串")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("默认等于 labes")])]),s._v(" "),a("tr",[a("td",[s._v("current")]),s._v(" "),a("td",[s._v("当前 active 的 key 值")]),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("options")]),s._v(" "),a("td",[s._v("better-scroll 配置项，具体请参考"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/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"),a("code",{pre:!0},[s._v("注意")]),s._v("：从"),a("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),a("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),a("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),a("code",{pre:!0},[s._v("fasle")]),a("br"),s._v("具体请参考"),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])])])])},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("txt: 当前项文案 txt 的值"),a("br"),s._v("index: 当前索引值"),a("br"),s._v("active: 当前 active 的 key 值"),a("br"),s._v("label: 当前项 label 值，即 key 值")])])])])},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("当 active 项发生改变的时候触发")]),s._v(" "),a("td",[s._v("active - 当前 active 的 key 值")])])])])},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("刷新，当内容发生变化时可用于刷新 scroll 以及重新适应位置")])])])])}]}},T9KO:function(s,t,a){s.exports=a("VFp7")},VFp7:function(s,t,a){var r=a("VU/8")(null,a("FDKz"),null,null,null);s.exports=r.exports}});
\ No newline at end of file
diff --git a/docs/js/22.acc5973de803597dd39e.js b/docs/js/22.243e0384e9430df62447.js
similarity index 99%
rename from docs/js/22.acc5973de803597dd39e.js
rename to docs/js/22.243e0384e9430df62447.js
index 544bd8af3..daf56c662 100644
--- a/docs/js/22.acc5973de803597dd39e.js
+++ b/docs/js/22.243e0384e9430df62447.js
@@ -1 +1 @@
-webpackJsonp([22],{JyWZ: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:"RecycleList"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-RecycleList-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(" RecycleList")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("可回收的滚动列表，始终将 DOM 的数量控制在一个很低的范围。在海量数据的渲染列表中，拥有卓越的性能。")]),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(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(" "),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(3),s._v(" "),s._m(4),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(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(" "),s._m(6)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.12.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("首先要实现无限滚动，必须保证要有一个固定高度的父容器元素包裹组件。详细可以参考示例。")])]),s._v(" "),t("li",[t("p",[s._v("如果列表内容存在不固定宽高的图片，由于图片加载的机制，每个 item 的 DOM 渲染了，图片可能还未加载，导致每个 item 的位置计算错误，所以作为调用方，需要将未加载的图片用样式固定住，这样就能避免高度计算错误。")])]),s._v(" "),t("li",[t("p",[s._v("内部的实现依赖 Promise，所以你需要引入 Promise polyfill 来做兼容。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[t("strong",[s._v("1. 默认使用")])]),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('"view-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":offset")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"offset"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n            "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),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("size")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("offset")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    onFetch() {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" items = []\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n        "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟请求 50 条数据，因为 size 设置为 50")]),s._v("\n        setTimeout("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" i = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("; i < "),t("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v("; i++) {\n            items.push({\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": i,\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("avatar")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("msg")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'123'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)'")]),s._v("\n            })\n          }\n          resolve(items)\n        }, "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n      })\n    },\n    handleClick(data) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'Item:'")]),s._v(" + data)\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("/* 限制视口 包裹组件*/")]),s._v("\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".view-wrapper")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": fixed\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("54px")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n")])]),s._v(" "),t("p",[s._v("绝大部分的列表交互，都是当用户滚动到底部再去请求下一页数据，组件的默认实现就是根据此交互而来。")]),s._v(" "),t("p",[s._v("组件接收 "),t("code",{pre:!0},[s._v("size")]),s._v(" 作为 props，用来控制一次渲染多少条数据。"),t("code",{pre:!0},[s._v("offset")]),s._v(" 是配置底部拉取数据的距离，"),t("code",{pre:!0},[s._v("onFetch")]),s._v(" 是一个函数，此属性是必传的，并且函数的返回值必须是一个 Promise，同时调用 resolve 函数的时候必须将 items（"),t("strong",[s._v("数组")]),s._v("） 传入，这样组件就能拿到 "),t("code",{pre:!0},[s._v("items")]),s._v("。当然如果想要停止滚动，请传入 "),t("code",{pre:!0},[s._v("false")]),s._v("。")]),s._v(" "),t("p",[s._v("组件支持作用域插槽，你可以通过以上示例的解构赋值，拿到组件传给调用方的 "),t("code",{pre:!0},[s._v("data")]),s._v("（items 的每一个数据项）。")]),s._v(" "),t("p",[s._v("完整示例代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-default.vue"}},[s._v("这里")]),s._v("。")])]),s._v(" "),t("li",[t("p",[t("strong",[s._v("2. Infinite")])]),s._v(" "),t("p",[s._v("然而，组件还支持第二种交互方式，无限滚动模式，以 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 作为占位符，\b给用户一种可感知的页面元素，让交互变的更加友好、人性化。\n完整示例代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-tombstone.vue"}},[s._v("这里")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":infinite")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"infinite"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- tombstone 的作用域插槽 slot-scope 必须声明 --\x3e")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tombstone"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item tombstone"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n          "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n          "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n          "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n            "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("template")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n            "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("template")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="spinner">Loading Data</div> --\x3e')]),s._v("\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="noMore">没有更多数据了</div> --\x3e')]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("infinite")]),s._v(" 用来开启无限滚动模式。当你开启这个配置的时候，必须通过 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 作用域插槽实现个性化样式。支持 "),t("code",{pre:!0},[s._v("spinner")]),s._v(" 与 "),t("code",{pre:!0},[s._v("noMore")]),s._v(" 插槽来定制化显示加载更多以及无更多数据的视图展示。"),t("code",{pre:!0},[s._v("spinner")]),s._v(" 默认是一个 loading 图。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("infinite")]),s._v(" "),t("td",[s._v("是否无限滚动模式")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("一次加载的数据量")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("20")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("底部拉取更多数据的距离")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("200")])]),s._v(" "),t("tr",[t("td",[s._v("onFetch")]),s._v(" "),t("td",[s._v("获取更多数据")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td",[s._v("必传")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",{pre:!0},[s._v("onFetch")]),s._v(" 函数必须返回一个 Promise，同时 Promise 的 resolve 函数的第一个参数必须是数组或者 "),t("code",{pre:!0},[s._v("false")]),s._v("，如果是数组并且长度小于 size，那么组件会停止无限滚动，同理，如果是 "),t("code",{pre:!0},[s._v("false")]),s._v("，也会停止。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("tombstone")]),s._v(" "),t("td",[s._v("实现个性化 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 样式的作用域插槽")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("item")]),s._v(" "),t("td",[s._v("列表某项的作用域插槽，通过此插槽实现想要的渲染视图")]),s._v(" "),t("td",[s._v("data: 调用方传入的数据项集合的某一项")])]),s._v(" "),t("tr",[t("td",[s._v("spinner")]),s._v(" "),t("td",[s._v("加载更多的提示文案的具名插槽")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("noMore")]),s._v(" "),t("td",[s._v("无更多数据的提示文案的具名插槽")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("reset")]),s._v(" "),t("td",[s._v("清空列表全部内容，重置数据")])])])])}]}},o5hp:function(s,a,t){var v=t("VU/8")(null,t("JyWZ"),null,null,null);s.exports=v.exports},oF9l:function(s,a,t){s.exports=t("o5hp")}});
\ No newline at end of file
+webpackJsonp([22],{XAaT: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:"RecycleList"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-RecycleList-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(" RecycleList")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("可回收的滚动列表，始终将 DOM 的数量控制在一个很低的范围。在海量数据的渲染列表中，拥有卓越的性能。")]),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(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(" "),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(3),s._v(" "),s._m(4),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(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(" "),s._m(6)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.12.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("首先要实现无限滚动，必须保证要有一个固定高度的父容器元素包裹组件。详细可以参考示例。")])]),s._v(" "),t("li",[t("p",[s._v("如果列表内容存在不固定宽高的图片，由于图片加载的机制，每个 item 的 DOM 渲染了，图片可能还未加载，导致每个 item 的位置计算错误，所以作为调用方，需要将未加载的图片用样式固定住，这样就能避免高度计算错误。")])]),s._v(" "),t("li",[t("p",[s._v("内部的实现依赖 Promise，所以你需要引入 Promise polyfill 来做兼容。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[t("strong",[s._v("1. 默认使用")])]),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('"view-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":offset")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"offset"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n            "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),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("size")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("offset")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    onFetch() {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" items = []\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n        "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟请求 50 条数据，因为 size 设置为 50")]),s._v("\n        setTimeout("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" i = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("; i < "),t("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v("; i++) {\n            items.push({\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": i,\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("avatar")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("msg")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'123'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)'")]),s._v("\n            })\n          }\n          resolve(items)\n        }, "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n      })\n    },\n    handleClick(data) {\n      "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'Item:'")]),s._v(" + data)\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("/* 限制视口 包裹组件*/")]),s._v("\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".view-wrapper")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": fixed\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("54px")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n")])]),s._v(" "),t("p",[s._v("绝大部分的列表交互，都是当用户滚动到底部再去请求下一页数据，组件的默认实现就是根据此交互而来。")]),s._v(" "),t("p",[s._v("组件接收 "),t("code",{pre:!0},[s._v("size")]),s._v(" 作为 props，用来控制一次渲染多少条数据。"),t("code",{pre:!0},[s._v("offset")]),s._v(" 是配置底部拉取数据的距离，"),t("code",{pre:!0},[s._v("onFetch")]),s._v(" 是一个函数，此属性是必传的，并且函数的返回值必须是一个 Promise，同时调用 resolve 函数的时候必须将 items（"),t("strong",[s._v("数组")]),s._v("） 传入，这样组件就能拿到 "),t("code",{pre:!0},[s._v("items")]),s._v("。当然如果想要停止滚动，请传入 "),t("code",{pre:!0},[s._v("false")]),s._v("。")]),s._v(" "),t("p",[s._v("组件支持作用域插槽，你可以通过以上示例的解构赋值，拿到组件传给调用方的 "),t("code",{pre:!0},[s._v("data")]),s._v("（items 的每一个数据项）。")]),s._v(" "),t("p",[s._v("完整示例代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-default.vue"}},[s._v("这里")]),s._v("。")])]),s._v(" "),t("li",[t("p",[t("strong",[s._v("2. Infinite")])]),s._v(" "),t("p",[s._v("然而，组件还支持第二种交互方式，无限滚动模式，以 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 作为占位符，\b给用户一种可感知的页面元素，让交互变的更加友好、人性化。\n完整示例代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-tombstone.vue"}},[s._v("这里")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":infinite")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"infinite"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- tombstone 的作用域插槽 slot-scope 必须声明 --\x3e")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tombstone"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item tombstone"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n          "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n          "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n          "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n            "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("template")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n            "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(">")]),s._v("\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("div")]),s._v(">")]),s._v("\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("template")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="spinner">Loading Data</div> --\x3e')]),s._v("\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="noMore">没有更多数据了</div> --\x3e')]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("infinite")]),s._v(" 用来开启无限滚动模式。当你开启这个配置的时候，必须通过 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 作用域插槽实现个性化样式。支持 "),t("code",{pre:!0},[s._v("spinner")]),s._v(" 与 "),t("code",{pre:!0},[s._v("noMore")]),s._v(" 插槽来定制化显示加载更多以及无更多数据的视图展示。"),t("code",{pre:!0},[s._v("spinner")]),s._v(" 默认是一个 loading 图。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("infinite")]),s._v(" "),t("td",[s._v("是否无限滚动模式")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("一次加载的数据量")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("20")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("底部拉取更多数据的距离")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("200")])]),s._v(" "),t("tr",[t("td",[s._v("onFetch")]),s._v(" "),t("td",[s._v("获取更多数据")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td",[s._v("必传")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",{pre:!0},[s._v("onFetch")]),s._v(" 函数必须返回一个 Promise，同时 Promise 的 resolve 函数的第一个参数必须是数组或者 "),t("code",{pre:!0},[s._v("false")]),s._v("，如果是数组并且长度小于 size，那么组件会停止无限滚动，同理，如果是 "),t("code",{pre:!0},[s._v("false")]),s._v("，也会停止。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("tombstone")]),s._v(" "),t("td",[s._v("实现个性化 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 样式的作用域插槽")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("item")]),s._v(" "),t("td",[s._v("列表某项的作用域插槽，通过此插槽实现想要的渲染视图")]),s._v(" "),t("td",[s._v("data: 调用方传入的数据项集合的某一项")])]),s._v(" "),t("tr",[t("td",[s._v("spinner")]),s._v(" "),t("td",[s._v("加载更多的提示文案的具名插槽")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("noMore")]),s._v(" "),t("td",[s._v("无更多数据的提示文案的具名插槽")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("reset")]),s._v(" "),t("td",[s._v("清空列表全部内容，重置数据")])])])])}]}},o5hp:function(s,a,t){var v=t("VU/8")(null,t("XAaT"),null,null,null);s.exports=v.exports},oF9l:function(s,a,t){s.exports=t("o5hp")}});
\ No newline at end of file
diff --git a/docs/js/23.3ec33d6c14d434df0bf6.js b/docs/js/23.3ec33d6c14d434df0bf6.js
deleted file mode 100644
index 1369d5a2e..000000000
--- a/docs/js/23.3ec33d6c14d434df0bf6.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([23],{JQnJ:function(s,t,a){s.exports=a("c3c9")},c3c9:function(s,t,a){var v=a("VU/8")(null,a("kkA8"),null,null,null);s.exports=v.exports},kkA8: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),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.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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),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("</"),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("cube-rate-item")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),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("5")])]),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("-")])])])])},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("input")]),s._v(" "),a("td",[s._v("手指从 rate item 移开时触发（当设置了 disabled 属性时，该事件不触发）")]),s._v(" "),a("td",[s._v("当前移开的 rate item 的值")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/23.c5f3e83f3d39993c29a6.js b/docs/js/23.c5f3e83f3d39993c29a6.js
new file mode 100644
index 000000000..4a81c7bd5
--- /dev/null
+++ b/docs/js/23.c5f3e83f3d39993c29a6.js
@@ -0,0 +1 @@
+webpackJsonp([23],{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),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.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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),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("</"),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("cube-rate-item")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),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("5")])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("allowHalf"),a("sup",[s._v("1.12.52")])]),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("-")])])])])},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("input")]),s._v(" "),a("td",[s._v("手指从 rate item 移开时触发（当设置了 disabled 属性时，该事件不触发）")]),s._v(" "),a("td",[s._v("当前移开的 rate item 的值")])])])])}]}},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/24.78851d56466f44bf6370.js b/docs/js/24.d1556b10eeafa4d49b52.js
similarity index 99%
rename from docs/js/24.78851d56466f44bf6370.js
rename to docs/js/24.d1556b10eeafa4d49b52.js
index 9d72cf98c..18fedb7ab 100644
--- a/docs/js/24.78851d56466f44bf6370.js
+++ b/docs/js/24.d1556b10eeafa4d49b52.js
@@ -1 +1 @@
-webpackJsonp([24],{Htiq: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),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("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-number"}},[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-number"}},[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-number"}},[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-number"}},[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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),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")])])]),s._v(" "),a("li",[a("p",[s._v("自定义列数"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("可通过设计 "),a("code",{pre:!0},[s._v("colNum")]),s._v(" 控制一行中有几列，colNum 小于1时，按1处理")]),s._v(" "),a("pre",{pre:!0},[a("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('"selected5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colNum"')]),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("selected5")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options5")]),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          "),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        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),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("'7'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colNum")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("一行有几列")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("1")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),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")])])])])},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("input")]),s._v(" "),a("td",[s._v("绑定值变化时触发")]),s._v(" "),a("td",[s._v("选中的单选框value值")])])])])}]}},mYHr:function(s,t,a){var v=a("VU/8")(null,a("Htiq"),null,null,null);s.exports=v.exports},wPXv:function(s,t,a){s.exports=a("mYHr")}});
\ No newline at end of file
+webpackJsonp([24],{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),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("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-number"}},[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-number"}},[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-number"}},[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-number"}},[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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),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")])])]),s._v(" "),a("li",[a("p",[s._v("自定义列数"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("可通过设计 "),a("code",{pre:!0},[s._v("colNum")]),s._v(" 控制一行中有几列，colNum 小于1时，按1处理")]),s._v(" "),a("pre",{pre:!0},[a("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('"selected5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colNum"')]),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("selected5")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options5")]),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          "),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        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),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("'7'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colNum")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("一行有几列")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("1")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),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")])])])])},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("input")]),s._v(" "),a("td",[s._v("绑定值变化时触发")]),s._v(" "),a("td",[s._v("选中的单选框value值")])])])])}]}},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/25.41ec6486d6bd339d7b77.js b/docs/js/25.41ec6486d6bd339d7b77.js
deleted file mode 100644
index b5788d559..000000000
--- a/docs/js/25.41ec6486d6bd339d7b77.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([25],{"+Ndq":function(s,t,a){var r=a("VU/8")(null,a("z62X"),null,null,null);s.exports=r.exports},"8XCF":function(s,t,a){s.exports=a("+Ndq")},z62X: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(" "),a("h4",{attrs:{id:"vue-cli>=3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli>=3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli >= 3")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"vue-cli<3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli<3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli < 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("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(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(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(" "),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(13),s._v(" "),a("h4",{attrs:{id:"按需引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-按需引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 按需引入")]),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),a("p",[s._v("我们推荐直接全局注册：")]),s._v(" "),s._m(16),s._v(" "),a("p",[s._v("所有的可按需引入的组件以及模块：")]),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19),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(20)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("新手教程项目："),a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("cube-application-guide")])]),s._v(" "),a("li",[s._v("遇到问题，先移步 "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues"}},[s._v("QA")])]),s._v(" "),a("li",[s._v("使用 nuxt，请参考"),a("a",{attrs:{href:"https://github.com/cube-ui/cube-nuxt-demo"}},[s._v("示例仓库")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你正在使用新版本的 Vue CLI vue-cli@3，那么推荐你直接使用 "),a("a",{attrs:{href:"https://github.com/cube-ui/vue-cli-plugin-cube-ui"}},[s._v("vue-cli-plugin-cube-ui")]),s._v(" 插件。在你初始化完项目后直接执行 "),a("code",{pre:!0},[s._v("vue add cube-ui")]),s._v(" 即可。")])},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"}},[s._v("模板")]),s._v(" 配置是一样的，参见 "),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("执行完成后，你可以直接进入"),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("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")]),s._v("。")])},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("blockquote",[a("p",[s._v("此安装部分只针对于 vue-cli < 3 的情况")])])},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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin 依赖 transformModules")]),s._v("\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-comment"}},[s._v("// 新增 stylus 相关依赖")]),s._v("\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('"^1.0.0"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin 依赖 transformModules")]),s._v("\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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"locale"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("resolve")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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"),a("span",{attrs:{class:"hljs-comment"}},[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("import")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 基础样式")]),s._v("\n  Style,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic")]),s._v("\n  Button,\n  Loading,\n  Tip,\n  Toolbar,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n  Checkbox,\n  CheckboxGroup,\n  Radio,\n  Checker,\n  Input,\n  Textarea,\n  Select,\n  Switch,\n  Rate,\n  Validator,\n  Upload,\n  Form,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n  Popup,\n  Toast,\n  Picker,\n  CascadePicker,\n  DatePicker,\n  TimePicker,\n  SegmentPicker,\n  Dialog,\n  ActionSheet,\n  Drawer,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll")]),s._v("\n  Scroll,\n  Slide,\n  IndexList,\n  Swipe\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, Locale } "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/25.ff3890b12c1f7cf10eed.js b/docs/js/25.ff3890b12c1f7cf10eed.js
new file mode 100644
index 000000000..d341da71b
--- /dev/null
+++ b/docs/js/25.ff3890b12c1f7cf10eed.js
@@ -0,0 +1 @@
+webpackJsonp([25],{"+Ndq":function(s,t,a){var e=a("VU/8")(null,a("TKIV"),null,null,null);s.exports=e.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(" "),a("h4",{attrs:{id:"vue-cli>=3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli>=3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli >= 3")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"vue-cli<3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli<3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli < 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("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(9),s._v(" "),s._m(10),s._v(" "),s._m(11),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(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(" "),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(13),s._v(" "),a("h4",{attrs:{id:"按需引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-按需引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 按需引入")]),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),a("p",[s._v("我们推荐直接全局注册：")]),s._v(" "),s._m(16),s._v(" "),a("p",[s._v("所有的可按需引入的组件以及模块：")]),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19),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(20),s._v(" "),a("h3",{attrs:{id:"TypeScript开发工具"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TypeScript开发工具-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TypeScript 开发工具")]),s._v(" "),a("p",[s._v("我们将在 v1.12.39 开始提供对 TypeScript 更好的支持。")]),s._v(" "),s._m(21),s._v(" "),a("h4",{attrs:{id:"TypeScript"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TypeScript-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TypeScript")]),s._v(" "),s._m(22),s._v(" "),a("h4",{attrs:{id:"VisualStudioCode"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-VisualStudioCode-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Visual Studio Code")]),s._v(" "),s._m(23),s._v(" "),a("h4",{attrs:{id:"Vetur"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Vetur-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Vetur")]),s._v(" "),s._m(24)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("新手教程项目："),a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("cube-application-guide")])]),s._v(" "),a("li",[s._v("遇到问题，先移步 "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues"}},[s._v("QA")])]),s._v(" "),a("li",[s._v("使用 nuxt，请参考"),a("a",{attrs:{href:"https://github.com/cube-ui/cube-nuxt-demo"}},[s._v("示例仓库")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你正在使用新版本的 Vue CLI vue-cli@3，那么推荐你直接使用 "),a("a",{attrs:{href:"https://github.com/cube-ui/vue-cli-plugin-cube-ui"}},[s._v("vue-cli-plugin-cube-ui")]),s._v(" 插件。在你初始化完项目后直接执行 "),a("code",{pre:!0},[s._v("vue add cube-ui")]),s._v(" 即可。")])},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"}},[s._v("模板")]),s._v(" 配置是一样的，参见 "),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("执行完成后，你可以直接进入"),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("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")]),s._v("。")])},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("blockquote",[a("p",[s._v("此安装部分只针对于 vue-cli < 3 的情况")])])},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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin 依赖 transformModules")]),s._v("\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-comment"}},[s._v("// 新增 stylus 相关依赖")]),s._v("\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('"^1.0.0"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin 依赖 transformModules")]),s._v("\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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"locale"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("resolve")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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"),a("span",{attrs:{class:"hljs-comment"}},[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("import")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 基础样式")]),s._v("\n  Style,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic")]),s._v("\n  Button,\n  Loading,\n  Tip,\n  Toolbar,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n  Checkbox,\n  CheckboxGroup,\n  Radio,\n  Checker,\n  Input,\n  Textarea,\n  Select,\n  Switch,\n  Rate,\n  Validator,\n  Upload,\n  Form,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n  Popup,\n  Toast,\n  Picker,\n  CascadePicker,\n  DatePicker,\n  TimePicker,\n  SegmentPicker,\n  Dialog,\n  ActionSheet,\n  Drawer,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll")]),s._v("\n  Scroll,\n  Slide,\n  IndexList,\n  Swipe\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, Locale } "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("如果你使用 "),a("a",{attrs:{href:"https://code.visualstudio.com/"}},[s._v("Visual Studio Code")]),s._v(" + "),a("a",{attrs:{href:"https://github.com/vuejs/vetur"}},[s._v("Vetur")]),s._v(" 进行开发")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("TypeScript 版本需 >= "),a("a",{attrs:{href:"https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-1.html"}},[s._v("4.1")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Visual Studio Code 版本需 >= "),a("a",{attrs:{href:"https://github.com/vuejs/vetur/releases/tag/v0.30.3"}},[s._v("1.52.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Vetur 版本需 >= "),a("a",{attrs:{href:"https://github.com/microsoft/vscode/releases/tag/1.52.0"}},[s._v("0.30.3")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/26.01f2914e73f20193f02e.js b/docs/js/26.01f2914e73f20193f02e.js
deleted file mode 100644
index 18e338ad0..000000000
--- a/docs/js/26.01f2914e73f20193f02e.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([26],{Po76:function(s,t,a){var e=a("VU/8")(null,a("f3V4"),null,null,null);s.exports=e.exports},f3V4:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"后编译"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-后编译-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 后编译")]),s._v(" "),a("p",[s._v("后编译指的是应用依赖的 NPM 包并不需要在发布前编译，而是随着应用编译打包的时候一块编译。")]),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("使用 webpack + babel 开发应用越来越多，而且一般都是通过 NPM 进行包管理的，这样依赖包越来越多，这些依赖包也是使用的 ES2015+ 开发的，所以每个依赖包都需要编译才能发布，这样编译后代码中往往后包含很多编译代码，所以为了消除这部分冗余，推荐大家使用后编译。")]),s._v(" "),a("h3",{attrs:{id:"优缺点"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-优缺点-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 优缺点")]),s._v(" "),a("p",[s._v("优点：")]),s._v(" "),s._m(1),s._v(" "),a("p",[s._v("缺点：")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"约定"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-约定-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 约定")]),s._v(" "),a("p",[s._v("考虑到有些应用会使用后编译，有些则只能使用编译好的依赖包，为了“争夺”入口，cube-ui 做了均衡，约定：")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("p",[s._v("这样，如果应用使用的是 webpack 2+，则默认走后编译，而如果使用的 webpack 1.x 则默认使用的是编译后内容；当然，这部分可以通过 webpack 的 alias 配置达到和版本无关效果。")]),s._v(" "),a("h3",{attrs:{id:"webpack配置使用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-webpack配置使用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(5),s._v(" "),a("p",[s._v("一个应用示例配置：")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("p",[s._v("或者你也可以在应用的 package.json 中增加 compileDependencies：")]),s._v(" "),s._m(9),s._v(" "),a("p",[s._v("如果说 A 还依赖 C 的话，只需要在 A 的 package.json 中指定 compileDependencies 即可：")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("em",[s._v("注：")]),s._v(" 关于后编译更详细内容可参阅 "),a("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[s._v("webpack 应用编译优化之路")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("公共的依赖可以实现共用，只此一份，重要的是只编译一次，建议通过 peerDependencies 管理依赖。")]),s._v(" "),a("li",[s._v("babel 转换 API（例如 babel-plugin-transform-runtime 或者 babel-polyfill）部分的代码只有一份。")]),s._v(" "),a("li",[s._v("不用每个依赖包都需要配置编译打包环节，甚至可以直接源码级别发布。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("主应用的 babel 配置需要能兼容依赖包的 babel 配置。")]),s._v(" "),a("li",[s._v("依赖包不能使用 alias、不能方便的使用 DefinePlugin（可以经过一次简单编译，但是不做 babel 处理）。")]),s._v(" "),a("li",[s._v("应用编译时间会变长。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("package.json 的 main 字段指向的就是编译后入口，而 module 字段指向的就是源码入口。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("em",[s._v("关于 "),a("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[s._v("pkg.module")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("后编译的场景是极有可能产生嵌套的情况，而且对于每个依赖包而言应该自己管理自身需要后编译的依赖；为了解决这个问题，可以使用 "),a("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[s._v("webpack-post-compile-plugin")]),s._v("，你只需要在你的 NPM 包自身的 package.json 中声明 "),a("code",{pre:!0},[s._v("postCompile: true")]),s._v(" 或者你的应用的 package.json 中通过 compileDependencies 来指定自身需要后编译依赖的包名。")])},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("// webpack.config.js")]),s._v("\n"),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\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("module")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": [\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n      {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("test")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/\\.js$/")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'babel-loader'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("include")]),s._v(": [\n          resolve("),a("span",{attrs:{class:"hljs-string"}},[s._v("'src'")]),s._v(")\n        ]\n      },\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    ]\n  },\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n  ]\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你能控制你应用的所有的依赖包，直接在每个依赖包的 package.json 中设置 "),a("code",{pre:!0},[s._v("postCompile: true")]),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"}},[s._v("{\n  "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"your-one-pkg"')]),s._v(",\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-string"}},[s._v('"postCompile"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\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-json"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// package.json")]),s._v("\n{\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"B"')]),s._v("]\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-json"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// A package.json")]),s._v("\n{\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"C"')]),s._v("]\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])}]}},hvjf:function(s,t,a){s.exports=a("Po76")}});
\ No newline at end of file
diff --git a/docs/js/26.e0fb07bdd85581017dc7.js b/docs/js/26.e0fb07bdd85581017dc7.js
new file mode 100644
index 000000000..542299357
--- /dev/null
+++ b/docs/js/26.e0fb07bdd85581017dc7.js
@@ -0,0 +1 @@
+webpackJsonp([26],{"8Pct":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"后编译"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-后编译-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 后编译")]),s._v(" "),a("p",[s._v("后编译指的是应用依赖的 NPM 包并不需要在发布前编译，而是随着应用编译打包的时候一块编译。")]),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("使用 webpack + babel 开发应用越来越多，而且一般都是通过 NPM 进行包管理的，这样依赖包越来越多，这些依赖包也是使用的 ES2015+ 开发的，所以每个依赖包都需要编译才能发布，这样编译后代码中往往后包含很多编译代码，所以为了消除这部分冗余，推荐大家使用后编译。")]),s._v(" "),a("h3",{attrs:{id:"优缺点"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-优缺点-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 优缺点")]),s._v(" "),a("p",[s._v("优点：")]),s._v(" "),s._m(1),s._v(" "),a("p",[s._v("缺点：")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"约定"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-约定-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 约定")]),s._v(" "),a("p",[s._v("考虑到有些应用会使用后编译，有些则只能使用编译好的依赖包，为了“争夺”入口，cube-ui 做了均衡，约定：")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("p",[s._v("这样，如果应用使用的是 webpack 2+，则默认走后编译，而如果使用的 webpack 1.x 则默认使用的是编译后内容；当然，这部分可以通过 webpack 的 alias 配置达到和版本无关效果。")]),s._v(" "),a("h3",{attrs:{id:"webpack配置使用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-webpack配置使用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(5),s._v(" "),a("p",[s._v("一个应用示例配置：")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),a("p",[s._v("或者你也可以在应用的 package.json 中增加 compileDependencies：")]),s._v(" "),s._m(9),s._v(" "),a("p",[s._v("如果说 A 还依赖 C 的话，只需要在 A 的 package.json 中指定 compileDependencies 即可：")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("em",[s._v("注：")]),s._v(" 关于后编译更详细内容可参阅 "),a("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[s._v("webpack 应用编译优化之路")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("公共的依赖可以实现共用，只此一份，重要的是只编译一次，建议通过 peerDependencies 管理依赖。")]),s._v(" "),a("li",[s._v("babel 转换 API（例如 babel-plugin-transform-runtime 或者 babel-polyfill）部分的代码只有一份。")]),s._v(" "),a("li",[s._v("不用每个依赖包都需要配置编译打包环节，甚至可以直接源码级别发布。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("主应用的 babel 配置需要能兼容依赖包的 babel 配置。")]),s._v(" "),a("li",[s._v("依赖包不能使用 alias、不能方便的使用 DefinePlugin（可以经过一次简单编译，但是不做 babel 处理）。")]),s._v(" "),a("li",[s._v("应用编译时间会变长。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("package.json 的 main 字段指向的就是编译后入口，而 module 字段指向的就是源码入口。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("em",[s._v("关于 "),a("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[s._v("pkg.module")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("后编译的场景是极有可能产生嵌套的情况，而且对于每个依赖包而言应该自己管理自身需要后编译的依赖；为了解决这个问题，可以使用 "),a("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[s._v("webpack-post-compile-plugin")]),s._v("，你只需要在你的 NPM 包自身的 package.json 中声明 "),a("code",{pre:!0},[s._v("postCompile: true")]),s._v(" 或者你的应用的 package.json 中通过 compileDependencies 来指定自身需要后编译依赖的包名。")])},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("// webpack.config.js")]),s._v("\n"),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\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("module")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": [\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n      {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("test")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/\\.js$/")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'babel-loader'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("include")]),s._v(": [\n          resolve("),a("span",{attrs:{class:"hljs-string"}},[s._v("'src'")]),s._v(")\n        ]\n      },\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    ]\n  },\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n  ]\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你能控制你应用的所有的依赖包，直接在每个依赖包的 package.json 中设置 "),a("code",{pre:!0},[s._v("postCompile: true")]),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"}},[s._v("{\n  "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"your-one-pkg"')]),s._v(",\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-string"}},[s._v('"postCompile"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\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-json"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// package.json")]),s._v("\n{\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"B"')]),s._v("]\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-json"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// A package.json")]),s._v("\n{\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"C"')]),s._v("]\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])}]}},Po76:function(s,t,a){var e=a("VU/8")(null,a("8Pct"),null,null,null);s.exports=e.exports},hvjf:function(s,t,a){s.exports=a("Po76")}});
\ No newline at end of file
diff --git a/docs/js/27.1a57a87827780cc93797.js b/docs/js/27.1a57a87827780cc93797.js
deleted file mode 100644
index 080945d66..000000000
--- a/docs/js/27.1a57a87827780cc93797.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([27],{KVpg:function(s,t,a){var v=a("VU/8")(null,a("rAFG"),null,null,null);s.exports=v.exports},ZL7z:function(s,t,a){s.exports=a("KVpg")},rAFG: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",[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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("指定类型 "),a("code",{pre:!0},[s._v("type")]),s._v("，这样方便根据类型做 class 控制，如示例，会在根元素上会增加 "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" 的 class")]),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("组件默认是隐藏的，需要调用组件实例的 "),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",[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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("mask")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v("，即不显示背景层")])]),s._v(" "),a("li",[a("p",[s._v("显示内容 HTML")]),s._v(" "),a("pre",{pre:!0},[a("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('"<i>My Popup Content 3</i>"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("只需要传入 "),a("code",{pre:!0},[s._v("content")]),s._v("，内容是一段 HTML 片段")])]),s._v(" "),a("li",[a("p",[s._v("控制位置&蒙层点击隐藏"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("pre",{pre:!0},[a("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(":position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"position"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask-closable")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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"')]),s._v(">")]),s._v("top/right/bottom/left/center"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(" positions = ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'center'")]),s._v("]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),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("position")]),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    showPopup() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".position = positions[cur++]\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (cur === positions.length) {\n        cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      }\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.myPopup4\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("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("可通过 "),a("code",{pre:!0},[s._v("position")]),s._v(" 控制内容出现位置，通过 "),a("code",{pre:!0},[s._v("mask-closable")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),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("cube-popup")]),s._v(">")]),s._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("这样就实现了一个上层封装的 CubeExtendPopup 组件，自带了一些样式，支持传入内容还有默认插槽，点击内容可隐藏。你可以这样使用（需要全局注册或者局部注册到使用的组件中）：")]),s._v(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("position"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("内容展示位置，优先级比 center 高")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/right/bottom/left/center")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])])])])},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("隐藏")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/27.453820af424256909e32.js b/docs/js/27.453820af424256909e32.js
new file mode 100644
index 000000000..609727e3b
--- /dev/null
+++ b/docs/js/27.453820af424256909e32.js
@@ -0,0 +1 @@
+webpackJsonp([27],{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",[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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("指定类型 "),a("code",{pre:!0},[s._v("type")]),s._v("，这样方便根据类型做 class 控制，如示例，会在根元素上会增加 "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" 的 class")]),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("组件默认是隐藏的，需要调用组件实例的 "),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",[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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("mask")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v("，即不显示背景层")])]),s._v(" "),a("li",[a("p",[s._v("显示内容 HTML")]),s._v(" "),a("pre",{pre:!0},[a("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('"<i>My Popup Content 3</i>"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("只需要传入 "),a("code",{pre:!0},[s._v("content")]),s._v("，内容是一段 HTML 片段")])]),s._v(" "),a("li",[a("p",[s._v("控制位置&蒙层点击隐藏"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("pre",{pre:!0},[a("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(":position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"position"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask-closable")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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"')]),s._v(">")]),s._v("top/right/bottom/left/center"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(" positions = ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'center'")]),s._v("]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),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("position")]),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    showPopup() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".position = positions[cur++]\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (cur === positions.length) {\n        cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      }\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.myPopup4\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("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("可通过 "),a("code",{pre:!0},[s._v("position")]),s._v(" 控制内容出现位置，通过 "),a("code",{pre:!0},[s._v("mask-closable")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),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("cube-popup")]),s._v(">")]),s._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("这样就实现了一个上层封装的 CubeExtendPopup 组件，自带了一些样式，支持传入内容还有默认插槽，点击内容可隐藏。你可以这样使用（需要全局注册或者局部注册到使用的组件中）：")]),s._v(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("position"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("内容展示位置，优先级比 center 高")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/right/bottom/left/center")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])])])])},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/28.151782d124b73d93df8c.js b/docs/js/28.151782d124b73d93df8c.js
new file mode 100644
index 000000000..e43be8ed9
--- /dev/null
+++ b/docs/js/28.151782d124b73d93df8c.js
@@ -0,0 +1 @@
+webpackJsonp([28],{"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("h4",{attrs:{id:"1）单列选择器"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-1）单列选择器-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 1）单列选择器")]),s._v(" "),a("p",[s._v("首先，是一个单列选择器的例子：")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"2）多列选择器"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-2）多列选择器-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 2）多列选择器")]),s._v(" "),a("p",[s._v("如果传入了多列数据，则会生成相应的多列选择器。比如以下是一个三列的选择器：")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"3）选项的子属性别名"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-3）选项的子属性别名-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 3）选项的子属性别名")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h4",{attrs:{id:"4）实例方法$updateProps"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-4）实例方法$updateProps-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 4）实例方法 "),a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),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(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(" "),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(17)])},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("p",[s._v("对于选择器，最基本的是需要定义它可以选择的选项，定义选项的属性是 "),a("code",{pre:!0},[s._v("data")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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\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    showPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker) {\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(": [column1],\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-keyword"}},[s._v("this")]),s._v(".picker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showMutiPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker = "),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(": [column1, column2, column3],\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-keyword"}},[s._v("this")]),s._v(".mutiPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[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("name")]),s._v(" 时，你可能希望直接用  "),a("code",{pre:!0},[s._v("id")]),s._v(" 和 "),a("code",{pre:!0},[s._v("name")]),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("id")]),s._v("，"),a("code",{pre:!0},[s._v("text")]),s._v(" 的别名为 "),a("code",{pre:!0},[s._v("name")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showAliasPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker) {\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-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-keyword"}},[s._v("this")]),s._v(".aliasPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[s._v("当你需要修改 Picker 某些配置项时，你可以使用实例方法 "),a("code",{pre:!0},[s._v("$updateProps")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),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(".$createPicker({\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("data")]),s._v(": [column1],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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-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("data")]),s._v(": [column1, column2, column3],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("]\n        })\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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/28.4cd01b39b2ba9c992d4a.js b/docs/js/28.4cd01b39b2ba9c992d4a.js
deleted file mode 100644
index 379991663..000000000
--- a/docs/js/28.4cd01b39b2ba9c992d4a.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([28],{"92Kx":function(s,t,a){s.exports=a("ouqO")},ouqO:function(s,t,a){var v=a("VU/8")(null,a("scLK"),null,null,null);s.exports=v.exports},scLK: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("h4",{attrs:{id:"1）单列选择器"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-1）单列选择器-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 1）单列选择器")]),s._v(" "),a("p",[s._v("首先，是一个单列选择器的例子：")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"2）多列选择器"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-2）多列选择器-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 2）多列选择器")]),s._v(" "),a("p",[s._v("如果传入了多列数据，则会生成相应的多列选择器。比如以下是一个三列的选择器：")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"3）选项的子属性别名"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-3）选项的子属性别名-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 3）选项的子属性别名")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h4",{attrs:{id:"4）实例方法$updateProps"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-4）实例方法$updateProps-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 4）实例方法 "),a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),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(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(" "),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(17)])},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("p",[s._v("对于选择器，最基本的是需要定义它可以选择的选项，定义选项的属性是 "),a("code",{pre:!0},[s._v("data")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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\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    showPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker) {\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(": [column1],\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-keyword"}},[s._v("this")]),s._v(".picker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showMutiPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker = "),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(": [column1, column2, column3],\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-keyword"}},[s._v("this")]),s._v(".mutiPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[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("name")]),s._v(" 时，你可能希望直接用  "),a("code",{pre:!0},[s._v("id")]),s._v(" 和 "),a("code",{pre:!0},[s._v("name")]),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("id")]),s._v("，"),a("code",{pre:!0},[s._v("text")]),s._v(" 的别名为 "),a("code",{pre:!0},[s._v("name")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showAliasPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker) {\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-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-keyword"}},[s._v("this")]),s._v(".aliasPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[s._v("当你需要修改 Picker 某些配置项时，你可以使用实例方法 "),a("code",{pre:!0},[s._v("$updateProps")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),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(".$createPicker({\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("data")]),s._v(": [column1],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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-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("data")]),s._v(": [column1, column2, column3],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("]\n        })\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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("-")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/29.b2c82b91d678ed460578.js b/docs/js/29.b2c82b91d678ed460578.js
new file mode 100644
index 000000000..48b5c1945
--- /dev/null
+++ b/docs/js/29.b2c82b91d678ed460578.js
@@ -0,0 +1 @@
+webpackJsonp([29],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),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/29.e21d86280e771e590b54.js b/docs/js/29.e21d86280e771e590b54.js
deleted file mode 100644
index 6bcb7a692..000000000
--- a/docs/js/29.e21d86280e771e590b54.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([29],{"4qzo":function(s,t,a){var e=a("VU/8")(null,a("GDi5"),null,null,null);s.exports=e.exports},GDi5: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),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")])])])])}]}},dNW6:function(s,t,a){s.exports=a("4qzo")}});
\ No newline at end of file
diff --git a/docs/js/3.1feebdd85d2fd67fa575.js b/docs/js/3.1feebdd85d2fd67fa575.js
deleted file mode 100644
index 5b0217dea..000000000
--- a/docs/js/3.1feebdd85d2fd67fa575.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([3],{ZIr9:function(s,t,a){var v=a("VU/8")(null,a("iC+2"),null,null,null);s.exports=v.exports},dSBi:function(s,t,a){s.exports=a("ZIr9")},"iC+2":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:"示例"}},[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(" "),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(11),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(12)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("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(" 上传组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 本文中所有的原始文件对象统称为"),a("strong",[s._v("原始文件")]),s._v("，而经过包装后的文件对象称为"),a("strong",[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("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("size")]),s._v(" "),a("td",[s._v("文件大小")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("url")]),s._v(" "),a("td",[s._v("文件 url，通过 URL.createObjectURL 获得")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("base64")]),s._v(" "),a("td",[s._v("文件 base64 的值，这个会从原始文件的 base64 属性获得（默认是没有的，但是插件可以添加，例如下边演示的压缩 compress 插件就会添加 base64 值）")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("文件状态，包含四个： 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("文件上传进度，小数 0~1")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("file")]),s._v(" "),a("td",[s._v("原始文件")]),s._v(" "),a("td",[s._v("File")])]),s._v(" "),a("tr",[a("td",[s._v("response")]),s._v(" "),a("td",[s._v("响应内容（自动转 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("响应头")]),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("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("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("let")]),s._v(" hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\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          hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n        }\n      }\n      hasIgnore && "),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("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'You selected >1M files'")]),s._v("\n      }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("配置 "),a("code",{pre:!0},[s._v("action")]),s._v(" 表示上传的 URL 地址，而 "),a("code",{pre:!0},[s._v("simultaneous-uploads")]),s._v(" 则表示支持的并发上传个数。")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("files-added")]),s._v(" 事件可以实现文件过滤，设置 "),a("code",{pre:!0},[s._v("file.ignore = true")]),s._v(" 即可。")])]),s._v(" "),a("li",[a("p",[s._v("压缩图片且通过 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(" />")]),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("action")]),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",[a("code",{pre:!0},[s._v("action")]),s._v(" 中除了有 "),a("code",{pre:!0},[s._v("target")]),s._v(" 目标上传地址外；还有 "),a("code",{pre:!0},[s._v("prop")]),s._v(" 配置，表示上传的时候采用处理后的 "),a("code",{pre:!0},[s._v("file")]),s._v(" 普通对象的哪个属性所对应的值上传，这里设置的就是 "),a("code",{pre:!0},[s._v("base64Value")]),s._v(" 的值。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("process-file")]),s._v(" 则是一个函数，主要用于处理原生文件的，调用 "),a("code",{pre:!0},[s._v("next")]),s._v(" 回调的话，参数是处理完的文件对象，这里示例的就是调用 "),a("code",{pre:!0},[s._v("compress")]),s._v(" 做压缩，处理完后会回调 "),a("code",{pre:!0},[s._v("next")]),s._v("。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("file-submitted")]),s._v(" 事件则是每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("cube-upload-btn")]),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("cube-upload")]),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("样式覆盖：")]),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")])]),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("v-model")]),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("[{ name, size, url, status: 'success', progress: 1 }]")])]),s._v(" "),a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("上传行为配置项，最少包含上传目标的 URL 地址")]),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("最大上传文件个数")]),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("是否自动上传，即选择完文件后自动开始上传")]),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("并发上传数")]),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("multiple")]),s._v(" "),a("td",[s._v("是否多选")]),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("accept")]),s._v(" "),a("td",[s._v("input 的 accept 属性值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("image/*")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("processFile")]),s._v(" "),a("td",[s._v("处理原始文件函数")]),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(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果 "),a("code",{pre:!0},[s._v("action")]),s._v(" 是字符串，则会被处理成 "),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("参数")]),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("target")]),s._v(" "),a("td",[s._v("上传目标 URL，如果为函数，则传入当前文件对象调用得到目标 URL")]),s._v(" "),a("td",[s._v("String/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("fileName")]),s._v(" "),a("td",[s._v("上传文件时文件的参数名")]),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("上传的时候使用文件对象的 prop 属性所对应的值")]),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("自定义请求头，如果为函数，则传入当前文件对象调用得到 headers")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("上传需要附加数据，如果为函数，则传入当前文件对象调用得到 data")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("withCredentials")]),s._v(" "),a("td",[s._v("标准的 CORS 请求是不会带上 cookie 的，如果想要带的话需要设置 withCredentials 为 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("请求超时时间")]),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("进度回调间隔（单位：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("校验是否成功函数，参数为"),a("code",{pre:!0},[s._v("(服务端响应数据, 当前文件对象 [,cb 回调])")]),s._v("，注意第二个参数和第三个参数是 1.11.0 后新增的，而参数 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 是可选的，异步场景可用，如果没有 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 则取其返回值，如果结果值为 true 则代表成功")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (res, file) { 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(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一个函数，这个函数有两个参数："),a("code",{pre:!0},[s._v("(file, next)")]),s._v("，"),a("code",{pre:!0},[s._v("file")]),s._v(" 就是原始文件，"),a("code",{pre:!0},[s._v("next")]),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("files-added")]),s._v(" "),a("td",[s._v("选择完文件后触发，一般可用作文件过滤")]),s._v(" "),a("td",[s._v("原始文件列表")])]),s._v(" "),a("tr",[a("td",[s._v("file-submitted")]),s._v(" "),a("td",[s._v("每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-removed")]),s._v(" "),a("td",[s._v("文件被删除后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-success")]),s._v(" "),a("td",[s._v("文件上传成功后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-error")]),s._v(" "),a("td",[s._v("文件上传失败后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-click")]),s._v(" "),a("td",[s._v("文件点击后触发")]),s._v(" "),a("td",[s._v("文件对象，1.12.39后增加了index文件索引参数")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),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("start")]),s._v(" "),a("td",[s._v("开始上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pause")]),s._v(" "),a("td",[s._v("暂停上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("retry")]),s._v(" "),a("td",[s._v("重试上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("removeFile")]),s._v(" "),a("td",[s._v("删除文件")]),s._v(" "),a("td",[s._v("文件对象")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/3.225ad627a1feba4b3628.js b/docs/js/3.225ad627a1feba4b3628.js
new file mode 100644
index 000000000..0825579dd
--- /dev/null
+++ b/docs/js/3.225ad627a1feba4b3628.js
@@ -0,0 +1 @@
+webpackJsonp([3],{ZIr9:function(s,t,a){var v=a("VU/8")(null,a("s3H0"),null,null,null);s.exports=v.exports},dSBi:function(s,t,a){s.exports=a("ZIr9")},s3H0: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:"示例"}},[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(" "),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(11),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(12)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("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(" 上传组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 本文中所有的原始文件对象统称为"),a("strong",[s._v("原始文件")]),s._v("，而经过包装后的文件对象称为"),a("strong",[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("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("size")]),s._v(" "),a("td",[s._v("文件大小")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("url")]),s._v(" "),a("td",[s._v("文件 url，通过 URL.createObjectURL 获得")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("base64")]),s._v(" "),a("td",[s._v("文件 base64 的值，这个会从原始文件的 base64 属性获得（默认是没有的，但是插件可以添加，例如下边演示的压缩 compress 插件就会添加 base64 值）")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("文件状态，包含四个： 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("文件上传进度，小数 0~1")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("file")]),s._v(" "),a("td",[s._v("原始文件")]),s._v(" "),a("td",[s._v("File")])]),s._v(" "),a("tr",[a("td",[s._v("response")]),s._v(" "),a("td",[s._v("响应内容（自动转 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("响应头")]),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("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("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("let")]),s._v(" hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\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          hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n        }\n      }\n      hasIgnore && "),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("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'You selected >1M files'")]),s._v("\n      }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("配置 "),a("code",{pre:!0},[s._v("action")]),s._v(" 表示上传的 URL 地址，而 "),a("code",{pre:!0},[s._v("simultaneous-uploads")]),s._v(" 则表示支持的并发上传个数。")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("files-added")]),s._v(" 事件可以实现文件过滤，设置 "),a("code",{pre:!0},[s._v("file.ignore = true")]),s._v(" 即可。")])]),s._v(" "),a("li",[a("p",[s._v("压缩图片且通过 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(" />")]),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("action")]),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",[a("code",{pre:!0},[s._v("action")]),s._v(" 中除了有 "),a("code",{pre:!0},[s._v("target")]),s._v(" 目标上传地址外；还有 "),a("code",{pre:!0},[s._v("prop")]),s._v(" 配置，表示上传的时候采用处理后的 "),a("code",{pre:!0},[s._v("file")]),s._v(" 普通对象的哪个属性所对应的值上传，这里设置的就是 "),a("code",{pre:!0},[s._v("base64Value")]),s._v(" 的值。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("process-file")]),s._v(" 则是一个函数，主要用于处理原生文件的，调用 "),a("code",{pre:!0},[s._v("next")]),s._v(" 回调的话，参数是处理完的文件对象，这里示例的就是调用 "),a("code",{pre:!0},[s._v("compress")]),s._v(" 做压缩，处理完后会回调 "),a("code",{pre:!0},[s._v("next")]),s._v("。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("file-submitted")]),s._v(" 事件则是每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("cube-upload-btn")]),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("cube-upload")]),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("样式覆盖：")]),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")])]),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("v-model")]),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("[{ name, size, url, status: 'success', progress: 1 }]")])]),s._v(" "),a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("上传行为配置项，最少包含上传目标的 URL 地址")]),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("最大上传文件个数")]),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("是否自动上传，即选择完文件后自动开始上传")]),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("并发上传数")]),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("multiple")]),s._v(" "),a("td",[s._v("是否多选")]),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("accept")]),s._v(" "),a("td",[s._v("input 的 accept 属性值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("image/*")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("processFile")]),s._v(" "),a("td",[s._v("处理原始文件函数")]),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(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果 "),a("code",{pre:!0},[s._v("action")]),s._v(" 是字符串，则会被处理成 "),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("参数")]),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("target")]),s._v(" "),a("td",[s._v("上传目标 URL，如果为函数，则传入当前文件对象调用得到目标 URL")]),s._v(" "),a("td",[s._v("String/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("fileName")]),s._v(" "),a("td",[s._v("上传文件时文件的参数名")]),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("上传的时候使用文件对象的 prop 属性所对应的值")]),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("自定义请求头，如果为函数，则传入当前文件对象调用得到 headers")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("上传需要附加数据，如果为函数，则传入当前文件对象调用得到 data")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("withCredentials")]),s._v(" "),a("td",[s._v("标准的 CORS 请求是不会带上 cookie 的，如果想要带的话需要设置 withCredentials 为 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("请求超时时间")]),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("进度回调间隔（单位：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("校验是否成功函数，参数为"),a("code",{pre:!0},[s._v("(服务端响应数据, 当前文件对象 [,cb 回调])")]),s._v("，注意第二个参数和第三个参数是 1.11.0 后新增的，而参数 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 是可选的，异步场景可用，如果没有 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 则取其返回值，如果结果值为 true 则代表成功")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (res, file) { 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(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一个函数，这个函数有两个参数："),a("code",{pre:!0},[s._v("(file, next)")]),s._v("，"),a("code",{pre:!0},[s._v("file")]),s._v(" 就是原始文件，"),a("code",{pre:!0},[s._v("next")]),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("files-added")]),s._v(" "),a("td",[s._v("选择完文件后触发，一般可用作文件过滤")]),s._v(" "),a("td",[s._v("原始文件列表")])]),s._v(" "),a("tr",[a("td",[s._v("file-submitted")]),s._v(" "),a("td",[s._v("每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-removed")]),s._v(" "),a("td",[s._v("文件被删除后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-success")]),s._v(" "),a("td",[s._v("文件上传成功后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-error")]),s._v(" "),a("td",[s._v("文件上传失败后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-click")]),s._v(" "),a("td",[s._v("文件点击后触发")]),s._v(" "),a("td",[s._v("文件对象，1.12.39后增加了index文件索引参数")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),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("start")]),s._v(" "),a("td",[s._v("开始上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pause")]),s._v(" "),a("td",[s._v("暂停上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("retry")]),s._v(" "),a("td",[s._v("重试上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("removeFile")]),s._v(" "),a("td",[s._v("删除文件")]),s._v(" "),a("td",[s._v("文件对象")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/30.8ec0a68ed860c372e24c.js b/docs/js/30.24e49757187172cd5252.js
similarity index 99%
rename from docs/js/30.8ec0a68ed860c372e24c.js
rename to docs/js/30.24e49757187172cd5252.js
index eab6e8b7a..a4fd7fd65 100644
--- a/docs/js/30.8ec0a68ed860c372e24c.js
+++ b/docs/js/30.24e49757187172cd5252.js
@@ -1 +1 @@
-webpackJsonp([30],{G80T: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(" "),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(3),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("组件调用：")]),t._v(" "),t._m(5),t._v(" "),a("p",[t._v("API 调用：")]),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),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(9),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/loading"}},[t._v("Loading 加载中")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tip"}},[t._v("Tip 提示")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/toolbar"}},[t._v("Toolbar 工具条")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tab-bar"}},[t._v("TabBar 选项卡")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[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/textarea"}},[t._v("Textarea")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/select"}},[t._v("Select 选择")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/switch"}},[t._v("Switch 开关切换")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/rate"}},[t._v("Rate 评级")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/validator"}},[t._v("Validator 校验器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/upload"}},[t._v("Upload 上传")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/form"}},[t._v("Form 表单")])])])},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/cascade-picker"}},[t._v("CascadePicker 级联选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/date-picker"}},[t._v("DatePicker 日期选择器")])]),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/segment-picker"}},[t._v("SegmentPicker 段选择器")])]),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 操作菜单")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/drawer"}},[t._v("Drawer 抽屉")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/image-preview"}},[t._v("ImagePreview 图片预览")])])])},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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),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 索引列表")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/swipe"}},[t._v("Swipe 滑块")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/sticky"}},[t._v("Sticky 吸附")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll-nav-bar"}},[t._v("ScrollNavBar 滚动导航条")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll-nav"}},[t._v("ScrollNav 滚动导航")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("滚动类组件一般都是基于 "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 实现，而 "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" 组件就是对 better-scroll 的封装。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[t._v("style 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("有些时候，开发者可能也需要自己封装的组件支持 API 式调用，此时可以通过引入 create-api 模块或者通过全局的 "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" 接口来达到封装目的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 是组件库依赖的一个库，为了避免重复引入问题，我们暴露出了这个模块。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[t._v("better-scroll 模块")]),t._v("。")])}]}},oycq:function(t,s,a){var r=a("VU/8")(null,a("G80T"),null,null,null);t.exports=r.exports},zpSu:function(t,s,a){t.exports=a("oycq")}});
\ No newline at end of file
+webpackJsonp([30],{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(" "),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(3),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("组件调用：")]),t._v(" "),t._m(5),t._v(" "),a("p",[t._v("API 调用：")]),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),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(9),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/loading"}},[t._v("Loading 加载中")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tip"}},[t._v("Tip 提示")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/toolbar"}},[t._v("Toolbar 工具条")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tab-bar"}},[t._v("TabBar 选项卡")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[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/textarea"}},[t._v("Textarea")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/select"}},[t._v("Select 选择")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/switch"}},[t._v("Switch 开关切换")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/rate"}},[t._v("Rate 评级")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/validator"}},[t._v("Validator 校验器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/upload"}},[t._v("Upload 上传")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/form"}},[t._v("Form 表单")])])])},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/cascade-picker"}},[t._v("CascadePicker 级联选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/date-picker"}},[t._v("DatePicker 日期选择器")])]),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/segment-picker"}},[t._v("SegmentPicker 段选择器")])]),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 操作菜单")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/drawer"}},[t._v("Drawer 抽屉")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/image-preview"}},[t._v("ImagePreview 图片预览")])])])},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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),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 索引列表")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/swipe"}},[t._v("Swipe 滑块")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/sticky"}},[t._v("Sticky 吸附")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll-nav-bar"}},[t._v("ScrollNavBar 滚动导航条")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll-nav"}},[t._v("ScrollNav 滚动导航")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("滚动类组件一般都是基于 "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 实现，而 "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" 组件就是对 better-scroll 的封装。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[t._v("style 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("有些时候，开发者可能也需要自己封装的组件支持 API 式调用，此时可以通过引入 create-api 模块或者通过全局的 "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" 接口来达到封装目的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 是组件库依赖的一个库，为了避免重复引入问题，我们暴露出了这个模块。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[t._v("better-scroll 模块")]),t._v("。")])}]}},oycq:function(t,s,a){var r=a("VU/8")(null,a("S8Me"),null,null,null);t.exports=r.exports},zpSu:function(t,s,a){t.exports=a("oycq")}});
\ No newline at end of file
diff --git a/docs/js/31.dc3d68e341a8d293d6f3.js b/docs/js/31.59f2caea82ab4a2b2b28.js
similarity index 99%
rename from docs/js/31.dc3d68e341a8d293d6f3.js
rename to docs/js/31.59f2caea82ab4a2b2b28.js
index 0bade14e6..c59e86ab4 100644
--- a/docs/js/31.dc3d68e341a8d293d6f3.js
+++ b/docs/js/31.59f2caea82ab4a2b2b28.js
@@ -1 +1 @@
-webpackJsonp([31],{"H0+O":function(s,a,t){s.exports=t("LCgU")},LCgU:function(s,a,t){var n=t("VU/8")(null,t("gLWX"),null,null,null);s.exports=n.exports},gLWX: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("h2",{attrs:{id:"cube-ui组件的国际化"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-cube-ui组件的国际化-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(" cube-ui 组件的国际化")]),s._v(" "),t("p",[s._v("cube-ui 默认是用的中文语言包，并且已经注册了。cube-ui 内部也内置了对应的英文语言包，但是你需要如下的逻辑来注册语言包，同时切换至对应的语言。")]),s._v(" "),s._m(2),s._v(" "),t("p",[s._v("cube-ui 会监听当前的语言类型，因此自动渲染组件对应的文案，同时缓存加载过的文案，在做组件语言切换的时候，如果语言包已经安装，cube-ui 直接取缓存的文案。类似伪代码如下：")]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("但是可能你有其他国家的翻译需求，比如日语、韩语，那么你需要自己提供语言包，并且切换至对应语言。代码如下：")]),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("你导入的语言包的配置项形式应该与下面相仿，默认的中文语言包如下：")]),s._v(" "),s._m(5),s._v(" "),t("h2",{attrs:{id:"程序应用的国际化1.12.23+"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-程序应用的国际化1.12.23+-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(" 程序应用的国际化"),t("sup",[s._v("1.12.23+")])]),s._v(" "),t("p",[s._v("如上面所述，cube-ui 给自己的组件提供了国际化的能力，但是这种能力也能延伸至你的应用，分两步进行：")]),s._v(" "),s._m(6),s._v(" "),t("p",[s._v("首先，得导入语言包，这个语言包应该是包含 cube-ui 默认语言包的全集。比如你的语言包配置可能如下：")]),s._v(" "),s._m(7),s._v(" "),t("p",[s._v("接着在你应用的入口文件导入这个语言包。")]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),t("p",[s._v("接着，只需要在模版使用它就行：")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.11.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("cube-ui 内部所有非可配置的文案，都是中文的形式，所以如果你的应用是需要做对应的国际化文案翻译，那么 cube-ui  "),t("code",{pre:!0},[s._v("1.11.0")]),s._v(" 这个版本是提供了给 cube-ui 组件的文案翻译的能力，甚至这种能力也能延伸至你的应用。")])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  Vue.use(Locale)\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 切换至英语，并且缓存当前语言包")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 默认加载中文语言包")]),s._v("\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 切换至英语，并且需要导入英语语言包")]),s._v("\n  one.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v("{\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n  })\n\n  another.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 从缓存取之前的语言包")]),s._v("\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(")\n  })\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" jPMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'/somewhere/ja-JP.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 自己的语言包")]),s._v("\n\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 切换至日语，并且需要导入日语语言包")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'ja-JP'")]),s._v(", jPMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("cancel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'取消'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("confirm")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确认'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ok")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确定'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("prev")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'上一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("next")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'下一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectText")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("now")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'现在'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectTime")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'选择时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("today")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'今日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("formatDate")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'M月D日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("hours")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'点'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minutes")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'分'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("validator")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),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("'请输入字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),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-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),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-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),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-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n      },\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n    }\n  }\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",[t("li",[t("strong",[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("  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// default.js")]),s._v("\n\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"application_key"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"这是我应用的翻译"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"country"')]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-string"}},[s._v('"province"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"北京"')]),s._v("\n    }\n\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* cube-ui 的默认配置*/")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cancel"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"Cancel"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...忽略中间部分的配置，")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator"')]),s._v(": {"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* */")]),s._v("}\n  }\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" defaultMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'default.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 自己的语言包")]),s._v("\n\n  Vue.use(Locale)\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(", defaultMessages)\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",{attrs:{start:"2"}},[t("li",[t("strong",[s._v("在组件内部通过 mixins 注入翻译的能力")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("然后借助于 "),t("code",{pre:!0},[s._v("Vue")]),s._v(" 提供的 mixin 能力。cube-ui 提供了语言包 "),t("code",{pre:!0},[s._v("key=>value")]),s._v(" 的转换函数 "),t("code",{pre:!0},[s._v("$t")]),s._v("，你只需要在组件的 "),t("code",{pre:!0},[s._v("mixins")]),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"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog.vue")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n<script>\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("//...")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("mixins")]),s._v(": [Locale.localeMixin] "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 注入 mixin，拥有 $t 的能力，1.12.23 版本新加")]),s._v("\n  }\n<"),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/script>\n")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return 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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n    {{$t('application_key')}}\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("template")]),s._v(">")]),s._v("\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("最后，"),t("code",{pre:!0},[s._v("{{$t('application_key')}}")]),s._v(" 就被渲染成 "),t("code",{pre:!0},[s._v('"这是我应用的翻译"')]),s._v("。考虑到你的语言包可能是多层级嵌套，"),t("code",{pre:!0},[s._v("$t")]),s._v(" 还接受一个以 "),t("code",{pre:!0},[s._v('"."')]),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"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// 你的语言包结构形式")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("a")]),s._v(": {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("b")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("c")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"嵌套的 c"')]),s._v("\n    }\n  }\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("那么你在 "),t("code",{pre:!0},[s._v("template")]),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-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n    {{$t('a.b.c')}}\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("template")]),s._v(">")]),s._v("\n")])])}]}}});
\ No newline at end of file
+webpackJsonp([31],{"H0+O":function(s,a,t){s.exports=t("LCgU")},LCgU:function(s,a,t){var n=t("VU/8")(null,t("vmoo"),null,null,null);s.exports=n.exports},vmoo: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("h2",{attrs:{id:"cube-ui组件的国际化"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-cube-ui组件的国际化-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(" cube-ui 组件的国际化")]),s._v(" "),t("p",[s._v("cube-ui 默认是用的中文语言包，并且已经注册了。cube-ui 内部也内置了对应的英文语言包，但是你需要如下的逻辑来注册语言包，同时切换至对应的语言。")]),s._v(" "),s._m(2),s._v(" "),t("p",[s._v("cube-ui 会监听当前的语言类型，因此自动渲染组件对应的文案，同时缓存加载过的文案，在做组件语言切换的时候，如果语言包已经安装，cube-ui 直接取缓存的文案。类似伪代码如下：")]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("但是可能你有其他国家的翻译需求，比如日语、韩语，那么你需要自己提供语言包，并且切换至对应语言。代码如下：")]),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("你导入的语言包的配置项形式应该与下面相仿，默认的中文语言包如下：")]),s._v(" "),s._m(5),s._v(" "),t("h2",{attrs:{id:"程序应用的国际化1.12.23+"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-程序应用的国际化1.12.23+-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(" 程序应用的国际化"),t("sup",[s._v("1.12.23+")])]),s._v(" "),t("p",[s._v("如上面所述，cube-ui 给自己的组件提供了国际化的能力，但是这种能力也能延伸至你的应用，分两步进行：")]),s._v(" "),s._m(6),s._v(" "),t("p",[s._v("首先，得导入语言包，这个语言包应该是包含 cube-ui 默认语言包的全集。比如你的语言包配置可能如下：")]),s._v(" "),s._m(7),s._v(" "),t("p",[s._v("接着在你应用的入口文件导入这个语言包。")]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),t("p",[s._v("接着，只需要在模版使用它就行：")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.11.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("cube-ui 内部所有非可配置的文案，都是中文的形式，所以如果你的应用是需要做对应的国际化文案翻译，那么 cube-ui  "),t("code",{pre:!0},[s._v("1.11.0")]),s._v(" 这个版本是提供了给 cube-ui 组件的文案翻译的能力，甚至这种能力也能延伸至你的应用。")])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  Vue.use(Locale)\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 切换至英语，并且缓存当前语言包")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 默认加载中文语言包")]),s._v("\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 切换至英语，并且需要导入英语语言包")]),s._v("\n  one.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v("{\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n  })\n\n  another.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 从缓存取之前的语言包")]),s._v("\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(")\n  })\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" jPMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'/somewhere/ja-JP.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 自己的语言包")]),s._v("\n\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 切换至日语，并且需要导入日语语言包")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'ja-JP'")]),s._v(", jPMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("cancel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'取消'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("confirm")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确认'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ok")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确定'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("prev")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'上一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("next")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'下一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectText")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("now")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'现在'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectTime")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'选择时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("today")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'今日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("formatDate")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'M月D日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("hours")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'点'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minutes")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'分'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("validator")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),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("'请输入字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),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-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),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-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),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-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n      },\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n    }\n  }\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",[t("li",[t("strong",[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("  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// default.js")]),s._v("\n\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"application_key"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"这是我应用的翻译"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"country"')]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-string"}},[s._v('"province"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"北京"')]),s._v("\n    }\n\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* cube-ui 的默认配置*/")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cancel"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"Cancel"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...忽略中间部分的配置，")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator"')]),s._v(": {"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* */")]),s._v("}\n  }\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" defaultMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'default.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 自己的语言包")]),s._v("\n\n  Vue.use(Locale)\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(", defaultMessages)\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",{attrs:{start:"2"}},[t("li",[t("strong",[s._v("在组件内部通过 mixins 注入翻译的能力")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("然后借助于 "),t("code",{pre:!0},[s._v("Vue")]),s._v(" 提供的 mixin 能力。cube-ui 提供了语言包 "),t("code",{pre:!0},[s._v("key=>value")]),s._v(" 的转换函数 "),t("code",{pre:!0},[s._v("$t")]),s._v("，你只需要在组件的 "),t("code",{pre:!0},[s._v("mixins")]),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"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog.vue")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n<script>\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("//...")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("mixins")]),s._v(": [Locale.localeMixin] "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 注入 mixin，拥有 $t 的能力，1.12.23 版本新加")]),s._v("\n  }\n<"),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/script>\n")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return 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("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n    {{$t('application_key')}}\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("template")]),s._v(">")]),s._v("\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("最后，"),t("code",{pre:!0},[s._v("{{$t('application_key')}}")]),s._v(" 就被渲染成 "),t("code",{pre:!0},[s._v('"这是我应用的翻译"')]),s._v("。考虑到你的语言包可能是多层级嵌套，"),t("code",{pre:!0},[s._v("$t")]),s._v(" 还接受一个以 "),t("code",{pre:!0},[s._v('"."')]),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"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// 你的语言包结构形式")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("a")]),s._v(": {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("b")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("c")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"嵌套的 c"')]),s._v("\n    }\n  }\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("那么你在 "),t("code",{pre:!0},[s._v("template")]),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-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n    {{$t('a.b.c')}}\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("template")]),s._v(">")]),s._v("\n")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/32.26cb266f00278532b844.js b/docs/js/32.92d97fca65bc47567d91.js
similarity index 98%
rename from docs/js/32.26cb266f00278532b844.js
rename to docs/js/32.92d97fca65bc47567d91.js
index 980b3ebe1..16fdb1eab 100644
--- a/docs/js/32.26cb266f00278532b844.js
+++ b/docs/js/32.92d97fca65bc47567d91.js
@@ -1 +1 @@
-webpackJsonp([32],{IwIh:function(t,s,a){t.exports=a("equ3")},T18e: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),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)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("通过 watch 组件的 value 值的长度可实现手工控制值长度。")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("watch")]),t._v(": {\n    value(newV) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (newV.length > "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(") {\n        newV = newV.slice("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(")\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$nextTick("),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(".value = newV\n        })\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("上述代码就是控制输入内容长度不得超过10位。")])]),t._v(" "),a("li",[a("p",[t._v("清空按钮")]),t._v(" "),a("p",[t._v("可通过"),a("code",{pre:!0},[t._v("clearable")]),t._v("配置清空按钮。")]),t._v(" "),a("p",[t._v("在 1.11.0 版本之前 "),a("code",{pre:!0},[t._v("clearable")]),t._v(" 的值是布尔类型的，表示是否展示清除按钮；")]),t._v(" "),a("p",[t._v("在 1.11.0 版本之后 "),a("code",{pre:!0},[t._v("clearable")]),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(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("clearable")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("visible")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("blurHidden")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("clearable")]),t._v(" 配置的对象可以包含两个 key 值："),a("code",{pre:!0},[t._v("visible")]),t._v(" 和 "),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" 分别代表是否展示以及当 Input 元素离焦的时候是否隐藏。")])]),t._v(" "),a("li",[a("p",[t._v("密码配置")]),t._v(" "),a("p",[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(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("eye")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("open")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("reverse")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("如同上边展示的，除了上述配置，还支持原生 Input 元素的大部分配置。")])])])},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("是否使用清空按钮，1.11.0 后可配置为对象形式 "),a("code",{pre:!0},[t._v("{visible: true, blurHidden: true}")]),t._v("，其中 "),a("code",{pre:!0},[t._v("visible")]),t._v(" 控制是否显示，"),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" 控制离焦后是否隐藏")]),t._v(" "),a("td",[t._v("Boolean/Object"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("true/false/{visible: true, blurHidden: true}")]),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 - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("绑定值改变且输入框失去焦点后触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),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("tbody",[a("tr",[a("td",[t._v("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("获得焦点")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("离焦")])])])])}]}},equ3:function(t,s,a){var v=a("VU/8")(null,a("T18e"),null,null,null);t.exports=v.exports}});
\ No newline at end of file
+webpackJsonp([32],{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),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)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("通过 watch 组件的 value 值的长度可实现手工控制值长度。")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("watch")]),t._v(": {\n    value(newV) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (newV.length > "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(") {\n        newV = newV.slice("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(")\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$nextTick("),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(".value = newV\n        })\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("上述代码就是控制输入内容长度不得超过10位。")])]),t._v(" "),a("li",[a("p",[t._v("清空按钮")]),t._v(" "),a("p",[t._v("可通过"),a("code",{pre:!0},[t._v("clearable")]),t._v("配置清空按钮。")]),t._v(" "),a("p",[t._v("在 1.11.0 版本之前 "),a("code",{pre:!0},[t._v("clearable")]),t._v(" 的值是布尔类型的，表示是否展示清除按钮；")]),t._v(" "),a("p",[t._v("在 1.11.0 版本之后 "),a("code",{pre:!0},[t._v("clearable")]),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(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("clearable")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("visible")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("blurHidden")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("clearable")]),t._v(" 配置的对象可以包含两个 key 值："),a("code",{pre:!0},[t._v("visible")]),t._v(" 和 "),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" 分别代表是否展示以及当 Input 元素离焦的时候是否隐藏。")])]),t._v(" "),a("li",[a("p",[t._v("密码配置")]),t._v(" "),a("p",[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(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("eye")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("open")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("reverse")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("如同上边展示的，除了上述配置，还支持原生 Input 元素的大部分配置。")])])])},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("是否使用清空按钮，1.11.0 后可配置为对象形式 "),a("code",{pre:!0},[t._v("{visible: true, blurHidden: true}")]),t._v("，其中 "),a("code",{pre:!0},[t._v("visible")]),t._v(" 控制是否显示，"),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" 控制离焦后是否隐藏")]),t._v(" "),a("td",[t._v("Boolean/Object"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("true/false/{visible: true, blurHidden: true}")]),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 - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("绑定值改变且输入框失去焦点后触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),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("tbody",[a("tr",[a("td",[t._v("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("获得焦点")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("离焦")])])])])}]}},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/33.51327e4e922047bcb2a1.js b/docs/js/33.0932b21b5b43e2ba95fb.js
similarity index 99%
rename from docs/js/33.51327e4e922047bcb2a1.js
rename to docs/js/33.0932b21b5b43e2ba95fb.js
index c65c5dd8b..16c7197a9 100644
--- a/docs/js/33.51327e4e922047bcb2a1.js
+++ b/docs/js/33.0932b21b5b43e2ba95fb.js
@@ -1 +1 @@
-webpackJsonp([33],{BfAM:function(s,t,a){var l=a("VU/8")(null,a("JtsV"),null,null,null);s.exports=l.exports},JtsV: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),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),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("cube-index-list-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\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("options"),a("sup",[s._v("1.9.8+")])]),s._v(" "),a("td",[s._v("better-scroll 配置项，具体请参考"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),a("td",[s._v("Object")]),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("} "),a("br"),a("code",{pre:!0},[s._v("注意")]),s._v("：从"),a("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),a("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),a("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),a("code",{pre:!0},[s._v("fasle")]),a("br"),s._v("具体请参考"),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])]),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("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),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("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),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("title"),a("sup",[s._v("1.12.25+")])]),s._v(" "),a("td",[s._v("标题插槽")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("位于列表上方，会在下拉刷新时显示，与 scroll 组件相同")]),s._v(" "),a("td",[s._v("具体参考 scroll 组件的 pulldown 插槽作用域参数介绍")])]),s._v(" "),a("tr",[a("td",[s._v("pullup"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("位于列表下方，会在上拉加载时显示，与 scroll 组件相同")]),s._v(" "),a("td",[s._v("具体参考 scroll 组件的 pullup 插槽作用域参数介绍")])])])])},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([33],{BfAM:function(s,t,a){var l=a("VU/8")(null,a("O3xC"),null,null,null);s.exports=l.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),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),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("cube-index-list-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\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("options"),a("sup",[s._v("1.9.8+")])]),s._v(" "),a("td",[s._v("better-scroll 配置项，具体请参考"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),a("td",[s._v("Object")]),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("} "),a("br"),a("code",{pre:!0},[s._v("注意")]),s._v("：从"),a("code",{pre:!0},[s._v("1.12.38")]),s._v("版本开始，因修复"),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v("在"),a("code",{pre:!0},[s._v("iOS13.4")]),s._v("版本的滚动问题，"),a("code",{pre:!0},[s._v("useTransition")]),s._v("在iOS版本>=13.4时默认为"),a("code",{pre:!0},[s._v("fasle")]),a("br"),s._v("具体请参考"),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")])])]),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("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),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("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),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("title"),a("sup",[s._v("1.12.25+")])]),s._v(" "),a("td",[s._v("标题插槽")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("位于列表上方，会在下拉刷新时显示，与 scroll 组件相同")]),s._v(" "),a("td",[s._v("具体参考 scroll 组件的 pulldown 插槽作用域参数介绍")])]),s._v(" "),a("tr",[a("td",[s._v("pullup"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("位于列表下方，会在上拉加载时显示，与 scroll 组件相同")]),s._v(" "),a("td",[s._v("具体参考 scroll 组件的 pullup 插槽作用域参数介绍")])])])])},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/34.65fc2b56c169315abffc.js b/docs/js/34.65fc2b56c169315abffc.js
new file mode 100644
index 000000000..d5b2223b4
--- /dev/null
+++ b/docs/js/34.65fc2b56c169315abffc.js
@@ -0,0 +1 @@
+webpackJsonp([34],{"672m":function(s,t,a){s.exports=a("bU4j")},bU4j:function(s,t,a){var v=a("VU/8")(null,a("tUyG"),null,null,null);s.exports=v.exports},tUyG: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:"ImagePreview"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ImagePreview-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ImagePreview")]),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(" "),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(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.10.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("p",[s._v("如下示例相关代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/image-preview"}},[s._v("这里")]),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('"showImagePreview"')]),s._v(">")]),s._v("Show ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs\n      }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("只需要提供 "),a("code",{pre:!0},[s._v("imgs")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(img, index) in imgs"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleImgsClick(index)"')]),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")])]),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("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    handleImgsClick(index) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = index\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" params = {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$props")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'initialIndex'")]),s._v(", "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 响应式数据的key名")]),s._v("\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("change")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须更新 initialIndex")]),s._v("\n            "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = i\n          }\n        }\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({ ...params }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("大多数应用场景都是多图点击之后，实例化 image-preview 组件，展示的图片是每次被点击的图片。")])]),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('"showCustomImagePreview"')]),s._v(">")]),s._v("Show Custom ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("customIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showCustomImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex,\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("speed")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex = i\n        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onHide")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n        }\n      }, (h) => {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'div'")]),s._v(", {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'image-preview-custom-header'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n          },\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'header'")]),s._v("\n        }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n      }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("我们可通过插槽定义自己的其他自定义需求，通过传入 Prop 重新定义图片预览行为。")])])])},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("imgs")]),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("initial-index")]),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("speed")]),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("400")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.10.11")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("preventDefault"),a("sup",[s._v("1.10.16")])]),s._v(" "),a("td",[s._v("是否阻止默认行为，因底层使用 BetterScroll 实现")]),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("header")]),s._v(" "),a("td",[s._v("顶部 header 内容")]),s._v(" "),a("td",[s._v("current: 当前索引")])]),s._v(" "),a("tr",[a("td",[s._v("footer")]),s._v(" "),a("td",[s._v("底部 footer 内容")]),s._v(" "),a("td",[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("查看图片索引改变")]),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/34.d087e00e93e5b222d280.js b/docs/js/34.d087e00e93e5b222d280.js
deleted file mode 100644
index 8dd81d118..000000000
--- a/docs/js/34.d087e00e93e5b222d280.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([34],{"672m":function(s,t,a){s.exports=a("bU4j")},"8iGA":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:"ImagePreview"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ImagePreview-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ImagePreview")]),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(" "),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(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.10.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("p",[s._v("如下示例相关代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/image-preview"}},[s._v("这里")]),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('"showImagePreview"')]),s._v(">")]),s._v("Show ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs\n      }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("只需要提供 "),a("code",{pre:!0},[s._v("imgs")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(img, index) in imgs"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleImgsClick(index)"')]),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")])]),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("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    handleImgsClick(index) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = index\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" params = {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$props")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'initialIndex'")]),s._v(", "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 响应式数据的key名")]),s._v("\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("change")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须更新 initialIndex")]),s._v("\n            "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = i\n          }\n        }\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({ ...params }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("大多数应用场景都是多图点击之后，实例化 image-preview 组件，展示的图片是每次被点击的图片。")])]),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('"showCustomImagePreview"')]),s._v(">")]),s._v("Show Custom ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("customIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showCustomImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex,\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("speed")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex = i\n        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onHide")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n        }\n      }, (h) => {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'div'")]),s._v(", {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'image-preview-custom-header'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n          },\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'header'")]),s._v("\n        }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n      }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("我们可通过插槽定义自己的其他自定义需求，通过传入 Prop 重新定义图片预览行为。")])])])},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("imgs")]),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("initial-index")]),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("speed")]),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("400")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.10.11")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("preventDefault"),a("sup",[s._v("1.10.16")])]),s._v(" "),a("td",[s._v("是否阻止默认行为，因底层使用 BetterScroll 实现")]),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("header")]),s._v(" "),a("td",[s._v("顶部 header 内容")]),s._v(" "),a("td",[s._v("current: 当前索引")])]),s._v(" "),a("tr",[a("td",[s._v("footer")]),s._v(" "),a("td",[s._v("底部 footer 内容")]),s._v(" "),a("td",[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("查看图片索引改变")]),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("-")])])])])}]}},bU4j:function(s,t,a){var v=a("VU/8")(null,a("8iGA"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/35.4cc6441f69c3f719becb.js b/docs/js/35.4cc6441f69c3f719becb.js
new file mode 100644
index 000000000..eb9d51455
--- /dev/null
+++ b/docs/js/35.4cc6441f69c3f719becb.js
@@ -0,0 +1 @@
+webpackJsonp([35],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("debounce")]),s._v(": "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("date-picker")]),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(">")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")]),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(" 组件；也可以通过使用插槽自定义结构行为，比如示例中的日期选择。")]),s._v(" "),a("ul",[a("li",[s._v("自定义问卷场景")])]),s._v(" "),a("p",[s._v("你可以利用 Form 组件的特性轻松实现类似问卷这种场景表单，组件示例源代码：https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("demo-questionnaire")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":tip")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":questions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"questions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),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/>")]),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("// source")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire/questionnaire.vue")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DemoQuestionnaire "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/questionnaire/questionnaire.vue'")]),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("tip")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请配合如实填写问卷，确保xxxx相关文案'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("questions")]),s._v(": [\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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-comment"}},[s._v("// required: true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),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("options")]),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("on")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// min: '2020-01-01',")]),s._v("\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// max: '2020-02-18'")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'01:00'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'23:59'")]),s._v("\n          },\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),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("options")]),s._v(": [\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option1'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option2'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'单选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),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("on")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("'多选3'")]),s._v("]\n          },\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          "),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("row")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox2'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选-横3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),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("options")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n        },\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),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("options")]),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("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),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("link")]),s._v(": {\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'《xx协议》'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://github.com/didi/cube-ui'")]),s._v("\n            },\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'说明：本人承诺xx xxxxx xxx xx。'")]),s._v("\n          },\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("errMsg")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请同意协议'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("submit")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    DemoQuestionnaire\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    submitHandler(model) {\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(", model)\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("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("immediateValidate")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("submitAlwaysValidate"),a("sup",[s._v("1.12.36+")])]),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("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      "),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    {\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      "),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  ]\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("-")])]),s._v(" "),a("tr",[a("td",[s._v("key"),a("sup",[s._v("1.12.36+")])]),s._v(" "),a("td",[s._v("字段的唯一key，尤其适用在 schema 更新的场景中")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("options")]),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("scrollToInvalidField")]),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("layout")]),s._v(" "),a("td",[s._v("表单何种布局方式")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("standard/classic/fresh")]),s._v(" "),a("td",[s._v("standard")])])])])])])},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("th",[s._v("参数3")])])]),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("td",[s._v("只包含存在的字段的 model 值"),a("sup",[s._v("1.12.30+")])])]),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("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("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("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("-")]),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("skipValidate, 默认 false，如果为 true 代表不校验 直接 submit"),a("sup",[s._v("1.12.2+")])]),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/35.f038882c644bb7740ae5.js b/docs/js/35.f038882c644bb7740ae5.js
deleted file mode 100644
index f1c3037ed..000000000
--- a/docs/js/35.f038882c644bb7740ae5.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([35],{"0xxl":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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("debounce")]),s._v(": "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("date-picker")]),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(">")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")]),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(" 组件；也可以通过使用插槽自定义结构行为，比如示例中的日期选择。")]),s._v(" "),a("ul",[a("li",[s._v("自定义问卷场景")])]),s._v(" "),a("p",[s._v("你可以利用 Form 组件的特性轻松实现类似问卷这种场景表单，组件示例源代码：https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("demo-questionnaire")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":tip")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":questions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"questions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),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/>")]),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("// source")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire/questionnaire.vue")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DemoQuestionnaire "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/questionnaire/questionnaire.vue'")]),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("tip")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请配合如实填写问卷，确保xxxx相关文案'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("questions")]),s._v(": [\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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-comment"}},[s._v("// required: true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),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("options")]),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("on")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// min: '2020-01-01',")]),s._v("\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// max: '2020-02-18'")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'01:00'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'23:59'")]),s._v("\n          },\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),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("options")]),s._v(": [\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option1'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option2'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'单选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),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("on")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("'多选3'")]),s._v("]\n          },\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          "),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("row")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox2'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选-横3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),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("options")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n        },\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),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("options")]),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("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),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("link")]),s._v(": {\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'《xx协议》'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://github.com/didi/cube-ui'")]),s._v("\n            },\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'说明：本人承诺xx xxxxx xxx xx。'")]),s._v("\n          },\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("errMsg")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请同意协议'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("submit")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    DemoQuestionnaire\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    submitHandler(model) {\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(", model)\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("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("immediateValidate")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("submitAlwaysValidate"),a("sup",[s._v("1.12.36+")])]),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("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      "),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    {\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      "),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  ]\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("-")])]),s._v(" "),a("tr",[a("td",[s._v("key"),a("sup",[s._v("1.12.36+")])]),s._v(" "),a("td",[s._v("字段的唯一key，尤其适用在 schema 更新的场景中")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("options")]),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("scrollToInvalidField")]),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("layout")]),s._v(" "),a("td",[s._v("表单何种布局方式")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("standard/classic/fresh")]),s._v(" "),a("td",[s._v("standard")])])])])])])},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("th",[s._v("参数3")])])]),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("td",[s._v("只包含存在的字段的 model 值"),a("sup",[s._v("1.12.30+")])])]),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("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("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("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("-")]),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("skipValidate, 默认 false，如果为 true 代表不校验 直接 submit"),a("sup",[s._v("1.12.2+")])]),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")])])])])}]}},"3rpl":function(s,t,a){var v=a("VU/8")(null,a("0xxl"),null,null,null);s.exports=v.exports},XO3d:function(s,t,a){s.exports=a("3rpl")}});
\ No newline at end of file
diff --git a/docs/js/36.c1a6541b1f2a282d9ce1.js b/docs/js/36.c1a6541b1f2a282d9ce1.js
new file mode 100644
index 000000000..eedf8fb6d
--- /dev/null
+++ b/docs/js/36.c1a6541b1f2a282d9ce1.js
@@ -0,0 +1 @@
+webpackJsonp([36],{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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("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("[]")])]),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/36.fb32375e5a60016231d9.js b/docs/js/36.fb32375e5a60016231d9.js
deleted file mode 100644
index 6fce9b686..000000000
--- a/docs/js/36.fb32375e5a60016231d9.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([36],{"1/Ax":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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("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("[]")])]),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("1/Ax"),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/37.2ab1d956cac9655d5e3a.js b/docs/js/37.2ab1d956cac9655d5e3a.js
new file mode 100644
index 000000000..471ab737a
--- /dev/null
+++ b/docs/js/37.2ab1d956cac9655d5e3a.js
@@ -0,0 +1 @@
+webpackJsonp([37],{"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("alert 类型")]),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 - alert"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(" (对应为确认框)、"),a("code",{pre:!0},[t._v("prompt")]),t._v(" （对应提示输入框）"),a("sup",[t._v("1.11.0")]),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('"showPrompt"')]),t._v(">")]),t._v("Dialog - prompt"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(".dialog = "),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("'prompt'")]),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("prompt")]),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        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("e, promptValue")]),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("`Prompt value: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${promptValue || "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("}")]),t._v("`")]),t._v("\n          }).show()\n        }\n      }).show()\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("可通过在 confirm 的事件回调的第二个参数获得输入的值。"),a("code",{pre:!0},[t._v("prompt")]),t._v(" 的值为一个对象，内容会被当做 props 传入 "),a("a",{attrs:{href:"#/zh-CN/docs/input"}},[t._v("Input 组件")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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 / 提示输入框 prompt"),a("sup",[t._v("1.11.0")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("prompt 配置，可配置的都是 "),a("a",{attrs:{href:"#/zh-CN/docs/input"}},[t._v("Input 组件")]),t._v(" 的 prop")]),t._v(" "),a("td",[t._v("Object")]),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("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("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),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("td",[t._v("类型为 prompt 时，输入的值 promptValue")])]),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("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("点击关闭按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")]),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("隐藏")])])])])}]}},"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/37.2f930ad9e435f595720a.js b/docs/js/37.2f930ad9e435f595720a.js
deleted file mode 100644
index 1ccd49da2..000000000
--- a/docs/js/37.2f930ad9e435f595720a.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([37],{"59Sv":function(t,s,a){var v=a("VU/8")(null,a("xQLu"),null,null,null);t.exports=v.exports},DZkJ:function(t,s,a){t.exports=a("59Sv")},xQLu: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("alert 类型")]),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 - alert"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(" (对应为确认框)、"),a("code",{pre:!0},[t._v("prompt")]),t._v(" （对应提示输入框）"),a("sup",[t._v("1.11.0")]),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('"showPrompt"')]),t._v(">")]),t._v("Dialog - prompt"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(".dialog = "),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("'prompt'")]),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("prompt")]),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        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("e, promptValue")]),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("`Prompt value: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${promptValue || "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("}")]),t._v("`")]),t._v("\n          }).show()\n        }\n      }).show()\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("可通过在 confirm 的事件回调的第二个参数获得输入的值。"),a("code",{pre:!0},[t._v("prompt")]),t._v(" 的值为一个对象，内容会被当做 props 传入 "),a("a",{attrs:{href:"#/zh-CN/docs/input"}},[t._v("Input 组件")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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 / 提示输入框 prompt"),a("sup",[t._v("1.11.0")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("prompt 配置，可配置的都是 "),a("a",{attrs:{href:"#/zh-CN/docs/input"}},[t._v("Input 组件")]),t._v(" 的 prop")]),t._v(" "),a("td",[t._v("Object")]),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("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("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),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("td",[t._v("类型为 prompt 时，输入的值 promptValue")])]),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("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("点击关闭按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")]),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("隐藏")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/38.35b79bd8afe1ae8f8682.js b/docs/js/38.35b79bd8afe1ae8f8682.js
new file mode 100644
index 000000000..b6c3e053b
--- /dev/null
+++ b/docs/js/38.35b79bd8afe1ae8f8682.js
@@ -0,0 +1 @@
+webpackJsonp([38],{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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("columnOrder")]),s._v(" "),a("sup",[s._v("1.12.14")])]),s._v(" "),a("p",[s._v('针对日期展示格式顺序不是 "年-月-日 小时-分钟-秒" 的场景，可以通过 '),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" 来修改展示顺序。例如日期展示顺序为 “月-日-年”，可配置 "),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" 值为 "),a("code",{pre:!0},[s._v("['month', 'date', '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('"showChangeOrderPicker"')]),s._v(">")]),s._v("Date Picker(Change order)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showChangeOrderPicker() {\n       "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker) {\n         "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker = "),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("columnOrder")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'month'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'year'")]),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-keyword"}},[s._v("this")]),s._v(".changeOrderPicker.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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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, 0, 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("当前时间未来一年的12月31日，[new Date().getFullYear() + 1, 12, 31, 23, 59, 59]")]),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("-")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("columnOrder"),a("sup",[s._v("1.12.14")])]),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("['year', 'month', 'date', 'hour', 'minute', 'second']")]),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("minute")]),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("second")]),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/38.9d5e4d275dccbcba6d4a.js b/docs/js/38.9d5e4d275dccbcba6d4a.js
deleted file mode 100644
index ff15c3fac..000000000
--- a/docs/js/38.9d5e4d275dccbcba6d4a.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([38],{liOI: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("columnOrder")]),s._v(" "),a("sup",[s._v("1.12.14")])]),s._v(" "),a("p",[s._v('针对日期展示格式顺序不是 "年-月-日 小时-分钟-秒" 的场景，可以通过 '),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" 来修改展示顺序。例如日期展示顺序为 “月-日-年”，可配置 "),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" 值为 "),a("code",{pre:!0},[s._v("['month', 'date', '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('"showChangeOrderPicker"')]),s._v(">")]),s._v("Date Picker(Change order)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showChangeOrderPicker() {\n       "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker) {\n         "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker = "),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("columnOrder")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'month'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'year'")]),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-keyword"}},[s._v("this")]),s._v(".changeOrderPicker.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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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, 0, 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("当前时间未来一年的12月31日，[new Date().getFullYear() + 1, 12, 31, 23, 59, 59]")]),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("-")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("columnOrder"),a("sup",[s._v("1.12.14")])]),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("['year', 'month', 'date', 'hour', 'minute', 'second']")]),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("minute")]),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("second")]),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("隐藏")])])])])}]}},pK3h:function(s,t,a){var v=a("VU/8")(null,a("liOI"),null,null,null);s.exports=v.exports},vw3j:function(s,t,a){s.exports=a("pK3h")}});
\ No newline at end of file
diff --git a/docs/js/39.bd87177f9e7b6aade235.js b/docs/js/39.e691cb19dfc9942357d8.js
similarity index 99%
rename from docs/js/39.bd87177f9e7b6aade235.js
rename to docs/js/39.e691cb19dfc9942357d8.js
index 7f0aca197..496584102 100644
--- a/docs/js/39.bd87177f9e7b6aade235.js
+++ b/docs/js/39.e691cb19dfc9942357d8.js
@@ -1 +1 @@
-webpackJsonp([39],{Ev7i:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"create-api模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" create-api 模块")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" createAPI(Vue, Component, [events, single])")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"如何在普通js文件中或者全局调用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-如何在普通js文件中或者全局调用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[s._v("或者内置的组件，例如 Dialog：")]),s._v(" "),s._m(5),s._v(" "),a("p",[s._v("还有一种思路是通过数据驱动，比如用 vuex 维护一个全局 state，在需要调用该组件时更新状态，然后在 App.vue 里去 watch 这个状态变化来调用该组件。")])])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("该模块默认暴露出一个 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数，可以实现以 API 的形式调用自定义组件。并且既可以在 Vue 实例上下文中调用，也可以"),a("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,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 所有通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 实现的通过 API 的形式调用的自定义组件（cube-ui 内置的组件）都需要通过 "),a("code",{pre:!0},[s._v("Vue.use")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件，组件必须有 name")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),a("li",[a("p",[s._v("用法：")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),a("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法，这样就可以在其他组件中直接通过 "),a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" 这样来实例化组件了，而且这个实例化组件的元素是被附加到 "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素下的。")])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, renderFn, single)")])]),s._v(" "),a("p",[a("strong",[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("config")]),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("renderFn")]),s._v(" "),a("td",[s._v("可选参数，用于生成子 VNode 节点，一般场景是处理 slot")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("function (createElement) {...}")])]),s._v(" "),a("tr",[a("td",[s._v("single")]),s._v(" "),a("td",[s._v("可选参数，创建的时候决定是否是单例的，优先级更高，如果没有传入 renderFn 的话，single 的值就是第二个参数的值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("createAPI() 中传入的 single")]),s._v(" "),a("td",[s._v("-")])])])]),s._v(" "),a("p",[a("strong",[s._v("配置参数 "),a("code",{pre:!0},[s._v("config")]),s._v("：")])]),s._v(" "),a("p",[s._v("默认所有的值都会当做 props，但是要排除 createAPI 传入的 "),a("code",{pre:!0},[s._v("events")]),s._v(" 中的事件（默认会做转换，例如："),a("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),a("code",{pre:!0},[s._v("['click']")]),s._v("，那么 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),a("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数，而不是作为 props 传递给组件）。")]),s._v(" "),a("p",[s._v("1.8.0 版本后 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中可以直接设置 "),a("code",{pre:!0},[s._v("$props")]),s._v(" 和 "),a("code",{pre:!0},[s._v("$events")]),s._v("，"),a("code",{pre:!0},[s._v("$props")]),s._v(" 中的值是"),a("strong",[s._v("响应式")]),s._v("的，自动监控当前实例化上下文（即 "),a("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("this")]),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("$props")]),s._v(" "),a("td",[s._v("传递给组件的 Props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" title: 'title',"),a("br"),s._v(" content: 'my content',"),a("br"),s._v(" open: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("$events")]),s._v(" "),a("td",[s._v("组件的 Events 事件回调")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" click: 'clickHandler',"),a("br"),s._v(" select: this.selectHandler"),a("br"),s._v("}")])])])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("$props")]),s._v(" 示例，约定结构 "),a("code",{pre:!0},[s._v("{ [key]: [propKey] }")]),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("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'title'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'my content'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("open")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v("、"),a("code",{pre:!0},[s._v("content")]),s._v("、"),a("code",{pre:!0},[s._v("open")]),s._v(" 就是传递给组件的 Prop 的 key，而对应 Prop 的值则按照如下规则获取：")]),s._v(" "),a("ol",[a("li",[s._v("如果是非字符串，则直接取配置的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("如果是字符串，且配置的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 不在当前实例上下文属性上，则直接取 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("是字符串，且在当前实例上下文属性上，那么直接获取当前实例上下文对应的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 的值，且会监控这个值的变化实时更新到组件实例上")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("$events")]),s._v(" 示例，约定结构 "),a("code",{pre:!0},[s._v("{ [eventName]: [eventValue] }")]),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("click")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clickHandler'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("select")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("click")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v(" 就是事件名，而对应的事件回调则按照如下规则获取：")]),s._v(" "),a("ol",[a("li",[s._v("如果 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 是非字符串，则直接取配置的 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("如果 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 是字符串，则直接获取当前实例上下文对应的 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 的值")])]),s._v(" "),a("p",[s._v("1.10.0 版本以后 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中可以设置 Vue 支持的所有的"),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth"}},[s._v("配置值")]),s._v("，但是必须要加 "),a("code",{pre:!0},[s._v("$")]),s._v("，例如：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createAaBb({\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$attrs")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$class")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v("'my-class'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n  }\n})\n")])]),s._v(" "),a("p",[a("strong",[s._v("返回值 "),a("code",{pre:!0},[s._v("instance")]),s._v("：")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例。")]),s._v(" "),a("blockquote",[a("p",[s._v("这个实例会被"),a("strong",[s._v("附加或代理 "),a("code",{pre:!0},[s._v("remove")]),s._v(" 方法")])])]),s._v(" "),a("p",[s._v("如果调用了，该实例就会被销毁且会从 "),a("code",{pre:!0},[s._v("body")]),s._v(" 下移除。")]),s._v(" "),a("p",[s._v("如果说实例化上下文（即 "),a("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("this")]),s._v("）销毁的话会自动移除销毁该实例元素。")])])])]),s._v(" "),a("li",[a("p",[s._v("示例：")]),s._v(" "),a("p",[s._v("我们先编写一个 Hello.vue 组件：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n    {{content}}\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"other"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),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("template")]),s._v(">")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      clickHandler(e) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n      }\n    }\n  }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("然后我们再通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 把 Hello.vue 变成一个 API 式调用的组件并调用。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 引入 Style 加载基础样式")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n    Style,\n    Dialog,\n    createAPI\n  } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n  Vue.use(Dialog)\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello API")]),s._v("\n  createAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 初始化 Vue")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("render")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("h")]),s._v(") ")]),s._v("{\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'button'")]),s._v(", {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showHello\n        }\n      }, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Show Hello'")]),s._v("])\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      showHello() {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 直接调用")]),s._v("\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象，默认传入的所有对象全都当做 props 传入组件")]),s._v("\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events，这里对应的就是")]),s._v("\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n          onClick(e) {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n          }\n        }, "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n            createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n            }, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n          ]\n        })\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 通过 Vue 组件的 $on 也是可以监听的，看使用场景")]),s._v("\n        instance.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" $dialog = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'点击确定关闭当前实例'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n          })\n          $dialog.show()\n\n          $dialog.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(", () => {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 销毁实例")]),s._v("\n            instance.remove()\n          }).$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(", () => {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n          })\n        })\n      }\n    }\n  })\n")])]),s._v(" "),a("p",[s._v("示例中就是创建了一个需要 API 调用的组件 "),a("code",{pre:!0},[s._v("Hello")]),s._v("，然后在其他组件中去使用，重点就是 "),a("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情：调用 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一般当你在 Vue 实例中，你可以直接通过 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 调用该组件。而如果在普通 JS 中"),a("code",{pre:!0},[s._v("this")]),s._v("不是 Vue 实例，这时就可以通过组件本身的 "),a("code",{pre:!0},[s._v("$create")]),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(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n  createAPI\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello and $Hello.create API")]),s._v("\ncreateAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\nHello.$create(config, renderFn)\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(" 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(" { Dialog } "),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(Dialog)\n\nDialog.$create({\n  ...\n})\n")])])}]}},"Nx+F":function(s,t,a){s.exports=a("PtgT")},PtgT:function(s,t,a){var e=a("VU/8")(null,a("Ev7i"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
+webpackJsonp([39],{LlmT:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"create-api模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" create-api 模块")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" createAPI(Vue, Component, [events, single])")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"如何在普通js文件中或者全局调用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-如何在普通js文件中或者全局调用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[s._v("或者内置的组件，例如 Dialog：")]),s._v(" "),s._m(5),s._v(" "),a("p",[s._v("还有一种思路是通过数据驱动，比如用 vuex 维护一个全局 state，在需要调用该组件时更新状态，然后在 App.vue 里去 watch 这个状态变化来调用该组件。")])])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("该模块默认暴露出一个 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数，可以实现以 API 的形式调用自定义组件。并且既可以在 Vue 实例上下文中调用，也可以"),a("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,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 所有通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 实现的通过 API 的形式调用的自定义组件（cube-ui 内置的组件）都需要通过 "),a("code",{pre:!0},[s._v("Vue.use")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件，组件必须有 name")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),a("li",[a("p",[s._v("用法：")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),a("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法，这样就可以在其他组件中直接通过 "),a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" 这样来实例化组件了，而且这个实例化组件的元素是被附加到 "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素下的。")])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, renderFn, single)")])]),s._v(" "),a("p",[a("strong",[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("config")]),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("renderFn")]),s._v(" "),a("td",[s._v("可选参数，用于生成子 VNode 节点，一般场景是处理 slot")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("function (createElement) {...}")])]),s._v(" "),a("tr",[a("td",[s._v("single")]),s._v(" "),a("td",[s._v("可选参数，创建的时候决定是否是单例的，优先级更高，如果没有传入 renderFn 的话，single 的值就是第二个参数的值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("createAPI() 中传入的 single")]),s._v(" "),a("td",[s._v("-")])])])]),s._v(" "),a("p",[a("strong",[s._v("配置参数 "),a("code",{pre:!0},[s._v("config")]),s._v("：")])]),s._v(" "),a("p",[s._v("默认所有的值都会当做 props，但是要排除 createAPI 传入的 "),a("code",{pre:!0},[s._v("events")]),s._v(" 中的事件（默认会做转换，例如："),a("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),a("code",{pre:!0},[s._v("['click']")]),s._v("，那么 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),a("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数，而不是作为 props 传递给组件）。")]),s._v(" "),a("p",[s._v("1.8.0 版本后 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中可以直接设置 "),a("code",{pre:!0},[s._v("$props")]),s._v(" 和 "),a("code",{pre:!0},[s._v("$events")]),s._v("，"),a("code",{pre:!0},[s._v("$props")]),s._v(" 中的值是"),a("strong",[s._v("响应式")]),s._v("的，自动监控当前实例化上下文（即 "),a("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("this")]),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("$props")]),s._v(" "),a("td",[s._v("传递给组件的 Props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" title: 'title',"),a("br"),s._v(" content: 'my content',"),a("br"),s._v(" open: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("$events")]),s._v(" "),a("td",[s._v("组件的 Events 事件回调")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" click: 'clickHandler',"),a("br"),s._v(" select: this.selectHandler"),a("br"),s._v("}")])])])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("$props")]),s._v(" 示例，约定结构 "),a("code",{pre:!0},[s._v("{ [key]: [propKey] }")]),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("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'title'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'my content'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("open")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v("、"),a("code",{pre:!0},[s._v("content")]),s._v("、"),a("code",{pre:!0},[s._v("open")]),s._v(" 就是传递给组件的 Prop 的 key，而对应 Prop 的值则按照如下规则获取：")]),s._v(" "),a("ol",[a("li",[s._v("如果是非字符串，则直接取配置的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("如果是字符串，且配置的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 不在当前实例上下文属性上，则直接取 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("是字符串，且在当前实例上下文属性上，那么直接获取当前实例上下文对应的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 的值，且会监控这个值的变化实时更新到组件实例上")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("$events")]),s._v(" 示例，约定结构 "),a("code",{pre:!0},[s._v("{ [eventName]: [eventValue] }")]),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("click")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clickHandler'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("select")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("click")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v(" 就是事件名，而对应的事件回调则按照如下规则获取：")]),s._v(" "),a("ol",[a("li",[s._v("如果 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 是非字符串，则直接取配置的 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("如果 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 是字符串，则直接获取当前实例上下文对应的 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 的值")])]),s._v(" "),a("p",[s._v("1.10.0 版本以后 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中可以设置 Vue 支持的所有的"),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth"}},[s._v("配置值")]),s._v("，但是必须要加 "),a("code",{pre:!0},[s._v("$")]),s._v("，例如：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createAaBb({\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$attrs")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$class")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v("'my-class'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n  }\n})\n")])]),s._v(" "),a("p",[a("strong",[s._v("返回值 "),a("code",{pre:!0},[s._v("instance")]),s._v("：")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例。")]),s._v(" "),a("blockquote",[a("p",[s._v("这个实例会被"),a("strong",[s._v("附加或代理 "),a("code",{pre:!0},[s._v("remove")]),s._v(" 方法")])])]),s._v(" "),a("p",[s._v("如果调用了，该实例就会被销毁且会从 "),a("code",{pre:!0},[s._v("body")]),s._v(" 下移除。")]),s._v(" "),a("p",[s._v("如果说实例化上下文（即 "),a("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("this")]),s._v("）销毁的话会自动移除销毁该实例元素。")])])])]),s._v(" "),a("li",[a("p",[s._v("示例：")]),s._v(" "),a("p",[s._v("我们先编写一个 Hello.vue 组件：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n    {{content}}\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"other"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),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("template")]),s._v(">")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      clickHandler(e) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n      }\n    }\n  }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("然后我们再通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 把 Hello.vue 变成一个 API 式调用的组件并调用。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 引入 Style 加载基础样式")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n    Style,\n    Dialog,\n    createAPI\n  } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n  Vue.use(Dialog)\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello API")]),s._v("\n  createAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 初始化 Vue")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("render")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("h")]),s._v(") ")]),s._v("{\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'button'")]),s._v(", {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showHello\n        }\n      }, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Show Hello'")]),s._v("])\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      showHello() {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 直接调用")]),s._v("\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象，默认传入的所有对象全都当做 props 传入组件")]),s._v("\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events，这里对应的就是")]),s._v("\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n          onClick(e) {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n          }\n        }, "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n            createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n            }, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n          ]\n        })\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 通过 Vue 组件的 $on 也是可以监听的，看使用场景")]),s._v("\n        instance.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" $dialog = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'点击确定关闭当前实例'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n          })\n          $dialog.show()\n\n          $dialog.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(", () => {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 销毁实例")]),s._v("\n            instance.remove()\n          }).$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(", () => {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n          })\n        })\n      }\n    }\n  })\n")])]),s._v(" "),a("p",[s._v("示例中就是创建了一个需要 API 调用的组件 "),a("code",{pre:!0},[s._v("Hello")]),s._v("，然后在其他组件中去使用，重点就是 "),a("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情：调用 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一般当你在 Vue 实例中，你可以直接通过 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 调用该组件。而如果在普通 JS 中"),a("code",{pre:!0},[s._v("this")]),s._v("不是 Vue 实例，这时就可以通过组件本身的 "),a("code",{pre:!0},[s._v("$create")]),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(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n  createAPI\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello and $Hello.create API")]),s._v("\ncreateAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\nHello.$create(config, renderFn)\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(" 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(" { Dialog } "),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(Dialog)\n\nDialog.$create({\n  ...\n})\n")])])}]}},"Nx+F":function(s,t,a){s.exports=a("PtgT")},PtgT:function(s,t,a){var e=a("VU/8")(null,a("LlmT"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/4.415f17002e53bbea6722.js b/docs/js/4.415f17002e53bbea6722.js
deleted file mode 100644
index d61d4bbbd..000000000
--- a/docs/js/4.415f17002e53bbea6722.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([4],{"1dH2":function(s,t,a){s.exports=a("wDjb")},"6QKF":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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),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("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("6QKF"),null,null,null);s.exports=n.exports}});
\ No newline at end of file
diff --git a/docs/js/4.d6af701a543a8fb02755.js b/docs/js/4.d6af701a543a8fb02755.js
new file mode 100644
index 000000000..fb6ae5d8e
--- /dev/null
+++ b/docs/js/4.d6af701a543a8fb02755.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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),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("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/40.12507c5b207ea7ba37f7.js b/docs/js/40.12507c5b207ea7ba37f7.js
deleted file mode 100644
index 131081024..000000000
--- a/docs/js/40.12507c5b207ea7ba37f7.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([40],{"JE+5":function(s,t,a){var v=a("VU/8")(null,a("lfEy"),null,null,null);s.exports=v.exports},Ye5R:function(s,t,a){s.exports=a("JE+5")},lfEy: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:"Checker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checker")]),s._v(" "),a("p",[s._v("Checker 是更加灵活的选择组件，可以自定义需要的布局样式。")]),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(" "),a("h3",{attrs:{id:"CubeCheckerItemProps配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeCheckerItemProps配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeCheckerItem Props 配置")]),s._v(" "),s._m(4),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("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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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(" />")]),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("checkerValue")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("如果选中了，则 "),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就为 "),a("code",{pre:!0},[s._v("value")]),s._v("。")]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("option")]),s._v("，当选中某一项的时候，"),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("'optionValue'")]),s._v("，当未选中的时候，"),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("''")]),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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),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("checkerValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("type")]),s._v(" ，若为 "),a("code",{pre:!0},[s._v("'radio'")]),s._v(" 则是单选，若为 "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(" 则是多选。")])]),s._v(" "),a("li",[a("p",[s._v("自定义结构")]),s._v(" "),a("p",[s._v("可通过默认插槽插入 CubeCheckerItem 实现自定义每项的结构。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-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 in options"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.value"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),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('"orange"')]),s._v(">")]),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-alert"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-item")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),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("checkerList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("个数限制")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("max")]),s._v(" 设置最多可选个数，多选时可用。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("min")]),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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("不可点击状态"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("disabled")]),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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("/>")]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'first'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'second'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'third'")]),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("type")]),s._v(" "),a("td",[s._v("选项类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("checkbox/radio")]),s._v(" "),a("td",[s._v("checkbox")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),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("options 的长度")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("options 子配置项")])])},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("value")]),s._v(" "),a("td",[s._v("选项的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("选项的文本")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),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("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")]),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",[s._v("option 子配置项")])])},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("value")]),s._v(" "),a("td",[s._v("选项的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("选项的文本")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("td",[s._v("选项是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/40.f0d920ac58825c920648.js b/docs/js/40.f0d920ac58825c920648.js
new file mode 100644
index 000000000..4b8f4cfd2
--- /dev/null
+++ b/docs/js/40.f0d920ac58825c920648.js
@@ -0,0 +1 @@
+webpackJsonp([40],{"2EYs":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:"Checker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checker")]),s._v(" "),a("p",[s._v("Checker 是更加灵活的选择组件，可以自定义需要的布局样式。")]),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(" "),a("h3",{attrs:{id:"CubeCheckerItemProps配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeCheckerItemProps配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeCheckerItem Props 配置")]),s._v(" "),s._m(4),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("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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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(" />")]),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("checkerValue")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("如果选中了，则 "),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就为 "),a("code",{pre:!0},[s._v("value")]),s._v("。")]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("option")]),s._v("，当选中某一项的时候，"),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("'optionValue'")]),s._v("，当未选中的时候，"),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("''")]),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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),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("checkerValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("type")]),s._v(" ，若为 "),a("code",{pre:!0},[s._v("'radio'")]),s._v(" 则是单选，若为 "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(" 则是多选。")])]),s._v(" "),a("li",[a("p",[s._v("自定义结构")]),s._v(" "),a("p",[s._v("可通过默认插槽插入 CubeCheckerItem 实现自定义每项的结构。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-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 in options"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.value"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),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('"orange"')]),s._v(">")]),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-alert"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-item")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),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("checkerList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("个数限制")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("max")]),s._v(" 设置最多可选个数，多选时可用。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("min")]),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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("不可点击状态"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("disabled")]),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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("/>")]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'first'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'second'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'third'")]),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("type")]),s._v(" "),a("td",[s._v("选项类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("checkbox/radio")]),s._v(" "),a("td",[s._v("checkbox")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),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("options 的长度")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("options 子配置项")])])},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("value")]),s._v(" "),a("td",[s._v("选项的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("选项的文本")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),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("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")]),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",[s._v("option 子配置项")])])},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("value")]),s._v(" "),a("td",[s._v("选项的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("选项的文本")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("td",[s._v("选项是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},"JE+5":function(s,t,a){var v=a("VU/8")(null,a("2EYs"),null,null,null);s.exports=v.exports},Ye5R:function(s,t,a){s.exports=a("JE+5")}});
\ No newline at end of file
diff --git a/docs/js/41.3c28ecf59ffa843d25c4.js b/docs/js/41.3c28ecf59ffa843d25c4.js
new file mode 100644
index 000000000..870996913
--- /dev/null
+++ b/docs/js/41.3c28ecf59ffa843d25c4.js
@@ -0,0 +1 @@
+webpackJsonp([41],{mCyT:function(s,t,a){var v=a("VU/8")(null,a("ujOR"),null,null,null);s.exports=v.exports},n3PG:function(s,t,a){s.exports=a("mCyT")},ujOR:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Checkbox复选框"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox复选框-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checkbox 复选框")]),s._v(" "),a("p",[s._v("复选框，可设置其状态、传入特殊 class 以及复选框图标位置。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),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)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n  Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("如果选中了，则 "),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("复选框图标样式")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),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  Styled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("position")]),s._v(" 为 "),a("code",{pre:!0},[s._v("'right'")]),s._v(" 则复选框图标位置在右边，且可以通过 "),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(" 代表显示的是镂空样式的（即使 "),a("code",{pre:!0},[s._v("shape")]),s._v(" 不是 "),a("code",{pre:!0},[s._v("square")]),s._v(" 表现的也是方形的）。")])]),s._v(" "),a("li",[a("p",[s._v("改变 model 的值")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),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("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),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("'Option Checkbox'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'optionValue'")]),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      }\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("option")]),s._v("，当复选框选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("'optionValue'")]),s._v("，当未选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("false")]),s._v("；所以其实在单个复选框的场景下，最好不要设置 "),a("code",{pre:!0},[s._v("option")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("禁用状态")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{disabled: true}"')]),s._v(">")]),s._v("\n  Disabled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\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-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"with-click"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n  Agree "),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('"javascript:;"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.stop")]),s._v(">")]),s._v("《xxx》"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),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(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-styl"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".with-click")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-checkbox-label")]),s._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n      "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("z-index")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),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("option")]),s._v(" "),a("td",[s._v("配置项（如果 options 中的项为字符串，此时默认 label 和 value 的值都为该字符串的值）")]),s._v(" "),a("td",[s._v("Boolean/String/Object")]),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("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("hollowStyle")]),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")])])])])},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("input")]),s._v(" "),a("td",[s._v("当绑定值变化时触发")]),s._v(" "),a("td",[s._v("更新后的复选框的值（若option中设置了value，且勾选复选框时，该值为option.value；否则，该值为复选框的v-model值）")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/41.7c5d8496ebb8c693c291.js b/docs/js/41.7c5d8496ebb8c693c291.js
deleted file mode 100644
index ce2d8abc6..000000000
--- a/docs/js/41.7c5d8496ebb8c693c291.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([41],{"3n+F":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Checkbox复选框"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox复选框-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checkbox 复选框")]),s._v(" "),a("p",[s._v("复选框，可设置其状态、传入特殊 class 以及复选框图标位置。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),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)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n  Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("如果选中了，则 "),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("复选框图标样式")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),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  Styled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("position")]),s._v(" 为 "),a("code",{pre:!0},[s._v("'right'")]),s._v(" 则复选框图标位置在右边，且可以通过 "),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(" 代表显示的是镂空样式的（即使 "),a("code",{pre:!0},[s._v("shape")]),s._v(" 不是 "),a("code",{pre:!0},[s._v("square")]),s._v(" 表现的也是方形的）。")])]),s._v(" "),a("li",[a("p",[s._v("改变 model 的值")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),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("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),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("'Option Checkbox'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'optionValue'")]),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      }\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("option")]),s._v("，当复选框选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("'optionValue'")]),s._v("，当未选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("false")]),s._v("；所以其实在单个复选框的场景下，最好不要设置 "),a("code",{pre:!0},[s._v("option")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("禁用状态")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{disabled: true}"')]),s._v(">")]),s._v("\n  Disabled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\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-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"with-click"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n  Agree "),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('"javascript:;"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.stop")]),s._v(">")]),s._v("《xxx》"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),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(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-styl"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".with-click")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-checkbox-label")]),s._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n      "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("z-index")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),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("option")]),s._v(" "),a("td",[s._v("配置项（如果 options 中的项为字符串，此时默认 label 和 value 的值都为该字符串的值）")]),s._v(" "),a("td",[s._v("Boolean/String/Object")]),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("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("hollowStyle")]),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")])])])])},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("input")]),s._v(" "),a("td",[s._v("当绑定值变化时触发")]),s._v(" "),a("td",[s._v("更新后的复选框的值（若option中设置了value，且勾选复选框时，该值为option.value；否则，该值为复选框的v-model值）")])])])])}]}},mCyT:function(s,t,a){var v=a("VU/8")(null,a("3n+F"),null,null,null);s.exports=v.exports},n3PG:function(s,t,a){s.exports=a("mCyT")}});
\ No newline at end of file
diff --git a/docs/js/42.32a8cc1a285bed4dd7a3.js b/docs/js/42.66317608a96419d33a02.js
similarity index 99%
rename from docs/js/42.32a8cc1a285bed4dd7a3.js
rename to docs/js/42.66317608a96419d33a02.js
index 9fa14a0fe..7d14bb53f 100644
--- a/docs/js/42.32a8cc1a285bed4dd7a3.js
+++ b/docs/js/42.66317608a96419d33a02.js
@@ -1 +1 @@
-webpackJsonp([42],{"8Xh4":function(s,t,a){var v=a("VU/8")(null,a("rh6L"),null,null,null);s.exports=v.exports},NVJK:function(s,t,a){s.exports=a("8Xh4")},rh6L: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),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("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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),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("。")])]),s._v(" "),a("li",[a("p",[s._v("自定义列数"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("可通过设计 "),a("code",{pre:!0},[s._v("colNum")]),s._v(" 控制一行中有几列，colNum 小于1时，按1处理")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[s._v("  "),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('"colCheckList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colOptions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),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("colCheckList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colOptions")]),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("一行有几列")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("1")])]),s._v(" "),a("tr",[a("td",[s._v("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("hollowStyle")]),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("min"),a("sup",[s._v("1.11.0")])]),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"),a("sup",[s._v("1.11.0")])]),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("Infinite")])])])])},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("tbody",[a("tr",[a("td",[s._v("checked")]),s._v(" "),a("td",[s._v("勾选复选框组中的某一项时触发")]),s._v(" "),a("td",[s._v("当前勾选的复选框值")])]),s._v(" "),a("tr",[a("td",[s._v("cancel-checked")]),s._v(" "),a("td",[s._v("取消勾选复选框组中的某一项时触发")]),s._v(" "),a("td",[s._v("当前取消勾选的复选框值")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("当绑定值变化时触发")]),s._v(" "),a("td",[s._v("当前选中的复选框值的集合")])])])])}]}}});
\ No newline at end of file
+webpackJsonp([42],{"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),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("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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),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("。")])]),s._v(" "),a("li",[a("p",[s._v("自定义列数"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("可通过设计 "),a("code",{pre:!0},[s._v("colNum")]),s._v(" 控制一行中有几列，colNum 小于1时，按1处理")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[s._v("  "),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('"colCheckList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colOptions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),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("colCheckList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colOptions")]),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("一行有几列")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("1")])]),s._v(" "),a("tr",[a("td",[s._v("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("hollowStyle")]),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("min"),a("sup",[s._v("1.11.0")])]),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"),a("sup",[s._v("1.11.0")])]),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("Infinite")])])])])},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("tbody",[a("tr",[a("td",[s._v("checked")]),s._v(" "),a("td",[s._v("勾选复选框组中的某一项时触发")]),s._v(" "),a("td",[s._v("当前勾选的复选框值")])]),s._v(" "),a("tr",[a("td",[s._v("cancel-checked")]),s._v(" "),a("td",[s._v("取消勾选复选框组中的某一项时触发")]),s._v(" "),a("td",[s._v("当前取消勾选的复选框值")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("当绑定值变化时触发")]),s._v(" "),a("td",[s._v("当前选中的复选框值的集合")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/43.b7e8d864e0b917164d7a.js b/docs/js/43.b7e8d864e0b917164d7a.js
deleted file mode 100644
index c446e96e0..000000000
--- a/docs/js/43.b7e8d864e0b917164d7a.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([43],{kh0H:function(s,t,a){s.exports=a("o77T")},o77T:function(s,t,a){var v=a("VU/8")(null,a("wQM9"),null,null,null);s.exports=v.exports},wQM9: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showAsyncPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.show()\n    },\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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("-")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/43.c064229db7098f19a043.js b/docs/js/43.c064229db7098f19a043.js
new file mode 100644
index 000000000..6f996bbe1
--- /dev/null
+++ b/docs/js/43.c064229db7098f19a043.js
@@ -0,0 +1 @@
+webpackJsonp([43],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showAsyncPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.show()\n    },\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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/44.1cd2ce2e186059cdbab7.js b/docs/js/44.5f1f01671968b86fc2ff.js
similarity index 98%
rename from docs/js/44.1cd2ce2e186059cdbab7.js
rename to docs/js/44.5f1f01671968b86fc2ff.js
index 0223ae355..552ef4601 100644
--- a/docs/js/44.1cd2ce2e186059cdbab7.js
+++ b/docs/js/44.5f1f01671968b86fc2ff.js
@@ -1 +1 @@
-webpackJsonp([44],{S8rf: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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("S8rf"),null,null,null);t.exports=v.exports}});
\ No newline at end of file
+webpackJsonp([44],{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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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/45.5d21d05dacdeff0031c0.js b/docs/js/45.173edcbc30408a1aaea4.js
similarity index 91%
rename from docs/js/45.5d21d05dacdeff0031c0.js
rename to docs/js/45.173edcbc30408a1aaea4.js
index 3f530a889..7fdc9b940 100644
--- a/docs/js/45.5d21d05dacdeff0031c0.js
+++ b/docs/js/45.173edcbc30408a1aaea4.js
@@ -1 +1 @@
-webpackJsonp([45],{JGwD:function(t,e,r){t.exports=r("n0Bv")},QCPC: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("BetterScroll")]),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://better-scroll.github.io/docs-v1/"}},[t._v("官方文档")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/#/examples/zh"}},[t._v("官方示例")])])])])}]}},n0Bv:function(t,e,r){var c=r("VU/8")(null,r("QCPC"),null,null,null);t.exports=c.exports}});
\ No newline at end of file
+webpackJsonp([45],{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("BetterScroll")]),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://better-scroll.github.io/docs-v1/"}},[t._v("官方文档")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/#/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/46.57f0bb37f13714fdb453.js b/docs/js/46.57f0bb37f13714fdb453.js
deleted file mode 100644
index 1589ca8a5..000000000
--- a/docs/js/46.57f0bb37f13714fdb453.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([46],{An3W: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('"showDefault"')]),t._v(">")]),t._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("'<em>align - center</em>'")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("cancelTxt"),a("sup",[t._v("1.9.9")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},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("An3W"),null,null,null);t.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/46.615250d5103ff47df383.js b/docs/js/46.615250d5103ff47df383.js
new file mode 100644
index 000000000..38cc13b1f
--- /dev/null
+++ b/docs/js/46.615250d5103ff47df383.js
@@ -0,0 +1 @@
+webpackJsonp([46],{"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('"showDefault"')]),t._v(">")]),t._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("'<em>align - center</em>'")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("cancelTxt"),a("sup",[t._v("1.9.9")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},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/47.42231fd231c11b558a59.js b/docs/js/47.42231fd231c11b558a59.js
deleted file mode 100644
index 8ea0837c5..000000000
--- a/docs/js/47.42231fd231c11b558a59.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([47],{UO5F:function(s,t,a){var e=a("VU/8")(null,a("p/8d"),null,null,null);s.exports=e.exports},hl6N:function(s,t,a){s.exports=a("UO5F")},"p/8d":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:"Validator"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Validator-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[s._v("Validator is used to validate form data and corresponding warning message.")]),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(" "),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),s._v(" "),a("h3",{attrs:{id:"Rule"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rule-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("h3",{attrs:{id:"Adddefaultmessage"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Adddefaultmessage-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[s._v("As above, the default message parsed inside the component is similar to the Vue filter mechanism.")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),a("h3",{attrs:{id:"addType"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-addType-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(18),s._v(" "),s._m(19),s._v(" "),s._m(20),s._v(" "),s._m(21)])},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("Validator is called as a independent component, which means it has to bind with the form data need validate through the property "),a("code",{pre:!0},[s._v("model")]),s._v(". Then use the property "),a("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 "),a("code",{pre:!0},[s._v("messages")]),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-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),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("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("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/didi.com$/")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" val.length >= "),a("span",{attrs:{class:"hljs-number"}},[s._v("12")]),s._v("\n        }\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail suffix need to be didi.com.'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("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(" "),a("li",[a("p",[s._v("Add warning style to form component")]),s._v(" "),a("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 "),a("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" so that you could select the descendant form element of class "),a("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" ro add warning 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-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),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("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("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v("\n      }\n    }\n  }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[s._v("// "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("add")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("warning")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("to")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-validator_warn")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("solid")]),s._v(" 1"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("yellow")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Customize message slot")]),s._v(" "),a("p",[s._v("Beside default message, you could customize the warning template to contain icons and images by "),a("code",{pre:!0},[s._v("message")]),s._v(" slot. This is a sloped slot which could meet almost all the demands. It contains "),a("code",{pre:!0},[s._v("dirty")]),s._v(" (whether the form data has ever changed), "),a("code",{pre:!0},[s._v("validated")]),s._v(" (whether the validator has ever validated), "),a("code",{pre:!0},[s._v("message")]),s._v(" (message of first failed rule), "),a("code",{pre:!0},[s._v("result")]),s._v(" ( an Object, which contains validating result and message of each rule, such as "),a("code",{pre:!0},[s._v("{ required: { valid: false, invalid: true, message: 'required' } }")]),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-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"component name"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"message"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-msg"')]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(props.dirty || props.validated) && !valid"')]),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('"dd-cubeic-important"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v(" {{ props.message }}\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("span")]),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 Object.values(props.result)"')]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.inValid"')]),s._v(">")]),s._v("\n          {{ item.message + ' ' }}\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("div")]),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("cube-validator")]),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("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),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("rules")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^cube-/")]),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(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The component name need start with \"cube-\"'")]),s._v("\n      },\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(".custom-msg")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Async validate "),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("p",[s._v("If the rule function returned a function("),a("strong",[s._v("this function receives a "),a("code",{pre:!0},[s._v("resolve")]),s._v(" callback, if this function called with "),a("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 "),a("code",{pre:!0},[s._v("Promise")]),s._v(" object("),a("strong",[s._v("if "),a("code",{pre:!0},[s._v("resolve")]),s._v(" value is "),a("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 "),a("code",{pre:!0},[s._v("validating")]),s._v(" event will be emited.")]),s._v(" "),a("pre",{pre:!0},[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('"validator-item"')]),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("Async validate: "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"immediate"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validating")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validatingHandler"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validated")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validatedHandler"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"Please input captcha"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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")])]),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("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captcha")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),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("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n            setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n              resolve(val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'123456'")]),s._v(")\n            }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n          }\n          "),a("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      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input \"123456\"'")]),s._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    validatingHandler() {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validating'")]),s._v(")\n    },\n    validatedHandler() {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validated'")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("captchaCheck")]),s._v(" is an async rule.")])]),s._v(" "),a("li",[a("p",[s._v("Submit")]),s._v(" "),a("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(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"Required"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[0]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules0"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[1]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules1"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"TEL"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[2]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules2"')]),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('"submit"')]),s._v(">")]),s._v("Submit"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("result")]),s._v(": ["),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text0")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules0")]),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("text1")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules1")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text2")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules2")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    submit() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".result.every("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("item")]),s._v(" =>")]),s._v(" 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("'Submited'")]),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}\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("model")]),s._v(" "),a("td",[s._v("Required, figure the data need to validate")]),s._v(" "),a("td",[s._v("Any")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("the validation result，whether the data is valid")]),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("rules")]),s._v(" "),a("td",[s._v("the rules for validation, you can find the details of rules below")]),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("messages")]),s._v(" "),a("td",[s._v("custom messages for the corresponding rule")]),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")]),s._v(" "),a("td",[s._v("Immediate validate after loaded")]),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("disabled"),a("sup",[s._v("1.7.0+")])]),s._v(" "),a("td",[s._v("disabled validate or not")]),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("the relative form component or element")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("message")]),s._v(" "),a("td",[s._v("warning message")]),s._v(" "),a("td",[s._v("dirty: if the data have ever changed "),a("br"),s._v(" validating: whether is validating "),a("br"),s._v(" validated: if the validator have ever validated "),a("br"),s._v(" message: the message of the first failed rule "),a("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,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("validating")]),s._v(" "),a("td",[s._v("validating (only triggered when async validateing)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validated")]),s._v(" "),a("td",[s._v("validated (only triggered when async validateing)")]),s._v(" "),a("td",[s._v("valid: 校验是否成功")])]),s._v(" "),a("tr",[a("td",[s._v("msg-click")]),s._v(" "),a("td",[s._v("click error message ele")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("triggers when the binding value changes")]),s._v(" "),a("td",[s._v("the updated value")])])])])},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("validate(cb)")]),s._v(" "),a("td",[s._v("Validate")]),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")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Build-in rules")]),s._v(" "),a("p",[s._v("There are some build-in rules here, include required、type、min、max、len、notWhitespace、pattern、custom.")]),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("Demo")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("required")]),s._v(" "),a("td",[s._v("required")]),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("type")]),s._v(" "),a("td",[s._v("type")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'string', 'number', 'array', 'date', 'email', 'tel', 'url'")]),s._v(" "),a("td",[s._v("'tel'")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),s._v(" "),a("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(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("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(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("8")])]),s._v(" "),a("tr",[a("td",[s._v("len")]),s._v(" "),a("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(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("7")])]),s._v(" "),a("tr",[a("td",[s._v("notWhitespace")]),s._v(" "),a("td",[s._v("don't allowed to be whitespace")]),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("pattern")]),s._v(" "),a("td",[s._v("RegExp match")]),s._v(" "),a("td",[s._v("RegExp")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("/1$/")])]),s._v(" "),a("tr",[a("td",[s._v("custom")]),s._v(" "),a("td",[s._v("Costomized validation function. Only valid when the "),a("code",{pre:!0},[s._v("return")]),s._v(" is strict equaled to "),a("code",{pre:!0},[s._v("true")])]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("val => val.length === 7")])])])])]),s._v(" "),a("li",[a("p",[s._v("Add rule")]),s._v(" "),a("p",[s._v("Beside the build-in rules, you could use the method "),a("code",{pre:!0},[s._v("addRule")]),s._v(" of Validator to add customized common rule, and "),a("code",{pre:!0},[s._v("addMessage")]),s._v(" method to add corresponding default warning message.")]),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(" 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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addRule("),a("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", (val, config, type) => !config || "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Number")]),s._v("(val) % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input odd.'")]),s._v(")\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rule"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"odd"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'100'")]),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("rules")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("odd")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      }\n    }\n  }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("At first, let's see the build-in default messages. You can use "),a("code",{pre:!0},[s._v("addMessage")]),s._v(" to modify the special sub-message.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Build-in default messages")])])},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("const")]),s._v(" messages = {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Required.'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input numbers.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The data type should be array.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a valid date.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid E-mail.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid telphone number.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid web site.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The number could not smaller than {{config}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select at least {{config}} items.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a date after {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The number could not bigger than {{config}}'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select no more than  {{config}} items'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a date before {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The length should equal {{config}}'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select {{config}} items'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The input don\"t match pattern.'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Invalid.'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Whitespace is invalid.'")]),s._v("\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Modify the build-in message")])])},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(" 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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input this.'")]),s._v(")\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Override the message for min.date")]),s._v("\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'min'")]),s._v(", {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('\'Please select a date after {{config | toLocaleDateString("yyyy-MM-dd") | tips("Please re-enter")}}.\'')]),s._v("\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("config")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("For example, the rule you configured is: {type: 'date', min: '2018-10-10'}, then the value of the "),a("code",{pre:!0},[s._v("config")]),s._v(" field in above message template is '2018-10-10', because the checksum is a "),a("code",{pre:!0},[s._v("date")]),s._v(" type, the value of "),a("code",{pre:!0},[s._v("min")]),s._v(" can be a "),a("code",{pre:!0},[s._v("timestamp")]),s._v(" or a date-like string "),a("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" or "),a("code",{pre:!0},[s._v("yyyy/MM/dd mm:ss")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("toLocaleDateString")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The built-in helper function, the first parameter is the config value you configured, the second parameter is the date format you want to initialize, as above is "),a("code",{pre:!0},[s._v("'yyyy year MM month dd day'")]),s._v(", accepting something like "),a("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" format, you can also register your own helper function 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-js"}},[s._v("Validator.addHelper("),a("span",{attrs:{class:"hljs-string"}},[s._v("'fnName'")]),s._v(", (result, arg1) => {\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// result -> The value returned by the previous helper function or the config value, as in the above example is '2018-10-10'")]),s._v("\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// arg1 -> The string you passed in the message template, as in the above example, 'Please re-enter'")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" ret\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// do your own job")]),s._v("\n  ret = result + arg1\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// you must return the processed message")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ret\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The tool functions registered through "),a("code",{pre:!0},[s._v("Validator.addHelper")]),s._v(" are actually mounted under the "),a("code",{pre:!0},[s._v("Locale.helpers")]),s._v(" namespace. You can also import the "),a("code",{pre:!0},[s._v("Locale")]),s._v(" module and register your own tool functions with "),a("code",{pre:!0},[s._v("Locale.addHelper")]),s._v(", which point to the same address.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Add new type")])])},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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),a("span",{attrs:{class:"hljs-string"}},[s._v("'yourType'")]),s._v(", (val) => {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+/i")]),s._v(".test(val)\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Modify the build-in type")])])},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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(", (val) => {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+@[a-z0-9_-]+(\\.[a-z0-9_-]+)$/i")]),s._v(".test(val)\n})\n")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/47.ee4add645124d5625695.js b/docs/js/47.ee4add645124d5625695.js
new file mode 100644
index 000000000..50a3f652c
--- /dev/null
+++ b/docs/js/47.ee4add645124d5625695.js
@@ -0,0 +1 @@
+webpackJsonp([47],{BdDp: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:"Validator"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Validator-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[s._v("Validator is used to validate form data and corresponding warning message.")]),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(" "),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),s._v(" "),a("h3",{attrs:{id:"Rule"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rule-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("h3",{attrs:{id:"Adddefaultmessage"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Adddefaultmessage-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[s._v("As above, the default message parsed inside the component is similar to the Vue filter mechanism.")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),a("h3",{attrs:{id:"addType"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-addType-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(18),s._v(" "),s._m(19),s._v(" "),s._m(20),s._v(" "),s._m(21)])},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("Validator is called as a independent component, which means it has to bind with the form data need validate through the property "),a("code",{pre:!0},[s._v("model")]),s._v(". Then use the property "),a("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 "),a("code",{pre:!0},[s._v("messages")]),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-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),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("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("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/didi.com$/")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" val.length >= "),a("span",{attrs:{class:"hljs-number"}},[s._v("12")]),s._v("\n        }\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail suffix need to be didi.com.'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("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(" "),a("li",[a("p",[s._v("Add warning style to form component")]),s._v(" "),a("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 "),a("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" so that you could select the descendant form element of class "),a("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" ro add warning 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-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),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("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("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v("\n      }\n    }\n  }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[s._v("// "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("add")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("warning")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("to")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-validator_warn")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("solid")]),s._v(" 1"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("yellow")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Customize message slot")]),s._v(" "),a("p",[s._v("Beside default message, you could customize the warning template to contain icons and images by "),a("code",{pre:!0},[s._v("message")]),s._v(" slot. This is a sloped slot which could meet almost all the demands. It contains "),a("code",{pre:!0},[s._v("dirty")]),s._v(" (whether the form data has ever changed), "),a("code",{pre:!0},[s._v("validated")]),s._v(" (whether the validator has ever validated), "),a("code",{pre:!0},[s._v("message")]),s._v(" (message of first failed rule), "),a("code",{pre:!0},[s._v("result")]),s._v(" ( an Object, which contains validating result and message of each rule, such as "),a("code",{pre:!0},[s._v("{ required: { valid: false, invalid: true, message: 'required' } }")]),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-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"component name"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"message"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-msg"')]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(props.dirty || props.validated) && !valid"')]),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('"dd-cubeic-important"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v(" {{ props.message }}\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("span")]),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 Object.values(props.result)"')]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.inValid"')]),s._v(">")]),s._v("\n          {{ item.message + ' ' }}\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("div")]),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("cube-validator")]),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("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),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("rules")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^cube-/")]),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(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The component name need start with \"cube-\"'")]),s._v("\n      },\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(".custom-msg")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Async validate "),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("p",[s._v("If the rule function returned a function("),a("strong",[s._v("this function receives a "),a("code",{pre:!0},[s._v("resolve")]),s._v(" callback, if this function called with "),a("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 "),a("code",{pre:!0},[s._v("Promise")]),s._v(" object("),a("strong",[s._v("if "),a("code",{pre:!0},[s._v("resolve")]),s._v(" value is "),a("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 "),a("code",{pre:!0},[s._v("validating")]),s._v(" event will be emited.")]),s._v(" "),a("pre",{pre:!0},[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('"validator-item"')]),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("Async validate: "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"immediate"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validating")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validatingHandler"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validated")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validatedHandler"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"Please input captcha"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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")])]),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("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captcha")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),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("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n            setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n              resolve(val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'123456'")]),s._v(")\n            }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n          }\n          "),a("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      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input \"123456\"'")]),s._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    validatingHandler() {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validating'")]),s._v(")\n    },\n    validatedHandler() {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validated'")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("captchaCheck")]),s._v(" is an async rule.")])]),s._v(" "),a("li",[a("p",[s._v("Submit")]),s._v(" "),a("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(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"Required"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[0]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules0"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[1]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules1"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"TEL"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[2]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules2"')]),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('"submit"')]),s._v(">")]),s._v("Submit"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("result")]),s._v(": ["),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text0")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules0")]),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("text1")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules1")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text2")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules2")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    submit() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".result.every("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("item")]),s._v(" =>")]),s._v(" 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("'Submited'")]),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}\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("model")]),s._v(" "),a("td",[s._v("Required, figure the data need to validate")]),s._v(" "),a("td",[s._v("Any")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("the validation result，whether the data is valid")]),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("rules")]),s._v(" "),a("td",[s._v("the rules for validation, you can find the details of rules below")]),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("messages")]),s._v(" "),a("td",[s._v("custom messages for the corresponding rule")]),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")]),s._v(" "),a("td",[s._v("Immediate validate after loaded")]),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("disabled"),a("sup",[s._v("1.7.0+")])]),s._v(" "),a("td",[s._v("disabled validate or not")]),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("the relative form component or element")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("message")]),s._v(" "),a("td",[s._v("warning message")]),s._v(" "),a("td",[s._v("dirty: if the data have ever changed "),a("br"),s._v(" validating: whether is validating "),a("br"),s._v(" validated: if the validator have ever validated "),a("br"),s._v(" message: the message of the first failed rule "),a("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,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("validating")]),s._v(" "),a("td",[s._v("validating (only triggered when async validateing)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validated")]),s._v(" "),a("td",[s._v("validated (only triggered when async validateing)")]),s._v(" "),a("td",[s._v("valid: 校验是否成功")])]),s._v(" "),a("tr",[a("td",[s._v("msg-click")]),s._v(" "),a("td",[s._v("click error message ele")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("triggers when the binding value changes")]),s._v(" "),a("td",[s._v("the updated value")])])])])},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("validate(cb)")]),s._v(" "),a("td",[s._v("Validate")]),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")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Build-in rules")]),s._v(" "),a("p",[s._v("There are some build-in rules here, include required、type、min、max、len、notWhitespace、pattern、custom.")]),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("Demo")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("required")]),s._v(" "),a("td",[s._v("required")]),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("type")]),s._v(" "),a("td",[s._v("type")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'string', 'number', 'array', 'date', 'email', 'tel', 'url'")]),s._v(" "),a("td",[s._v("'tel'")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),s._v(" "),a("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(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("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(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("8")])]),s._v(" "),a("tr",[a("td",[s._v("len")]),s._v(" "),a("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(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("7")])]),s._v(" "),a("tr",[a("td",[s._v("notWhitespace")]),s._v(" "),a("td",[s._v("don't allowed to be whitespace")]),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("pattern")]),s._v(" "),a("td",[s._v("RegExp match")]),s._v(" "),a("td",[s._v("RegExp")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("/1$/")])]),s._v(" "),a("tr",[a("td",[s._v("custom")]),s._v(" "),a("td",[s._v("Costomized validation function. Only valid when the "),a("code",{pre:!0},[s._v("return")]),s._v(" is strict equaled to "),a("code",{pre:!0},[s._v("true")])]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("val => val.length === 7")])])])])]),s._v(" "),a("li",[a("p",[s._v("Add rule")]),s._v(" "),a("p",[s._v("Beside the build-in rules, you could use the method "),a("code",{pre:!0},[s._v("addRule")]),s._v(" of Validator to add customized common rule, and "),a("code",{pre:!0},[s._v("addMessage")]),s._v(" method to add corresponding default warning message.")]),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(" 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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addRule("),a("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", (val, config, type) => !config || "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Number")]),s._v("(val) % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input odd.'")]),s._v(")\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rule"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"odd"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'100'")]),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("rules")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("odd")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      }\n    }\n  }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("At first, let's see the build-in default messages. You can use "),a("code",{pre:!0},[s._v("addMessage")]),s._v(" to modify the special sub-message.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Build-in default messages")])])},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("const")]),s._v(" messages = {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Required.'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input numbers.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The data type should be array.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a valid date.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid E-mail.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid telphone number.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid web site.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The number could not smaller than {{config}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select at least {{config}} items.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a date after {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The number could not bigger than {{config}}'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select no more than  {{config}} items'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a date before {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The length should equal {{config}}'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select {{config}} items'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v("\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The input don\"t match pattern.'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Invalid.'")]),s._v(",\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Whitespace is invalid.'")]),s._v("\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Modify the build-in message")])])},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(" 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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input this.'")]),s._v(")\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Override the message for min.date")]),s._v("\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'min'")]),s._v(", {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('\'Please select a date after {{config | toLocaleDateString("yyyy-MM-dd") | tips("Please re-enter")}}.\'')]),s._v("\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("config")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("For example, the rule you configured is: {type: 'date', min: '2018-10-10'}, then the value of the "),a("code",{pre:!0},[s._v("config")]),s._v(" field in above message template is '2018-10-10', because the checksum is a "),a("code",{pre:!0},[s._v("date")]),s._v(" type, the value of "),a("code",{pre:!0},[s._v("min")]),s._v(" can be a "),a("code",{pre:!0},[s._v("timestamp")]),s._v(" or a date-like string "),a("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" or "),a("code",{pre:!0},[s._v("yyyy/MM/dd mm:ss")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("toLocaleDateString")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The built-in helper function, the first parameter is the config value you configured, the second parameter is the date format you want to initialize, as above is "),a("code",{pre:!0},[s._v("'yyyy year MM month dd day'")]),s._v(", accepting something like "),a("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" format, you can also register your own helper function 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-js"}},[s._v("Validator.addHelper("),a("span",{attrs:{class:"hljs-string"}},[s._v("'fnName'")]),s._v(", (result, arg1) => {\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// result -> The value returned by the previous helper function or the config value, as in the above example is '2018-10-10'")]),s._v("\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// arg1 -> The string you passed in the message template, as in the above example, 'Please re-enter'")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" ret\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// do your own job")]),s._v("\n  ret = result + arg1\n\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// you must return the processed message")]),s._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ret\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The tool functions registered through "),a("code",{pre:!0},[s._v("Validator.addHelper")]),s._v(" are actually mounted under the "),a("code",{pre:!0},[s._v("Locale.helpers")]),s._v(" namespace. You can also import the "),a("code",{pre:!0},[s._v("Locale")]),s._v(" module and register your own tool functions with "),a("code",{pre:!0},[s._v("Locale.addHelper")]),s._v(", which point to the same address.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Add new type")])])},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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),a("span",{attrs:{class:"hljs-string"}},[s._v("'yourType'")]),s._v(", (val) => {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+/i")]),s._v(".test(val)\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Modify the build-in type")])])},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(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(", (val) => {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),a("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,t,a){var e=a("VU/8")(null,a("BdDp"),null,null,null);s.exports=e.exports},hl6N:function(s,t,a){s.exports=a("UO5F")}});
\ No newline at end of file
diff --git a/docs/js/48.1a224e7c90c095bc9173.js b/docs/js/48.82cf541dae749a99ddfa.js
similarity index 99%
rename from docs/js/48.1a224e7c90c095bc9173.js
rename to docs/js/48.82cf541dae749a99ddfa.js
index e9d5cfdf8..ca9f6d056 100644
--- a/docs/js/48.1a224e7c90c095bc9173.js
+++ b/docs/js/48.82cf541dae749a99ddfa.js
@@ -1 +1 @@
-webpackJsonp([48],{Y8qW: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:"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"}})])]),t._v(" Upload")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),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(4),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(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),t._m(10),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(11),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(12)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.3.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Upload")]),t._v(" component.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" In this document, all the original File will be called "),a("strong",[t._v("original file")]),t._v(", since the wrapped file object will be called "),a("strong",[t._v("file object")]),t._v(". The structure of "),a("strong",[t._v("file object")]),t._v(" show as following:")])},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("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")])]),t._v(" "),a("tr",[a("td",[t._v("name")]),t._v(" "),a("td",[t._v("file name")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("file size")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("url")]),t._v(" "),a("td",[t._v("file url, created by URL.createObjectURL, for preview")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("base64")]),t._v(" "),a("td",[t._v("file base64 value, the value is equaled to the original file's base64 value. It is "),a("code",{pre:!0},[t._v("''")]),t._v(" by default, but you can have some plugins to added this "),a("code",{pre:!0},[t._v("base64")]),t._v(" value, like the compress plugin below")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("status")]),t._v(" "),a("td",[t._v("file status, one of: ready, uploading, success, error")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("progress")]),t._v(" "),a("td",[t._v("file progress, number 0~1")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("file")]),t._v(" "),a("td",[t._v("the original file")]),t._v(" "),a("td",[t._v("File")])]),t._v(" "),a("tr",[a("td",[t._v("response")]),t._v(" "),a("td",[t._v("response data(try to parse to JSON）")]),t._v(" "),a("td",[t._v("Object/Array/String")])]),t._v(" "),a("tr",[a("td",[t._v("responseHeaders")]),t._v(" "),a("td",[t._v("all response headers")]),t._v(" "),a("td",[t._v("String")])])])])},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-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"//jsonplaceholder.typicode.com/photos/"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"filesAdded"')]),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    filesAdded(files) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// 1M")]),t._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("for")]),t._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[t._v("let")]),t._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("in")]),t._v(" files) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = files[k]\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (file.size > maxSize) {\n          file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n        }\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("action")]),t._v(" to configure the upload target URL for the multipart POST request.")]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("simultaneous-uploads")]),t._v(" to configure the max number of files uploading simultaneously .")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("files-added")]),t._v(" event is used for file validation, and you can filter file by setting "),a("code",{pre:!0},[t._v("file.ignore = true")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Compress and uploaded through Base64")]),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-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":process-file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"processFile"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-submitted")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"fileSubmitted"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),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(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'../../modules/image'")]),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("action2")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("target")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prop")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'base64Value'")]),t._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n    processFile(file, next) {\n      compress(file, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("compress")]),t._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("quality")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0.5")]),t._v("\n        }\n      }, next)\n    },\n    fileSubmitted(file) {\n      file.base64Value = file.file.base64\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("action")]),t._v(" is an object which contains "),a("code",{pre:!0},[t._v("target")]),t._v(" and "),a("code",{pre:!0},[t._v("prop")]),t._v(". the "),a("code",{pre:!0},[t._v("prop")]),t._v(" could configure which property  in file object will be uploaded).")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("process-file")]),t._v(" is a function which is used to process the original file, like compress, "),a("code",{pre:!0},[t._v("next")]),t._v(" must be called with the processed file.")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("file-submitted")]),t._v(" event will be trigged after the file is processed and added to the "),a("code",{pre:!0},[t._v("upload.files")]),t._v(" with a parameter -- the file object.")])]),t._v(" "),a("li",[a("p",[t._v("Use slots")]),t._v(" "),a("p",[t._v("You can use slots to define your custom HTML structure.")]),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-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"files"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"addedHandler"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-error")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"errHandler"')]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clear-fix"')]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"(file, i) in files"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"file"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"i"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":multiple")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"false"')]),t._v(">")]),t._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),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("action")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("files")]),t._v(": []\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n    addedHandler() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".files["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n      file && "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.upload.removeFile(file)\n    },\n    errHandler(file) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// const msg = file.response.message")]),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("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Upload fail'")]),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")])]),t._v(" "),a("p",[t._v("Custom Style:")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    + "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-top")]),t._v(": -"),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("opacity")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file-def")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cubeic-wrong")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": none\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": flex\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n    > "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-align")]),t._v(": center\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": inline-flex\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("20px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("32px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-style")]),t._v(": normal\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#fff")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#333")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-radius")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50%")]),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("Demo")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("[]")]),t._v(" "),a("td",[t._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),t._v(" "),a("tr",[a("td",[t._v("action")]),t._v(" "),a("td",[t._v("upload action config")]),t._v(" "),a("td",[t._v("String/Object")]),t._v(" "),a("td",[t._v("''")]),t._v(" "),a("td",[t._v("{ target: '/upload' }")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max upload files number")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("10")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("auto")]),t._v(" "),a("td",[t._v("whether auto start upload")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("simultaneousUploads")]),t._v(" "),a("td",[t._v("the number of simultaneous uploads")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("1")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("multiple")]),t._v(" "),a("td",[t._v("multiple select")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("accept")]),t._v(" "),a("td",[t._v("input accept")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("image/*")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("processFile")]),t._v(" "),a("td",[t._v("process the original file")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (file, next) { next(file) }")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("action")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If "),a("code",{pre:!0},[t._v("action")]),t._v(" is a string, it will be transformed into "),a("code",{pre:!0},[t._v("{ target: action }")]),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("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("target")]),t._v(" "),a("td",[t._v("the upload target URL for the multipart POST request, if this value is a function, then it will be called with the file object as parameter and the returned value as the URL")]),t._v(" "),a("td",[t._v("String/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("fileName")]),t._v(" "),a("td",[t._v("the name of the multipart POST parameter")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("prop")]),t._v(" "),a("td",[t._v("which property in file object will be uploaded")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("headers")]),t._v(" "),a("td",[t._v("extra headers to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as headers")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("extra data to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as data")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("withCredentials")]),t._v(" "),a("td",[t._v("Standard CORS requests would not send or set any cookies by default. In order to include cookies as part of the request, you need to set the withCredentials property to true")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("timeout")]),t._v(" "),a("td",[t._v("upload request timeout value")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("0")])]),t._v(" "),a("tr",[a("td",[t._v("progressInterval")]),t._v(" "),a("td",[t._v("The time interval between progress reports (Unit: ms)")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("checkSuccess")]),t._v(" "),a("td",[t._v("Check the response should be successful, the parameters is "),a("code",{pre:!0},[t._v("(response, file[, cb])")]),t._v(" object. The "),a("code",{pre:!0},[t._v("file")]),t._v(" and optional "),a("code",{pre:!0},[t._v("cb")]),t._v(" parameters are avaliable after 1.11.0. If there are no "),a("code",{pre:!0},[t._v("cb")]),t._v(" then get this function as result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(", otherwise the "),a("code",{pre:!0},[t._v("cb(isSuccess)")]),t._v(" parameter "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" as the result. If the result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(" then it will be treated as successful")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (res) { return true }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("processFile")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("A function with two parameters: "),a("code",{pre:!0},[t._v("(file, next)")]),t._v(", the "),a("code",{pre:!0},[t._v("file")]),t._v(" is the original file and the "),a("code",{pre:!0},[t._v("next")]),t._v(" callback must be called with the processed file.")])},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("files-added")]),t._v(" "),a("td",[t._v("triggers when files are added, usually used for file validation")]),t._v(" "),a("td",[t._v("original files")])]),t._v(" "),a("tr",[a("td",[t._v("file-submitted")]),t._v(" "),a("td",[t._v("triggers when a file is added to the "),a("code",{pre:!0},[t._v("upload.files")])]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-removed")]),t._v(" "),a("td",[t._v("triggers when a file is removed")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-success")]),t._v(" "),a("td",[t._v("triggers when a file is uploaded successfully")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-error")]),t._v(" "),a("td",[t._v("triggers when a file is failed to upload")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-click")]),t._v(" "),a("td",[t._v("triggers when a file is clicked")]),t._v(" "),a("td",[t._v("the file object. After 1.12.39, added file "),a("code",{pre:!0},[t._v("index")]),t._v(" param")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("triggers when the binding value(file list) changes")]),t._v(" "),a("td",[t._v("the updated value(file list)")])])])])},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("Parameter")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("start")]),t._v(" "),a("td",[t._v("start uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("pause")]),t._v(" "),a("td",[t._v("pause uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("retry")]),t._v(" "),a("td",[t._v("retry uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("removeFile")]),t._v(" "),a("td",[t._v("remove file")]),t._v(" "),a("td",[t._v("the file object")])])])])}]}},YJZO:function(t,s,a){t.exports=a("aeWw")},aeWw:function(t,s,a){var e=a("VU/8")(null,a("Y8qW"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
+webpackJsonp([48],{S5Uo: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:"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"}})])]),t._v(" Upload")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),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(4),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(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),t._m(10),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(11),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(12)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.3.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Upload")]),t._v(" component.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" In this document, all the original File will be called "),a("strong",[t._v("original file")]),t._v(", since the wrapped file object will be called "),a("strong",[t._v("file object")]),t._v(". The structure of "),a("strong",[t._v("file object")]),t._v(" show as following:")])},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("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")])]),t._v(" "),a("tr",[a("td",[t._v("name")]),t._v(" "),a("td",[t._v("file name")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("file size")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("url")]),t._v(" "),a("td",[t._v("file url, created by URL.createObjectURL, for preview")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("base64")]),t._v(" "),a("td",[t._v("file base64 value, the value is equaled to the original file's base64 value. It is "),a("code",{pre:!0},[t._v("''")]),t._v(" by default, but you can have some plugins to added this "),a("code",{pre:!0},[t._v("base64")]),t._v(" value, like the compress plugin below")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("status")]),t._v(" "),a("td",[t._v("file status, one of: ready, uploading, success, error")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("progress")]),t._v(" "),a("td",[t._v("file progress, number 0~1")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("file")]),t._v(" "),a("td",[t._v("the original file")]),t._v(" "),a("td",[t._v("File")])]),t._v(" "),a("tr",[a("td",[t._v("response")]),t._v(" "),a("td",[t._v("response data(try to parse to JSON）")]),t._v(" "),a("td",[t._v("Object/Array/String")])]),t._v(" "),a("tr",[a("td",[t._v("responseHeaders")]),t._v(" "),a("td",[t._v("all response headers")]),t._v(" "),a("td",[t._v("String")])])])])},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-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"//jsonplaceholder.typicode.com/photos/"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"filesAdded"')]),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    filesAdded(files) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// 1M")]),t._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("for")]),t._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[t._v("let")]),t._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("in")]),t._v(" files) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = files[k]\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (file.size > maxSize) {\n          file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n        }\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("action")]),t._v(" to configure the upload target URL for the multipart POST request.")]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("simultaneous-uploads")]),t._v(" to configure the max number of files uploading simultaneously .")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("files-added")]),t._v(" event is used for file validation, and you can filter file by setting "),a("code",{pre:!0},[t._v("file.ignore = true")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Compress and uploaded through Base64")]),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-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":process-file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"processFile"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-submitted")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"fileSubmitted"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),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(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'../../modules/image'")]),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("action2")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("target")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prop")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'base64Value'")]),t._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n    processFile(file, next) {\n      compress(file, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("compress")]),t._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("quality")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0.5")]),t._v("\n        }\n      }, next)\n    },\n    fileSubmitted(file) {\n      file.base64Value = file.file.base64\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("action")]),t._v(" is an object which contains "),a("code",{pre:!0},[t._v("target")]),t._v(" and "),a("code",{pre:!0},[t._v("prop")]),t._v(". the "),a("code",{pre:!0},[t._v("prop")]),t._v(" could configure which property  in file object will be uploaded).")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("process-file")]),t._v(" is a function which is used to process the original file, like compress, "),a("code",{pre:!0},[t._v("next")]),t._v(" must be called with the processed file.")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("file-submitted")]),t._v(" event will be trigged after the file is processed and added to the "),a("code",{pre:!0},[t._v("upload.files")]),t._v(" with a parameter -- the file object.")])]),t._v(" "),a("li",[a("p",[t._v("Use slots")]),t._v(" "),a("p",[t._v("You can use slots to define your custom HTML structure.")]),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-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"files"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"addedHandler"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-error")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"errHandler"')]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clear-fix"')]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"(file, i) in files"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"file"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"i"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":multiple")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"false"')]),t._v(">")]),t._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),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("action")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("files")]),t._v(": []\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n    addedHandler() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".files["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n      file && "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.upload.removeFile(file)\n    },\n    errHandler(file) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// const msg = file.response.message")]),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("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Upload fail'")]),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")])]),t._v(" "),a("p",[t._v("Custom Style:")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    + "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-top")]),t._v(": -"),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("opacity")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file-def")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cubeic-wrong")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": none\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": flex\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n    > "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-align")]),t._v(": center\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": inline-flex\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("20px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("32px")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-style")]),t._v(": normal\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#fff")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#333")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-radius")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50%")]),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("Demo")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("[]")]),t._v(" "),a("td",[t._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),t._v(" "),a("tr",[a("td",[t._v("action")]),t._v(" "),a("td",[t._v("upload action config")]),t._v(" "),a("td",[t._v("String/Object")]),t._v(" "),a("td",[t._v("''")]),t._v(" "),a("td",[t._v("{ target: '/upload' }")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max upload files number")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("10")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("auto")]),t._v(" "),a("td",[t._v("whether auto start upload")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("simultaneousUploads")]),t._v(" "),a("td",[t._v("the number of simultaneous uploads")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("1")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("multiple")]),t._v(" "),a("td",[t._v("multiple select")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("accept")]),t._v(" "),a("td",[t._v("input accept")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("image/*")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("processFile")]),t._v(" "),a("td",[t._v("process the original file")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (file, next) { next(file) }")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("action")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If "),a("code",{pre:!0},[t._v("action")]),t._v(" is a string, it will be transformed into "),a("code",{pre:!0},[t._v("{ target: action }")]),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("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("target")]),t._v(" "),a("td",[t._v("the upload target URL for the multipart POST request, if this value is a function, then it will be called with the file object as parameter and the returned value as the URL")]),t._v(" "),a("td",[t._v("String/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("fileName")]),t._v(" "),a("td",[t._v("the name of the multipart POST parameter")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("prop")]),t._v(" "),a("td",[t._v("which property in file object will be uploaded")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("headers")]),t._v(" "),a("td",[t._v("extra headers to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as headers")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("extra data to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as data")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("withCredentials")]),t._v(" "),a("td",[t._v("Standard CORS requests would not send or set any cookies by default. In order to include cookies as part of the request, you need to set the withCredentials property to true")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("timeout")]),t._v(" "),a("td",[t._v("upload request timeout value")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("0")])]),t._v(" "),a("tr",[a("td",[t._v("progressInterval")]),t._v(" "),a("td",[t._v("The time interval between progress reports (Unit: ms)")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("checkSuccess")]),t._v(" "),a("td",[t._v("Check the response should be successful, the parameters is "),a("code",{pre:!0},[t._v("(response, file[, cb])")]),t._v(" object. The "),a("code",{pre:!0},[t._v("file")]),t._v(" and optional "),a("code",{pre:!0},[t._v("cb")]),t._v(" parameters are avaliable after 1.11.0. If there are no "),a("code",{pre:!0},[t._v("cb")]),t._v(" then get this function as result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(", otherwise the "),a("code",{pre:!0},[t._v("cb(isSuccess)")]),t._v(" parameter "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" as the result. If the result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(" then it will be treated as successful")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (res) { return true }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("processFile")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("A function with two parameters: "),a("code",{pre:!0},[t._v("(file, next)")]),t._v(", the "),a("code",{pre:!0},[t._v("file")]),t._v(" is the original file and the "),a("code",{pre:!0},[t._v("next")]),t._v(" callback must be called with the processed file.")])},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("files-added")]),t._v(" "),a("td",[t._v("triggers when files are added, usually used for file validation")]),t._v(" "),a("td",[t._v("original files")])]),t._v(" "),a("tr",[a("td",[t._v("file-submitted")]),t._v(" "),a("td",[t._v("triggers when a file is added to the "),a("code",{pre:!0},[t._v("upload.files")])]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-removed")]),t._v(" "),a("td",[t._v("triggers when a file is removed")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-success")]),t._v(" "),a("td",[t._v("triggers when a file is uploaded successfully")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-error")]),t._v(" "),a("td",[t._v("triggers when a file is failed to upload")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-click")]),t._v(" "),a("td",[t._v("triggers when a file is clicked")]),t._v(" "),a("td",[t._v("the file object. After 1.12.39, added file "),a("code",{pre:!0},[t._v("index")]),t._v(" param")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("triggers when the binding value(file list) changes")]),t._v(" "),a("td",[t._v("the updated value(file list)")])])])])},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("Parameter")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("start")]),t._v(" "),a("td",[t._v("start uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("pause")]),t._v(" "),a("td",[t._v("pause uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("retry")]),t._v(" "),a("td",[t._v("retry uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("removeFile")]),t._v(" "),a("td",[t._v("remove file")]),t._v(" "),a("td",[t._v("the file object")])])])])}]}},YJZO:function(t,s,a){t.exports=a("aeWw")},aeWw:function(t,s,a){var e=a("VU/8")(null,a("S5Uo"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/49.38b72731663b30ba7a14.js b/docs/js/49.38b72731663b30ba7a14.js
deleted file mode 100644
index 0f05dd261..000000000
--- a/docs/js/49.38b72731663b30ba7a14.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([49],{NzGw: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),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("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")])])])])}]}},bNJT:function(s,t,a){var n=a("VU/8")(null,a("NzGw"),null,null,null);s.exports=n.exports},yyOQ:function(s,t,a){s.exports=a("bNJT")}});
\ No newline at end of file
diff --git a/docs/js/49.e61e7c5334a8e3beb42a.js b/docs/js/49.e61e7c5334a8e3beb42a.js
new file mode 100644
index 000000000..bfa24c9c4
--- /dev/null
+++ b/docs/js/49.e61e7c5334a8e3beb42a.js
@@ -0,0 +1 @@
+webpackJsonp([49],{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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),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("'一口价<span class=\"orange\">10元</span>'")]),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("'一口价<span class=\"orange\">'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元</span>'")]),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("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),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("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/5.df54f9daf110a907159b.js b/docs/js/5.a8a43ce0421c2d5b9833.js
similarity index 99%
rename from docs/js/5.df54f9daf110a907159b.js
rename to docs/js/5.a8a43ce0421c2d5b9833.js
index 74855ef57..90158256a 100644
--- a/docs/js/5.df54f9daf110a907159b.js
+++ b/docs/js/5.a8a43ce0421c2d5b9833.js
@@ -1 +1 @@
-webpackJsonp([5],{"T/h8":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),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(" "),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",[a("code",{pre:!0},[s._v("Toast")]),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('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastTime() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n      })\n      toast.show()\n    },\n    showToastTime0() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n      })\n      toast.show()\n      setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n        toast.hide()\n      }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("time")]),s._v(" 字段决定了 Toast 显示的时间，如果设置为 "),a("code",{pre:!0},[s._v("0")]),s._v("，则不会消失，需要手动调用组件的 "),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法。")])]),s._v(" "),a("li",[a("p",[s._v("显示遮罩")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastMask () {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("mask")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 时会显示遮罩。")])]),s._v(" "),a("li",[a("p",[s._v("类型设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastType() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("type")]),s._v(" 字段决定了 Toast 的显示图标类型，具体对应关系，参见下方的 Props 配置。")])]),s._v(" "),a("li",[a("p",[s._v("纯文本类型"),a("sup",[s._v("1.11.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-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTxtOnly"')]),s._v(">")]),s._v("Toast - txt only"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastTxtOnly() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Plain txt'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'txt'")]),s._v("\n      })\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast.show()\n    }\n  }\n}\n")])])]),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('"showToastCallback"')]),s._v(">")]),s._v("Toast - callback"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onTimeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n        }\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("除了设置 "),a("code",{pre:!0},[s._v("onTimeout")]),s._v(" 的形式，还可以通过 "),a("code",{pre:!0},[s._v("$events")]),s._v(" 传入事件回调。")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("timeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n          }\n        }\n      })\n      toast.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("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("类型(对应不同的 icon)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn/txt"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("遮罩")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("提示信息")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("显示时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("900")])])])])},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("timeout")]),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("隐藏")])])])])}]}},Wmdn:function(s,t,a){s.exports=a("b4Iz")},b4Iz:function(s,t,a){var v=a("VU/8")(null,a("T/h8"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
+webpackJsonp([5],{"4Jzk":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),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(" "),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",[a("code",{pre:!0},[s._v("Toast")]),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('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastTime() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n      })\n      toast.show()\n    },\n    showToastTime0() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n      })\n      toast.show()\n      setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n        toast.hide()\n      }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("time")]),s._v(" 字段决定了 Toast 显示的时间，如果设置为 "),a("code",{pre:!0},[s._v("0")]),s._v("，则不会消失，需要手动调用组件的 "),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法。")])]),s._v(" "),a("li",[a("p",[s._v("显示遮罩")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastMask () {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("mask")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 时会显示遮罩。")])]),s._v(" "),a("li",[a("p",[s._v("类型设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastType() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("type")]),s._v(" 字段决定了 Toast 的显示图标类型，具体对应关系，参见下方的 Props 配置。")])]),s._v(" "),a("li",[a("p",[s._v("纯文本类型"),a("sup",[s._v("1.11.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-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTxtOnly"')]),s._v(">")]),s._v("Toast - txt only"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastTxtOnly() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Plain txt'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'txt'")]),s._v("\n      })\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast.show()\n    }\n  }\n}\n")])])]),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('"showToastCallback"')]),s._v(">")]),s._v("Toast - callback"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onTimeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n        }\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("除了设置 "),a("code",{pre:!0},[s._v("onTimeout")]),s._v(" 的形式，还可以通过 "),a("code",{pre:!0},[s._v("$events")]),s._v(" 传入事件回调。")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("timeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n          }\n        }\n      })\n      toast.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("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("类型(对应不同的 icon)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn/txt"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("遮罩")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("提示信息")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("显示时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("900")])])])])},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("timeout")]),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("隐藏")])])])])}]}},Wmdn:function(s,t,a){s.exports=a("b4Iz")},b4Iz:function(s,t,a){var v=a("VU/8")(null,a("4Jzk"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/50.30d54e5e374954844533.js b/docs/js/50.30d54e5e374954844533.js
deleted file mode 100644
index 35b72ba60..000000000
--- a/docs/js/50.30d54e5e374954844533.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([50],{"2Nnc":function(s,t,a){var e=a("VU/8")(null,a("3lBJ"),null,null,null);s.exports=e.exports},"3lBJ":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),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",[a("code",{pre:!0},[s._v("Toast")]),s._v(" component.You can use it to show non-modal tip message without user interaction.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("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("Duration of display")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastTime() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n      })\n      toast.show()\n    },\n    showToastTime0() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n      })\n      toast.show()\n      setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n        toast.hide()\n      }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("time")]),s._v(" to change the duration of display.If set to 0, the toast will not hide automatically and you must invoke the component's "),a("code",{pre:!0},[s._v("hide")]),s._v(" method manually to hide it.")])]),s._v(" "),a("li",[a("p",[s._v("Show mask layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastMask () {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" to display mask.")])]),s._v(" "),a("li",[a("p",[s._v("Tip type")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastType() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("type")]),s._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[s._v("Props configuration")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Show txt only"),a("sup",[s._v("1.11.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-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTxtOnly"')]),s._v(">")]),s._v("Toast - txt only"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastTxtOnly() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Plain txt'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'txt'")]),s._v("\n      })\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast.show()\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Callback")]),s._v(" "),a("pre",{pre:!0},[a("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('"showToastCallback"')]),s._v(">")]),s._v("Toast - callback"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onTimeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n        }\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Besides set "),a("code",{pre:!0},[s._v("onTimeout")]),s._v(".You can pass the callback through "),a("code",{pre:!0},[s._v("$events")]),s._v(" too.")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("timeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n          }\n        }\n      })\n      toast.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("type")]),s._v(" "),a("td",[s._v("toast type(different types of icons)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn/txt"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("tip text")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("display duration, millisecond")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])]),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("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("900")])])])])},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("tbody",[a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("triggers when the display time is out")])])])])},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")])])])])}]}},jUSb:function(s,t,a){s.exports=a("2Nnc")}});
\ No newline at end of file
diff --git a/docs/js/50.b7460cb6cb217521ae88.js b/docs/js/50.b7460cb6cb217521ae88.js
new file mode 100644
index 000000000..93215c00f
--- /dev/null
+++ b/docs/js/50.b7460cb6cb217521ae88.js
@@ -0,0 +1 @@
+webpackJsonp([50],{"2Nnc":function(s,t,a){var e=a("VU/8")(null,a("Np57"),null,null,null);s.exports=e.exports},Np57:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),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",[a("code",{pre:!0},[s._v("Toast")]),s._v(" component.You can use it to show non-modal tip message without user interaction.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("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("Duration of display")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastTime() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n      })\n      toast.show()\n    },\n    showToastTime0() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n      })\n      toast.show()\n      setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n        toast.hide()\n      }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("time")]),s._v(" to change the duration of display.If set to 0, the toast will not hide automatically and you must invoke the component's "),a("code",{pre:!0},[s._v("hide")]),s._v(" method manually to hide it.")])]),s._v(" "),a("li",[a("p",[s._v("Show mask layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastMask () {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" to display mask.")])]),s._v(" "),a("li",[a("p",[s._v("Tip type")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showToastType() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("type")]),s._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[s._v("Props configuration")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Show txt only"),a("sup",[s._v("1.11.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-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTxtOnly"')]),s._v(">")]),s._v("Toast - txt only"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastTxtOnly() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Plain txt'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'txt'")]),s._v("\n      })\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast.show()\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Callback")]),s._v(" "),a("pre",{pre:!0},[a("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('"showToastCallback"')]),s._v(">")]),s._v("Toast - callback"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onTimeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n        }\n      })\n      toast.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("Besides set "),a("code",{pre:!0},[s._v("onTimeout")]),s._v(".You can pass the callback through "),a("code",{pre:!0},[s._v("$events")]),s._v(" too.")]),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    showToastCallbak() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),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        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("timeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n          }\n        }\n      })\n      toast.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("type")]),s._v(" "),a("td",[s._v("toast type(different types of icons)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn/txt"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("tip text")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("display duration, millisecond")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])]),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("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("900")])])])])},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("tbody",[a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("triggers when the display time is out")])])])])},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")])])])])}]}},jUSb:function(s,t,a){s.exports=a("2Nnc")}});
\ No newline at end of file
diff --git a/docs/js/51.250ed44339e16d80bc45.js b/docs/js/51.250ed44339e16d80bc45.js
new file mode 100644
index 000000000..24e1f82f0
--- /dev/null
+++ b/docs/js/51.250ed44339e16d80bc45.js
@@ -0,0 +1 @@
+webpackJsonp([51],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),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")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),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("cube-tip")]),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("\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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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/51.4157f27b05c1bcc31478.js b/docs/js/51.4157f27b05c1bcc31478.js
deleted file mode 100644
index 316fd35d7..000000000
--- a/docs/js/51.4157f27b05c1bcc31478.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([51],{"R/8E":function(s,t,a){var e=a("VU/8")(null,a("vw4E"),null,null,null);s.exports=e.exports},"X+F9":function(s,t,a){s.exports=a("R/8E")},vw4E: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),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")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),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("cube-tip")]),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("\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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  data() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showTip(direction) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 100px;'")]),s._v("\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 20px;'")]),s._v("\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: 60px;'")]),s._v("\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 5px; top: 60px;'")]),s._v("\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n      }\n    },\n    close() {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n    },\n    clickHandler() {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n    }\n  }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("the direction of the small triangle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the left part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the origin of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the right part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the bottom part of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("name")]),s._v(" "),a("th",[s._v("description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the content shown inside the tip component")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the close button of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])]),s._v(" "),a("tr",[a("td",[s._v("clicked")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the content of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/52.92711c31af8e119072b8.js b/docs/js/52.92711c31af8e119072b8.js
new file mode 100644
index 000000000..78f97db3d
--- /dev/null
+++ b/docs/js/52.92711c31af8e119072b8.js
@@ -0,0 +1 @@
+webpackJsonp([52],{BGpj:function(s,t,a){s.exports=a("IJyB")},IJyB:function(s,t,a){var e=a("VU/8")(null,a("ZAq/"),null,null,null);s.exports=e.exports},"ZAq/":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:"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(" "),s._m(6),s._v(" "),s._m(7),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(8),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(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(" component provides commonly used functions of date selection.")])},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('"showTimePicker"')]),s._v(">")]),s._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("'Clicked cancel button'")]),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(' is uesed to control whether the time "now" is displayed. '),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" is used to control the step of the minute. "),a("code",{pre:!0},[s._v("delay")]),s._v(" represents the time that postponed backwards from now, which determines the minimal optional time.")])]),s._v(" "),a("li",[a("p",[s._v("Configuration of date options")]),s._v(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("'Today'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tomorrow'")]),s._v("],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M year d day'")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("'Clicked cancel button'")]),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("len")]),s._v(" attribute in "),a("code",{pre:!0},[s._v("day")]),s._v(" can set the length of date displayed in the first column.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("filter")]),s._v(" attribute can set the text of the date displayed in the first column.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("format")]),s._v(" attribute can set the text in "),a("code",{pre:!0},[s._v("M year d day")]),s._v(" format when the "),a("code",{pre:!0},[s._v("len")]),s._v(" is greater than the length of "),a("code",{pre:!0},[s._v("filter")]),s._v(" array.")])]),s._v(" "),a("li",[a("p",[s._v("Format"),a("sup",[s._v("1.10.0+")])]),s._v(" "),a("p",[s._v("You can use property "),a("code",{pre:!0},[s._v("format")]),s._v(" to configure the format of "),a("code",{pre:!0},[s._v("formatedTime")]),s._v(", an argument of event "),a("code",{pre:!0},[s._v("select")]),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("Config format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hh:mm'")]),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(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("Min "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("You could use the property "),a("code",{pre:!0},[s._v("min")]),s._v(" to set the min optional time. It could accept a date (Date type) or a timestamp (Number type).")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMinPicker"')]),s._v(">")]),s._v("Config min"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMinPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("Max "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("You could use the property "),a("code",{pre:!0},[s._v("max")]),s._v(" to set the max optional time. It could accept a date (Date type) or a timestamp (Number type).")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMaxPicker"')]),s._v(">")]),s._v("Config max"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMaxPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("24")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("Set time manually")]),s._v(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("'Today'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tomorrow'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The day after tomorrow'")]),s._v("],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M year D day'")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("'Clicked cancel button'")]),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(" instance exports "),a("code",{pre:!0},[s._v("setTime")]),s._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},[s._v("timePicker")]),s._v(" displays current time by default.")])])])},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("day")]),s._v(" "),a("td",[s._v("date configuration")]),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("whether to display now; configure the text of option now"),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("step of the minute")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("minutes that postponed backwards from now, which determines the minimal optional time (only effect without setting "),a("code",{pre:!0},[s._v("min")]),s._v(")")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("the min optional time")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("the max optional time")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),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("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("tr",[a("td",[s._v("cancelTxt"),a("sup",[s._v("1.8.1")])]),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("tr",[a("td",[s._v("confirmTxt"),a("sup",[s._v("1.8.1")])]),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("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("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("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("the format of formatedTime the third argument of select event")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'YYYY/M/D hh:mm'")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])])])])},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(" 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("tbody",[a("tr",[a("td",[s._v("len")]),s._v(" "),a("td",[s._v("date column, postpone "),a("code",{pre:!0},[s._v("len")]),s._v(" days backwards from now (only effect without setting "),a("code",{pre:!0},[s._v("max")]),s._v(")")]),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("date column, map time to the text in 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("format time")]),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(" 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("tbody",[a("tr",[a("td",[s._v("text"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("the text of option now")]),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("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("selectedTime: currently selected timestamp")]),s._v(" "),a("td",[s._v("selectText: text of currently selected time")]),s._v(" "),a("td",[s._v("formatedTime"),a("sup",[s._v("1.10.0")])])]),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("-")])]),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("-")])])])])},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("tbody",[a("tr",[a("td",[s._v("setTime")]),s._v(" "),a("td",[s._v("manually set time displayed in time-picker with with the time stamp as time format")]),s._v(" "),a("td",[s._v("time stamp")])]),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("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/52.eb1222bfcf0bfb35e9a5.js b/docs/js/52.eb1222bfcf0bfb35e9a5.js
deleted file mode 100644
index 163443be7..000000000
--- a/docs/js/52.eb1222bfcf0bfb35e9a5.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([52],{BGpj:function(s,t,a){s.exports=a("IJyB")},IJyB:function(s,t,a){var e=a("VU/8")(null,a("f6CX"),null,null,null);s.exports=e.exports},f6CX: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:"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(" "),s._m(6),s._v(" "),s._m(7),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(8),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(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(" component provides commonly used functions of date selection.")])},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('"showTimePicker"')]),s._v(">")]),s._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("'Clicked cancel button'")]),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(' is uesed to control whether the time "now" is displayed. '),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" is used to control the step of the minute. "),a("code",{pre:!0},[s._v("delay")]),s._v(" represents the time that postponed backwards from now, which determines the minimal optional time.")])]),s._v(" "),a("li",[a("p",[s._v("Configuration of date options")]),s._v(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("'Today'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tomorrow'")]),s._v("],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M year d day'")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("'Clicked cancel button'")]),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("len")]),s._v(" attribute in "),a("code",{pre:!0},[s._v("day")]),s._v(" can set the length of date displayed in the first column.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("filter")]),s._v(" attribute can set the text of the date displayed in the first column.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("format")]),s._v(" attribute can set the text in "),a("code",{pre:!0},[s._v("M year d day")]),s._v(" format when the "),a("code",{pre:!0},[s._v("len")]),s._v(" is greater than the length of "),a("code",{pre:!0},[s._v("filter")]),s._v(" array.")])]),s._v(" "),a("li",[a("p",[s._v("Format"),a("sup",[s._v("1.10.0+")])]),s._v(" "),a("p",[s._v("You can use property "),a("code",{pre:!0},[s._v("format")]),s._v(" to configure the format of "),a("code",{pre:!0},[s._v("formatedTime")]),s._v(", an argument of event "),a("code",{pre:!0},[s._v("select")]),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("Config format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hh:mm'")]),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(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("Min "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("You could use the property "),a("code",{pre:!0},[s._v("min")]),s._v(" to set the min optional time. It could accept a date (Date type) or a timestamp (Number type).")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMinPicker"')]),s._v(">")]),s._v("Config min"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMinPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("Max "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("You could use the property "),a("code",{pre:!0},[s._v("max")]),s._v(" to set the max optional time. It could accept a date (Date type) or a timestamp (Number type).")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMaxPicker"')]),s._v(">")]),s._v("Config max"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMaxPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("24")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("Set time manually")]),s._v(" "),a("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("'Today'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tomorrow'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The day after tomorrow'")]),s._v("],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M year D day'")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("'Clicked cancel button'")]),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(" instance exports "),a("code",{pre:!0},[s._v("setTime")]),s._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},[s._v("timePicker")]),s._v(" displays current time by default.")])])])},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("day")]),s._v(" "),a("td",[s._v("date configuration")]),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("whether to display now; configure the text of option now"),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("step of the minute")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("minutes that postponed backwards from now, which determines the minimal optional time (only effect without setting "),a("code",{pre:!0},[s._v("min")]),s._v(")")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("the min optional time")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("the max optional time")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),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("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("tr",[a("td",[s._v("cancelTxt"),a("sup",[s._v("1.8.1")])]),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("tr",[a("td",[s._v("confirmTxt"),a("sup",[s._v("1.8.1")])]),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("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("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("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("the format of formatedTime the third argument of select event")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'YYYY/M/D hh:mm'")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])])])])},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(" 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("tbody",[a("tr",[a("td",[s._v("len")]),s._v(" "),a("td",[s._v("date column, postpone "),a("code",{pre:!0},[s._v("len")]),s._v(" days backwards from now (only effect without setting "),a("code",{pre:!0},[s._v("max")]),s._v(")")]),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("date column, map time to the text in 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("format time")]),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(" 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("tbody",[a("tr",[a("td",[s._v("text"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("the text of option now")]),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("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("selectedTime: currently selected timestamp")]),s._v(" "),a("td",[s._v("selectText: text of currently selected time")]),s._v(" "),a("td",[s._v("formatedTime"),a("sup",[s._v("1.10.0")])])]),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("-")])]),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("-")])])])])},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("tbody",[a("tr",[a("td",[s._v("setTime")]),s._v(" "),a("td",[s._v("manually set time displayed in time-picker with with the time stamp as time format")]),s._v(" "),a("td",[s._v("time stamp")])]),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("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/53.1f75168691fa8393d10c.js b/docs/js/53.c7096cf68e0b7c72c22e.js
similarity index 99%
rename from docs/js/53.1f75168691fa8393d10c.js
rename to docs/js/53.c7096cf68e0b7c72c22e.js
index 304e01018..f9c3e3267 100644
--- a/docs/js/53.1f75168691fa8393d10c.js
+++ b/docs/js/53.c7096cf68e0b7c72c22e.js
@@ -1 +1 @@
-webpackJsonp([53],{OKj6: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("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\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-active-bgc := "),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-active-bgc := "),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toolbar")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\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("//checker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-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-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 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("-subtitle-"),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("-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-s\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll-nav")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-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("$scroll")]),s._v("-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("// image-preview")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$image")]),s._v("-preview-counter-"),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("// tab-bar & tab-panel")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),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("$tab")]),s._v("-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-slider-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\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-attr"}},[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("OKj6"),null,null,null);s.exports=l.exports}});
\ No newline at end of file
+webpackJsonp([53],{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("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\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-active-bgc := "),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-active-bgc := "),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toolbar")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\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("//checker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-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-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 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("-subtitle-"),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("-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-s\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll-nav")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-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("$scroll")]),s._v("-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("// image-preview")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$image")]),s._v("-preview-counter-"),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("// tab-bar & tab-panel")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),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("$tab")]),s._v("-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-slider-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\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-attr"}},[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/54.1d541ace9ba0d0e70da4.js b/docs/js/54.1d541ace9ba0d0e70da4.js
deleted file mode 100644
index 2d49aa938..000000000
--- a/docs/js/54.1d541ace9ba0d0e70da4.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([54],{"2f7N":function(t,e,a){var s=a("VU/8")(null,a("jGyd"),null,null,null);t.exports=s.exports},"9woc":function(t,e,a){t.exports=a("2f7N")},jGyd:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;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:"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(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("blockquote",[a("p",[t._v("New in 1.5.0+")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Multi-line input box components. You can use the "),a("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,e=t.$createElement,a=t._self._c||e;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-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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("Config indicator")]),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-attr"}},[t._v("indicator")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("indicator")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("negative")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("remain")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("If "),a("code",{pre:!0},[t._v("indicator")]),t._v(" is "),a("code",{pre:!0},[t._v("false")]),t._v(" then the indicator element will not be visible.")]),t._v(" "),a("p",[t._v("If "),a("code",{pre:!0},[t._v("indicator")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(", the config equals "),a("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v(".")]),t._v(" "),a("p",[t._v("If "),a("code",{pre:!0},[t._v("indicator")]),t._v(" is an object, you can use "),a("code",{pre:!0},[t._v("remain")]),t._v(" and "),a("code",{pre:!0},[t._v("negative")]),t._v(" to control whether show the remaining count(if "),a("code",{pre:!0},[t._v("remain")]),t._v(" is "),a("code",{pre:!0},[t._v("false")]),t._v(" means show the textarea value length) and whether allow remaining number is negative.")])]),t._v(" "),a("li",[a("p",[t._v("Multiple configurations")]),t._v(" "),a("p",[t._v("Support the native attributes of the textarea element.")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("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,e=t.$createElement,a=t._self._c||e;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("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("indicator"),a("sup",[t._v("1.10.0")])]),t._v(" "),a("td",[t._v("indicator config")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{}")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("autoExpand"),a("sup",[t._v("1.12.0")])]),t._v(" "),a("td",[t._v("If "),a("code",{pre:!0},[t._v("autoExpand")]),t._v(" is true and have initial value, the textarea will be auto expanded")]),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,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("p",[t._v("indicator sub configuration")]),t._v(" "),a("p",[t._v("If "),a("code",{pre:!0},[t._v("indicator")]),t._v(" is "),a("code",{pre:!0},[t._v("false")]),t._v(" then the indicator element will not be visible.")]),t._v(" "),a("p",[t._v("If "),a("code",{pre:!0},[t._v("indicator")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(", the config equals "),a("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v(".")]),t._v(" "),a("p",[t._v("If "),a("code",{pre:!0},[t._v("indicator")]),t._v(" is an object:")]),t._v(" "),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("remain")]),t._v(" "),a("td",[t._v("whether show the remaining count, if this value is "),a("code",{pre:!0},[t._v("false")]),t._v(" means show the textarea value length")]),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("negative")]),t._v(" "),a("td",[t._v("avaliable when "),a("code",{pre:!0},[t._v("remain")]),t._v(" is true, this value control whether allow remaining number is negative")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])])])])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;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 textarea box is focused. If Textarea 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 textarea box blur")]),t._v(" "),a("td",[t._v("e - event")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("The event is triggered when the binding value changes")]),t._v(" "),a("td",[t._v("The updated value")])])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;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("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Focus element")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Blur element")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/54.7584e58e8789cb3bbd81.js b/docs/js/54.7584e58e8789cb3bbd81.js
new file mode 100644
index 000000000..44f49ad0c
--- /dev/null
+++ b/docs/js/54.7584e58e8789cb3bbd81.js
@@ -0,0 +1 @@
+webpackJsonp([54],{"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(" "),t._m(4),t._v(" "),s("h3",{attrs:{id:"Events"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5),t._v(" "),s("h3",{attrs:{id:"Instancemethods"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("Config indicator")]),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-attr"}},[t._v("indicator")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v(">")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n  data() {\n    "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n      "),s("span",{attrs:{class:"hljs-attr"}},[t._v("indicator")]),t._v(": {\n        "),s("span",{attrs:{class:"hljs-attr"}},[t._v("negative")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),s("span",{attrs:{class:"hljs-attr"}},[t._v("remain")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("indicator")]),t._v(" is "),s("code",{pre:!0},[t._v("false")]),t._v(" then the indicator element will not be visible.")]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("indicator")]),t._v(" is "),s("code",{pre:!0},[t._v("true")]),t._v(", the config equals "),s("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v(".")]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("indicator")]),t._v(" is an object, you can use "),s("code",{pre:!0},[t._v("remain")]),t._v(" and "),s("code",{pre:!0},[t._v("negative")]),t._v(" to control whether show the remaining count(if "),s("code",{pre:!0},[t._v("remain")]),t._v(" is "),s("code",{pre:!0},[t._v("false")]),t._v(" means show the textarea value length) and whether allow remaining number is negative.")]),t._v(" "),s("p",[t._v("Starting from version 1.12.53, named scoped slot "),s("code",{pre:!0},[t._v("indicator")]),t._v(" is supported for custom count indicators. It provides the remaining characters "),s("code",{pre:!0},[t._v("remain")]),t._v(" and the current input count "),s("code",{pre:!0},[t._v("count")]),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-textarea")]),t._v("\n  "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"text"')]),t._v("\n  "),s("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"请您至少输入8个字（必填）"')]),t._v("\n  "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"300"')]),t._v("\n  "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-expand")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v("\n>")]),t._v("\n  "),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("span")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("slot-scope")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"{ remain }"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"cube-textarea-indicator"')]),t._v(">")]),t._v("{{remain}}/300"),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("span")]),t._v(">")]),t._v("\n  "),s("span",{attrs:{class:"hljs-comment"}},[t._v("\x3c!-- 或者 vue2.6以上 --\x3e")]),t._v("\n  "),s("span",{attrs:{class:"hljs-comment"}},[t._v('\x3c!-- <template #indicator="childValue">\n    <span class="cube-textarea-indicator">{{childValue.remain}}/300</span>\n  </template> --\x3e')]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v(">")]),t._v("\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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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")])]),t._v(" "),s("tr",[s("td",[t._v("indicator"),s("sup",[t._v("1.10.0")])]),t._v(" "),s("td",[t._v("indicator config")]),t._v(" "),s("td",[t._v("Boolean/Object")]),t._v(" "),s("td",[t._v("true/false/{}")]),t._v(" "),s("td",[t._v("true")])]),t._v(" "),s("tr",[s("td",[t._v("autoExpand"),s("sup",[t._v("1.12.0")])]),t._v(" "),s("td",[t._v("If "),s("code",{pre:!0},[t._v("autoExpand")]),t._v(" is true and have initial value, the textarea will be auto expanded")]),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("forceExpand"),s("sup",[t._v("1.12.53")])]),t._v(" "),s("td",[t._v("If "),s("code",{pre:!0},[t._v("forceExpand")]),t._v(" is true, the textarea will remain expanded at all times.")]),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("ul",[s("li",[s("p",[t._v("indicator sub configuration")]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("indicator")]),t._v(" is "),s("code",{pre:!0},[t._v("false")]),t._v(" then the indicator element will not be visible.")]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("indicator")]),t._v(" is "),s("code",{pre:!0},[t._v("true")]),t._v(", the config equals "),s("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v(".")]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("indicator")]),t._v(" is an object:")]),t._v(" "),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("remain")]),t._v(" "),s("td",[t._v("whether show the remaining count, if this value is "),s("code",{pre:!0},[t._v("false")]),t._v(" means show the textarea value length")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("true")])]),t._v(" "),s("tr",[s("td",[t._v("negative")]),t._v(" "),s("td",[t._v("avaliable when "),s("code",{pre:!0},[t._v("remain")]),t._v(" is true, this value control whether allow remaining number is negative")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("true")])])])])])])},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")])]),t._v(" "),s("tr",[s("td",[t._v("input")]),t._v(" "),s("td",[t._v("The event is triggered when the binding value changes")]),t._v(" "),s("td",[t._v("The updated value")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("Method name")]),t._v(" "),s("th",[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("focus"),s("sup",[t._v("1.12.10+")])]),t._v(" "),s("td",[t._v("Focus element")])]),t._v(" "),s("tr",[s("td",[t._v("blur"),s("sup",[t._v("1.12.10+")])]),t._v(" "),s("td",[t._v("Blur element")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/55.913118efef50f51fa244.js b/docs/js/55.913118efef50f51fa244.js
new file mode 100644
index 000000000..0baceaac0
--- /dev/null
+++ b/docs/js/55.913118efef50f51fa244.js
@@ -0,0 +1 @@
+webpackJsonp([55],{JADn:function(s,t,a){var e=a("VU/8")(null,a("n+GP"),null,null,null);s.exports=e.exports},djff:function(s,t,a){s.exports=a("JADn")},"n+GP":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:"TabBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TabBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TabBar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Implementing the function of tab switching.")]),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:"CubeTabBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"CubeTabBar&CubeTabPanels"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar&CubeTabPanels-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar & CubeTabPanels")]),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:"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(8),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(10),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(11)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The following demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/tab-bar"}},[s._v("here")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" supports click highlighting, underscore follow-up effects, and custom slots for icon-label-like app-navigation styles.")])},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 initialize "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" by passing in the data structure of "),a("code",{pre:!0},[s._v("tabs")]),s._v(" as follows. You must use the "),a("code",{pre:!0},[s._v("v-model")]),s._v(" directive to select the corresponding tab. The value of the v-model argument must correspond to the "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, use "),a("code",{pre:!0},[s._v("value")]),s._v(") attribute of a tab in "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(". The icon attribute is used as a class selector, which is generally used with icon-font class. It will dispatch "),a("code",{pre:!0},[s._v("click")]),s._v(" and "),a("code",{pre:!0},[s._v("change")]),s._v(" event at the proper time. The parameter is the "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, is "),a("code",{pre:!0},[s._v("value")]),s._v(") value corresponding to each selected tab.")]),s._v(" "),a("pre",{pre:!0},[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-tab-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelDefault"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tabs"')]),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("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelDefault")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v("\n      }]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    },\n    changeHandler (label) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked different tab, this methods can be emitted")]),s._v("\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom slot")]),s._v(" "),a("p",[s._v("In fact, we always want to display icons and text effects which looks like app navigation styles, so the "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" component also supports the use of slot. Note that you must use the "),a("code",{pre:!0},[s._v("cube-tab")]),s._v(" component as a sub-component of the first level to wrap your custom 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("template")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelSlots"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inline")]),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("cube-tab")]),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 tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- icon slot --\x3e")]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- default slot --\x3e")]),s._v("\n      {{item.label}}\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelSlots")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n      }]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("At the same time, "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" also supports other configurations, "),a("code",{pre:!0},[s._v("showSlider")]),s._v(" controls whether to turn on the effect of underscore, "),a("code",{pre:!0},[s._v("inline")]),s._v(" to determine whether the icon and label are in a line, "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" controls whether the underscore use transition, as shown in the sample code.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Usually, our requirement is to display different panel as tabs are switched, so we need to use the "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" component. "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" must be nested with "),a("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(". The "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, use "),a("code",{pre:!0},[s._v("value")]),s._v(") values passed to "),a("code",{pre:!0},[s._v("cube-tab")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(" must be the same, because it is necessary to create the relationship between tab with panel. They are linked by the same "),a("code",{pre:!0},[s._v("v-model")]),s._v(".To see the effect, click on the "),a("code",{pre:!0},[s._v("tab-basic")]),s._v(" demo on the right.")])},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-tab-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),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 tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":icon")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n      {{item.label}}\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),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 tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[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('"tab-panel-li"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(hero, index) in item.heroes"')]),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          {{hero}}\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),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(", "),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(", "),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(", "),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'熊战士'")]),s._v("]\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'夜魇'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-star'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),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(", "),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(", "),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(", "),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'米波'")]),s._v("]\n      }]\n    }\n  }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In fact, "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" can be combined with many other cube-ui's components (such as: "),a("code",{pre:!0},[s._v("cube-scroll")]),s._v(", "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(") to make a similar effect to the layout of native apps. Click on the "),a("code",{pre:!0},[s._v("ScrollTab Demo")]),s._v(" and "),a("code",{pre:!0},[s._v("tab-composite")]),s._v(" example on the right to see the effect.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),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("Demo")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use v-model to select the corresponding tab when initializing.")]),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("data")]),s._v(" "),a("td",[s._v("For data rendered with "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(", when using the built-in default slot, this parameter must be passed. Each item of the array is an Object type, including "),a("code",{pre:!0},[s._v("label")]),s._v(", "),a("code",{pre:!0},[s._v("icon")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),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("[{label: 1, value: 1, icon: 'cubeic-like'}, {label: 2, value: 2, icon: 'cubeic-like'}]")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("showSlider")]),s._v(" "),a("td",[s._v("Whether to turn on the underscore follow effect")]),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("inline")]),s._v(" "),a("td",[s._v("Whether text and icons are displayed on one line")]),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("useTransition")]),s._v(" "),a("td",[s._v("Whether to use transition")]),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("li",[a("p",[s._v("CubeTab")]),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("Needed")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("Use it to determine which tab is clicked before 1.12.5, after 1.12.5 just use to display text by default")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("yes")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use it to determine which tab is clicked"),a("sup",[s._v("1.12.5+")])]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("no")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("label")]),s._v(" value")])])])])]),s._v(" "),a("li",[a("p",[s._v("CubeTabPanels")]),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("Demo")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use v-model to display the corresponding panels at initialization")]),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("data")]),s._v(" "),a("td",[s._v("For data rendered with "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(", when using the built-in default slot, this parameter must be passed. Each item of the array is an Object type, including "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),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("[{label: 1, value: 1}, {label: 2, value: 2}]")]),s._v(" "),a("td",[s._v("[]")])])])])]),s._v(" "),a("li",[a("p",[s._v("CubeTabPanel")]),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("Needed")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("determine that the panels is displayed")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("yes")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the key of panel, use it to determined selected value"),a("sup",[s._v("1.12.5+")])]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("no")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("label")]),s._v(" value")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTab")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("cube-tab")]),s._v("'s text")])]),s._v(" "),a("tr",[a("td",[s._v("icon")]),s._v(" "),a("td",[s._v("Generally used to display icon")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),s._v(" "),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("parameter")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("Dispatched when the tab is clicked")]),s._v(" "),a("td",[s._v("The "),a("code",{pre:!0},[s._v("label")]),s._v("/"),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(" value of the tab which is selected")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("Dispatched when tab changed")]),s._v(" "),a("td",[s._v("The "),a("code",{pre:!0},[s._v("label")]),s._v("/"),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(" value of the tab which is selected")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),s._v(" "),a("p",[s._v("This method works when the instance's "),a("code",{pre:!0},[s._v("showSlider")]),s._v(" property is set to true.")]),s._v(" "),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 Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setSliderTransform")]),s._v(" "),a("td",[s._v("Change the underscore's transformX of the "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" component. If you pass Number, it will be converted into a pixel, or you can pass a String with units")]),s._v(" "),a("td",[s._v("Number/String")])])])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/55.fb42732889ea5a34394a.js b/docs/js/55.fb42732889ea5a34394a.js
deleted file mode 100644
index dba7668a9..000000000
--- a/docs/js/55.fb42732889ea5a34394a.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([55],{JADn:function(s,t,a){var e=a("VU/8")(null,a("cs6w"),null,null,null);s.exports=e.exports},cs6w: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:"TabBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TabBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TabBar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Implementing the function of tab switching.")]),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:"CubeTabBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"CubeTabBar&CubeTabPanels"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar&CubeTabPanels-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar & CubeTabPanels")]),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:"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(8),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(10),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(11)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The following demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/tab-bar"}},[s._v("here")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" supports click highlighting, underscore follow-up effects, and custom slots for icon-label-like app-navigation styles.")])},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 initialize "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" by passing in the data structure of "),a("code",{pre:!0},[s._v("tabs")]),s._v(" as follows. You must use the "),a("code",{pre:!0},[s._v("v-model")]),s._v(" directive to select the corresponding tab. The value of the v-model argument must correspond to the "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, use "),a("code",{pre:!0},[s._v("value")]),s._v(") attribute of a tab in "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(". The icon attribute is used as a class selector, which is generally used with icon-font class. It will dispatch "),a("code",{pre:!0},[s._v("click")]),s._v(" and "),a("code",{pre:!0},[s._v("change")]),s._v(" event at the proper time. The parameter is the "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, is "),a("code",{pre:!0},[s._v("value")]),s._v(") value corresponding to each selected tab.")]),s._v(" "),a("pre",{pre:!0},[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-tab-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelDefault"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tabs"')]),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("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelDefault")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v("\n      }]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    },\n    changeHandler (label) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked different tab, this methods can be emitted")]),s._v("\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom slot")]),s._v(" "),a("p",[s._v("In fact, we always want to display icons and text effects which looks like app navigation styles, so the "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" component also supports the use of slot. Note that you must use the "),a("code",{pre:!0},[s._v("cube-tab")]),s._v(" component as a sub-component of the first level to wrap your custom 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("template")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelSlots"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inline")]),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("cube-tab")]),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 tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- icon slot --\x3e")]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- default slot --\x3e")]),s._v("\n      {{item.label}}\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabelSlots")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n      }]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    clickHandler (label) {\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("At the same time, "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" also supports other configurations, "),a("code",{pre:!0},[s._v("showSlider")]),s._v(" controls whether to turn on the effect of underscore, "),a("code",{pre:!0},[s._v("inline")]),s._v(" to determine whether the icon and label are in a line, "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" controls whether the underscore use transition, as shown in the sample code.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Usually, our requirement is to display different panel as tabs are switched, so we need to use the "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" component. "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" must be nested with "),a("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(". The "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, use "),a("code",{pre:!0},[s._v("value")]),s._v(") values passed to "),a("code",{pre:!0},[s._v("cube-tab")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(" must be the same, because it is necessary to create the relationship between tab with panel. They are linked by the same "),a("code",{pre:!0},[s._v("v-model")]),s._v(".To see the effect, click on the "),a("code",{pre:!0},[s._v("tab-basic")]),s._v(" demo on the right.")])},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-tab-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),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 tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),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("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":icon")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n      {{item.label}}\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),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 tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[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('"tab-panel-li"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(hero, index) in item.heroes"')]),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          {{hero}}\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("selectedLabel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),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(", "),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(", "),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(", "),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'熊战士'")]),s._v("]\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'夜魇'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-star'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),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(", "),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(", "),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(", "),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'米波'")]),s._v("]\n      }]\n    }\n  }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In fact, "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" can be combined with many other cube-ui's components (such as: "),a("code",{pre:!0},[s._v("cube-scroll")]),s._v(", "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(") to make a similar effect to the layout of native apps. Click on the "),a("code",{pre:!0},[s._v("ScrollTab Demo")]),s._v(" and "),a("code",{pre:!0},[s._v("tab-composite")]),s._v(" example on the right to see the effect.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),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("Demo")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use v-model to select the corresponding tab when initializing.")]),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("data")]),s._v(" "),a("td",[s._v("For data rendered with "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(", when using the built-in default slot, this parameter must be passed. Each item of the array is an Object type, including "),a("code",{pre:!0},[s._v("label")]),s._v(", "),a("code",{pre:!0},[s._v("icon")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),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("[{label: 1, value: 1, icon: 'cubeic-like'}, {label: 2, value: 2, icon: 'cubeic-like'}]")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("showSlider")]),s._v(" "),a("td",[s._v("Whether to turn on the underscore follow effect")]),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("inline")]),s._v(" "),a("td",[s._v("Whether text and icons are displayed on one line")]),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("useTransition")]),s._v(" "),a("td",[s._v("Whether to use transition")]),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("li",[a("p",[s._v("CubeTab")]),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("Needed")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("Use it to determine which tab is clicked before 1.12.5, after 1.12.5 just use to display text by default")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("yes")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use it to determine which tab is clicked"),a("sup",[s._v("1.12.5+")])]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("no")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("label")]),s._v(" value")])])])])]),s._v(" "),a("li",[a("p",[s._v("CubeTabPanels")]),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("Demo")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use v-model to display the corresponding panels at initialization")]),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("data")]),s._v(" "),a("td",[s._v("For data rendered with "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(", when using the built-in default slot, this parameter must be passed. Each item of the array is an Object type, including "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),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("[{label: 1, value: 1}, {label: 2, value: 2}]")]),s._v(" "),a("td",[s._v("[]")])])])])]),s._v(" "),a("li",[a("p",[s._v("CubeTabPanel")]),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("Needed")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("determine that the panels is displayed")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("yes")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the key of panel, use it to determined selected value"),a("sup",[s._v("1.12.5+")])]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("no")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("label")]),s._v(" value")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTab")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("cube-tab")]),s._v("'s text")])]),s._v(" "),a("tr",[a("td",[s._v("icon")]),s._v(" "),a("td",[s._v("Generally used to display icon")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),s._v(" "),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("parameter")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("Dispatched when the tab is clicked")]),s._v(" "),a("td",[s._v("The "),a("code",{pre:!0},[s._v("label")]),s._v("/"),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(" value of the tab which is selected")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("Dispatched when tab changed")]),s._v(" "),a("td",[s._v("The "),a("code",{pre:!0},[s._v("label")]),s._v("/"),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(" value of the tab which is selected")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),s._v(" "),a("p",[s._v("This method works when the instance's "),a("code",{pre:!0},[s._v("showSlider")]),s._v(" property is set to true.")]),s._v(" "),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 Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setSliderTransform")]),s._v(" "),a("td",[s._v("Change the underscore's transformX of the "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" component. If you pass Number, it will be converted into a pixel, or you can pass a String with units")]),s._v(" "),a("td",[s._v("Number/String")])])])])])])}]}},djff:function(s,t,a){s.exports=a("JADn")}});
\ No newline at end of file
diff --git a/docs/js/56.2ded9d5c2b260f563fc8.js b/docs/js/56.2ded9d5c2b260f563fc8.js
new file mode 100644
index 000000000..99e2d03e5
--- /dev/null
+++ b/docs/js/56.2ded9d5c2b260f563fc8.js
@@ -0,0 +1 @@
+webpackJsonp([56],{"1RKI":function(t,a,s){var e=s("VU/8")(null,s("Ejpb"),null,null,null);t.exports=e.exports},"2nyi":function(t,a,s){t.exports=s("1RKI")},Ejpb: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:"Switch"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Switch-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(" Switch")]),t._v(" "),t._m(0),t._v(" "),s("p",[t._v("Switch usually used to switch the state of on/off.")]),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),s("h3",{attrs:{id:"Events"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(3)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("blockquote",[s("p",[t._v("New in 1.4.0+")])])},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("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-switch")]),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(">")]),t._v("\n  Switch\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),t._v(">")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n  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-literal"}},[t._v("true")]),t._v("\n    }\n  }\n}\n")])]),t._v(" "),s("p",[s("code",{pre:!0},[t._v("value: true")]),t._v(" correspond to the state of on， "),s("code",{pre:!0},[t._v("value: false")]),t._v(" correspond to the state of off.")])]),t._v(" "),s("li",[s("p",[t._v("Disabled state")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n  Disbled Switch\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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("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("the state of on/off, two-way data binding")]),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("disabled")]),t._v(" "),s("td",[t._v("whether disabled")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])])])])},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("input")]),t._v(" "),s("td",[t._v("triggers when the binding value changes")]),t._v(" "),s("td",[t._v("the updated value")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/56.7f3fb816e0fe97a65fcc.js b/docs/js/56.7f3fb816e0fe97a65fcc.js
deleted file mode 100644
index 483dbb763..000000000
--- a/docs/js/56.7f3fb816e0fe97a65fcc.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([56],{"1RKI":function(t,a,s){var e=s("VU/8")(null,s("4EjL"),null,null,null);t.exports=e.exports},"2nyi":function(t,a,s){t.exports=s("1RKI")},"4EjL":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:"Switch"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Switch-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(" Switch")]),t._v(" "),t._m(0),t._v(" "),s("p",[t._v("Switch usually used to switch the state of on/off.")]),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),s("h3",{attrs:{id:"Events"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(3)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("blockquote",[s("p",[t._v("New in 1.4.0+")])])},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("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-switch")]),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(">")]),t._v("\n  Switch\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),t._v(">")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n  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-literal"}},[t._v("true")]),t._v("\n    }\n  }\n}\n")])]),t._v(" "),s("p",[s("code",{pre:!0},[t._v("value: true")]),t._v(" correspond to the state of on， "),s("code",{pre:!0},[t._v("value: false")]),t._v(" correspond to the state of off.")])]),t._v(" "),s("li",[s("p",[t._v("Disabled state")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n  Disbled Switch\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),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("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("the state of on/off, two-way data binding")]),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("disabled")]),t._v(" "),s("td",[t._v("whether disabled")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])])])])},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("input")]),t._v(" "),s("td",[t._v("triggers when the binding value changes")]),t._v(" "),s("td",[t._v("the updated value")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/57.5927510de4d047fa05f0.js b/docs/js/57.5927510de4d047fa05f0.js
deleted file mode 100644
index 877baffca..000000000
--- a/docs/js/57.5927510de4d047fa05f0.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([57],{"Ct+D":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(" "),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(" "),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(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),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),s._v(" "),s._m(13)])},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",[a("p",[s._v("Basic Usage")]),s._v(" "),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.")]),s._v(" "),a("pre",{pre:!0},[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("</"),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("cube-scroll")]),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("template")]),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("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")])]),s._v(" "),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.")])]),s._v(" "),a("li",[a("p",[s._v("Custom slots")]),s._v(" "),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.")]),s._v(" "),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.")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("1.11+")]),s._v(" "),a("pre",{pre:!0},[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(">")]),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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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  "),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  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Before 1.11")]),s._v(" "),a("p",[s._v("You need to handle CubeSwipeItem "),a("code",{pre:!0},[s._v("active")]),s._v(" event "),a("code",{pre:!0},[s._v("onItemActive")]),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("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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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("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("th",[s._v("Parameters 3")])])]),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("td",[s._v("-")])]),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("td",[s._v("the list item"),a("sup",[s._v("1.9.7")])])])])])},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")])])])])}]}},FRSy:function(s,t,a){s.exports=a("pYiz")},pYiz:function(s,t,a){var n=a("VU/8")(null,a("Ct+D"),null,null,null);s.exports=n.exports}});
\ No newline at end of file
diff --git a/docs/js/57.9d86c4c58cbe42d519d6.js b/docs/js/57.9d86c4c58cbe42d519d6.js
new file mode 100644
index 000000000..b8198c138
--- /dev/null
+++ b/docs/js/57.9d86c4c58cbe42d519d6.js
@@ -0,0 +1 @@
+webpackJsonp([57],{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(" "),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(" "),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(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),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),s._v(" "),s._m(13)])},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",[a("p",[s._v("Basic Usage")]),s._v(" "),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.")]),s._v(" "),a("pre",{pre:!0},[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("</"),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("cube-scroll")]),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("template")]),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("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")])]),s._v(" "),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.")])]),s._v(" "),a("li",[a("p",[s._v("Custom slots")]),s._v(" "),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.")]),s._v(" "),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.")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("1.11+")]),s._v(" "),a("pre",{pre:!0},[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(">")]),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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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  "),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  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Before 1.11")]),s._v(" "),a("p",[s._v("You need to handle CubeSwipeItem "),a("code",{pre:!0},[s._v("active")]),s._v(" event "),a("code",{pre:!0},[s._v("onItemActive")]),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("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("</"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("div")]),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(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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(">")]),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("cube-scroll")]),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("template")]),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("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("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("th",[s._v("Parameters 3")])])]),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("td",[s._v("-")])]),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("td",[s._v("the list item"),a("sup",[s._v("1.9.7")])])])])])},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/58.6f4cdbad62be8cab39c9.js b/docs/js/58.6f4cdbad62be8cab39c9.js
new file mode 100644
index 000000000..7ff9fb832
--- /dev/null
+++ b/docs/js/58.6f4cdbad62be8cab39c9.js
@@ -0,0 +1 @@
+webpackJsonp([58],{jpwl:function(t,s,a){t.exports=a("tu/G")},"tu/G":function(t,s,a){var e=a("VU/8")(null,a("xX8y"),null,null,null);t.exports=e.exports},xX8y: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:"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"}})])]),t._v(" style module")]),t._v(" "),a("p",[t._v("This module contains the common css: built-in icons, reset and base.")]),t._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"}})])]),t._v(" Icon")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("There are 65 icons:")]),t._v(" "),t._m(1),t._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"}})])]),t._v(" reset.css")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._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"}})])]),t._v(" base.css")]),t._v(" "),t._m(4),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If you want to use them, just add the "),a("code",{pre:!0},[t._v("cubeic-${name}")]),t._v(" class: "),a("code",{pre:!0},[t._v('<i class="cubeic-alert"></i>')]),t._v(".")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-invisible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-visible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-person"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-select"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pulldown"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pullup"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-back"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-arrow"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-more"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-warn"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-question"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wrong"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-add"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-remove"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-info"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-share"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-no-wifi"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wifi"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-sad"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-smile"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-game"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-email"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-hot"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-notification"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-delete"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-vip"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mute"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-volume"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-good"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-bad"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mobile-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-aim"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-navigation"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-safe-pay"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-tag"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-lock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-unlock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-edit"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-scan"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-qr-code"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-calendar"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-time"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-red-packet"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-star"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-setting"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-home"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-credit-card"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mall"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-microphone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-search"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-danger"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-alert"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-picture"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-message"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-location"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-like"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-camera"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-round-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-ok"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-important"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}})])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("Based on "),a("a",{attrs:{href:"http://meyerweb.com/eric/tools/css/reset/"}},[t._v("Eric Meyer's Reset CSS")]),t._v(" and "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[t._v("modified")]),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-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[t._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("span")]),t._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("object")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("iframe")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h1")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h2")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h3")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h4")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h5")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h6")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("p")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("abbr")]),t._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("address")]),t._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("cite")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("code")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("del")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dfn")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("em")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("img")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ins")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("kbd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("samp")]),t._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("strong")]),t._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("sup")]),t._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("var")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("b")]),t._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dl")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dt")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ol")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ul")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("fieldset")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("form")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("label")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("legend")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("caption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tbody")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tfoot")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("thead")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tr")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("th")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("td")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("canvas")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("summary")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("time")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("mark")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("audio")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("video")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("input")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("padding")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-weight")]),t._v(": normal\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("vertical-align")]),t._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* HTML5 display-role reset for older browsers */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("quotes")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":after\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-collapse")]),t._v(": collapse\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-spacing")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* custom */")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#7e8c8d")]),t._v("\n  -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("backface-visibility")]),t._v(": hidden\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-decoration")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("list-style")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": rgba("),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(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("The "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[t._v("base css")]),t._v(" contains the following styles:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t._v("@require "),a("span",{attrs:{class:"hljs-string"}},[t._v('"./variable.styl"')]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-family")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'PingFang SC'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'STHeitiSC-Light'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Helvetica-Light'")]),t._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Droid Sans Fallback'")]),t._v("\n  user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".clear-fix")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": table\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("clear")]),t._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n  &::before, &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": absolute\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),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-selector-class"}},[t._v(".border-top-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": right "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": left "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("2dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("3dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/58.883f4cb21727505c6ca7.js b/docs/js/58.883f4cb21727505c6ca7.js
deleted file mode 100644
index 86027ed71..000000000
--- a/docs/js/58.883f4cb21727505c6ca7.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([58],{"8OrA":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:"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"}})])]),t._v(" style module")]),t._v(" "),a("p",[t._v("This module contains the common css: built-in icons, reset and base.")]),t._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"}})])]),t._v(" Icon")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("There are 65 icons:")]),t._v(" "),t._m(1),t._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"}})])]),t._v(" reset.css")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._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"}})])]),t._v(" base.css")]),t._v(" "),t._m(4),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If you want to use them, just add the "),a("code",{pre:!0},[t._v("cubeic-${name}")]),t._v(" class: "),a("code",{pre:!0},[t._v('<i class="cubeic-alert"></i>')]),t._v(".")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-invisible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-visible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-person"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-select"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pulldown"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pullup"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-back"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-arrow"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-more"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-warn"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-question"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wrong"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-add"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-remove"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-info"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-share"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-no-wifi"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wifi"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-sad"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-smile"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-game"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-email"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-hot"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-notification"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-delete"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-vip"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mute"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-volume"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-good"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-bad"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mobile-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-aim"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-navigation"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-safe-pay"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-tag"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-lock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-unlock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-edit"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-scan"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-qr-code"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-calendar"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-time"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-red-packet"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-star"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-setting"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-home"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-credit-card"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mall"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-microphone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-search"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-danger"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-alert"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-picture"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-message"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-location"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-like"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-camera"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-round-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-ok"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-important"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}})])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("Based on "),a("a",{attrs:{href:"http://meyerweb.com/eric/tools/css/reset/"}},[t._v("Eric Meyer's Reset CSS")]),t._v(" and "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[t._v("modified")]),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-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[t._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("span")]),t._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("object")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("iframe")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h1")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h2")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h3")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h4")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h5")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h6")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("p")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("abbr")]),t._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("address")]),t._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("cite")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("code")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("del")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dfn")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("em")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("img")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ins")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("kbd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("samp")]),t._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("strong")]),t._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("sup")]),t._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("var")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("b")]),t._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dl")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dt")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ol")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ul")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("fieldset")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("form")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("label")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("legend")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("caption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tbody")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tfoot")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("thead")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tr")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("th")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("td")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("canvas")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("summary")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("time")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("mark")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("audio")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("video")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("input")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("padding")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-weight")]),t._v(": normal\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("vertical-align")]),t._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* HTML5 display-role reset for older browsers */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("quotes")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":after\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-collapse")]),t._v(": collapse\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-spacing")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* custom */")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#7e8c8d")]),t._v("\n  -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("backface-visibility")]),t._v(": hidden\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-decoration")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("list-style")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n  -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": rgba("),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(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("The "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[t._v("base css")]),t._v(" contains the following styles:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t._v("@require "),a("span",{attrs:{class:"hljs-string"}},[t._v('"./variable.styl"')]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-family")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'PingFang SC'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'STHeitiSC-Light'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Helvetica-Light'")]),t._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Droid Sans Fallback'")]),t._v("\n  user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n  -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".clear-fix")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": table\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("clear")]),t._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n  &::before, &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": absolute\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),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-selector-class"}},[t._v(".border-top-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": right "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n  &::after\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n  &::before\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": left "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("2dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("3dppx")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n    &::after\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n    &::before\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])}]}},jpwl:function(t,s,a){t.exports=a("tu/G")},"tu/G":function(t,s,a){var e=a("VU/8")(null,a("8OrA"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/59.224e2cca1fdcdf88dff7.js b/docs/js/59.224e2cca1fdcdf88dff7.js
new file mode 100644
index 000000000..46dbfdfdb
--- /dev/null
+++ b/docs/js/59.224e2cca1fdcdf88dff7.js
@@ -0,0 +1 @@
+webpackJsonp([59],{Mrle: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:"Sticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Sticky-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(" Sticky")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("Sticky component, the element will be sticky when the scroll position matched the target elements position.")]),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(" "),t("h4",{attrs:{id:"CubeSticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeSticky-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(" CubeSticky")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeStickyEle"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeStickyEle-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(" CubeStickyEle")]),s._v(" "),s._m(3),s._v(" "),s._m(4),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(5),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(6),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(7)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.10.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Default usage - Scroll")]),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-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"11"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"22"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"33"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),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("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("{{props.current}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" need to use with "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" component.")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("pos")]),s._v(" Prop of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" component is the scroll runtime position value.")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" Prop of "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" component is optional, it is used to define the key value of sticky ele. The default  "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" value is the current sticky ele's index value.")]),s._v(" "),t("p",[s._v("You can alse use "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v("'s "),t("code",{pre:!0},[s._v("fixed")]),s._v(" slot to define your own sticky HTML. If you do not use "),t("code",{pre:!0},[s._v("fixed")]),s._v(" slot then the default sticky content will be the active "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v("'s content.")])]),s._v(" "),t("li",[t("p",[s._v("Default usage - Native Scroll")]),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-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-ele"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\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("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler(e) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = e.currentTarget.scrollTop\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-ele")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v(": auto\n  -webkit-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v("-scrolling: touch\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("check-top")]),s._v(" Prop is used to control the checking of boundary conditions, it's default value is "),t("code",{pre:!0},[s._v("true")]),s._v(", this means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" element will be sticky when the top of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(". This case the "),t("code",{pre:!0},[s._v("check-top")]),s._v(" is "),t("code",{pre:!0},[s._v("false")]),s._v(" which means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" element will be sticky when the bottom of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(".")])]),s._v(" "),t("li",[t("p",[s._v("Like WeChat")]),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-sticky")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fixed-show-ani")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-fixed-show"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@diff-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"diffChange"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyHeader"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("header"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    },\n    diffChange() {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" opacity = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (height) {\n        opacity = diff / height\n      }\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.stickyHeader.style.opacity = opacity\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": translate("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", -"),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v(")\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter-active")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transition")]),s._v(": all ."),t("span",{attrs:{class:"hljs-number"}},[s._v("5s")]),s._v(" ease-in-out\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("fixed-show-ani")]),s._v(" is used to set the "),t("code",{pre:!0},[s._v("transition")]),s._v(" name of the sticky element when it's fixed.")]),s._v(" "),t("p",[s._v("You can get current sticky ele's fixed diff value on "),t("code",{pre:!0},[s._v("diff-change")]),s._v(" event.")])])])},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("pos")]),s._v(" "),t("td",[s._v("required, scroll position")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("checkTop")]),s._v(" "),t("td",[s._v("whether to treat the top of sticky element as boundary, if this value is false means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" will be sticky when the bottom of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")])]),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("fixedShowAni")]),s._v(" "),t("td",[s._v("the "),t("code",{pre:!0},[s._v("transition")]),s._v(" name of the sticky element")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("if checkTop is true this value will be '', otherwise this value will be 'cube-sticky-fixed-fade'")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("offset value, "),t("code",{pre:!0},[s._v("pos+offset")]),s._v(" will be the real pos value")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("0")])])])])},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("eleKey")]),s._v(" "),t("td",[s._v("the key of sticky element")]),s._v(" "),t("td",[s._v("Number/String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("If "),t("code",{pre:!0},[s._v("eleKey")]),s._v(" is undefined, CubeSticky will get the index of CubeStickyEle as the element's key.")])},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("default content")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("fixed")]),s._v(" "),t("td",[s._v("custom sticky content when the sticky element is fixed")]),s._v(" "),t("td",[s._v("current: key of the fixed sticky element"),t("br"),s._v("index: index of the sticky element(index is not reactive)")])])])])},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 1")]),s._v(" "),t("th",[s._v("Parameters 2")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("triggers when fixed sticky element changed")]),s._v(" "),t("td",[s._v("current - key of the fixed sticky element, if there is no fixed sticky element this value will be ''")]),s._v(" "),t("td",[s._v("index - index of sticky element, if there is no fixed sticky element this value will be -1 (index is not reactive)")])]),s._v(" "),t("tr",[t("td",[s._v("diff-change")]),s._v(" "),t("td",[s._v("triggers when sticky element scrolling diff value changed")]),s._v(" "),t("td",[s._v("diff - diff value")]),s._v(" "),t("td",[s._v("height: height of current sticky element")])])])])},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("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("You can call this method when content updated")])])])])}]}},WvS6:function(s,a,t){var l=t("VU/8")(null,t("Mrle"),null,null,null);s.exports=l.exports},X7Go:function(s,a,t){s.exports=t("WvS6")}});
\ No newline at end of file
diff --git a/docs/js/59.88509283c0cdfd915d17.js b/docs/js/59.88509283c0cdfd915d17.js
deleted file mode 100644
index 964a726a9..000000000
--- a/docs/js/59.88509283c0cdfd915d17.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([59],{WvS6:function(s,a,t){var l=t("VU/8")(null,t("qC4O"),null,null,null);s.exports=l.exports},X7Go:function(s,a,t){s.exports=t("WvS6")},qC4O: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:"Sticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Sticky-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(" Sticky")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("Sticky component, the element will be sticky when the scroll position matched the target elements position.")]),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(" "),t("h4",{attrs:{id:"CubeSticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeSticky-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(" CubeSticky")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeStickyEle"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeStickyEle-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(" CubeStickyEle")]),s._v(" "),s._m(3),s._v(" "),s._m(4),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(5),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(6),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(7)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.10.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Default usage - Scroll")]),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-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"11"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"22"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"33"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),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("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("{{props.current}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    }\n  }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" need to use with "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" component.")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("pos")]),s._v(" Prop of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" component is the scroll runtime position value.")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" Prop of "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" component is optional, it is used to define the key value of sticky ele. The default  "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" value is the current sticky ele's index value.")]),s._v(" "),t("p",[s._v("You can alse use "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v("'s "),t("code",{pre:!0},[s._v("fixed")]),s._v(" slot to define your own sticky HTML. If you do not use "),t("code",{pre:!0},[s._v("fixed")]),s._v(" slot then the default sticky content will be the active "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v("'s content.")])]),s._v(" "),t("li",[t("p",[s._v("Default usage - Native Scroll")]),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-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),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("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-ele"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\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("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler(e) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = e.currentTarget.scrollTop\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-ele")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v(": auto\n  -webkit-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v("-scrolling: touch\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("check-top")]),s._v(" Prop is used to control the checking of boundary conditions, it's default value is "),t("code",{pre:!0},[s._v("true")]),s._v(", this means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" element will be sticky when the top of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(". This case the "),t("code",{pre:!0},[s._v("check-top")]),s._v(" is "),t("code",{pre:!0},[s._v("false")]),s._v(" which means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" element will be sticky when the bottom of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(".")])]),s._v(" "),t("li",[t("p",[s._v("Like WeChat")]),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-sticky")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fixed-show-ani")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-fixed-show"')]),s._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@diff-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"diffChange"')]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n        "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n      "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyHeader"')]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("header"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),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("const")]),s._v(" _data = [\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n  "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),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("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n    }\n  },\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    scrollHandler({ y }) {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n    },\n    diffChange() {\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" opacity = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (height) {\n        opacity = diff / height\n      }\n      "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.stickyHeader.style.opacity = opacity\n    }\n  }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": translate("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", -"),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v(")\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter-active")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n  "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transition")]),s._v(": all ."),t("span",{attrs:{class:"hljs-number"}},[s._v("5s")]),s._v(" ease-in-out\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("fixed-show-ani")]),s._v(" is used to set the "),t("code",{pre:!0},[s._v("transition")]),s._v(" name of the sticky element when it's fixed.")]),s._v(" "),t("p",[s._v("You can get current sticky ele's fixed diff value on "),t("code",{pre:!0},[s._v("diff-change")]),s._v(" event.")])])])},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("pos")]),s._v(" "),t("td",[s._v("required, scroll position")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("checkTop")]),s._v(" "),t("td",[s._v("whether to treat the top of sticky element as boundary, if this value is false means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" will be sticky when the bottom of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")])]),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("fixedShowAni")]),s._v(" "),t("td",[s._v("the "),t("code",{pre:!0},[s._v("transition")]),s._v(" name of the sticky element")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("if checkTop is true this value will be '', otherwise this value will be 'cube-sticky-fixed-fade'")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("offset value, "),t("code",{pre:!0},[s._v("pos+offset")]),s._v(" will be the real pos value")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("0")])])])])},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("eleKey")]),s._v(" "),t("td",[s._v("the key of sticky element")]),s._v(" "),t("td",[s._v("Number/String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("If "),t("code",{pre:!0},[s._v("eleKey")]),s._v(" is undefined, CubeSticky will get the index of CubeStickyEle as the element's key.")])},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("default content")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("fixed")]),s._v(" "),t("td",[s._v("custom sticky content when the sticky element is fixed")]),s._v(" "),t("td",[s._v("current: key of the fixed sticky element"),t("br"),s._v("index: index of the sticky element(index is not reactive)")])])])])},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 1")]),s._v(" "),t("th",[s._v("Parameters 2")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("triggers when fixed sticky element changed")]),s._v(" "),t("td",[s._v("current - key of the fixed sticky element, if there is no fixed sticky element this value will be ''")]),s._v(" "),t("td",[s._v("index - index of sticky element, if there is no fixed sticky element this value will be -1 (index is not reactive)")])]),s._v(" "),t("tr",[t("td",[s._v("diff-change")]),s._v(" "),t("td",[s._v("triggers when sticky element scrolling diff value changed")]),s._v(" "),t("td",[s._v("diff - diff value")]),s._v(" "),t("td",[s._v("height: height of current sticky element")])])])])},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("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("You can call this method when content updated")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/6.895522cc1e070b001975.js b/docs/js/6.87961418e2ec57592899.js
similarity index 99%
rename from docs/js/6.895522cc1e070b001975.js
rename to docs/js/6.87961418e2ec57592899.js
index 6f03d69eb..ec6ed9265 100644
--- a/docs/js/6.895522cc1e070b001975.js
+++ b/docs/js/6.87961418e2ec57592899.js
@@ -1 +1 @@
-webpackJsonp([6],{NJZk: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),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("cube-tip")]),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("\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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("NJZk"),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),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("cube-tip")]),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("\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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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/60.2b9f48d5ff2fce75d6e0.js b/docs/js/60.48f6468a209288732754.js
similarity index 99%
rename from docs/js/60.2b9f48d5ff2fce75d6e0.js
rename to docs/js/60.48f6468a209288732754.js
index 6a0ac85b0..f3edf296a 100644
--- a/docs/js/60.2b9f48d5ff2fce75d6e0.js
+++ b/docs/js/60.48f6468a209288732754.js
@@ -1 +1 @@
-webpackJsonp([60],{"2TZu":function(s,t,a){var e=a("VU/8")(null,a("QEO6"),null,null,null);s.exports=e.exports},QEO6: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",[s._v("Considering of the usual scenes of "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(", each carousel page is a link, so the easiest way to use it is to pass an Array which consists of image and link by the "),a("code",{pre:!0},[s._v("data")]),s._v(" props. We will render it as a carousel of a set of hyperlinked images by default.")]),s._v(" "),a("pre",{pre:!0},[a("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          "),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}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom Content")]),s._v(" "),a("p",[s._v("Of course, we also support custom content, using the default slot and "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" component to customize the structure of each carousel page. Among them, the "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(" element is the entire carousel component, and the "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" element is the page of each carousel, whose 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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("Although you will use the "),a("code",{pre:!0},[s._v("data")]),s._v(" to generate the default content after using the custom content, it is still recommended that you pass the data by the "),a("code",{pre:!0},[s._v("data")]),s._v(" props, so our component can automatically perform data monitoring and re-rendering inside. Otherwise, you may need to call the "),a("code",{pre:!0},[s._v("refresh")]),s._v(" method to re-render by yourself, such as "),a("code",{pre:!0},[s._v("this.$refs.slide.refresh()")]),s._v(".")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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 configure 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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n")])])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),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-slide")]),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(".")])]),s._v(" "),a("li",[a("p",[s._v("Dispatch scroll position in real time"),a("sup",[s._v("1.10.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(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("  "),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("options")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("listenScroll")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("probeType")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n        }\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      scroll ({x, y}) {\n        "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(x, y)\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("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://better-scroll.github.io/docs-v1/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")])]),s._v(" "),a("tr",[a("td",[s._v("refreshResetCurrent"),a("sup",[s._v("1.10.10")])]),s._v(" "),a("td",[s._v("whether to reset index when refresh")]),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("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("triggered when current slide changes")]),s._v(" "),a("td",[s._v("index of current slide")])]),s._v(" "),a("tr",[a("td",[s._v("scroll"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("triggered when slide is scrolling")]),s._v(" "),a("td",[s._v("Object {x, y} - scroll position")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("triggered 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
+webpackJsonp([60],{"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",[s._v("Considering of the usual scenes of "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(", each carousel page is a link, so the easiest way to use it is to pass an Array which consists of image and link by the "),a("code",{pre:!0},[s._v("data")]),s._v(" props. We will render it as a carousel of a set of hyperlinked images by default.")]),s._v(" "),a("pre",{pre:!0},[a("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          "),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}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom Content")]),s._v(" "),a("p",[s._v("Of course, we also support custom content, using the default slot and "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" component to customize the structure of each carousel page. Among them, the "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(" element is the entire carousel component, and the "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" element is the page of each carousel, whose 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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("Although you will use the "),a("code",{pre:!0},[s._v("data")]),s._v(" to generate the default content after using the custom content, it is still recommended that you pass the data by the "),a("code",{pre:!0},[s._v("data")]),s._v(" props, so our component can automatically perform data monitoring and re-rendering inside. Otherwise, you may need to call the "),a("code",{pre:!0},[s._v("refresh")]),s._v(" method to re-render by yourself, such as "),a("code",{pre:!0},[s._v("this.$refs.slide.refresh()")]),s._v(".")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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 configure 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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n")])])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),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-slide")]),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(".")])]),s._v(" "),a("li",[a("p",[s._v("Dispatch scroll position in real time"),a("sup",[s._v("1.10.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(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("  "),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("options")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("listenScroll")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("probeType")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n        }\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      scroll ({x, y}) {\n        "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(x, y)\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("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://better-scroll.github.io/docs-v1/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")])]),s._v(" "),a("tr",[a("td",[s._v("refreshResetCurrent"),a("sup",[s._v("1.10.10")])]),s._v(" "),a("td",[s._v("whether to reset index when refresh")]),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("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("triggered when current slide changes")]),s._v(" "),a("td",[s._v("index of current slide")])]),s._v(" "),a("tr",[a("td",[s._v("scroll"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("triggered when slide is scrolling")]),s._v(" "),a("td",[s._v("Object {x, y} - scroll position")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("triggered 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/61.222f6deb479165b9f756.js b/docs/js/61.222f6deb479165b9f756.js
deleted file mode 100644
index c671450f7..000000000
--- a/docs/js/61.222f6deb479165b9f756.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([61],{"7KpM":function(e,t,n){var a=n("VU/8")(null,n("vOjf"),null,null,null);e.exports=a.exports},AoaZ:function(e,t,n){e.exports=n("7KpM")},vOjf: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.")]),e._v(" "),e._m(0),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(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),n("p",[e._v("In general cases, default behavior can meet the demand, except you have special need.")]),e._v(" "),e._m(5)])},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[n("p",[e._v("After 1.11")]),e._v(" "),n("p",[e._v("If the component is singleton, then there will be only one instance when instantiating it multiple times "),n("strong",[e._v("in same component")]),e._v(", 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("li",[n("p",[e._v("Below 1.11")]),e._v(" "),n("p",[e._v("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.")])])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[n("a",{attrs:{href:"#/en-US/docs/toast"}},[e._v("Toast")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/picker"}},[e._v("Picker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/time-picker"}},[e._v("TimePicker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/dialog"}},[e._v("Dialog")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[e._v("ActionSheet")])])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("All the api-invokings are implemented with the "),n("code",{pre:!0},[e._v("createAPI")]),e._v(" function exported by the "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(" module. It is decided whether the component is singleton in definition. See details in "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(".")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("By default, Toast, Dialog and ActionSheet is singleton, while Picker and TimePicker is multiton because their scenes tend to be more complex with a lot of extra data processing. If you want to change the default behavior at the time of instantiation,you can modify the parameter of "),n("code",{pre:!0},[e._v("$createX")]),e._v(". For example, we change the Dialog into multiton:")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("pre",{pre:!0},[n("code",{attrs:{"v-pre":"",class:"language-js"}},[n("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" dialog = "),n("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createDialog({\n  "),n("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(",\n  "),n("span",{attrs:{class:"hljs-attr"}},[e._v("title")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'title'")]),e._v(",\n  "),n("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'content'")]),e._v("\n}, "),n("span",{attrs:{class:"hljs-literal"}},[e._v("false")]),e._v(")\ndialog.show()\n")])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[n("strong",[e._v("Note:")]),e._v(" Considering the scenes of Picker and TimePicker, neither of them support singleton pattern.")])}]}}});
\ No newline at end of file
diff --git a/docs/js/61.265d640336d59817c112.js b/docs/js/61.265d640336d59817c112.js
new file mode 100644
index 000000000..f2bc354cd
--- /dev/null
+++ b/docs/js/61.265d640336d59817c112.js
@@ -0,0 +1 @@
+webpackJsonp([61],{"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.")]),e._v(" "),e._m(0),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(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),n("p",[e._v("In general cases, default behavior can meet the demand, except you have special need.")]),e._v(" "),e._m(5)])},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[n("p",[e._v("After 1.11")]),e._v(" "),n("p",[e._v("If the component is singleton, then there will be only one instance when instantiating it multiple times "),n("strong",[e._v("in same component")]),e._v(", 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("li",[n("p",[e._v("Below 1.11")]),e._v(" "),n("p",[e._v("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.")])])])},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/62.19d6cd6415720462ebf2.js b/docs/js/62.0fe8bd8b3202beab35aa.js
similarity index 99%
rename from docs/js/62.19d6cd6415720462ebf2.js
rename to docs/js/62.0fe8bd8b3202beab35aa.js
index d2ad4ccc6..ef4dcee70 100644
--- a/docs/js/62.19d6cd6415720462ebf2.js
+++ b/docs/js/62.0fe8bd8b3202beab35aa.js
@@ -1 +1 @@
-webpackJsonp([62],{"3sTa":function(t,s,e){var a=e("VU/8")(null,e("vw19"),null,null,null);t.exports=a.exports},CSGf:function(t,s,e){t.exports=e("3sTa")},vw19: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("</"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("</"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("autoPop")]),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("input")]),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("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),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([62],{"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("</"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("</"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),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("autoPop")]),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("input")]),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("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),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/63.65ab03781228409081a9.js b/docs/js/63.65ab03781228409081a9.js
new file mode 100644
index 000000000..8c3443cde
--- /dev/null
+++ b/docs/js/63.65ab03781228409081a9.js
@@ -0,0 +1 @@
+webpackJsonp([63],{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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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: <br/> - 入学时间: "),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(" <br/> - 毕业时间: "),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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: <br/> - 所选快递:  "),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(" <br/> - 寄件地址: "),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(" <br/> - 收件地址: "),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("Default")]),t._v(" "),a("th",[t._v("Accepted Values")])])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")]),t._v(" "),a("td",[t._v("-")])])])])},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/63.ede6b3e598e961142e98.js b/docs/js/63.ede6b3e598e961142e98.js
deleted file mode 100644
index 00a951dfc..000000000
--- a/docs/js/63.ede6b3e598e961142e98.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([63],{"37PA":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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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: <br/> - 入学时间: "),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(" <br/> - 毕业时间: "),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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: <br/> - 所选快递:  "),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(" <br/> - 寄件地址: "),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(" <br/> - 收件地址: "),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("Default")]),t._v(" "),a("th",[t._v("Accepted Values")])])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")]),t._v(" "),a("td",[t._v("-")])])])])},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("37PA"),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/64.4df41c1ba975112cb0ed.js b/docs/js/64.4df41c1ba975112cb0ed.js
new file mode 100644
index 000000000..05c9d2072
--- /dev/null
+++ b/docs/js/64.4df41c1ba975112cb0ed.js
@@ -0,0 +1 @@
+webpackJsonp([64],{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:"Scrollingprinciple"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scrollingprinciple-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scrolling principle")]),s._v(" "),a("p",[s._v("The better-scroll's scrolling principle is, the length of the first child element exceeds the length of the container in the scroll direction.")]),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:"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(" "),a("p",[s._v("Seven sample code to quickly understand how to use the Scroll component.")]),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(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),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(18),s._v(" "),s._m(19),s._v(" "),s._m(20),s._v(" "),s._m(21),s._v(" "),s._m(22),s._v(" "),s._m(23),s._v(" "),s._m(24),s._v(" "),s._m(25),s._v(" "),s._m(26),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(27),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(28),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(29)])},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 with events.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("So for the Scroll component, The length of "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(", the scroll-content, must be larger than "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(", the container element. Depending on the direction of scrolling, there are two situations:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("1）Scrolling vertically: "),a("strong",[s._v("The height of the content element must be greater than the container element.")]),s._v(" Since the height of the container element will be stretched by the height of the child element by default, in order to satisfy our scrolling premise, you need to give the Scroll component's "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(" element an fixed height.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("2）Scrolling horizontally: "),a("strong",[s._v("The width of the content element must be greater than the container element.")]),s._v(" Since the child element's width does not exceed the container element by default, the Scroll component's "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" element needs to be set to a width greater than the "),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("blockquote",[a("p",[s._v("Note: If there is any situation where scrolling is not possible, you should first check if the height/width of the content element "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" is greater than the height/width of the container element "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(". This is a prerequisite for content to scroll. "),a("strong",[s._v("If there is  images in the content, the scrolling should be not normal. The reason is images may not be downloaded when the DOM element is rendered, so the height of the content element is less than expected. At this point you should manually call the Scroll component's "),a("code",{pre:!0},[s._v("refresh()")]),s._v(" method after the image has been loaded, such as calling in the onload event callback, which will recalculate the scroll distance.")]),s._v(" Scroll related FAQs can seek [Cube-UI/Question-Answer].")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. Basic usage - Default")])]),s._v(" "),a("p",[s._v("By setting the data property to an array, you can generate an elegantly scrolling list. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/default.vue"}},[s._v("here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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(">")]),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("div")]),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(".scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("350px")]),s._v("\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v(": As the scrolling principle above, it is necessary to provide a fixed height to the scroll container, and scroll only when the height of the scroll content is greater than the height of the container.")])]),s._v(" "),a("p",[s._v("In the prop "),a("code",{pre:!0},[s._v("options")]),s._v(", you are able to control the scrollbar seen or not via "),a("code",{pre:!0},[s._v("scrollbar")]),s._v(", and configure the initial position by "),a("code",{pre:!0},[s._v("startX/startY")]),s._v(".")]),s._v(" "),a("p",[s._v("Scroll component provides a "),a("code",{pre:!0},[s._v("scrollTo()")]),s._v(" method that allows you to manually control the list scroll position.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("scrollTo() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.scrollTo(\n    "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToY,\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToTime,\n    ease["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToEasing]\n  )\n},\n")])]),s._v(" "),a("p",[s._v('In fact, this is a very useful method, such as when we want to achieve "click different anchor, list scroll to the corresponding position to show different content", you can use the '),a("code",{pre:!0},[s._v("scrollTo ()")]),s._v(" method.")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. Scrolling horizontally - Horizontal")])]),s._v(" "),a("p",[s._v("Scroll component supports horizontal scrolling. All you need to do is specifying "),a("code",{pre:!0},[s._v("direction = 'horizontal'")]),s._v(" and giving some styles. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal.vue"}},[s._v("here")])]),s._v(" "),a("pre",{pre:!0},[a("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("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal-scroll-list-wrap"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".horizontal-scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid 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.1")]),s._v(")\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-content")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-wrapper")]),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("10px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("white-space")]),s._v(": nowrap\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-item")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v("：1. As the scrolling principle above, the CSS style setting here is required, and scrolling is possible only when the scrolling content is wider than the container width. 2. Sometimes we want to use the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component to simulate the horizontal scroll, vertically retaining the browser's native scrolling, or vice versa. At this point you need to pass the better-scroll configuration item "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/en/options.html#eventpassthrough"}},[s._v("eventPassthrough")])])]),s._v(" "),a("p",[s._v("Here giving a brief explanation of the style settings. "),a("code",{pre:!0},[s._v("list-item")]),s._v(" items with "),a("code",{pre:!0},[s._v("display: inline-block")]),s._v(" lead to all "),a("code",{pre:!0},[s._v("list-item")]),s._v(" elements showing on one line. "),a("code",{pre:!0},[s._v("list-wrapper")]),s._v(" adds "),a("code",{pre:!0},[s._v("white-space: nowrap")]),s._v(" hope "),a("code",{pre:!0},[s._v("list-item")]),s._v(" also showing on one line when reaching the outer element boundary. And the most important is setting "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" with "),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("， which make the width of "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" bigger enough so that "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" can wrap descendants elements. Styles with the same properties are floating elements and absolutely positioned elements. When no specific width is set, the width is the minimum width of the wrapped descendant element.")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("3. Custom content - Customized")])]),s._v(" "),a("p",[s._v("The Scroll component supports the customization of list content through default slot. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/config.vue"}},[s._v("here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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    ... // custom content\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("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Scroll components also support "),a("strong",[s._v("pull-down refresh")]),s._v(" and "),a("strong",[s._v("pull-up load")]),s._v(" capabilities. By default, there is no pulldown refresh/pull-up load. You can enable corresponding functions by "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" and "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(". After opening, when pulling down, the Scroll component will show the default pulldown animation and dispatch pulldown events. You can monitor the "),a("code",{pre:!0},[s._v("pull-down")]),s._v(" event to update the data. Similarly, after the pull-up load is enabled, the data can be updated by the "),a("code",{pre:!0},[s._v("pull-up")]),s._v(" event.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("'s related configurations include: drop threshold (threshold), rebound position (stop), update successful copy (txt) and copy display time (stopTime). See the "),a("a",{attrs:{href:"#/en-US/docs/scroll#cube-Propsconfiguration-anchor"}},[s._v("Props configuration")]),s._v(" for all the configuration items and meanings of the "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" and "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" objects.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("... "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ignore")]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  options() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownRefreshObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullUpLoadObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),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("// simulate asynchronous request data")]),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 data update")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift(_foods["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),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 data update")]),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  onPullingUp() {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// simulate asynchronous request data")]),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 data update")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = _foods.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(")\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 data update")]),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("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v(": If a pulldown-refresh/pullup-loading has no data update, you must manually call the Scroll component's "),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v(" method to end the pulldown-refresh/pullup-loading so that Scroll will restart listening for the next pulldown-refresh/pullup-loading operation. In the above example, when the data is updated, we did not invoke the "),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v(" method. The reason is: ** If you pass the "),a("code",{pre:!0},[s._v("data")]),s._v(" attribute to the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component, then when the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component listens to the "),a("code",{pre:!0},[s._v("data")]),s._v(" update, the "),a("code",{pre:!0},[s._v("forceUpate(true)")]),s._v(" method will be called automatically. ** so it is recommended to pass the "),a("code",{pre:!0},[s._v("data")]),s._v(" attribute.")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("4. Custom pull-down refresh animation - Fake JD App")])]),s._v(" "),a("p",[s._v("If you don't like the built-in pull-down refresh and pull-up loading animations, you can also use the scope slots for custom animations. The variables exposed by "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots"}},[s._v("the scoped slots")]),s._v(" of the Scroll component are perfect to meet the needs of custom pull-down/pull-up animations in most scenarios. The following example imitates the pull-down refresh animation of Jingdong App's homepage. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/jd.vue"}},[s._v("here")]),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(":scroll-events")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"['scroll']\"")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollOptions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onScrollHandle"')]),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("<"),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('"http://om0jxp12h.bkt.clouddn.com/jd_content.JPG"')]),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(" "),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('"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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown-content"')]),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('"http://om0jxp12h.bkt.clouddn.com/pulldow-img.jpg"')]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v(">")]),s._v("{{ pullDownTip }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(">")]),s._v("正在更新..."),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),s._v(">")]),s._v("更新成功"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n        "),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(">")]),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("template")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("data() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),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("60")]),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("'更新成功'")]),s._v("\n      }\n    },\n    ...\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  pullDownTip() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'下拉刷新...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'继续下拉有惊喜...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'松手得惊喜！'")]),s._v("\n    }\n  },\n  headerStyle() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".min("),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".max("),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-keyword"}},[s._v("this")]),s._v(".pullDownY / "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v("))\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n  onScrollHandle(pos) {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY = pos.y\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (pos.y > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("`top:"),a("span",{attrs:{class:"hljs-subst"}},[s._v("${pos.y}")]),s._v("px`")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY > "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      }\n    }\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.topHeader.style.opacity = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".headerStyle\n  },\n  onPullingDown() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurprise = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n    }\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(".$refs.scroll.forceUpdate()\n    }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n  },\n  ...\n}\n")])]),s._v(" "),a("p",[s._v("Through the scope parameters provided by the scoped slots, such as: "),a("code",{pre:!0},[s._v("beforePulldown")]),s._v(" and "),a("code",{pre:!0},[s._v("isPullingDown")]),s._v(", allows you control the animation process. Tht other scope parameters, see "),a("a",{attrs:{href:"#/en-US/docs/scroll#cube-Slot-anchor"}},[s._v("slots")]),s._v(". In a complete pulldown refresh, the status of "),a("code",{pre:!0},[s._v("beforePullDown")]),s._v(" and "),a("code",{pre:!0},[s._v("isPullingDown")]),s._v(" changes as follows:")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("step")]),s._v(" "),a("th",[s._v("beforePulldown")]),s._v(" "),a("th",[s._v("isPullingDown")]),s._v(" "),a("th",[s._v("note")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("1. Untrigger pull-down refresh")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Show pattern guide user continues to  pull down")])]),s._v(" "),a("tr",[a("td",[s._v("2. Trigger pull-down refresh")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("Asynchronous request data，show loading")])]),s._v(" "),a("tr",[a("td",[s._v("3. Request data success")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("invoke "),a("code",{pre:!0},[s._v("forceUpdate(true)")]),s._v(", show success copy. And delay 'stopTime' into step 4")])]),s._v(" "),a("tr",[a("td",[s._v("4. A pull-down refresh complete")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("5. Advanced usage - Fake TouTiao App")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Scroll components can meet the scrolling needs of most mobile applications. In this example, using two Scroll components, one vertical and one horizontal, to imitates the Toutiao App's home page. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/toutiao.vue"}},[s._v("here")]),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"}},[s._v("  "),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('"nav-scroll-list-wrap"')]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"navScroll"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in navTxts"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more-wrapper"')]),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('"more"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("div")]),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('"content-scroll-wrapper"')]),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('"content-scroll-list-wrap"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollWrapper"')]),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("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"contentScroll"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content"')]),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("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in content"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-item"')]),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.url"')]),s._v(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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(" "),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(" "),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 > options.pullDownRefresh.threshold - 60}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("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-show")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),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("transition")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"success"')]),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-show")]),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('"text-wrapper"')]),s._v(">")]),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('"refresh-text"')]),s._v(">")]),s._v("今日头条推荐引擎有x条更新"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),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("transition")]),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("div")]),s._v(">")]),s._v("\n        "),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-scroll")]),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("div")]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In contrast to faking JD App example, pulldown refreshing custom animations use "),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v(" and "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" in pulldown scope slots to facilitate pulldown animations.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v(" is used to control the position of the pull-down content. The value is the string "),a("code",{pre:!0},[s._v("top: n px")]),s._v(" (n represents a number). The Scroll component controls the position of the pull-down content via the absolutely positioned "),a("code",{pre:!0},[s._v("top")]),s._v(" value. The initial state has a negative "),a("code",{pre:!0},[s._v("top")]),s._v(" value, and the value is just the height of the pull-down content, so the drop-down content is hidden above the scroll area. When the pull-down process is started, the Scroll component will gradually increase the "),a("code",{pre:!0},[s._v("top")]),s._v(" value and update the pull-down content position in real time. The maximum value of "),a("code",{pre:!0},[s._v("top")]),s._v(" is 0, that is, the "),a("code",{pre:!0},[s._v("top")]),s._v(" value no longer increases when the pull-down content is completely displayed. So, "),a("code",{pre:!0},[s._v("pullY - height <= top <= 0")]),s._v(". (pullY is the drop-down distance, height is the drop-down content height)")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is used to help implement custom animations. In the default animation, "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is used to control the length of the bubble tail; in the Toutiao example, is used to control the padding-top value of the arrow, to indirectly control the arrow position. The minimum value of "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is 0. In the pull-down process, when the pull-down distance is greater than the height of the pull-down content, "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" starts to increase. That is, "),a("code",{pre:!0},[s._v("0 <= bubbleY <= pullY - height")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[a("strong",[s._v("Note:")]),s._v(" In this example, the "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" configuration item does not have a "),a("code",{pre:!0},[s._v("stop")]),s._v(" value, but it is still able to bounce back to the correct location after the pulldown. The reason is that when the Scroll component is initialized, the pulldown height will be used as the "),a("code",{pre:!0},[s._v("stop")]),s._v(" default value when "),a("code",{pre:!0},[s._v("beforePullDown === false && isPullingDown === true")]),s._v(".")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("6. Vertical nested scrolls - Vertical Scrolls")]),a("sup",[s._v("1.12.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component also supports nested scenes (currently only supports two levels of nesting). when there is scroll nest, you need to config the inner "),a("code",{pre:!0},[s._v("scroll")]),s._v(" component's "),a("code",{pre:!0},[s._v("nestMode")]),s._v(" prop，the options can be 'native' or 'free'. when set to 'native', nested "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" has the same scrolling behavior as the browser's native nested scene. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/vertical-scrolls.vue"}},[s._v("here")]),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("cube-scroll")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v(">")]),s._v("\n  ...\n  "),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('"scroll2"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"native"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-list"')]),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('"cube-scroll-item border-bottom-1px"')]),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 items2"')]),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(">")]),s._v("{{item}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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  ...\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("7. Horizontal nested scrolls - Horizontal Scrolls")]),a("sup",[s._v("1.12.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("You can also implement horizontal nested scrolling. In this example, we also set "),a("code",{pre:!0},[s._v("nestMode")]),s._v(" to "),a("code",{pre:!0},[s._v("free")]),s._v(". Different from "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, in "),a("code",{pre:!0},[s._v("free")]),s._v(" mode, as long as the boundary is triggered during the inner scrolling process, the outer scroll will be started. In the "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, it is only when the scrolling starts to determine whether it reaches the boundary, which is consistent with the browser's native nested scrolling. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal-scrolls.vue"}},[s._v("here")]),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("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('"items1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"outer-horizontal-scroll"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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('"list-item inner-horizontal-scroll"')]),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("\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('"items2"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"free"')]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("li")]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])])},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://better-scroll.github.io/docs-v1/doc/en/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("}"),a("br"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])]),s._v(" "),a("tr",[a("td",[s._v("scrollEvents"),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("listenScroll")]),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("listenBeforeScroll")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("nestMode"),a("sup",[s._v("1.12.0")])]),s._v(" "),a("td",[s._v("Nested scroll mode, the default is "),a("code",{pre:!0},[s._v("none")]),s._v(" mode that do no thing when there is scroll nest. In "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, only to determine whether to reach the boundary and start the outer scroll when starting scrolling, consistent with the browser's native nested scrolling. In the "),a("code",{pre:!0},[s._v("free")]),s._v(" mode, as long as the boundary is triggered during the inner scrolling process, the outer scrolling is turned on. In extreme cases, you can specify the "),a("code",{pre:!0},[s._v("none")]),s._v(" mode for the inner Scroll to disable nested processing logic.")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'none', 'native', 'free'")]),s._v(" "),a("td",[s._v("'none'")])])])])},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("Scroll component will calculate the height of pulldown element as default "),a("code",{pre:!0},[s._v("stop")]),s._v(" value")])]),s._v(" "),a("tr",[a("td",[s._v("stopTime")]),s._v(" "),a("td",[s._v("the time that keeps showing the text of refreshing success")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("600")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text is 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: '' }")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.12.21")])]),s._v(" "),a("td",[s._v("txt visible or not when content is not more enough")]),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("blockquote",[a("p",[s._v("When pullUpLoad is enabled and the content height is smaller than the container, by default, the copy "),a("code",{pre:!0},[s._v("pullUpLoad.txt")]),s._v(" needs to be pulled up to be seen. If you want to see the prompt copy without pulling up, you can set "),a("code",{pre:!0},[s._v("pullUpLoad.visible")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v("。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("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("-")])])])])},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("tbody",[a("tr",[a("td",[s._v("scrollTo(x, y, time, ease)")]),s._v(" "),a("td",[s._v("Scroll to specific position.")]),s._v(" "),a("td",[s._v("x: number, horizontal position"),a("br"),s._v(" y: number, vertical position"),a("br"),s._v(" time: number, transition time(ms)"),a("br"),s._v(" ease: easingFn, easing function")])]),s._v(" "),a("tr",[a("td",[s._v("forceUpdate(dirty, nomore"),a("sup",[s._v("1.12.21")]),s._v(")")]),s._v(" "),a("td",[s._v("Mark pull-up or pull-down end, force recalculation of scrollable distance")]),s._v(" "),a("td",[s._v("dirty: boolean, default to false, if true express has data update。"),a("br"),s._v("nomore"),a("sup",[s._v("1.12.21")]),s._v(": boolean, default to false, if true represent has no more data. When params nomore is true, when pullup shows the value of "),a("code",{pre:!0},[s._v("pullUpLoad.txt.nomore")]),s._v(", but when dirty is false, nomore is invalid.")])]),s._v(" "),a("tr",[a("td",[s._v("disable()")]),s._v(" "),a("td",[s._v("Disable scroll.")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("enable()")]),s._v(" "),a("td",[s._v("Enable scroll. It's enabled by default")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("resetPullUpTxt()")]),s._v(" "),a("td",[s._v("Reset pull up txt when pull up state changed from no data to data updated")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("refresh()")]),s._v(" "),a("td",[s._v("Refresh, computed height and called BetterScroll instance's refresh")]),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/64.60c906d0ac60a3a8c513.js b/docs/js/64.60c906d0ac60a3a8c513.js
deleted file mode 100644
index d461e80f9..000000000
--- a/docs/js/64.60c906d0ac60a3a8c513.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([64],{SKvU: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:"Scrollingprinciple"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scrollingprinciple-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scrolling principle")]),s._v(" "),a("p",[s._v("The better-scroll's scrolling principle is, the length of the first child element exceeds the length of the container in the scroll direction.")]),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:"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(" "),a("p",[s._v("Seven sample code to quickly understand how to use the Scroll component.")]),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(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),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(18),s._v(" "),s._m(19),s._v(" "),s._m(20),s._v(" "),s._m(21),s._v(" "),s._m(22),s._v(" "),s._m(23),s._v(" "),s._m(24),s._v(" "),s._m(25),s._v(" "),s._m(26),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(27),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(28),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(29)])},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 with events.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("So for the Scroll component, The length of "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(", the scroll-content, must be larger than "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(", the container element. Depending on the direction of scrolling, there are two situations:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("1）Scrolling vertically: "),a("strong",[s._v("The height of the content element must be greater than the container element.")]),s._v(" Since the height of the container element will be stretched by the height of the child element by default, in order to satisfy our scrolling premise, you need to give the Scroll component's "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(" element an fixed height.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("2）Scrolling horizontally: "),a("strong",[s._v("The width of the content element must be greater than the container element.")]),s._v(" Since the child element's width does not exceed the container element by default, the Scroll component's "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" element needs to be set to a width greater than the "),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("blockquote",[a("p",[s._v("Note: If there is any situation where scrolling is not possible, you should first check if the height/width of the content element "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" is greater than the height/width of the container element "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(". This is a prerequisite for content to scroll. "),a("strong",[s._v("If there is  images in the content, the scrolling should be not normal. The reason is images may not be downloaded when the DOM element is rendered, so the height of the content element is less than expected. At this point you should manually call the Scroll component's "),a("code",{pre:!0},[s._v("refresh()")]),s._v(" method after the image has been loaded, such as calling in the onload event callback, which will recalculate the scroll distance.")]),s._v(" Scroll related FAQs can seek [Cube-UI/Question-Answer].")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. Basic usage - Default")])]),s._v(" "),a("p",[s._v("By setting the data property to an array, you can generate an elegantly scrolling list. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/default.vue"}},[s._v("here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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(">")]),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("div")]),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(".scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("350px")]),s._v("\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v(": As the scrolling principle above, it is necessary to provide a fixed height to the scroll container, and scroll only when the height of the scroll content is greater than the height of the container.")])]),s._v(" "),a("p",[s._v("In the prop "),a("code",{pre:!0},[s._v("options")]),s._v(", you are able to control the scrollbar seen or not via "),a("code",{pre:!0},[s._v("scrollbar")]),s._v(", and configure the initial position by "),a("code",{pre:!0},[s._v("startX/startY")]),s._v(".")]),s._v(" "),a("p",[s._v("Scroll component provides a "),a("code",{pre:!0},[s._v("scrollTo()")]),s._v(" method that allows you to manually control the list scroll position.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("scrollTo() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.scrollTo(\n    "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToY,\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToTime,\n    ease["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToEasing]\n  )\n},\n")])]),s._v(" "),a("p",[s._v('In fact, this is a very useful method, such as when we want to achieve "click different anchor, list scroll to the corresponding position to show different content", you can use the '),a("code",{pre:!0},[s._v("scrollTo ()")]),s._v(" method.")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. Scrolling horizontally - Horizontal")])]),s._v(" "),a("p",[s._v("Scroll component supports horizontal scrolling. All you need to do is specifying "),a("code",{pre:!0},[s._v("direction = 'horizontal'")]),s._v(" and giving some styles. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal.vue"}},[s._v("here")])]),s._v(" "),a("pre",{pre:!0},[a("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("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal-scroll-list-wrap"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".horizontal-scroll-list-wrap")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid 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.1")]),s._v(")\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-content")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-wrapper")]),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("10px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60px")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("white-space")]),s._v(": nowrap\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-item")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v("：1. As the scrolling principle above, the CSS style setting here is required, and scrolling is possible only when the scrolling content is wider than the container width. 2. Sometimes we want to use the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component to simulate the horizontal scroll, vertically retaining the browser's native scrolling, or vice versa. At this point you need to pass the better-scroll configuration item "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/en/options.html#eventpassthrough"}},[s._v("eventPassthrough")])])]),s._v(" "),a("p",[s._v("Here giving a brief explanation of the style settings. "),a("code",{pre:!0},[s._v("list-item")]),s._v(" items with "),a("code",{pre:!0},[s._v("display: inline-block")]),s._v(" lead to all "),a("code",{pre:!0},[s._v("list-item")]),s._v(" elements showing on one line. "),a("code",{pre:!0},[s._v("list-wrapper")]),s._v(" adds "),a("code",{pre:!0},[s._v("white-space: nowrap")]),s._v(" hope "),a("code",{pre:!0},[s._v("list-item")]),s._v(" also showing on one line when reaching the outer element boundary. And the most important is setting "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" with "),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("， which make the width of "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" bigger enough so that "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" can wrap descendants elements. Styles with the same properties are floating elements and absolutely positioned elements. When no specific width is set, the width is the minimum width of the wrapped descendant element.")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("3. Custom content - Customized")])]),s._v(" "),a("p",[s._v("The Scroll component supports the customization of list content through default slot. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/config.vue"}},[s._v("here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),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("\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    ... // custom content\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("div")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Scroll components also support "),a("strong",[s._v("pull-down refresh")]),s._v(" and "),a("strong",[s._v("pull-up load")]),s._v(" capabilities. By default, there is no pulldown refresh/pull-up load. You can enable corresponding functions by "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" and "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(". After opening, when pulling down, the Scroll component will show the default pulldown animation and dispatch pulldown events. You can monitor the "),a("code",{pre:!0},[s._v("pull-down")]),s._v(" event to update the data. Similarly, after the pull-up load is enabled, the data can be updated by the "),a("code",{pre:!0},[s._v("pull-up")]),s._v(" event.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("'s related configurations include: drop threshold (threshold), rebound position (stop), update successful copy (txt) and copy display time (stopTime). See the "),a("a",{attrs:{href:"#/en-US/docs/scroll#cube-Propsconfiguration-anchor"}},[s._v("Props configuration")]),s._v(" for all the configuration items and meanings of the "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" and "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" objects.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("... "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ignore")]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  options() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownRefreshObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullUpLoadObj,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),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("// simulate asynchronous request data")]),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 data update")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift(_foods["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),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 data update")]),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  onPullingUp() {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// simulate asynchronous request data")]),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 data update")]),s._v("\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = _foods.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(")\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 data update")]),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("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v(": If a pulldown-refresh/pullup-loading has no data update, you must manually call the Scroll component's "),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v(" method to end the pulldown-refresh/pullup-loading so that Scroll will restart listening for the next pulldown-refresh/pullup-loading operation. In the above example, when the data is updated, we did not invoke the "),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v(" method. The reason is: ** If you pass the "),a("code",{pre:!0},[s._v("data")]),s._v(" attribute to the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component, then when the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component listens to the "),a("code",{pre:!0},[s._v("data")]),s._v(" update, the "),a("code",{pre:!0},[s._v("forceUpate(true)")]),s._v(" method will be called automatically. ** so it is recommended to pass the "),a("code",{pre:!0},[s._v("data")]),s._v(" attribute.")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("4. Custom pull-down refresh animation - Fake JD App")])]),s._v(" "),a("p",[s._v("If you don't like the built-in pull-down refresh and pull-up loading animations, you can also use the scope slots for custom animations. The variables exposed by "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots"}},[s._v("the scoped slots")]),s._v(" of the Scroll component are perfect to meet the needs of custom pull-down/pull-up animations in most scenarios. The following example imitates the pull-down refresh animation of Jingdong App's homepage. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/jd.vue"}},[s._v("here")]),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(":scroll-events")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"['scroll']\"")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollOptions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onScrollHandle"')]),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("<"),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('"http://om0jxp12h.bkt.clouddn.com/jd_content.JPG"')]),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(" "),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('"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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown-content"')]),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('"http://om0jxp12h.bkt.clouddn.com/pulldow-img.jpg"')]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v(">")]),s._v("{{ pullDownTip }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),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("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(">")]),s._v("正在更新..."),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("v-else")]),s._v(">")]),s._v("更新成功"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n        "),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(">")]),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("template")]),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")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("data() {\n  "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),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("60")]),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("'更新成功'")]),s._v("\n      }\n    },\n    ...\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n  pullDownTip() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'下拉刷新...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'继续下拉有惊喜...'")]),s._v("\n    } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'松手得惊喜！'")]),s._v("\n    }\n  },\n  headerStyle() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".min("),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".max("),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-keyword"}},[s._v("this")]),s._v(".pullDownY / "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v("))\n  }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n  onScrollHandle(pos) {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY = pos.y\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (pos.y > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("`top:"),a("span",{attrs:{class:"hljs-subst"}},[s._v("${pos.y}")]),s._v("px`")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY > "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      }\n    }\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.topHeader.style.opacity = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".headerStyle\n  },\n  onPullingDown() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurprise = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n    }\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(".$refs.scroll.forceUpdate()\n    }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n  },\n  ...\n}\n")])]),s._v(" "),a("p",[s._v("Through the scope parameters provided by the scoped slots, such as: "),a("code",{pre:!0},[s._v("beforePulldown")]),s._v(" and "),a("code",{pre:!0},[s._v("isPullingDown")]),s._v(", allows you control the animation process. Tht other scope parameters, see "),a("a",{attrs:{href:"#/en-US/docs/scroll#cube-Slot-anchor"}},[s._v("slots")]),s._v(". In a complete pulldown refresh, the status of "),a("code",{pre:!0},[s._v("beforePullDown")]),s._v(" and "),a("code",{pre:!0},[s._v("isPullingDown")]),s._v(" changes as follows:")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("step")]),s._v(" "),a("th",[s._v("beforePulldown")]),s._v(" "),a("th",[s._v("isPullingDown")]),s._v(" "),a("th",[s._v("note")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("1. Untrigger pull-down refresh")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Show pattern guide user continues to  pull down")])]),s._v(" "),a("tr",[a("td",[s._v("2. Trigger pull-down refresh")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("Asynchronous request data，show loading")])]),s._v(" "),a("tr",[a("td",[s._v("3. Request data success")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("invoke "),a("code",{pre:!0},[s._v("forceUpdate(true)")]),s._v(", show success copy. And delay 'stopTime' into step 4")])]),s._v(" "),a("tr",[a("td",[s._v("4. A pull-down refresh complete")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("5. Advanced usage - Fake TouTiao App")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Scroll components can meet the scrolling needs of most mobile applications. In this example, using two Scroll components, one vertical and one horizontal, to imitates the Toutiao App's home page. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/toutiao.vue"}},[s._v("here")]),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"}},[s._v("  "),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('"nav-scroll-list-wrap"')]),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("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"navScroll"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in navTxts"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more-wrapper"')]),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('"more"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("div")]),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('"content-scroll-wrapper"')]),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('"content-scroll-list-wrap"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollWrapper"')]),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("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"contentScroll"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content"')]),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("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in content"')]),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("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-item"')]),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.url"')]),s._v(">")]),s._v("\n          "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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(" "),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(" "),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 > options.pullDownRefresh.threshold - 60}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("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-show")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),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("transition")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"success"')]),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-show")]),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('"text-wrapper"')]),s._v(">")]),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('"refresh-text"')]),s._v(">")]),s._v("今日头条推荐引擎有x条更新"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),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("transition")]),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("div")]),s._v(">")]),s._v("\n        "),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-scroll")]),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("div")]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In contrast to faking JD App example, pulldown refreshing custom animations use "),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v(" and "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" in pulldown scope slots to facilitate pulldown animations.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v(" is used to control the position of the pull-down content. The value is the string "),a("code",{pre:!0},[s._v("top: n px")]),s._v(" (n represents a number). The Scroll component controls the position of the pull-down content via the absolutely positioned "),a("code",{pre:!0},[s._v("top")]),s._v(" value. The initial state has a negative "),a("code",{pre:!0},[s._v("top")]),s._v(" value, and the value is just the height of the pull-down content, so the drop-down content is hidden above the scroll area. When the pull-down process is started, the Scroll component will gradually increase the "),a("code",{pre:!0},[s._v("top")]),s._v(" value and update the pull-down content position in real time. The maximum value of "),a("code",{pre:!0},[s._v("top")]),s._v(" is 0, that is, the "),a("code",{pre:!0},[s._v("top")]),s._v(" value no longer increases when the pull-down content is completely displayed. So, "),a("code",{pre:!0},[s._v("pullY - height <= top <= 0")]),s._v(". (pullY is the drop-down distance, height is the drop-down content height)")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is used to help implement custom animations. In the default animation, "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is used to control the length of the bubble tail; in the Toutiao example, is used to control the padding-top value of the arrow, to indirectly control the arrow position. The minimum value of "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is 0. In the pull-down process, when the pull-down distance is greater than the height of the pull-down content, "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" starts to increase. That is, "),a("code",{pre:!0},[s._v("0 <= bubbleY <= pullY - height")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[a("strong",[s._v("Note:")]),s._v(" In this example, the "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" configuration item does not have a "),a("code",{pre:!0},[s._v("stop")]),s._v(" value, but it is still able to bounce back to the correct location after the pulldown. The reason is that when the Scroll component is initialized, the pulldown height will be used as the "),a("code",{pre:!0},[s._v("stop")]),s._v(" default value when "),a("code",{pre:!0},[s._v("beforePullDown === false && isPullingDown === true")]),s._v(".")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("6. Vertical nested scrolls - Vertical Scrolls")]),a("sup",[s._v("1.12.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component also supports nested scenes (currently only supports two levels of nesting). when there is scroll nest, you need to config the inner "),a("code",{pre:!0},[s._v("scroll")]),s._v(" component's "),a("code",{pre:!0},[s._v("nestMode")]),s._v(" prop，the options can be 'native' or 'free'. when set to 'native', nested "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" has the same scrolling behavior as the browser's native nested scene. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/vertical-scrolls.vue"}},[s._v("here")]),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("cube-scroll")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v(">")]),s._v("\n  ...\n  "),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('"scroll2"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"native"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-list"')]),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('"cube-scroll-item border-bottom-1px"')]),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 items2"')]),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(">")]),s._v("{{item}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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  ...\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("7. Horizontal nested scrolls - Horizontal Scrolls")]),a("sup",[s._v("1.12.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("You can also implement horizontal nested scrolling. In this example, we also set "),a("code",{pre:!0},[s._v("nestMode")]),s._v(" to "),a("code",{pre:!0},[s._v("free")]),s._v(". Different from "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, in "),a("code",{pre:!0},[s._v("free")]),s._v(" mode, as long as the boundary is triggered during the inner scrolling process, the outer scroll will be started. In the "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, it is only when the scrolling starts to determine whether it reaches the boundary, which is consistent with the browser's native nested scrolling. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal-scrolls.vue"}},[s._v("here")]),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("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('"items1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"outer-horizontal-scroll"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),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('"list-item inner-horizontal-scroll"')]),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("\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('"items2"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"free"')]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n        "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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("li")]),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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),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")])])},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://better-scroll.github.io/docs-v1/doc/en/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("}"),a("br"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])]),s._v(" "),a("tr",[a("td",[s._v("scrollEvents"),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("listenScroll")]),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("listenBeforeScroll")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("nestMode"),a("sup",[s._v("1.12.0")])]),s._v(" "),a("td",[s._v("Nested scroll mode, the default is "),a("code",{pre:!0},[s._v("none")]),s._v(" mode that do no thing when there is scroll nest. In "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, only to determine whether to reach the boundary and start the outer scroll when starting scrolling, consistent with the browser's native nested scrolling. In the "),a("code",{pre:!0},[s._v("free")]),s._v(" mode, as long as the boundary is triggered during the inner scrolling process, the outer scrolling is turned on. In extreme cases, you can specify the "),a("code",{pre:!0},[s._v("none")]),s._v(" mode for the inner Scroll to disable nested processing logic.")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'none', 'native', 'free'")]),s._v(" "),a("td",[s._v("'none'")])])])])},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("Scroll component will calculate the height of pulldown element as default "),a("code",{pre:!0},[s._v("stop")]),s._v(" value")])]),s._v(" "),a("tr",[a("td",[s._v("stopTime")]),s._v(" "),a("td",[s._v("the time that keeps showing the text of refreshing success")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("600")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text is 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: '' }")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.12.21")])]),s._v(" "),a("td",[s._v("txt visible or not when content is not more enough")]),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("blockquote",[a("p",[s._v("When pullUpLoad is enabled and the content height is smaller than the container, by default, the copy "),a("code",{pre:!0},[s._v("pullUpLoad.txt")]),s._v(" needs to be pulled up to be seen. If you want to see the prompt copy without pulling up, you can set "),a("code",{pre:!0},[s._v("pullUpLoad.visible")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v("。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("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("-")])])])])},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("tbody",[a("tr",[a("td",[s._v("scrollTo(x, y, time, ease)")]),s._v(" "),a("td",[s._v("Scroll to specific position.")]),s._v(" "),a("td",[s._v("x: number, horizontal position"),a("br"),s._v(" y: number, vertical position"),a("br"),s._v(" time: number, transition time(ms)"),a("br"),s._v(" ease: easingFn, easing function")])]),s._v(" "),a("tr",[a("td",[s._v("forceUpdate(dirty, nomore"),a("sup",[s._v("1.12.21")]),s._v(")")]),s._v(" "),a("td",[s._v("Mark pull-up or pull-down end, force recalculation of scrollable distance")]),s._v(" "),a("td",[s._v("dirty: boolean, default to false, if true express has data update。"),a("br"),s._v("nomore"),a("sup",[s._v("1.12.21")]),s._v(": boolean, default to false, if true represent has no more data. When params nomore is true, when pullup shows the value of "),a("code",{pre:!0},[s._v("pullUpLoad.txt.nomore")]),s._v(", but when dirty is false, nomore is invalid.")])]),s._v(" "),a("tr",[a("td",[s._v("disable()")]),s._v(" "),a("td",[s._v("Disable scroll.")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("enable()")]),s._v(" "),a("td",[s._v("Enable scroll. It's enabled by default")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("resetPullUpTxt()")]),s._v(" "),a("td",[s._v("Reset pull up txt when pull up state changed from no data to data updated")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("refresh()")]),s._v(" "),a("td",[s._v("Refresh, computed height and called BetterScroll instance's refresh")]),s._v(" "),a("td",[s._v("-")])])])])}]}},a6IA:function(s,t,a){s.exports=a("nez3")},nez3:function(s,t,a){var e=a("VU/8")(null,a("SKvU"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/65.4d06d6170b5b89f3fce9.js b/docs/js/65.4d06d6170b5b89f3fce9.js
new file mode 100644
index 000000000..325403fd2
--- /dev/null
+++ b/docs/js/65.4d06d6170b5b89f3fce9.js
@@ -0,0 +1 @@
+webpackJsonp([65],{Y4Sq:function(s,t,a){var e=a("VU/8")(null,a("pXIs"),null,null,null);s.exports=e.exports},"jS6/":function(s,t,a){s.exports=a("Y4Sq")},pXIs: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:"ScrollNav"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNav-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNav")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("ScrollNav component. You can use it to sticky your navigation bar and content.")]),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:"CubeScrollNav"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNav-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNav")]),s._v(" "),s._m(2),s._v(" "),a("h4",{attrs:{id:"CubeScrollNavPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNavPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNavPanel")]),s._v(" "),s._m(3),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(4),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage - Default")]),s._v(" "),a("pre",{pre:!0},[a("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-nav")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),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("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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(" goodsData "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\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("data")]),s._v(": goods\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("goods")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-string"}},[s._v('"goods"')]),s._v(": [\n  {\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"热销榜"')]),s._v(",\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v('"type"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v('"foods"')]),s._v(": [\n      {\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"皮蛋瘦肉粥"')]),s._v(",\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114"')]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v('"image"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"')]),s._v("\n      },\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    ]\n  },\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n]\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-scroll-nav")]),s._v(" should contains "),a("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" which is the navigation target panel content.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" required Prop: "),a("code",{pre:!0},[s._v("label")]),s._v("(the key of panel).")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("change")]),s._v(" event will be triggered when navigation active item changed.")])]),s._v(" "),a("li",[a("p",[s._v("Side 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-nav")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":side")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),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("@sticky-change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stickyChangeHandler"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"prepend-header"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"prepend"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("11"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("22"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),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("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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(" goodsData "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    CubePage\n  },\n  data() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": goods["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("].name\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    },\n    stickyChangeHandler(current) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sticky-change'")]),s._v(", current)\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("If set "),a("code",{pre:!0},[s._v("side")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" then the navigation bar will be at the side position.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" is the data source, it will be passed to "),a("code",{pre:!0},[s._v("cube-scroll")]),s._v(" component, if the "),a("code",{pre:!0},[s._v("data")]),s._v(" updated then "),a("code",{pre:!0},[s._v("cube-scroll")]),s._v(" will be auto refreshed.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("current")]),s._v(" is the default navigation value(label of panel), if set this value then the target panel will be auto scrolled to the top of container.")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("sticky-change")]),s._v(" event will be triggered when the navigation bar's sticky state changed. The parameter is one of "),a("code",{pre:!0},[s._v("''")]),s._v(", "),a("code",{pre:!0},[s._v("'cube-scroll-nav-bar'")]),s._v(".")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("prepend")]),s._v(" slot to insert your own content before the main content.")])])])},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("optional, 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("side")]),s._v(" "),a("td",[s._v("If set to "),a("code",{pre:!0},[s._v("true")]),s._v(" then the navigation bar will be at the side position")]),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("current")]),s._v(" "),a("td",[s._v("the default navigation value(label of panel)")]),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("speed")]),s._v(" "),a("td",[s._v("speed of navigating to target panel")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("300")])]),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://better-scroll.github.io/docs-v1/doc/en/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"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])])])])},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("label")]),s._v(" "),a("td",[s._v("required, the key of panel")]),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("title")]),s._v(" "),a("td",[s._v("the title of panel, can be a HTML string value")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("default equal to "),a("code",{pre:!0},[s._v("label")]),s._v(" Prop")])])])])},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 panel content")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("prepend")]),s._v(" "),a("td",[s._v("prepend content")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("bar")]),s._v(" "),a("td",[s._v("navigation bar content, you should use "),a("code",{pre:!0},[s._v("cube-scroll-nav-bar")]),s._v(" component to define your own navigation bar content")]),s._v(" "),a("td",[s._v("labels: the collection of all panel labels"),a("br"),s._v("txts: the collection of all panel titles"),a("br"),s._v("current: current active navigation value(label of panel)")])])])])},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 navigation active item changed")]),s._v(" "),a("td",[s._v("active - active navigation value(label of panel)")])]),s._v(" "),a("tr",[a("td",[s._v("sticky-change")]),s._v(" "),a("td",[s._v("triggers when the navigation bar's sticky state changed")]),s._v(" "),a("td",[s._v("current - if navigation bar is fixed then this value will be 'cube-scroll-nav-bar', otherwise this value will be ''")])])])])},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 content updated")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/65.77d29e61247adbfcb175.js b/docs/js/65.77d29e61247adbfcb175.js
deleted file mode 100644
index 29eec92b0..000000000
--- a/docs/js/65.77d29e61247adbfcb175.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([65],{"H/J7":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:"ScrollNav"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNav-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNav")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("ScrollNav component. You can use it to sticky your navigation bar and content.")]),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:"CubeScrollNav"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNav-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNav")]),s._v(" "),s._m(2),s._v(" "),a("h4",{attrs:{id:"CubeScrollNavPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNavPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNavPanel")]),s._v(" "),s._m(3),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(4),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage - Default")]),s._v(" "),a("pre",{pre:!0},[a("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-nav")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),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("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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(" goodsData "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\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("data")]),s._v(": goods\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    }\n  }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("goods")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-string"}},[s._v('"goods"')]),s._v(": [\n  {\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"热销榜"')]),s._v(",\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v('"type"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-string"}},[s._v('"foods"')]),s._v(": [\n      {\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"皮蛋瘦肉粥"')]),s._v(",\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114"')]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v('"image"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"')]),s._v("\n      },\n      "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    ]\n  },\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n]\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-scroll-nav")]),s._v(" should contains "),a("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" which is the navigation target panel content.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" required Prop: "),a("code",{pre:!0},[s._v("label")]),s._v("(the key of panel).")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("change")]),s._v(" event will be triggered when navigation active item changed.")])]),s._v(" "),a("li",[a("p",[s._v("Side 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-nav")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":side")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),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("@sticky-change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stickyChangeHandler"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"prepend-header"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"prepend"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("11"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("22"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[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("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),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("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),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("{{food.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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("li")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),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(" goodsData "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    CubePage\n  },\n  data() {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": goods["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("].name\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(label) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n    },\n    stickyChangeHandler(current) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sticky-change'")]),s._v(", current)\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("If set "),a("code",{pre:!0},[s._v("side")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" then the navigation bar will be at the side position.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" is the data source, it will be passed to "),a("code",{pre:!0},[s._v("cube-scroll")]),s._v(" component, if the "),a("code",{pre:!0},[s._v("data")]),s._v(" updated then "),a("code",{pre:!0},[s._v("cube-scroll")]),s._v(" will be auto refreshed.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("current")]),s._v(" is the default navigation value(label of panel), if set this value then the target panel will be auto scrolled to the top of container.")]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("sticky-change")]),s._v(" event will be triggered when the navigation bar's sticky state changed. The parameter is one of "),a("code",{pre:!0},[s._v("''")]),s._v(", "),a("code",{pre:!0},[s._v("'cube-scroll-nav-bar'")]),s._v(".")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("prepend")]),s._v(" slot to insert your own content before the main content.")])])])},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("optional, 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("side")]),s._v(" "),a("td",[s._v("If set to "),a("code",{pre:!0},[s._v("true")]),s._v(" then the navigation bar will be at the side position")]),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("current")]),s._v(" "),a("td",[s._v("the default navigation value(label of panel)")]),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("speed")]),s._v(" "),a("td",[s._v("speed of navigating to target panel")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("300")])]),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://better-scroll.github.io/docs-v1/doc/en/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"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])])])])},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("label")]),s._v(" "),a("td",[s._v("required, the key of panel")]),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("title")]),s._v(" "),a("td",[s._v("the title of panel, can be a HTML string value")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("default equal to "),a("code",{pre:!0},[s._v("label")]),s._v(" Prop")])])])])},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 panel content")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("prepend")]),s._v(" "),a("td",[s._v("prepend content")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("bar")]),s._v(" "),a("td",[s._v("navigation bar content, you should use "),a("code",{pre:!0},[s._v("cube-scroll-nav-bar")]),s._v(" component to define your own navigation bar content")]),s._v(" "),a("td",[s._v("labels: the collection of all panel labels"),a("br"),s._v("txts: the collection of all panel titles"),a("br"),s._v("current: current active navigation value(label of panel)")])])])])},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 navigation active item changed")]),s._v(" "),a("td",[s._v("active - active navigation value(label of panel)")])]),s._v(" "),a("tr",[a("td",[s._v("sticky-change")]),s._v(" "),a("td",[s._v("triggers when the navigation bar's sticky state changed")]),s._v(" "),a("td",[s._v("current - if navigation bar is fixed then this value will be 'cube-scroll-nav-bar', otherwise this value will be ''")])])])])},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 content updated")])])])])}]}},Y4Sq:function(s,t,a){var e=a("VU/8")(null,a("H/J7"),null,null,null);s.exports=e.exports},"jS6/":function(s,t,a){s.exports=a("Y4Sq")}});
\ No newline at end of file
diff --git a/docs/js/66.9405a1639fbf8d946a77.js b/docs/js/66.edd9bd50ae205f0e44a7.js
similarity index 99%
rename from docs/js/66.9405a1639fbf8d946a77.js
rename to docs/js/66.edd9bd50ae205f0e44a7.js
index 4d95ce91a..770adf054 100644
--- a/docs/js/66.9405a1639fbf8d946a77.js
+++ b/docs/js/66.edd9bd50ae205f0e44a7.js
@@ -1 +1 @@
-webpackJsonp([66],{DeI1: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:"ScrollNavBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNavBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNavBar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Scroll navigation bar component, like DiDi business navigation.")]),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(" "),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("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Default horizontal")]),s._v(" "),a("pre",{pre:!0},[a("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-nav-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can set the active item by "),a("code",{pre:!0},[s._v("current")]),s._v(" Prop. "),a("code",{pre:!0},[s._v("labels")]),s._v(" is the collection if all the item's keys. The "),a("code",{pre:!0},[s._v("change")]),s._v(" events will be triggered when active item changed.")])]),s._v(" "),a("li",[a("p",[s._v("Vertical")]),s._v(" "),a("pre",{pre:!0},[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('"side-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"vertical"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":txts")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"txts"')]),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(">")]),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("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("{{props.txt}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),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")])]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txts")]),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        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'9二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'10出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".side-container")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n")])]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("direction")]),s._v(" Prop is "),a("code",{pre:!0},[s._v("vertical")]),s._v(" then the ScrollNavBar will be vertical style.")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("txts")]),s._v(" Prop to defined the text of showcases, it's order is correspondence with "),a("code",{pre:!0},[s._v("labels")]),s._v(" Prop. The default "),a("code",{pre:!0},[s._v("txts")]),s._v(" value is "),a("code",{pre:!0},[s._v("labels")]),s._v(".")]),s._v(" "),a("p",[s._v("You can also use default scoped slot to defined your own item content.")])])])},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("direction, default horizontal")]),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("labels")]),s._v(" "),a("td",[s._v("the collection if all the item's keys")]),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("txts")]),s._v(" "),a("td",[s._v("the text of showcases, it's order is correspondence with "),a("code",{pre:!0},[s._v("labels")]),s._v(", the item can be a HTML string value")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("default equals to "),a("code",{pre:!0},[s._v("labels")]),s._v(" Prop")])]),s._v(" "),a("tr",[a("td",[s._v("current")]),s._v(" "),a("td",[s._v("the key of the active 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("options")]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/en/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"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])])])])},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")]),s._v(" "),a("td",[s._v("txt: item's text"),a("br"),s._v("index: item's index"),a("br"),s._v("active: the key of active item"),a("br"),s._v("label: item's label")])])])])},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 active item changed")]),s._v(" "),a("td",[s._v("active - the key of active item")])])])])},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 content updated")])])])])}]}},lcM9:function(s,t,a){var r=a("VU/8")(null,a("DeI1"),null,null,null);s.exports=r.exports},vucU:function(s,t,a){s.exports=a("lcM9")}});
\ No newline at end of file
+webpackJsonp([66],{dWEj: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:"ScrollNavBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNavBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNavBar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Scroll navigation bar component, like DiDi business navigation.")]),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(" "),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("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Default horizontal")]),s._v(" "),a("pre",{pre:!0},[a("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-nav-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can set the active item by "),a("code",{pre:!0},[s._v("current")]),s._v(" Prop. "),a("code",{pre:!0},[s._v("labels")]),s._v(" is the collection if all the item's keys. The "),a("code",{pre:!0},[s._v("change")]),s._v(" events will be triggered when active item changed.")])]),s._v(" "),a("li",[a("p",[s._v("Vertical")]),s._v(" "),a("pre",{pre:!0},[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('"side-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"vertical"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":txts")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"txts"')]),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(">")]),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("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("{{props.txt}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),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")])]),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("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txts")]),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        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3专车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4顺风车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5代驾'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6公交'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7自驾租车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8豪华车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'9二手车'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'10出租车'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    changeHandler(cur) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n    }\n  }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".side-container")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300px")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n")])]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("direction")]),s._v(" Prop is "),a("code",{pre:!0},[s._v("vertical")]),s._v(" then the ScrollNavBar will be vertical style.")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("txts")]),s._v(" Prop to defined the text of showcases, it's order is correspondence with "),a("code",{pre:!0},[s._v("labels")]),s._v(" Prop. The default "),a("code",{pre:!0},[s._v("txts")]),s._v(" value is "),a("code",{pre:!0},[s._v("labels")]),s._v(".")]),s._v(" "),a("p",[s._v("You can also use default scoped slot to defined your own item content.")])])])},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("direction, default horizontal")]),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("labels")]),s._v(" "),a("td",[s._v("the collection if all the item's keys")]),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("txts")]),s._v(" "),a("td",[s._v("the text of showcases, it's order is correspondence with "),a("code",{pre:!0},[s._v("labels")]),s._v(", the item can be a HTML string value")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("default equals to "),a("code",{pre:!0},[s._v("labels")]),s._v(" Prop")])]),s._v(" "),a("tr",[a("td",[s._v("current")]),s._v(" "),a("td",[s._v("the key of the active 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("options")]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/en/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"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])])])])},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")]),s._v(" "),a("td",[s._v("txt: item's text"),a("br"),s._v("index: item's index"),a("br"),s._v("active: the key of active item"),a("br"),s._v("label: item's label")])])])])},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 active item changed")]),s._v(" "),a("td",[s._v("active - the key of active item")])])])])},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 content updated")])])])])}]}},lcM9:function(s,t,a){var r=a("VU/8")(null,a("dWEj"),null,null,null);s.exports=r.exports},vucU:function(s,t,a){s.exports=a("lcM9")}});
\ No newline at end of file
diff --git a/docs/js/67.2851d35bedf7b7cab2a0.js b/docs/js/67.2851d35bedf7b7cab2a0.js
new file mode 100644
index 000000000..b7312eb83
--- /dev/null
+++ b/docs/js/67.2851d35bedf7b7cab2a0.js
@@ -0,0 +1 @@
+webpackJsonp([67],{"9hRo":function(s,t,a){s.exports=a("qvFv")},qWZX: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:"RecycleList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-RecycleList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" RecycleList")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("A recyclable scrolling list that always keeps the number of DOMs at a very low range. Excellent performance in the rendering list of massive data.")]),s._v(" "),a("h3",{attrs:{id:"Precautions"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Precautions-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Precautions")]),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(" "),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(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.12.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("To achieve infinite scrolling, you must ensure that you have a fixed-height parent container element to wrapper component. For details, please refer to the example.")])]),s._v(" "),a("li",[a("p",[s._v("If there is an image with a fixed width and height in the list content, due to the mechanism of image loading, when DOM of each item is rendered, the image may not be loaded, resulting in incorrect calculation of the position of each item, so the caller need use CSS to specify image to avoid height calculation errors.")])]),s._v(" "),a("li",[a("p",[s._v("The internal implementation relies on Promise, so you need a polyfill for compatibility.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. 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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":offset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"offset"')]),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('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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('"avatar"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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('"meta"')]),s._v(">")]),s._v("\n            "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),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("div")]),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("template")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),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")])]),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("size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("offset")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    onFetch() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" items = []\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")]),s._v(") =>")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Simulation request for 50 items, because size is set to 50")]),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("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" i = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("; i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v("; i++) {\n            items.push({\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": i,\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("avatar")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("msg")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'123'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)'")]),s._v("\n            })\n          }\n          resolve(items)\n        }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n      })\n    },\n    handleClick(data) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Item:'")]),s._v(" + data)\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("/* Limit viewport to wrap component*/")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".view-wrapper")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": fixed\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("54px")]),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("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")])]),s._v(" "),a("p",[s._v("The vast majority of list interactions are when the user scrolls to the bottom and requests the next page of data. The default implementation of the component is based on this interaction.")]),s._v(" "),a("p",[s._v("The component accepts "),a("code",{pre:!0},[s._v("size")]),s._v(" as props and controls how many counts of data are rendered at a time. "),a("code",{pre:!0},[s._v("offset")]),s._v(" is the distance to configure the bottom pull data, "),a("code",{pre:!0},[s._v("onFetch")]),s._v(" is a function, which is mandatory, and the return value of the function must be a Promise, and the "),a("code",{pre:!0},[s._v("items")]),s._v(" ( "),a("strong",[s._v("Array")]),s._v(" ) must be the first parameter when calling "),a("code",{pre:!0},[s._v("resolve")]),s._v(" function, so the component can get "),a("code",{pre:!0},[s._v("items")]),s._v(". Of course, if you want to stop scrolling, pass "),a("code",{pre:!0},[s._v("false")]),s._v(" or an array whose length is smaller than "),a("code",{pre:!0},[s._v("size")]),s._v(" props.")]),s._v(" "),a("p",[s._v("The component supports the scope slot. You can use the destructuring assignment of the above example to get the "),a("code",{pre:!0},[s._v("data")]),s._v(" (each data item of item) that the component passes to the caller.")]),s._v(" "),a("p",[s._v("The samples demo "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-default.vue"}},[s._v("Here")]),s._v(".")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. Infinite")])]),s._v(" "),a("p",[s._v("However, the component also supports the second mode - infinite. With "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" as a placeholder, which gives the user a perceptible page element, and makes the interaction more friendly and user-friendly.\nThe samples demo "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-tombstone.vue"}},[s._v("Here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":infinite")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"infinite"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- tombstone slot-scope is mandatory --\x3e")]),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('"tombstone"')]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item tombstone"')]),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('"avatar"')]),s._v(">")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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('"meta"')]),s._v(">")]),s._v("\n            "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),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("div")]),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("template")]),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('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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('"avatar"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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('"meta"')]),s._v(">")]),s._v("\n            "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),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("div")]),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("template")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="spinner">Loading Data</div> --\x3e')]),s._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="noMore">No more data</div> --\x3e')]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("infinite")]),s._v(" is used to enable infinite scroll mode. When you enable this configuration, you must implement a personalized style through the "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" scope slot. The "),a("code",{pre:!0},[s._v("spinner")]),s._v(" and "),a("code",{pre:!0},[s._v("noMore")]),s._v(" slots are supported to customize the display of views that load more and no more data. "),a("code",{pre:!0},[s._v("spinner")]),s._v(" slot is built-in in 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("infinite")]),s._v(" "),a("td",[s._v("Enable infinite scroll mode")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("Amount of data loaded at one time")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])]),s._v(" "),a("tr",[a("td",[s._v("offset")]),s._v(" "),a("td",[s._v("The distance to fetch more data at the bottom")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("200")])]),s._v(" "),a("tr",[a("td",[s._v("onFetch")]),s._v(" "),a("td",[s._v("Fetch data")]),s._v(" "),a("td",[s._v("Function")]),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("p",[s._v("The "),a("code",{pre:!0},[s._v("onFetch")]),s._v(" function must return a Promise, and the first argument to Promise's resolve function must be an array or "),a("code",{pre:!0},[s._v("false")]),s._v(", so that the component can internally get the corresponding data to decide whether to load more or stop scrolling.")])},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("tombstone")]),s._v(" "),a("td",[s._v("Implement a customized "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" view scope slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("item")]),s._v(" "),a("td",[s._v("Scope slot for each data item")]),s._v(" "),a("td",[s._v("data: An item in items")])]),s._v(" "),a("tr",[a("td",[s._v("spinner")]),s._v(" "),a("td",[s._v("Named slot for loading more")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("noMore")]),s._v(" "),a("td",[s._v("Named slot for no more data")]),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("tbody",[a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("To clean up all the contents")])])])])}]}},qvFv:function(s,t,a){var e=a("VU/8")(null,a("qWZX"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/67.bded3f7b12f4ce988815.js b/docs/js/67.bded3f7b12f4ce988815.js
deleted file mode 100644
index e885f4ff0..000000000
--- a/docs/js/67.bded3f7b12f4ce988815.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([67],{"/ECQ":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:"RecycleList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-RecycleList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" RecycleList")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("A recyclable scrolling list that always keeps the number of DOMs at a very low range. Excellent performance in the rendering list of massive data.")]),s._v(" "),a("h3",{attrs:{id:"Precautions"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Precautions-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Precautions")]),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(" "),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(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.12.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("To achieve infinite scrolling, you must ensure that you have a fixed-height parent container element to wrapper component. For details, please refer to the example.")])]),s._v(" "),a("li",[a("p",[s._v("If there is an image with a fixed width and height in the list content, due to the mechanism of image loading, when DOM of each item is rendered, the image may not be loaded, resulting in incorrect calculation of the position of each item, so the caller need use CSS to specify image to avoid height calculation errors.")])]),s._v(" "),a("li",[a("p",[s._v("The internal implementation relies on Promise, so you need a polyfill for compatibility.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. 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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":offset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"offset"')]),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('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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('"avatar"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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('"meta"')]),s._v(">")]),s._v("\n            "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),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("div")]),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("template")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),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")])]),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("size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("offset")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    onFetch() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" items = []\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")]),s._v(") =>")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Simulation request for 50 items, because size is set to 50")]),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("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" i = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("; i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v("; i++) {\n            items.push({\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": i,\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("avatar")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("msg")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'123'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)'")]),s._v("\n            })\n          }\n          resolve(items)\n        }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n      })\n    },\n    handleClick(data) {\n      "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Item:'")]),s._v(" + data)\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("/* Limit viewport to wrap component*/")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".view-wrapper")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": fixed\n  "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("54px")]),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("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")])]),s._v(" "),a("p",[s._v("The vast majority of list interactions are when the user scrolls to the bottom and requests the next page of data. The default implementation of the component is based on this interaction.")]),s._v(" "),a("p",[s._v("The component accepts "),a("code",{pre:!0},[s._v("size")]),s._v(" as props and controls how many counts of data are rendered at a time. "),a("code",{pre:!0},[s._v("offset")]),s._v(" is the distance to configure the bottom pull data, "),a("code",{pre:!0},[s._v("onFetch")]),s._v(" is a function, which is mandatory, and the return value of the function must be a Promise, and the "),a("code",{pre:!0},[s._v("items")]),s._v(" ( "),a("strong",[s._v("Array")]),s._v(" ) must be the first parameter when calling "),a("code",{pre:!0},[s._v("resolve")]),s._v(" function, so the component can get "),a("code",{pre:!0},[s._v("items")]),s._v(". Of course, if you want to stop scrolling, pass "),a("code",{pre:!0},[s._v("false")]),s._v(" or an array whose length is smaller than "),a("code",{pre:!0},[s._v("size")]),s._v(" props.")]),s._v(" "),a("p",[s._v("The component supports the scope slot. You can use the destructuring assignment of the above example to get the "),a("code",{pre:!0},[s._v("data")]),s._v(" (each data item of item) that the component passes to the caller.")]),s._v(" "),a("p",[s._v("The samples demo "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-default.vue"}},[s._v("Here")]),s._v(".")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. Infinite")])]),s._v(" "),a("p",[s._v("However, the component also supports the second mode - infinite. With "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" as a placeholder, which gives the user a perceptible page element, and makes the interaction more friendly and user-friendly.\nThe samples demo "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-tombstone.vue"}},[s._v("Here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":infinite")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"infinite"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- tombstone slot-scope is mandatory --\x3e")]),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('"tombstone"')]),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(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item tombstone"')]),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('"avatar"')]),s._v(">")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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('"meta"')]),s._v(">")]),s._v("\n            "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),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("div")]),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("template")]),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('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),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(":id")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),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('"avatar"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),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("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),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("{{ data.msg }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),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('"meta"')]),s._v(">")]),s._v("\n            "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),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("div")]),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("template")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="spinner">Loading Data</div> --\x3e')]),s._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!-- <div slot="noMore">No more data</div> --\x3e')]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),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")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("infinite")]),s._v(" is used to enable infinite scroll mode. When you enable this configuration, you must implement a personalized style through the "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" scope slot. The "),a("code",{pre:!0},[s._v("spinner")]),s._v(" and "),a("code",{pre:!0},[s._v("noMore")]),s._v(" slots are supported to customize the display of views that load more and no more data. "),a("code",{pre:!0},[s._v("spinner")]),s._v(" slot is built-in in 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("infinite")]),s._v(" "),a("td",[s._v("Enable infinite scroll mode")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("Amount of data loaded at one time")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])]),s._v(" "),a("tr",[a("td",[s._v("offset")]),s._v(" "),a("td",[s._v("The distance to fetch more data at the bottom")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("200")])]),s._v(" "),a("tr",[a("td",[s._v("onFetch")]),s._v(" "),a("td",[s._v("Fetch data")]),s._v(" "),a("td",[s._v("Function")]),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("p",[s._v("The "),a("code",{pre:!0},[s._v("onFetch")]),s._v(" function must return a Promise, and the first argument to Promise's resolve function must be an array or "),a("code",{pre:!0},[s._v("false")]),s._v(", so that the component can internally get the corresponding data to decide whether to load more or stop scrolling.")])},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("tombstone")]),s._v(" "),a("td",[s._v("Implement a customized "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" view scope slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("item")]),s._v(" "),a("td",[s._v("Scope slot for each data item")]),s._v(" "),a("td",[s._v("data: An item in items")])]),s._v(" "),a("tr",[a("td",[s._v("spinner")]),s._v(" "),a("td",[s._v("Named slot for loading more")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("noMore")]),s._v(" "),a("td",[s._v("Named slot for no more data")]),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("tbody",[a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("To clean up all the contents")])])])])}]}},"9hRo":function(s,t,a){s.exports=a("qvFv")},qvFv:function(s,t,a){var e=a("VU/8")(null,a("/ECQ"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/68.13bbe9d9886bbf9a928e.js b/docs/js/68.2ffbc60f611766a3442a.js
similarity index 87%
rename from docs/js/68.13bbe9d9886bbf9a928e.js
rename to docs/js/68.2ffbc60f611766a3442a.js
index f06546397..b960b172d 100644
--- a/docs/js/68.13bbe9d9886bbf9a928e.js
+++ b/docs/js/68.2ffbc60f611766a3442a.js
@@ -1 +1 @@
-webpackJsonp([68],{NAIW: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:"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"}})])]),t._v(" Rate")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._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.")]),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:"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(3),t._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"}})])]),t._v(" slot in cube-rate-item")]),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.5.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("p",[t._v("You can use the v-model 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-rate")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate")]),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-number"}},[t._v("3")]),t._v("\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Multiple configurations")]),t._v(" "),a("p",[t._v("For example, you can use "),a("code",{pre:!0},[t._v("disabled")]),t._v(" to make the rating component read-only, use"),a("code",{pre:!0},[t._v("max")]),t._v(" to customize the number of stars and use "),a("code",{pre:!0},[t._v("justify")]),t._v(" to justify container's width.")]),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-rate")]),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('"disabled"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":max")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"max"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":justify")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"justify"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate")]),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("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("3")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("justify")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Custom star style")]),t._v(" "),a("p",[t._v("You need to use the "),a("code",{pre:!0},[t._v("cube-rate-item")]),t._v(" component, and define two different styles for custom stars, normal and active (under the"),a("code",{pre:!0},[t._v(".cube-rate-item.active")]),t._v(" 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-rate")]),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  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate-item")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"n in max"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"n"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":value")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":index")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"n"')]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[t._v("\x3c!-- 定制星星示例 --\x3e")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"rate-item"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate-item")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate")]),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-number"}},[t._v("3")]),t._v("\n    }\n  }\n}\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".rate-item")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("width")]),t._v(": 100%\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("height")]),t._v(": 100%\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("background-size")]),t._v(": 100%\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("grey")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".active")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".rate-item")]),t._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("orange")]),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("bound rate value")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("0")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max star number")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("5")])]),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("justify")]),t._v(" "),a("td",[t._v("auto justify container's width")]),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("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("default")]),t._v(" "),a("td",[t._v("a cube-rate-item component")]),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("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("default")]),t._v(" "),a("td",[t._v("custom star element")]),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("input")]),t._v(" "),a("td",[t._v("The event triggers when the finger is removed from the rate item (this event will be not triggered when the disabled attribute is set)")]),t._v(" "),a("td",[t._v("The value of the rate item that is currently removed from")])])])])}]}},fXra:function(t,s,a){var e=a("VU/8")(null,a("NAIW"),null,null,null);t.exports=e.exports},qr3w:function(t,s,a){t.exports=a("fXra")}});
\ No newline at end of file
+webpackJsonp([68],{fXGp: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:"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"}})])]),t._v(" Rate")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._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.")]),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:"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(3),t._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"}})])]),t._v(" slot in cube-rate-item")]),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.5.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("p",[t._v("You can use the v-model 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-rate")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate")]),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-number"}},[t._v("3")]),t._v("\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Multiple configurations")]),t._v(" "),a("p",[t._v("For example, you can use "),a("code",{pre:!0},[t._v("disabled")]),t._v(" to make the rating component read-only, use"),a("code",{pre:!0},[t._v("max")]),t._v(" to customize the number of stars and use "),a("code",{pre:!0},[t._v("justify")]),t._v(" to justify container's width.")]),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-rate")]),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('"disabled"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":max")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"max"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":justify")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"justify"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate")]),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("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("3")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("justify")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Custom star style")]),t._v(" "),a("p",[t._v("You need to use the "),a("code",{pre:!0},[t._v("cube-rate-item")]),t._v(" component, and define two different styles for custom stars, normal and active (under the"),a("code",{pre:!0},[t._v(".cube-rate-item.active")]),t._v(" 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-rate")]),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  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate-item")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"n in max"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"n"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":value")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":index")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"n"')]),t._v(">")]),t._v("\n    "),a("span",{attrs:{class:"hljs-comment"}},[t._v("\x3c!-- 定制星星示例 --\x3e")]),t._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"rate-item"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate-item")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-rate")]),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-number"}},[t._v("3")]),t._v("\n    }\n  }\n}\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".rate-item")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("width")]),t._v(": 100%\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("height")]),t._v(": 100%\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("background-size")]),t._v(": 100%\n  "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("grey")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".active")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".rate-item")]),t._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("orange")]),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("bound rate value")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("0")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max star number")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("5")])]),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("justify")]),t._v(" "),a("td",[t._v("auto justify container's width")]),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("allowHalf"),a("sup",[t._v("1.12.52")])]),t._v(" "),a("td",[t._v("whether to allow half star")]),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("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("default")]),t._v(" "),a("td",[t._v("a cube-rate-item component")]),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("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("default")]),t._v(" "),a("td",[t._v("custom star element")]),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("input")]),t._v(" "),a("td",[t._v("The event triggers when the finger is removed from the rate item (this event will be not triggered when the disabled attribute is set)")]),t._v(" "),a("td",[t._v("The value of the rate item that is currently removed from")])])])])}]}},fXra:function(t,s,a){var e=a("VU/8")(null,a("fXGp"),null,null,null);t.exports=e.exports},qr3w:function(t,s,a){t.exports=a("fXra")}});
\ No newline at end of file
diff --git a/docs/js/69.e4ffa38f45f6e3d75977.js b/docs/js/69.ca4c0927412c530708c1.js
similarity index 99%
rename from docs/js/69.e4ffa38f45f6e3d75977.js
rename to docs/js/69.ca4c0927412c530708c1.js
index 8801ea8cc..4c8fb48c1 100644
--- a/docs/js/69.e4ffa38f45f6e3d75977.js
+++ b/docs/js/69.ca4c0927412c530708c1.js
@@ -1 +1 @@
-webpackJsonp([69],{"D+uV":function(s,t,a){s.exports=a("vjNw")},Xhi2: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),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(9)])},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-number"}},[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-number"}},[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-number"}},[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-number"}},[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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),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")])])]),s._v(" "),a("li",[a("p",[s._v("Set column number"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("colNum")]),s._v(" to control the display columns")]),s._v(" "),a("pre",{pre:!0},[a("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('"selected5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colNum"')]),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("selected5")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options5")]),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          "),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        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),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("'7'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colNum")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("column number")]),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("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("hollowStyle")]),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")])])])])},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("input")]),s._v(" "),a("td",[s._v("triggers when the binding value changes")]),s._v(" "),a("td",[s._v("the value of the chosen radio")])])])])}]}},vjNw:function(s,t,a){var v=a("VU/8")(null,a("Xhi2"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
+webpackJsonp([69],{"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),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(9)])},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-number"}},[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-number"}},[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-number"}},[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-number"}},[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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),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")])])]),s._v(" "),a("li",[a("p",[s._v("Set column number"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("colNum")]),s._v(" to control the display columns")]),s._v(" "),a("pre",{pre:!0},[a("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('"selected5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options5"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colNum"')]),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("selected5")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options5")]),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          "),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        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),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("'7'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colNum")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("column number")]),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("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("hollowStyle")]),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")])])])])},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("input")]),s._v(" "),a("td",[s._v("triggers when the binding value changes")]),s._v(" "),a("td",[s._v("the value of the chosen radio")])])])])}]}},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/7.73be176458726c27bd5c.js b/docs/js/7.73be176458726c27bd5c.js
new file mode 100644
index 000000000..f4ded9ee4
--- /dev/null
+++ b/docs/js/7.73be176458726c27bd5c.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(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(10),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(11)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("Format 配置"),a("sup",[s._v("1.10.0+")])]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("format")]),s._v(" 属性可配置 "),a("code",{pre:!0},[s._v("select")]),s._v(" 事件的 "),a("code",{pre:!0},[s._v("formatedTime")]),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("Config format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hh:mm'")]),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(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("minuteStep")]),s._v(" 属性可配置分钟数的步长，默认为 10 分钟，这样的话，可选的分钟就是 10、20、30、40、50。另外在 v1.10.5+，"),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 还支持传入一个对象，你可以通过子属性 "),a("code",{pre:!0},[s._v("rule")]),s._v(" 配置取整的规则，是向上取整 "),a("code",{pre:!0},[s._v("ceil")]),s._v("，向下取整 "),a("code",{pre:!0},[s._v("floor")]),s._v("，又或是四舍五入"),a("code",{pre:!0},[s._v("round")]),s._v("。而子属性 "),a("code",{pre:!0},[s._v("step")]),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('"showMinuteStepPicker"')]),s._v(">")]),s._v("Config minute step"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(".minuteStepPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minuteStepPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rule")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ceil'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("step")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),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(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minuteStepPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("最小可选时间 min "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("你可以通过 "),a("code",{pre:!0},[s._v("min")]),s._v(" 属性设置最小可选时间。它可以接受 Date 类型的日期时间，也可以 Number类型的时间戳。")]),s._v(" "),a("pre",{pre:!0},[a("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('"showMinPicker"')]),s._v(">")]),s._v("Config min"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMinPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("最大可选时间 max "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("你可以通过 "),a("code",{pre:!0},[s._v("max")]),s._v(" 属性设置最大可选时间。它可以接受 Date 类型的日期时间，也可以 Number类型的时间戳。")]),s._v(" "),a("pre",{pre:!0},[a("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('"showMaxPicker"')]),s._v(">")]),s._v("Config max"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMaxPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("24")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("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("分钟数的步长。 当为 Object 时还可以配置取整规则，详见后续 "),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 子配置项说明"),a("sup",[s._v("1.10.5")])]),s._v(" "),a("td",[s._v("Number, Object"),a("sup",[s._v("1.10.5")])]),s._v(" "),a("td",[s._v("10")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("将当前时间向后推算的分钟数，决定了最小可选时间（注：仅当未设置 "),a("code",{pre:!0},[s._v("min")]),s._v(" 时有效）")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("最小可选时间")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("最大可选时间")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("format"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("select 事件参数 formatedTime 的格式")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'YYYY/M/D hh:mm'")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])])])])},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天（注：仅当未设置 "),a("code",{pre:!0},[s._v("max")]),s._v(" 时有效）")]),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(" 子配置项"),a("sup",[s._v("1.9.0")])])])},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")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 子配置项"),a("sup",[s._v("1.10.5")])])])},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("rule")]),s._v(" "),a("td",[s._v("取整的规则（仅用于设置最小可选时间的取整规则，对于最大时间，固定为 floor）")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("floor/ceil/round")]),s._v(" "),a("td",[s._v("'floor'")])]),s._v(" "),a("tr",[a("td",[s._v("step")]),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("10")])])])])},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("selectedTime: 当前选中的timestamp")]),s._v(" "),a("td",[s._v("selectText: 当前选中的时间文案")]),s._v(" "),a("td",[s._v("formatedTime: 格式化日期"),a("sup",[s._v("1.10.0")])])]),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("-")])]),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("-")])])])])},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/7.e73bb330f5aef30e9afc.js b/docs/js/7.e73bb330f5aef30e9afc.js
deleted file mode 100644
index f7f86200c..000000000
--- a/docs/js/7.e73bb330f5aef30e9afc.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([7],{"0OyV":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(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(10),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(11)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("Format 配置"),a("sup",[s._v("1.10.0+")])]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("format")]),s._v(" 属性可配置 "),a("code",{pre:!0},[s._v("select")]),s._v(" 事件的 "),a("code",{pre:!0},[s._v("formatedTime")]),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("Config format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hh:mm'")]),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(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("minuteStep")]),s._v(" 属性可配置分钟数的步长，默认为 10 分钟，这样的话，可选的分钟就是 10、20、30、40、50。另外在 v1.10.5+，"),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 还支持传入一个对象，你可以通过子属性 "),a("code",{pre:!0},[s._v("rule")]),s._v(" 配置取整的规则，是向上取整 "),a("code",{pre:!0},[s._v("ceil")]),s._v("，向下取整 "),a("code",{pre:!0},[s._v("floor")]),s._v("，又或是四舍五入"),a("code",{pre:!0},[s._v("round")]),s._v("。而子属性 "),a("code",{pre:!0},[s._v("step")]),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('"showMinuteStepPicker"')]),s._v(">")]),s._v("Config minute step"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(".minuteStepPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minuteStepPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rule")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ceil'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("step")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),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(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minuteStepPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("最小可选时间 min "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("你可以通过 "),a("code",{pre:!0},[s._v("min")]),s._v(" 属性设置最小可选时间。它可以接受 Date 类型的日期时间，也可以 Number类型的时间戳。")]),s._v(" "),a("pre",{pre:!0},[a("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('"showMinPicker"')]),s._v(">")]),s._v("Config min"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMinPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("最大可选时间 max "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("你可以通过 "),a("code",{pre:!0},[s._v("max")]),s._v(" 属性设置最大可选时间。它可以接受 Date 类型的日期时间，也可以 Number类型的时间戳。")]),s._v(" "),a("pre",{pre:!0},[a("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('"showMaxPicker"')]),s._v(">")]),s._v("Config max"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showMaxPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),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("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("24")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker.show()\n    },\n    selectHandler(selectedTime, selectedText, formatedTime) {\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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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-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("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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, formatedTime")]),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("`selected time: "),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("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("<br>format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),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("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("分钟数的步长。 当为 Object 时还可以配置取整规则，详见后续 "),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 子配置项说明"),a("sup",[s._v("1.10.5")])]),s._v(" "),a("td",[s._v("Number, Object"),a("sup",[s._v("1.10.5")])]),s._v(" "),a("td",[s._v("10")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("将当前时间向后推算的分钟数，决定了最小可选时间（注：仅当未设置 "),a("code",{pre:!0},[s._v("min")]),s._v(" 时有效）")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("最小可选时间")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("最大可选时间")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),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("format"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("select 事件参数 formatedTime 的格式")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'YYYY/M/D hh:mm'")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])])])])},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天（注：仅当未设置 "),a("code",{pre:!0},[s._v("max")]),s._v(" 时有效）")]),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(" 子配置项"),a("sup",[s._v("1.9.0")])])])},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")]),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("ul",[a("li",[a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 子配置项"),a("sup",[s._v("1.10.5")])])])},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("rule")]),s._v(" "),a("td",[s._v("取整的规则（仅用于设置最小可选时间的取整规则，对于最大时间，固定为 floor）")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("floor/ceil/round")]),s._v(" "),a("td",[s._v("'floor'")])]),s._v(" "),a("tr",[a("td",[s._v("step")]),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("10")])])])])},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("selectedTime: 当前选中的timestamp")]),s._v(" "),a("td",[s._v("selectText: 当前选中的时间文案")]),s._v(" "),a("td",[s._v("formatedTime: 格式化日期"),a("sup",[s._v("1.10.0")])])]),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("-")])]),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("-")])])])])},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("-")])])])])}]}},C6Sj:function(s,t,a){s.exports=a("Ftqs")},Ftqs:function(s,t,a){var v=a("VU/8")(null,a("0OyV"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/70.8d0cf8f40cb537896463.js b/docs/js/70.8d0cf8f40cb537896463.js
deleted file mode 100644
index cf487239d..000000000
--- a/docs/js/70.8d0cf8f40cb537896463.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([70],{"10ZE":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(" "),a("h4",{attrs:{id:"vue-cli>=3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli>=3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli >= 3")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h4",{attrs:{id:"vue-cli<3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli<3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli < 3")]),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:"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(" "),s._m(7),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(8),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(9),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(10),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(11),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(12),s._v(" "),s._m(13),s._v(" "),a("p",[s._v("Then register globally:")]),s._v(" "),s._m(14),s._v(" "),a("p",[s._v("All the components and modules that can be imported on demand are listed below:")]),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),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(18)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("Application Guide")])]),s._v(" "),a("li",[s._v("Have problems? See "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues"}},[s._v("QA")])]),s._v(" "),a("li",[s._v("In nuxt application, see "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-nuxt-demo"}},[s._v("demo repo")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are using vue-cli@3, you can use "),a("a",{attrs:{href:"https://github.com/cube-ui/vue-cli-plugin-cube-ui"}},[s._v("vue-cli-plugin-cube-ui")]),s._v(" plugin. After you inited your project, just run "),a("code",{pre:!0},[s._v("vue add cube-ui")]),s._v(". About options, see "),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("Then you can 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("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("blockquote",[a("p",[s._v("This section only used in the case of vue-cli < 3")])])},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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin depends on transformModules")]),s._v("\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-comment"}},[s._v("// add stylus dependencies")]),s._v("\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('"^1.0.0"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin depends on transformModules")]),s._v("\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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"locale"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("resolve")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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"),a("span",{attrs:{class:"hljs-comment"}},[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("import")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic style")]),s._v("\n  Style,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic")]),s._v("\n  Button,\n  Loading,\n  Tip,\n  Toolbar,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n  Checkbox,\n  CheckboxGroup,\n  Radio,\n  Checker,\n  Input,\n  Textarea,\n  Select,\n  Switch,\n  Rate,\n  Validator,\n  Upload,\n  Form,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n  Popup,\n  Toast,\n  Picker,\n  CascadePicker,\n  DatePicker,\n  TimePicker,\n  SegmentPicker,\n  Dialog,\n  ActionSheet,\n  Drawer,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll")]),s._v("\n  Scroll,\n  Slide,\n  IndexList,\n  Swipe\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, Locale } "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])}]}},LsOJ:function(s,t,a){var e=a("VU/8")(null,a("10ZE"),null,null,null);s.exports=e.exports},gyX9:function(s,t,a){s.exports=a("LsOJ")}});
\ No newline at end of file
diff --git a/docs/js/70.a557bc5bc06bebb31bd5.js b/docs/js/70.a557bc5bc06bebb31bd5.js
new file mode 100644
index 000000000..d84ea6c2b
--- /dev/null
+++ b/docs/js/70.a557bc5bc06bebb31bd5.js
@@ -0,0 +1 @@
+webpackJsonp([70],{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(" "),a("h4",{attrs:{id:"vue-cli>=3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli>=3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli >= 3")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h4",{attrs:{id:"vue-cli<3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli<3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli < 3")]),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:"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(" "),s._m(7),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(8),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(9),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(10),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(11),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(12),s._v(" "),s._m(13),s._v(" "),a("p",[s._v("Then register globally:")]),s._v(" "),s._m(14),s._v(" "),a("p",[s._v("All the components and modules that can be imported on demand are listed below:")]),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),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(18),s._v(" "),a("h3",{attrs:{id:"TypeScriptDevelopmentTooling"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TypeScriptDevelopmentTooling-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TypeScript Development Tooling")]),s._v(" "),a("p",[s._v("We will start to provide better support for TypeScript in v1.12.39.")]),s._v(" "),s._m(19),s._v(" "),a("h4",{attrs:{id:"TypeScript"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TypeScript-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TypeScript")]),s._v(" "),s._m(20),s._v(" "),a("h4",{attrs:{id:"VisualStudioCode"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-VisualStudioCode-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Visual Studio Code")]),s._v(" "),s._m(21),s._v(" "),a("h4",{attrs:{id:"Vetur"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Vetur-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Vetur")]),s._v(" "),s._m(22)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("Application Guide")])]),s._v(" "),a("li",[s._v("Have problems? See "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues"}},[s._v("QA")])]),s._v(" "),a("li",[s._v("In nuxt application, see "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-nuxt-demo"}},[s._v("demo repo")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are using vue-cli@3, you can use "),a("a",{attrs:{href:"https://github.com/cube-ui/vue-cli-plugin-cube-ui"}},[s._v("vue-cli-plugin-cube-ui")]),s._v(" plugin. After you inited your project, just run "),a("code",{pre:!0},[s._v("vue add cube-ui")]),s._v(". About options, see "),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("Then you can 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("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("blockquote",[a("p",[s._v("This section only used in the case of vue-cli < 3")])])},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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin depends on transformModules")]),s._v("\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-comment"}},[s._v("// add stylus dependencies")]),s._v("\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('"^1.0.0"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack-transform-modules-plugin depends on transformModules")]),s._v("\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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"locale"')]),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.4.3"')]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("resolve")]),s._v(": {\n    "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\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:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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"),a("span",{attrs:{class:"hljs-comment"}},[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("import")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic style")]),s._v("\n  Style,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic")]),s._v("\n  Button,\n  Loading,\n  Tip,\n  Toolbar,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n  Checkbox,\n  CheckboxGroup,\n  Radio,\n  Checker,\n  Input,\n  Textarea,\n  Select,\n  Switch,\n  Rate,\n  Validator,\n  Upload,\n  Form,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n  Popup,\n  Toast,\n  Picker,\n  CascadePicker,\n  DatePicker,\n  TimePicker,\n  SegmentPicker,\n  Dialog,\n  ActionSheet,\n  Drawer,\n  "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll")]),s._v("\n  Scroll,\n  Slide,\n  IndexList,\n  Swipe\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, Locale } "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("If you use "),a("a",{attrs:{href:"https://code.visualstudio.com/"}},[s._v("Visual Studio Code")]),s._v(" + "),a("a",{attrs:{href:"https://github.com/vuejs/vetur"}},[s._v("Vetur")]),s._v(" for development")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("TypeScript version >= "),a("a",{attrs:{href:"https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-1.html"}},[s._v("4.1")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Visual Studio Code version >= "),a("a",{attrs:{href:"https://github.com/vuejs/vetur/releases/tag/v0.30.3"}},[s._v("1.52.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Vetur version >= "),a("a",{attrs:{href:"https://github.com/microsoft/vscode/releases/tag/1.52.0"}},[s._v("0.30.3")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/71.1b35363b030db8c238ca.js b/docs/js/71.1b35363b030db8c238ca.js
deleted file mode 100644
index 80dbd960b..000000000
--- a/docs/js/71.1b35363b030db8c238ca.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([71],{"1cY+":function(e,s,t){e.exports=t("OC99")},OC99:function(e,s,t){var a=t("VU/8")(null,t("nNL9"),null,null,null);e.exports=a.exports},nNL9: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:"Post-compile"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Post-compile-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(" Post-compile")]),e._v(" "),t("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(" "),t("h3",{attrs:{id:"Background"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Background-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(" Background")]),e._v(" "),t("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(" "),t("h3",{attrs:{id:"Prosandcons"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Prosandcons-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(" Pros and cons")]),e._v(" "),t("p",[e._v("Pros:")]),e._v(" "),e._m(1),e._v(" "),t("p",[e._v("Cons:")]),e._v(" "),e._m(2),e._v(" "),t("h3",{attrs:{id:"Rules"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Rules-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(" Rules")]),e._v(" "),t("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(" "),t("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(" "),t("h3",{attrs:{id:"webpackdemo"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpackdemo-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 demo")]),e._v(" "),e._m(5),e._v(" "),t("p",[e._v("An example of your application webpack configuration:")]),e._v(" "),e._m(6),e._v(" "),t("p",[e._v("And if you can control all the packages which you want to post compile, you can just add postCompile: true to the packages package.json:")]),e._v(" "),e._m(7),e._v(" "),t("p",[e._v("Or you can add compileDependencies to your application package.json:")]),e._v(" "),e._m(8),e._v(" "),e._m(9),e._v(" "),e._m(10)])},staticRenderFns:[function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("p",[e._v("Notes: For more detailed content about post-compile, see "),t("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")]),e._v(".")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("Common dependencies can be shared and only need to be compiled once.")]),e._v(" "),t("li",[e._v("Only one copy of babel-plugin-transform-runtime or babel-polyfill code.")]),e._v(" "),t("li",[e._v("The NPM packages don't need to be compiled before published.")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("The application's babel configuration needs to be compatible with  the NPM packages' babel configuration.")]),e._v(" "),t("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(" "),t("li",[e._v("The application's compiling time will be longer.")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("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,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("About "),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("The "),t("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,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-attr"}},[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  "),t("span",{attrs:{class:"hljs-attr"}},[e._v("plugins")]),e._v(": [\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-js"}},[e._v("{\n  "),t("span",{attrs:{class:"hljs-string"}},[e._v('"name"')]),e._v(": "),t("span",{attrs:{class:"hljs-string"}},[e._v('"your-one-pkg"')]),e._v(",\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  "),t("span",{attrs:{class:"hljs-string"}},[e._v('"postCompile"')]),e._v(": "),t("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v("\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\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-js"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// package.json")]),e._v("\n{\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  "),t("span",{attrs:{class:"hljs-string"}},[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  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[e._v("If "),t("code",{pre:!0},[e._v("A")]),e._v(" package have a dependency on "),t("code",{pre:!0},[e._v("C")]),e._v(" which is needed to be post compiled, just add "),t("code",{pre:!0},[e._v("compileDependencies")]),e._v(" to "),t("code",{pre:!0},[e._v("A")]),e._v("'s  package.json:")])},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"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// A package.json")]),e._v("\n{\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/71.448b4b2ef777ac211afd.js b/docs/js/71.448b4b2ef777ac211afd.js
new file mode 100644
index 000000000..99a9a4992
--- /dev/null
+++ b/docs/js/71.448b4b2ef777ac211afd.js
@@ -0,0 +1 @@
+webpackJsonp([71],{"1cY+":function(e,s,t){e.exports=t("OC99")},"1tVx":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:"Post-compile"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Post-compile-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(" Post-compile")]),e._v(" "),t("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(" "),t("h3",{attrs:{id:"Background"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Background-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(" Background")]),e._v(" "),t("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(" "),t("h3",{attrs:{id:"Prosandcons"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Prosandcons-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(" Pros and cons")]),e._v(" "),t("p",[e._v("Pros:")]),e._v(" "),e._m(1),e._v(" "),t("p",[e._v("Cons:")]),e._v(" "),e._m(2),e._v(" "),t("h3",{attrs:{id:"Rules"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Rules-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(" Rules")]),e._v(" "),t("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(" "),t("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(" "),t("h3",{attrs:{id:"webpackdemo"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpackdemo-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 demo")]),e._v(" "),e._m(5),e._v(" "),t("p",[e._v("An example of your application webpack configuration:")]),e._v(" "),e._m(6),e._v(" "),t("p",[e._v("And if you can control all the packages which you want to post compile, you can just add postCompile: true to the packages package.json:")]),e._v(" "),e._m(7),e._v(" "),t("p",[e._v("Or you can add compileDependencies to your application package.json:")]),e._v(" "),e._m(8),e._v(" "),e._m(9),e._v(" "),e._m(10)])},staticRenderFns:[function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("p",[e._v("Notes: For more detailed content about post-compile, see "),t("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")]),e._v(".")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("Common dependencies can be shared and only need to be compiled once.")]),e._v(" "),t("li",[e._v("Only one copy of babel-plugin-transform-runtime or babel-polyfill code.")]),e._v(" "),t("li",[e._v("The NPM packages don't need to be compiled before published.")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("The application's babel configuration needs to be compatible with  the NPM packages' babel configuration.")]),e._v(" "),t("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(" "),t("li",[e._v("The application's compiling time will be longer.")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("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,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("About "),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("The "),t("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,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-attr"}},[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  "),t("span",{attrs:{class:"hljs-attr"}},[e._v("plugins")]),e._v(": [\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-js"}},[e._v("{\n  "),t("span",{attrs:{class:"hljs-string"}},[e._v('"name"')]),e._v(": "),t("span",{attrs:{class:"hljs-string"}},[e._v('"your-one-pkg"')]),e._v(",\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  "),t("span",{attrs:{class:"hljs-string"}},[e._v('"postCompile"')]),e._v(": "),t("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v("\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\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-js"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// package.json")]),e._v("\n{\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  "),t("span",{attrs:{class:"hljs-string"}},[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  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[e._v("If "),t("code",{pre:!0},[e._v("A")]),e._v(" package have a dependency on "),t("code",{pre:!0},[e._v("C")]),e._v(" which is needed to be post compiled, just add "),t("code",{pre:!0},[e._v("compileDependencies")]),e._v(" to "),t("code",{pre:!0},[e._v("A")]),e._v("'s  package.json:")])},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"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// A package.json")]),e._v("\n{\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])}]}},OC99:function(e,s,t){var a=t("VU/8")(null,t("1tVx"),null,null,null);e.exports=a.exports}});
\ No newline at end of file
diff --git a/docs/js/72.21370efcd3163368da02.js b/docs/js/72.21370efcd3163368da02.js
new file mode 100644
index 000000000..c3cfc849a
--- /dev/null
+++ b/docs/js/72.21370efcd3163368da02.js
@@ -0,0 +1 @@
+webpackJsonp([72],{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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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('"<i>My Popup Content 3</i>"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("Control the content position & mask closable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("pre",{pre:!0},[a("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(":position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"position"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask-closable")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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"')]),s._v(">")]),s._v("top/right/bottom/left/center"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(" positions = ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'center'")]),s._v("]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),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("position")]),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    showPopup() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".position = positions[cur++]\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (cur === positions.length) {\n        cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      }\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.myPopup4\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("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("position")]),s._v(" to control the content's position and use "),a("code",{pre:!0},[s._v("mask-closable")]),s._v(" to control mask closable.")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),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("cube-popup")]),s._v(">")]),s._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("position"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("content position, if set position then "),a("code",{pre:!0},[s._v("center")]),s._v(" will be ignored")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/right/bottom/left/center")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])])])])},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 n=a("VU/8")(null,a("MgXj"),null,null,null);s.exports=n.exports}});
\ No newline at end of file
diff --git a/docs/js/72.a5addb632f9ac18563f1.js b/docs/js/72.a5addb632f9ac18563f1.js
deleted file mode 100644
index 546b307f1..000000000
--- a/docs/js/72.a5addb632f9ac18563f1.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([72],{"0IXn":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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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('"<i>My Popup Content 3</i>"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("Control the content position & mask closable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("pre",{pre:!0},[a("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(":position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"position"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask-closable")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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"')]),s._v(">")]),s._v("top/right/bottom/left/center"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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(" positions = ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'center'")]),s._v("]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),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("position")]),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    showPopup() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".position = positions[cur++]\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (cur === positions.length) {\n        cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n      }\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.myPopup4\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("2000")]),s._v(")\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("position")]),s._v(" to control the content's position and use "),a("code",{pre:!0},[s._v("mask-closable")]),s._v(" to control mask closable.")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),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("cube-popup")]),s._v(">")]),s._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("position"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("content position, if set position then "),a("code",{pre:!0},[s._v("center")]),s._v(" will be ignored")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/right/bottom/left/center")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])])])])},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")])])])])}]}},HlXn:function(s,t,a){s.exports=a("mCEb")},mCEb:function(s,t,a){var n=a("VU/8")(null,a("0IXn"),null,null,null);s.exports=n.exports}});
\ No newline at end of file
diff --git a/docs/js/73.94cc73e7eadfd1860814.js b/docs/js/73.3cb88cb8424290dc70d9.js
similarity index 99%
rename from docs/js/73.94cc73e7eadfd1860814.js
rename to docs/js/73.3cb88cb8424290dc70d9.js
index 624aaeb67..572cd968c 100644
--- a/docs/js/73.94cc73e7eadfd1860814.js
+++ b/docs/js/73.3cb88cb8424290dc70d9.js
@@ -1 +1 @@
-webpackJsonp([73],{BBNq:function(s,t,a){s.exports=a("BP23")},BP23:function(s,t,a){var e=a("VU/8")(null,a("kMjA"),null,null,null);s.exports=e.exports},kMjA: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("h4",{attrs:{id:"1)Single-columnPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-1)Single-columnPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 1) Single-column Picker")]),s._v(" "),a("p",[s._v("firstly, there is an example of Single-column Picker:")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"2)Multi-columnPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-2)Multi-columnPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 2) Multi-column Picker")]),s._v(" "),a("p",[s._v("You can genarate Multi-column Picker by input the data of several columns. For example, here is a three-colunms picker:")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"3)Aliasforthesubpropertiesofoption"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-3)Aliasforthesubpropertiesofoption-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 3) Alias for the sub properties of option")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h4",{attrs:{id:"4)Method$updateProps"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-4)Method$updateProps-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 4) Method "),a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),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(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(" "),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(17)])},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(" could use to implementing single or multi-column picker.")])},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 have basically knowledge of "),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("p",[s._v("As for Picker, the most important thing is how to define the options. The property "),a("code",{pre:!0},[s._v("data")]),s._v(" is used to define options. It's a two-dimensional array, the first dimensional means which columns the picker has, while the second dimensional represent the options of each column.")])},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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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\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    showPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker) {\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(": [column1],\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-keyword"}},[s._v("this")]),s._v(".picker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showMutiPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker = "),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(": [column1, column2, column3],\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-keyword"}},[s._v("this")]),s._v(".mutiPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[s._v("Sometimes, you may want to use alias to config the value and text of options, instead of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(". Think about this, when the name origin data is "),a("code",{pre:!0},[s._v("id")]),s._v(" and "),a("code",{pre:!0},[s._v("name")]),s._v(", you could use "),a("code",{pre:!0},[s._v("id")]),s._v(" 和 "),a("code",{pre:!0},[s._v("name")]),s._v(" to define value and text directly by using property "),a("code",{pre:!0},[s._v("alias")]),s._v(" to config the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" as "),a("code",{pre:!0},[s._v("id")]),s._v(", "),a("code",{pre:!0},[s._v("text")]),s._v(" as "),a("code",{pre:!0},[s._v("name")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showAliasPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker) {\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-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-keyword"}},[s._v("this")]),s._v(".aliasPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[s._v("When you need to change some properties of Picker, you could use the method "),a("code",{pre:!0},[s._v("$updateProps")]),s._v(" to input the new properties.")])},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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),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(".$createPicker({\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("data")]),s._v(": [column1],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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-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("data")]),s._v(": [column1, column2, column3],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("]\n        })\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("Default")]),s._v(" "),a("th",[s._v("Accepted Values")])])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask 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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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([73],{BBNq:function(s,t,a){s.exports=a("BP23")},BP23:function(s,t,a){var e=a("VU/8")(null,a("x2sk"),null,null,null);s.exports=e.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("h4",{attrs:{id:"1)Single-columnPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-1)Single-columnPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 1) Single-column Picker")]),s._v(" "),a("p",[s._v("firstly, there is an example of Single-column Picker:")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"2)Multi-columnPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-2)Multi-columnPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 2) Multi-column Picker")]),s._v(" "),a("p",[s._v("You can genarate Multi-column Picker by input the data of several columns. For example, here is a three-colunms picker:")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"3)Aliasforthesubpropertiesofoption"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-3)Aliasforthesubpropertiesofoption-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 3) Alias for the sub properties of option")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h4",{attrs:{id:"4)Method$updateProps"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-4)Method$updateProps-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 4) Method "),a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),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(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(" "),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(17)])},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(" could use to implementing single or multi-column picker.")])},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 have basically knowledge of "),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("p",[s._v("As for Picker, the most important thing is how to define the options. The property "),a("code",{pre:!0},[s._v("data")]),s._v(" is used to define options. It's a two-dimensional array, the first dimensional means which columns the picker has, while the second dimensional represent the options of each column.")])},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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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\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    showPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker) {\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(": [column1],\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-keyword"}},[s._v("this")]),s._v(".picker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("pre",{pre:!0},[a("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showMutiPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker = "),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(": [column1, column2, column3],\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-keyword"}},[s._v("this")]),s._v(".mutiPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[s._v("Sometimes, you may want to use alias to config the value and text of options, instead of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(". Think about this, when the name origin data is "),a("code",{pre:!0},[s._v("id")]),s._v(" and "),a("code",{pre:!0},[s._v("name")]),s._v(", you could use "),a("code",{pre:!0},[s._v("id")]),s._v(" 和 "),a("code",{pre:!0},[s._v("name")]),s._v(" to define value and text directly by using property "),a("code",{pre:!0},[s._v("alias")]),s._v(" to config the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" as "),a("code",{pre:!0},[s._v("id")]),s._v(", "),a("code",{pre:!0},[s._v("text")]),s._v(" as "),a("code",{pre:!0},[s._v("name")]),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showAliasPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker) {\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-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-keyword"}},[s._v("this")]),s._v(".aliasPicker.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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("p",[s._v("When you need to change some properties of Picker, you could use the method "),a("code",{pre:!0},[s._v("$updateProps")]),s._v(" to input the new properties.")])},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("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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 =  [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._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(" }]\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  "),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(".$createPicker({\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("data")]),s._v(": [column1],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),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-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("data")]),s._v(": [column1, column2, column3],\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("]\n        })\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("Default")]),s._v(" "),a("th",[s._v("Accepted Values")])])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask 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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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/74.327113bc80124a47eb25.js b/docs/js/74.327113bc80124a47eb25.js
deleted file mode 100644
index 61bdb95e7..000000000
--- a/docs/js/74.327113bc80124a47eb25.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([74],{Z6nk:function(t,a,s){var e=s("VU/8")(null,s("ej+k"),null,null,null);t.exports=e.exports},"ej+k":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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),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")])])])])}]}},jBRB:function(t,a,s){t.exports=s("Z6nk")}});
\ No newline at end of file
diff --git a/docs/js/74.ce38c9d67ccce0cdfb67.js b/docs/js/74.ce38c9d67ccce0cdfb67.js
new file mode 100644
index 000000000..144944a36
--- /dev/null
+++ b/docs/js/74.ce38c9d67ccce0cdfb67.js
@@ -0,0 +1 @@
+webpackJsonp([74],{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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),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/75.e3b9efa9d4eb5a65adc6.js b/docs/js/75.987c766d09acb00dac2c.js
similarity index 99%
rename from docs/js/75.e3b9efa9d4eb5a65adc6.js
rename to docs/js/75.987c766d09acb00dac2c.js
index 9df35528c..189c13d8d 100644
--- a/docs/js/75.e3b9efa9d4eb5a65adc6.js
+++ b/docs/js/75.987c766d09acb00dac2c.js
@@ -1 +1 @@
-webpackJsonp([75],{YA8a:function(t,e,a){t.exports=a("hwc5")},hwc5:function(t,e,a){var s=a("VU/8")(null,a("toc8"),null,null,null);t.exports=s.exports},toc8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("section",[a("h2",{attrs:{id:"Introduction"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Introduction-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[t._v("cube-ui is an elegant mobile component library based on Vue.js.")]),t._v(" "),a("h3",{attrs:{id:"Features"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Features-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("h3",{attrs:{id:"Components"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Components-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("h4",{attrs:{id:"Basic"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Basic-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),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"}})])]),t._v(" Form")]),t._v(" "),t._m(2),t._v(" "),a("h4",{attrs:{id:"Layer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Layer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(3),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("Component invoking:")]),t._v(" "),t._m(5),t._v(" "),a("p",[t._v("API invoking：")]),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),a("h4",{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"}})])]),t._v(" Scroll")]),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"Modules"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Modules-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[t._v("cube-ui has some special modules besides components.")]),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("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(" "),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,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("p",[a("strong",[t._v("Quality")])]),t._v(" "),a("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(" "),a("li",[a("p",[a("strong",[t._v("Experience")])]),t._v(" "),a("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(" "),a("li",[a("p",[a("strong",[t._v("Standard")])]),t._v(" "),a("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(" "),a("li",[a("p",[a("strong",[t._v("Scalability")])]),t._v(" "),a("p",[t._v("Lightweight and flexible: support "),a("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,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/button"}},[t._v("Button")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/loading"}},[t._v("Loading")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tip"}},[t._v("Tip")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toolbar"}},[t._v("Toolbar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tab-bar"}},[t._v("TabBar")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox"}},[t._v("Checkbox")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox-group"}},[t._v("CheckboxGroup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/radio"}},[t._v("Radio")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/textarea"}},[t._v("Textarea")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/select"}},[t._v("Select")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/switch"}},[t._v("Switch")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/rate"}},[t._v("Rate")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/validator"}},[t._v("Validator")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/upload"}},[t._v("Upload")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/form"}},[t._v("Form")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/popup"}},[t._v("Popup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toast"}},[t._v("Toast")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/picker"}},[t._v("Picker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/cascade-picker"}},[t._v("CascadePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/date-picker"}},[t._v("DatePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[t._v("TimePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/segment-picker"}},[t._v("SegmentPicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/dialog"}},[t._v("Dialog")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[t._v("ActionSheet")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/drawer"}},[t._v("Drawer")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/image-preview"}},[t._v("ImagePreview")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the layer components can be invoked by components and API, let's take "),a("code",{pre:!0},[t._v("Toast")]),t._v(" as an example:")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Both are pretty good but we recommend the latter, namely using "),a("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API to invoke; By API invoking, the popup layer is attached to "),a("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 "),a("code",{pre:!0},[t._v("transform")]),t._v(", "),a("code",{pre:!0},[t._v("overflow")]),t._v(", etc.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Pay attention that the name of the API is "),a("code",{pre:!0},[t._v("$create")]),t._v(" + "),a("code",{pre:!0},[t._v("${component name}")]),t._v(". For example, the API of "),a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" component is "),a("code",{pre:!0},[t._v("$createActionSheet")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll"}},[t._v("Scroll")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/slide"}},[t._v("Slide")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/index-list"}},[t._v("IndexList")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/swipe"}},[t._v("Swipe")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/sticky"}},[t._v("Sticky")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav-bar"}},[t._v("ScrollNavBar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav"}},[t._v("ScrollNav")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the scroll components are all implemented based on "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" and "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" Component is the encapsulation of better-scroll.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("style module")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("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 "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" to achieve the purpose.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api module")]),t._v("。")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" is a library in "),a("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,a=t._self._c||e;return a("p",[t._v("For more detailed use, please refer to "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/"}},[t._v("official documentation")]),t._v("。")])}]}}});
\ No newline at end of file
+webpackJsonp([75],{YA8a:function(t,e,a){t.exports=a("hwc5")},hwc5:function(t,e,a){var s=a("VU/8")(null,a("tH9w"),null,null,null);t.exports=s.exports},tH9w:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("section",[a("h2",{attrs:{id:"Introduction"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Introduction-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[t._v("cube-ui is an elegant mobile component library based on Vue.js.")]),t._v(" "),a("h3",{attrs:{id:"Features"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Features-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("h3",{attrs:{id:"Components"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Components-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("h4",{attrs:{id:"Basic"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Basic-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),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"}})])]),t._v(" Form")]),t._v(" "),t._m(2),t._v(" "),a("h4",{attrs:{id:"Layer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Layer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(3),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("Component invoking:")]),t._v(" "),t._m(5),t._v(" "),a("p",[t._v("API invoking：")]),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),a("h4",{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"}})])]),t._v(" Scroll")]),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"Modules"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Modules-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-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(" "),a("p",[t._v("cube-ui has some special modules besides components.")]),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("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(" "),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,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("p",[a("strong",[t._v("Quality")])]),t._v(" "),a("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(" "),a("li",[a("p",[a("strong",[t._v("Experience")])]),t._v(" "),a("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(" "),a("li",[a("p",[a("strong",[t._v("Standard")])]),t._v(" "),a("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(" "),a("li",[a("p",[a("strong",[t._v("Scalability")])]),t._v(" "),a("p",[t._v("Lightweight and flexible: support "),a("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,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/button"}},[t._v("Button")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/loading"}},[t._v("Loading")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tip"}},[t._v("Tip")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toolbar"}},[t._v("Toolbar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tab-bar"}},[t._v("TabBar")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox"}},[t._v("Checkbox")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox-group"}},[t._v("CheckboxGroup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/radio"}},[t._v("Radio")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/textarea"}},[t._v("Textarea")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/select"}},[t._v("Select")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/switch"}},[t._v("Switch")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/rate"}},[t._v("Rate")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/validator"}},[t._v("Validator")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/upload"}},[t._v("Upload")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/form"}},[t._v("Form")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/popup"}},[t._v("Popup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toast"}},[t._v("Toast")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/picker"}},[t._v("Picker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/cascade-picker"}},[t._v("CascadePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/date-picker"}},[t._v("DatePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[t._v("TimePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/segment-picker"}},[t._v("SegmentPicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/dialog"}},[t._v("Dialog")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[t._v("ActionSheet")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/drawer"}},[t._v("Drawer")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/image-preview"}},[t._v("ImagePreview")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the layer components can be invoked by components and API, let's take "),a("code",{pre:!0},[t._v("Toast")]),t._v(" as an example:")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n"),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Both are pretty good but we recommend the latter, namely using "),a("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API to invoke; By API invoking, the popup layer is attached to "),a("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 "),a("code",{pre:!0},[t._v("transform")]),t._v(", "),a("code",{pre:!0},[t._v("overflow")]),t._v(", etc.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Pay attention that the name of the API is "),a("code",{pre:!0},[t._v("$create")]),t._v(" + "),a("code",{pre:!0},[t._v("${component name}")]),t._v(". For example, the API of "),a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" component is "),a("code",{pre:!0},[t._v("$createActionSheet")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll"}},[t._v("Scroll")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/slide"}},[t._v("Slide")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/index-list"}},[t._v("IndexList")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/swipe"}},[t._v("Swipe")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/sticky"}},[t._v("Sticky")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav-bar"}},[t._v("ScrollNavBar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav"}},[t._v("ScrollNav")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the scroll components are all implemented based on "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" and "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" Component is the encapsulation of better-scroll.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("style module")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("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 "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" to achieve the purpose.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api module")]),t._v("。")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" is a library in "),a("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,a=t._self._c||e;return a("p",[t._v("For more detailed use, please refer to "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/"}},[t._v("official documentation")]),t._v("。")])}]}}});
\ No newline at end of file
diff --git a/docs/js/76.45f4334c8e8b97da055f.js b/docs/js/76.95b13be54c0af4fa673f.js
similarity index 99%
rename from docs/js/76.45f4334c8e8b97da055f.js
rename to docs/js/76.95b13be54c0af4fa673f.js
index e61564df3..5093f0744 100644
--- a/docs/js/76.45f4334c8e8b97da055f.js
+++ b/docs/js/76.95b13be54c0af4fa673f.js
@@ -1 +1 @@
-webpackJsonp([76],{"C/JU":function(s,a,t){s.exports=t("VdIl")},VdIl:function(s,a,t){var n=t("VU/8")(null,t("b9ml"),null,null,null);s.exports=n.exports},b9ml: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:"Internationalization"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Internationalization-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(" Internationalization")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h2",{attrs:{id:"Internationalizationwithincomponents"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Internationalizationwithincomponents-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(" Internationalization within components")]),s._v(" "),t("p",[s._v("Cube-ui is the Chinese language pack used by default and is already registered. The corresponding English language pack is also built into the cube-ui, but you need the following logic to register the language pack and switch to the corresponding language.")]),s._v(" "),s._m(2),s._v(" "),t("p",[s._v("Cube-ui will listen to the current language type, so it automatically renders the corresponding copy of the component, and caches the loaded copy. When the component language is switched, if the language pack is already installed, cube-ui directly takes the cached copy. Similar pseudo code is as follows:")]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("But maybe you have translation needs in other countries, such as Japanese and Korean, then you need to provide the language pack yourself and switch to the corresponding language. code show as below:")]),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("The configuration item format of the language pack you import should be similar to the following. The default Chinese language pack is as follows:")]),s._v(" "),s._m(5),s._v(" "),t("h2",{attrs:{id:"Internationalizationofapplications1.12.23+"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Internationalizationofapplications1.12.23+-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(" Internationalization of applications"),t("sup",[s._v("1.12.23+")])]),s._v(" "),t("p",[s._v("As mentioned above, cube-ui provides international capabilities for its own components, but this capability can be extended to your application in two steps:")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),t("p",[s._v("Then import the language pack in your app's entry file.")]),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),s._m(18)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.11.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("All non-configurable copy files inside "),t("code",{pre:!0},[s._v("cube-ui")]),s._v(" are in Chinese, so if your application needs to do the corresponding international translation, then "),t("code",{pre:!0},[s._v("1.11.0")]),s._v(" is available for cube-ui provide ability to translate a component's copywriting, even this ability can be extended to your application.")])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  Vue.use(Locale)\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Switch to English and cache the current language pack")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Load Chinese language pack by default")]),s._v("\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Switch to English and need to import the English language pack")]),s._v("\n  one.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v("{\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n  })\n\n  another.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// load Chinese from cache")]),s._v("\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(")\n  })\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" jPMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'/somewhere/ja-JP.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Your own language")]),s._v("\n\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Switch to Japanese and need to import Japanese language packs")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'ja-JP'")]),s._v(", jPMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("cancel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'取消'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("confirm")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确认'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ok")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确定'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("prev")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'上一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("next")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'下一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectText")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("now")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'现在'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectTime")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'选择时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("today")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'今日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("formatDate")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'M月D日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("hours")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'点'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minutes")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'分'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("validator")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),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("'请输入字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),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-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),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-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),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-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n      },\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n    }\n  }\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",[t("li",[s._v("Import language packs")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("you must import the language pack, which should be the full set containing the "),t("code",{pre:!0},[s._v("cube-ui")]),s._v(" default language pack. For example, your language pack configuration might look like 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("  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// default.js")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"application_key"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"this is application text"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"country"')]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-string"}},[s._v('"province"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"Beijing"')]),s._v("\n    }\n\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* defaults of cube-ui*/")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cancel"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"Cancel"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...ignore")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator"')]),s._v(": {"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* */")]),s._v("}\n  }\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" defaultMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'default.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// your own language")]),s._v("\n\n  Vue.use(Locale)\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(", defaultMessages)\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",{attrs:{start:"2"}},[t("li",[s._v("Ability to inject translations through mixins inside components")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("Then use the "),t("code",{pre:!0},[s._v("mixin")]),s._v(" capability provided by "),t("code",{pre:!0},[s._v("Vue")]),s._v(". cube-ui provides the conversion function "),t("code",{pre:!0},[s._v("$t")]),s._v(" for the language package "),t("code",{pre:!0},[s._v("key=>value")]),s._v(". You only need to inject it into the component's "),t("code",{pre:!0},[s._v("mixins")]),s._v(" property, and then you can use it in the template. An example is as follows:")])},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-comment"}},[s._v("// dialog.vue")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n<script>\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("//...")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("mixins")]),s._v(": [Locale.localeMixin] "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Inject mixin, have the ability to $t. After v1.12.23")]),s._v("\n  }\n<"),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/script>\n")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("Then you can reference the "),t("code",{pre:!0},[s._v("$t()")]),s._v(" method in the template.")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[s._v("  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("{{$t('application_key')}}"),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("template")]),s._v(">")]),s._v("\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("Finally, "),t("code",{pre:!0},[s._v("{{$t('application_key')}}")]),s._v(" is rendered as "),t("code",{pre:!0},[s._v('"this is application text"')]),s._v(". Considering that your language pack may be multi-level nested, "),t("code",{pre:!0},[s._v("$t")]),s._v(" also accepts a string with a separator of "),t("code",{pre:!0},[s._v('"."')]),s._v(" to get deep-level properties, such as:")])},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-comment"}},[s._v("// your language packs structure")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("a")]),s._v(": {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("b")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("c")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"nested c"')]),s._v("\n    }\n  }\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("It is easy to use it in "),t("code",{pre:!0},[s._v("template")]),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-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n    {{$t('a.b.c')}}\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("template")]),s._v(">")]),s._v("\n")])])}]}}});
\ No newline at end of file
+webpackJsonp([76],{"C/JU":function(s,a,t){s.exports=t("VdIl")},VdIl:function(s,a,t){var n=t("VU/8")(null,t("pdyy"),null,null,null);s.exports=n.exports},pdyy: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:"Internationalization"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Internationalization-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(" Internationalization")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h2",{attrs:{id:"Internationalizationwithincomponents"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Internationalizationwithincomponents-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(" Internationalization within components")]),s._v(" "),t("p",[s._v("Cube-ui is the Chinese language pack used by default and is already registered. The corresponding English language pack is also built into the cube-ui, but you need the following logic to register the language pack and switch to the corresponding language.")]),s._v(" "),s._m(2),s._v(" "),t("p",[s._v("Cube-ui will listen to the current language type, so it automatically renders the corresponding copy of the component, and caches the loaded copy. When the component language is switched, if the language pack is already installed, cube-ui directly takes the cached copy. Similar pseudo code is as follows:")]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("But maybe you have translation needs in other countries, such as Japanese and Korean, then you need to provide the language pack yourself and switch to the corresponding language. code show as below:")]),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("The configuration item format of the language pack you import should be similar to the following. The default Chinese language pack is as follows:")]),s._v(" "),s._m(5),s._v(" "),t("h2",{attrs:{id:"Internationalizationofapplications1.12.23+"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Internationalizationofapplications1.12.23+-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(" Internationalization of applications"),t("sup",[s._v("1.12.23+")])]),s._v(" "),t("p",[s._v("As mentioned above, cube-ui provides international capabilities for its own components, but this capability can be extended to your application in two steps:")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),t("p",[s._v("Then import the language pack in your app's entry file.")]),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),s._m(18)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.11.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("All non-configurable copy files inside "),t("code",{pre:!0},[s._v("cube-ui")]),s._v(" are in Chinese, so if your application needs to do the corresponding international translation, then "),t("code",{pre:!0},[s._v("1.11.0")]),s._v(" is available for cube-ui provide ability to translate a component's copywriting, even this ability can be extended to your application.")])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  Vue.use(Locale)\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Switch to English and cache the current language pack")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Load Chinese language pack by default")]),s._v("\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Switch to English and need to import the English language pack")]),s._v("\n  one.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v("{\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n  })\n\n  another.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// load Chinese from cache")]),s._v("\n    Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(")\n  })\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" jPMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'/somewhere/ja-JP.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Your own language")]),s._v("\n\n  Vue.use(Locale)\n\n  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Switch to Japanese and need to import Japanese language packs")]),s._v("\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'ja-JP'")]),s._v(", jPMessages)\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("cancel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'取消'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("confirm")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确认'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ok")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确定'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("prev")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'上一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("next")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'下一步'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectText")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("now")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'现在'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectTime")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'选择时间'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("today")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'今日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("formatDate")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'M月D日'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("hours")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'点'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minutes")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'分'")]),s._v(",\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("validator")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),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("'请输入字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),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-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),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-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),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-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n      },\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n    }\n  }\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",[t("li",[s._v("Import language packs")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("you must import the language pack, which should be the full set containing the "),t("code",{pre:!0},[s._v("cube-ui")]),s._v(" default language pack. For example, your language pack configuration might look like 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("  "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// default.js")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"application_key"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"this is application text"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"country"')]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-string"}},[s._v('"province"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"Beijing"')]),s._v("\n    }\n\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* defaults of cube-ui*/")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cancel"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"Cancel"')]),s._v(",\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...ignore")]),s._v("\n    "),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator"')]),s._v(": {"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/* */")]),s._v("}\n  }\n")])])},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("  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" defaultMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'default.js'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// your own language")]),s._v("\n\n  Vue.use(Locale)\n  Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(", defaultMessages)\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ol",{attrs:{start:"2"}},[t("li",[s._v("Ability to inject translations through mixins inside components")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("Then use the "),t("code",{pre:!0},[s._v("mixin")]),s._v(" capability provided by "),t("code",{pre:!0},[s._v("Vue")]),s._v(". cube-ui provides the conversion function "),t("code",{pre:!0},[s._v("$t")]),s._v(" for the language package "),t("code",{pre:!0},[s._v("key=>value")]),s._v(". You only need to inject it into the component's "),t("code",{pre:!0},[s._v("mixins")]),s._v(" property, and then you can use it in the template. An example is as follows:")])},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-comment"}},[s._v("// dialog.vue")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n<script>\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-comment"}},[s._v("//...")]),s._v("\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("mixins")]),s._v(": [Locale.localeMixin] "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Inject mixin, have the ability to $t. After v1.12.23")]),s._v("\n  }\n<"),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/script>\n")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("Then you can reference the "),t("code",{pre:!0},[s._v("$t()")]),s._v(" method in the template.")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[s._v("  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n    "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("{{$t('application_key')}}"),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("template")]),s._v(">")]),s._v("\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("Finally, "),t("code",{pre:!0},[s._v("{{$t('application_key')}}")]),s._v(" is rendered as "),t("code",{pre:!0},[s._v('"this is application text"')]),s._v(". Considering that your language pack may be multi-level nested, "),t("code",{pre:!0},[s._v("$t")]),s._v(" also accepts a string with a separator of "),t("code",{pre:!0},[s._v('"."')]),s._v(" to get deep-level properties, such as:")])},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-comment"}},[s._v("// your language packs structure")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("a")]),s._v(": {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("b")]),s._v(": {\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("c")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"nested c"')]),s._v("\n    }\n  }\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("It is easy to use it in "),t("code",{pre:!0},[s._v("template")]),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-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n    {{$t('a.b.c')}}\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("template")]),s._v(">")]),s._v("\n")])])}]}}});
\ No newline at end of file
diff --git a/docs/js/77.7351763012ae5b6d1629.js b/docs/js/77.7351763012ae5b6d1629.js
new file mode 100644
index 000000000..bc2953539
--- /dev/null
+++ b/docs/js/77.7351763012ae5b6d1629.js
@@ -0,0 +1 @@
+webpackJsonp([77],{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:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("Control max length")]),t._v(" "),a("p",[t._v("You can control the value's max length like this:")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("watch")]),t._v(": {\n    value(newV) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (newV.length > "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(") {\n        newV = newV.slice("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(")\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$nextTick("),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(".value = newV\n        })\n      }\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Clearable config")]),t._v(" "),a("p",[t._v("You can use the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" attribute to toggle the clear button.")]),t._v(" "),a("p",[t._v("Before 1.11.0, the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" value only can be a Boolean value.")]),t._v(" "),a("p",[t._v("After 1.11.0 the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" value can be a Boolean or an Object value.")]),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(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("clearable")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("visible")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("blurHidden")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Eye config")]),t._v(" "),a("p",[t._v("You can 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(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("eye")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("open")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("reverse")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("As you can see, this component also support the native attributes of the Input element.")])])])},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, after 1.11.0 you can alse use object config like "),a("code",{pre:!0},[t._v("{visible: true, blurHidden: true}")]),t._v(", the "),a("code",{pre:!0},[t._v("visible")]),t._v(" is used to control the visibility and the "),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" is used to control whether hidden after blur.")]),t._v(" "),a("td",[t._v("Boolean/Object"),a("sup",[t._v("1.11.0+")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("The event is triggered after the binding value is changed and the input box is blur")]),t._v(" "),a("td",[t._v("e - event")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("The event is triggered when the binding value is changed")]),t._v(" "),a("td",[t._v("The updated value")])])])])},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("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Focus element")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Blur element")])])])])}]}},o9DV:function(t,s,a){t.exports=a("a2LG")}});
\ No newline at end of file
diff --git a/docs/js/77.b8e88fa81885f2f494ea.js b/docs/js/77.b8e88fa81885f2f494ea.js
deleted file mode 100644
index efadec706..000000000
--- a/docs/js/77.b8e88fa81885f2f494ea.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([77],{LbSN: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:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("Control max length")]),t._v(" "),a("p",[t._v("You can control the value's max length like this:")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("watch")]),t._v(": {\n    value(newV) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (newV.length > "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(") {\n        newV = newV.slice("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(")\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$nextTick("),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(".value = newV\n        })\n      }\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Clearable config")]),t._v(" "),a("p",[t._v("You can use the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" attribute to toggle the clear button.")]),t._v(" "),a("p",[t._v("Before 1.11.0, the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" value only can be a Boolean value.")]),t._v(" "),a("p",[t._v("After 1.11.0 the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" value can be a Boolean or an Object value.")]),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(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("clearable")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("visible")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("blurHidden")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Eye config")]),t._v(" "),a("p",[t._v("You can 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(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),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("eye")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("open")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("reverse")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("As you can see, this component also support the native attributes of the Input element.")])])])},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, after 1.11.0 you can alse use object config like "),a("code",{pre:!0},[t._v("{visible: true, blurHidden: true}")]),t._v(", the "),a("code",{pre:!0},[t._v("visible")]),t._v(" is used to control the visibility and the "),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" is used to control whether hidden after blur.")]),t._v(" "),a("td",[t._v("Boolean/Object"),a("sup",[t._v("1.11.0+")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("The event is triggered after the binding value is changed and the input box is blur")]),t._v(" "),a("td",[t._v("e - event")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("The event is triggered when the binding value is changed")]),t._v(" "),a("td",[t._v("The updated value")])])])])},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("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Focus element")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Blur element")])])])])}]}},a2LG:function(t,s,a){var e=a("VU/8")(null,a("LbSN"),null,null,null);t.exports=e.exports},o9DV:function(t,s,a){t.exports=a("a2LG")}});
\ No newline at end of file
diff --git a/docs/js/78.96e266786c67faab2975.js b/docs/js/78.744c249608bc30533fd5.js
similarity index 99%
rename from docs/js/78.96e266786c67faab2975.js
rename to docs/js/78.744c249608bc30533fd5.js
index 981a19c53..7831fec6a 100644
--- a/docs/js/78.96e266786c67faab2975.js
+++ b/docs/js/78.744c249608bc30533fd5.js
@@ -1 +1 @@
-webpackJsonp([78],{"16VJ":function(s,t,a){var e=a("VU/8")(null,a("C8Ww"),null,null,null);s.exports=e.exports},C8Ww: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:"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(7),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(8)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),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("cube-index-list-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\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("options"),a("sup",[s._v("1.9.8+")])]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/en/options.html"}},[s._v("BS Document")])]),s._v(" "),a("td",[s._v("Object")]),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("}"),a("br"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])]),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. "),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/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. "),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/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("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("title"),a("sup",[s._v("1.12.25+")])]),s._v(" "),a("td",[s._v("title slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("located above the list and shown when pulling down refreshing")]),s._v(" "),a("td",[s._v("the detail is the same as Scroll component's pulldown slot scope parameters")])]),s._v(" "),a("tr",[a("td",[s._v("pullup"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("located below the list and shown when pulling up loading")]),s._v(" "),a("td",[s._v("the detail is the same as Scroll component's pullup slot scope parameters")])])])])},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([78],{"16VJ":function(s,t,a){var e=a("VU/8")(null,a("cWTA"),null,null,null);s.exports=e.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:"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(7),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(8)])},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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),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("cube-index-list-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),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("),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\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("options"),a("sup",[s._v("1.9.8+")])]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/en/options.html"}},[s._v("BS Document")])]),s._v(" "),a("td",[s._v("Object")]),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("}"),a("br"),a("code",{pre:!0},[s._v("Notice")]),s._v(": After "),a("code",{pre:!0},[s._v("1.12.38")]),s._v(", as "),a("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html"}},[s._v("BS")]),s._v(" "),a("code",{pre:!0},[s._v("iOS13.4")]),s._v(" issue "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll/issues/978"}},[s._v("#978")]),s._v(", we set "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" to "),a("code",{pre:!0},[s._v("fasle")]),s._v(" by default")])]),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. "),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/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. "),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/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("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("title"),a("sup",[s._v("1.12.25+")])]),s._v(" "),a("td",[s._v("title slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("located above the list and shown when pulling down refreshing")]),s._v(" "),a("td",[s._v("the detail is the same as Scroll component's pulldown slot scope parameters")])]),s._v(" "),a("tr",[a("td",[s._v("pullup"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("located below the list and shown when pulling up loading")]),s._v(" "),a("td",[s._v("the detail is the same as Scroll component's pullup slot scope parameters")])])])])},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/79.68c339ff0be773c6edf2.js b/docs/js/79.68c339ff0be773c6edf2.js
deleted file mode 100644
index 8f7db11c4..000000000
--- a/docs/js/79.68c339ff0be773c6edf2.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([79],{FFtv:function(s,t,a){s.exports=a("iwcH")},SwKt: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:"ImagePreview"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ImagePreview-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ImagePreview")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Image preview. Support swipe, zoomin zoomout.")]),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(" "),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(" "),a("h3",{attrs:{id:"Slots"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slots-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slots")]),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)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.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("p",[s._v("The following demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/image-preview"}},[s._v("here")]),s._v(".")])},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('"showImagePreview"')]),s._v(">")]),s._v("Show ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can create a basic ImagePreview by setting "),a("code",{pre:!0},[s._v("imgs")]),s._v(" prop.")])]),s._v(" "),a("li",[a("p",[s._v("Custom 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('"showCustomImagePreview"')]),s._v(">")]),s._v("Show Custom ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("customIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showCustomImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("speed")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex = i\n          },\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onHide")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n          }\n        }, (h) => {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'div'")]),s._v(", {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": {\n              "),a("span",{attrs:{class:"hljs-string"}},[s._v("'image-preview-custom-header'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n            },\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'header'")]),s._v("\n          }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can set other props to config ImagePreview. And you can use render function to define slots content.")])]),s._v(" "),a("li",[a("p",[s._v("Multi images")]),s._v(" "),a("pre",{pre:!0},[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('"imgs-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(img, index) in imgs"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleImgsClick(index)"')]),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")])]),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("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    handleImgsClick(index) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = index\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" params = {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$props")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'initialIndex'")]),s._v(", "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// name of reactive key in data")]),s._v("\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("change")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// You must update initialIndex")]),s._v("\n            "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = i\n          }\n        }\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({ ...params }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("The image-preview component is instantiated in multi-images scenarios, and the displayed image is the image that is clicked each time.")])])])},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("imgs")]),s._v(" "),a("td",[s._v("image urls")]),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("initial-index")]),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 swipe")]),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("speed")]),s._v(" "),a("td",[s._v("speed of switching pages, ms")]),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("zIndex"),a("sup",[s._v("1.10.11")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("preventDefault"),a("sup",[s._v("1.10.16")])]),s._v(" "),a("td",[s._v("BetterScroll "),a("code",{pre:!0},[s._v("preventDefault")]),s._v(" option")]),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("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("header")]),s._v(" "),a("td",[s._v("header content")]),s._v(" "),a("td",[s._v("current: active index")])]),s._v(" "),a("tr",[a("td",[s._v("footer")]),s._v(" "),a("td",[s._v("footer content")]),s._v(" "),a("td",[s._v("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 index changes")]),s._v(" "),a("td",[s._v("current active index")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("triggers when hide")]),s._v(" "),a("td",[s._v("-")])])])])}]}},iwcH:function(s,t,a){var e=a("VU/8")(null,a("SwKt"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/79.f9d3846d0374e7537f2a.js b/docs/js/79.f9d3846d0374e7537f2a.js
new file mode 100644
index 000000000..2077d5c63
--- /dev/null
+++ b/docs/js/79.f9d3846d0374e7537f2a.js
@@ -0,0 +1 @@
+webpackJsonp([79],{FFtv:function(s,t,a){s.exports=a("iwcH")},iwcH:function(s,t,a){var e=a("VU/8")(null,a("pq4K"),null,null,null);s.exports=e.exports},pq4K: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:"ImagePreview"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ImagePreview-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ImagePreview")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Image preview. Support swipe, zoomin zoomout.")]),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(" "),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(" "),a("h3",{attrs:{id:"Slots"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slots-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slots")]),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)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.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("p",[s._v("The following demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/image-preview"}},[s._v("here")]),s._v(".")])},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('"showImagePreview"')]),s._v(">")]),s._v("Show ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can create a basic ImagePreview by setting "),a("code",{pre:!0},[s._v("imgs")]),s._v(" prop.")])]),s._v(" "),a("li",[a("p",[s._v("Custom 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('"showCustomImagePreview"')]),s._v(">")]),s._v("Show Custom ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("customIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showCustomImagePreview() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview) {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("speed")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex = i\n          },\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onHide")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n          }\n        }, (h) => {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'div'")]),s._v(", {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": {\n              "),a("span",{attrs:{class:"hljs-string"}},[s._v("'image-preview-custom-header'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n            },\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'header'")]),s._v("\n          }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n        })\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("You can set other props to config ImagePreview. And you can use render function to define slots content.")])]),s._v(" "),a("li",[a("p",[s._v("Multi images")]),s._v(" "),a("pre",{pre:!0},[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('"imgs-container"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(img, index) in imgs"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleImgsClick(index)"')]),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")])]),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("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v("\n      ]\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    handleImgsClick(index) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = index\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" params = {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$props")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'initialIndex'")]),s._v(", "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// name of reactive key in data")]),s._v("\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("change")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// You must update initialIndex")]),s._v("\n            "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = i\n          }\n        }\n      }\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({ ...params }).show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("The image-preview component is instantiated in multi-images scenarios, and the displayed image is the image that is clicked each time.")])])])},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("imgs")]),s._v(" "),a("td",[s._v("image urls")]),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("initial-index")]),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 swipe")]),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("speed")]),s._v(" "),a("td",[s._v("speed of switching pages, ms")]),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("zIndex"),a("sup",[s._v("1.10.11")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("preventDefault"),a("sup",[s._v("1.10.16")])]),s._v(" "),a("td",[s._v("BetterScroll "),a("code",{pre:!0},[s._v("preventDefault")]),s._v(" option")]),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("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("header")]),s._v(" "),a("td",[s._v("header content")]),s._v(" "),a("td",[s._v("current: active index")])]),s._v(" "),a("tr",[a("td",[s._v("footer")]),s._v(" "),a("td",[s._v("footer content")]),s._v(" "),a("td",[s._v("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 index changes")]),s._v(" "),a("td",[s._v("current active index")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("triggers when hide")]),s._v(" "),a("td",[s._v("-")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/8.168676b0456643c9cd9e.js b/docs/js/8.168676b0456643c9cd9e.js
new file mode 100644
index 000000000..722c635e6
--- /dev/null
+++ b/docs/js/8.168676b0456643c9cd9e.js
@@ -0,0 +1 @@
+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("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\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-active-bgc := "),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-active-bgc := "),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toolbar")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\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("//checker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-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-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 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("-subtitle-"),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("-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-s\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll-nav")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-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("$scroll")]),s._v("-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("// image-preview")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$image")]),s._v("-preview-counter-"),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("// tab-bar & tab-panel")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),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("$tab")]),s._v("-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-slider-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\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-attr"}},[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/8.e7c8dce6c56bb9eda87e.js b/docs/js/8.e7c8dce6c56bb9eda87e.js
deleted file mode 100644
index 4e291f7ec..000000000
--- a/docs/js/8.e7c8dce6c56bb9eda87e.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([8],{"/i8g":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("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\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-active-bgc := "),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-active-bgc := "),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"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toolbar")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\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("//checker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),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("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-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("$checker")]),s._v("-item-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-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checker")]),s._v("-item-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 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("-subtitle-"),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("-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-s\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\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll-nav")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-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("$scroll")]),s._v("-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("// image-preview")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$image")]),s._v("-preview-counter-"),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("// tab-bar & tab-panel")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),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("$tab")]),s._v("-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-slider-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\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-attr"}},[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")])])}]}},"7PUU":function(s,a,t){s.exports=t("rIIE")},rIIE:function(s,a,t){var l=t("VU/8")(null,t("/i8g"),null,null,null);s.exports=l.exports}});
\ No newline at end of file
diff --git a/docs/js/80.bc0604d50c763593f726.js b/docs/js/80.ea58e0c55487a44cda81.js
similarity index 99%
rename from docs/js/80.bc0604d50c763593f726.js
rename to docs/js/80.ea58e0c55487a44cda81.js
index 5731c8a5f..1f7b604b5 100644
--- a/docs/js/80.bc0604d50c763593f726.js
+++ b/docs/js/80.ea58e0c55487a44cda81.js
@@ -1 +1 @@
-webpackJsonp([80],{"4+v0":function(s,t,a){var v=a("VU/8")(null,a("Bhil"),null,null,null);s.exports=v.exports},Bhil: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("debounce")]),s._v(": "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("date-picker")]),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(">")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")]),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.")])]),s._v(" "),a("li",[a("p",[s._v("Questionnaire")]),s._v(" "),a("p",[s._v("You can use form features to build your own app, like questionnaire. Code source: https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("demo-questionnaire")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":tip")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":questions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"questions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),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/>")]),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("// source")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire/questionnaire.vue")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DemoQuestionnaire "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/questionnaire/questionnaire.vue'")]),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("tip")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请配合如实填写问卷，确保xxxx相关文案'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("questions")]),s._v(": [\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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-comment"}},[s._v("// required: true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),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("options")]),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("on")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// min: '2020-01-01',")]),s._v("\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// max: '2020-02-18'")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'01:00'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'23:59'")]),s._v("\n          },\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),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("options")]),s._v(": [\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option1'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option2'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'单选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),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("on")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("'多选3'")]),s._v("]\n          },\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          "),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("row")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox2'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选-横3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),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("options")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n        },\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),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("options")]),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("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),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("link")]),s._v(": {\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'《xx协议》'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://github.com/didi/cube-ui'")]),s._v("\n            },\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'说明：本人承诺xx xxxxx xxx xx。'")]),s._v("\n          },\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("errMsg")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请同意协议'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("submit")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    DemoQuestionnaire\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    submitHandler(model) {\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(", model)\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("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("immediateValidate")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("submitAlwaysValidate"),a("sup",[s._v("1.12.36+")])]),s._v(" "),a("td",[s._v("If true, we will always validate all fields when submit")]),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("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      "),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    {\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      "),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  ]\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("-")])]),s._v(" "),a("tr",[a("td",[s._v("key"),a("sup",[s._v("1.12.36+")])]),s._v(" "),a("td",[s._v("field union key")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("options")]),s._v(" sub configuration")]),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("scrollToInvalidField")]),s._v(" "),a("td",[s._v("Whether to scroll to the first invalid fileld by default")]),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("layout")]),s._v(" "),a("td",[s._v("Form layout style")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("standard/classic/fresh")]),s._v(" "),a("td",[s._v("standard")])])])])])])},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("th",[s._v("Parameters 3")])])]),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. If only have sync validators, this event will not be prevented by default. If have async validators, this event will be prevented by default.")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("form model value")]),s._v(" "),a("td",[s._v("form model value with only fields "),a("code",{pre:!0},[s._v("modelKey")]),a("sup",[s._v("1.12.30+")])])]),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("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("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("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("-")]),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("skipValidate: default "),a("code",{pre:!0},[s._v("false")]),s._v(", if skipValidate is "),a("code",{pre:!0},[s._v("true")]),s._v(" then will be trigged submit event without validating"),a("sup",[s._v("1.12.2+")])]),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([80],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),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                "),a("span",{attrs:{class:"hljs-attr"}},[s._v("debounce")]),s._v(": "),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("date-picker")]),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(">")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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")]),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.")])]),s._v(" "),a("li",[a("p",[s._v("Questionnaire")]),s._v(" "),a("p",[s._v("You can use form features to build your own app, like questionnaire. Code source: https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("demo-questionnaire")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":tip")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":questions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"questions"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),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/>")]),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("// source")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://github.com/didi/cube-ui/tree/dev/example/components/questionnaire/questionnaire.vue")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" DemoQuestionnaire "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/components/questionnaire/questionnaire.vue'")]),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("tip")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请配合如实填写问卷，确保xxxx相关文案'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("questions")]),s._v(": [\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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-comment"}},[s._v("// required: true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),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("options")]),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("on")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// min: '2020-01-01',")]),s._v("\n            "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// max: '2020-02-18'")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'time'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'01:00'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'23:59'")]),s._v("\n          },\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),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("options")]),s._v(": [\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option1'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option2'")]),s._v(",\n            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'option3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'单选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选3'")]),s._v("\n          ],\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          "),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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),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("on")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),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("'多选3'")]),s._v("]\n          },\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          "),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("row")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox2'")]),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("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            "),a("span",{attrs:{class:"hljs-string"}},[s._v("'多选-横3'")]),s._v("\n          ],\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),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("options")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n        },\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),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("options")]),s._v(": {\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'city'")]),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("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\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("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),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("options")]),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("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n          },\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          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'agreement'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),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("link")]),s._v(": {\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'《xx协议》'")]),s._v(",\n              "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://github.com/didi/cube-ui'")]),s._v("\n            },\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'说明：本人承诺xx xxxxx xxx xx。'")]),s._v("\n          },\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("errMsg")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请同意协议'")]),s._v("\n        }\n      ],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("submit")]),s._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n      }\n    }\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n    DemoQuestionnaire\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    submitHandler(model) {\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(", model)\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("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("immediateValidate")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("submitAlwaysValidate"),a("sup",[s._v("1.12.36+")])]),s._v(" "),a("td",[s._v("If true, we will always validate all fields when submit")]),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("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      "),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    {\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      "),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  ]\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("-")])]),s._v(" "),a("tr",[a("td",[s._v("key"),a("sup",[s._v("1.12.36+")])]),s._v(" "),a("td",[s._v("field union key")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("options")]),s._v(" sub configuration")]),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("scrollToInvalidField")]),s._v(" "),a("td",[s._v("Whether to scroll to the first invalid fileld by default")]),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("layout")]),s._v(" "),a("td",[s._v("Form layout style")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("standard/classic/fresh")]),s._v(" "),a("td",[s._v("standard")])])])])])])},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("th",[s._v("Parameters 3")])])]),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. If only have sync validators, this event will not be prevented by default. If have async validators, this event will be prevented by default.")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("form model value")]),s._v(" "),a("td",[s._v("form model value with only fields "),a("code",{pre:!0},[s._v("modelKey")]),a("sup",[s._v("1.12.30+")])])]),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("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("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("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("-")]),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("skipValidate: default "),a("code",{pre:!0},[s._v("false")]),s._v(", if skipValidate is "),a("code",{pre:!0},[s._v("true")]),s._v(" then will be trigged submit event without validating"),a("sup",[s._v("1.12.2+")])]),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/81.59dcaffaee7b7596b8f9.js b/docs/js/81.59dcaffaee7b7596b8f9.js
deleted file mode 100644
index fa7aebeb3..000000000
--- a/docs/js/81.59dcaffaee7b7596b8f9.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([81],{"7tBj":function(s,t,a){var e=a("VU/8")(null,a("WaG/"),null,null,null);s.exports=e.exports},DOGQ:function(s,t,a){s.exports=a("7tBj")},"WaG/":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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("selectedIndex")]),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("-")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/81.dcf4c2075ca1e5efdd88.js b/docs/js/81.dcf4c2075ca1e5efdd88.js
new file mode 100644
index 000000000..00be5aecf
--- /dev/null
+++ b/docs/js/81.dcf4c2075ca1e5efdd88.js
@@ -0,0 +1 @@
+webpackJsonp([81],{"/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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),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(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("selectedIndex")]),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/82.67c961a904ed2f52b3b7.js b/docs/js/82.661e3976ba4e39135fef.js
similarity index 99%
rename from docs/js/82.67c961a904ed2f52b3b7.js
rename to docs/js/82.661e3976ba4e39135fef.js
index 17afed459..046bbc891 100644
--- a/docs/js/82.67c961a904ed2f52b3b7.js
+++ b/docs/js/82.661e3976ba4e39135fef.js
@@ -1 +1 @@
-webpackJsonp([82],{QClZ: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("Alert 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 - alert"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(", "),a("code",{pre:!0},[t._v("prompt")]),t._v(" "),a("sup",[t._v("1.11.0")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Prompt 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('"showPrompt"')]),t._v(">")]),t._v("Dialog - prompt"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(".dialog = "),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("'prompt'")]),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("prompt")]),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        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("e, promptValue")]),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("`Prompt value: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${promptValue || "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("}")]),t._v("`")]),t._v("\n          }).show()\n        }\n      }).show()\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("You can get prompt input value in confirm event handler. And "),a("code",{pre:!0},[t._v("prompt")]),t._v(" value will be passed to "),a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input component")]),t._v(" as props.")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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 / prompt"),a("sup",[t._v("1.11.0")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the 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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("prompt config, all "),a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input component's")]),t._v("props")]),t._v(" "),a("td",[t._v("Object")]),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("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 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),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("td",[t._v("the prompt input value when "),a("code",{pre:!0},[t._v("type")]),t._v(" is "),a("code",{pre:!0},[t._v("'prompt'")]),a("sup",[t._v("1.11.0")])])]),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("td",[t._v("-")])]),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")]),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("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("QClZ"),null,null,null);t.exports=v.exports},gPPJ:function(t,s,a){t.exports=a("fF0o")}});
\ No newline at end of file
+webpackJsonp([82],{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("Alert 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 - alert"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(", "),a("code",{pre:!0},[t._v("prompt")]),t._v(" "),a("sup",[t._v("1.11.0")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Prompt 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('"showPrompt"')]),t._v(">")]),t._v("Dialog - prompt"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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(".dialog = "),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("'prompt'")]),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("prompt")]),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        },\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("e, promptValue")]),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("`Prompt value: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${promptValue || "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("}")]),t._v("`")]),t._v("\n          }).show()\n        }\n      }).show()\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("You can get prompt input value in confirm event handler. And "),a("code",{pre:!0},[t._v("prompt")]),t._v(" value will be passed to "),a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input component")]),t._v(" as props.")])]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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 / prompt"),a("sup",[t._v("1.11.0")])]),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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the 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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("prompt config, all "),a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input component's")]),t._v("props")]),t._v(" "),a("td",[t._v("Object")]),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("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 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),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("td",[t._v("the prompt input value when "),a("code",{pre:!0},[t._v("type")]),t._v(" is "),a("code",{pre:!0},[t._v("'prompt'")]),a("sup",[t._v("1.11.0")])])]),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("td",[t._v("-")])]),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")]),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("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/83.05cabda29bb21d2b7ba2.js b/docs/js/83.05cabda29bb21d2b7ba2.js
new file mode 100644
index 000000000..9a3443b91
--- /dev/null
+++ b/docs/js/83.05cabda29bb21d2b7ba2.js
@@ -0,0 +1 @@
+webpackJsonp([83],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("columnOrder")]),s._v(" "),a("sup",[s._v("1.12.14")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("columnOrder")]),s._v(" can be used to change the display order in case where the order is not 'Year-Month-Date Hour-Minute-Second'. For example, we can set the "),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" to "),a("code",{pre:!0},[s._v("['month', 'date', 'year']")]),s._v(" for the display order of 'Month-Date-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('"showChangeOrderPicker"')]),s._v(">")]),s._v("Date Picker(Change order)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showChangeOrderPicker() {\n       "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker) {\n         "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker = "),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("columnOrder")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'month'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'year'")]),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-keyword"}},[s._v("this")]),s._v(".changeOrderPicker.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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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, 0, 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("December 31 of next year based on current time [new Date().getFullYear() + 1, 12, 31, 23, 59, 59]")]),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("-")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask 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("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("columnOrder"),a("sup",[s._v("1.12.14")])]),s._v(" "),a("td",[s._v("display order")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("['year', 'month', 'date', 'hour', 'minute', 'second']")]),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("minute")]),s._v(" "),a("td",[s._v("the format of minute, "),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("second")]),s._v(" "),a("td",[s._v("the format of second, "),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/83.6687926b889e4514ae8c.js b/docs/js/83.6687926b889e4514ae8c.js
deleted file mode 100644
index 3c99b979d..000000000
--- a/docs/js/83.6687926b889e4514ae8c.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([83],{"63Ju":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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("columnOrder")]),s._v(" "),a("sup",[s._v("1.12.14")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("columnOrder")]),s._v(" can be used to change the display order in case where the order is not 'Year-Month-Date Hour-Minute-Second'. For example, we can set the "),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" to "),a("code",{pre:!0},[s._v("['month', 'date', 'year']")]),s._v(" for the display order of 'Month-Date-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('"showChangeOrderPicker"')]),s._v(">")]),s._v("Date Picker(Change order)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showChangeOrderPicker() {\n       "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker) {\n         "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker = "),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("columnOrder")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'month'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'year'")]),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-keyword"}},[s._v("this")]),s._v(".changeOrderPicker.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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v(" <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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, 0, 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("December 31 of next year based on current time [new Date().getFullYear() + 1, 12, 31, 23, 59, 59]")]),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("-")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask 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("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("columnOrder"),a("sup",[s._v("1.12.14")])]),s._v(" "),a("td",[s._v("display order")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("['year', 'month', 'date', 'hour', 'minute', 'second']")]),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("minute")]),s._v(" "),a("td",[s._v("the format of minute, "),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("second")]),s._v(" "),a("td",[s._v("the format of second, "),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")])])])])}]}},"6Rwf":function(s,t,a){s.exports=a("lqZM")},lqZM:function(s,t,a){var e=a("VU/8")(null,a("63Ju"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/84.abe82c1b64c923ed2b19.js b/docs/js/84.abe82c1b64c923ed2b19.js
deleted file mode 100644
index 4bab9b63a..000000000
--- a/docs/js/84.abe82c1b64c923ed2b19.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([84],{"3JND":function(e,t,s){var a=s("VU/8")(null,s("CUf6"),null,null,null);e.exports=a.exports},CUf6: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("Or components in cube-ui, like Dialog:")]),e._v(" "),e._m(5),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 cube-ui 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",[s("strong",[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",[s("strong",[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("After 1.10.0+, you can set "),s("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth"}},[e._v("all avaliable properties in Vue")]),e._v(", but you need to add prefix "),s("code",{pre:!0},[e._v("$")]),e._v(", eg:")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createAaBb({\n  "),s("span",{attrs:{class:"hljs-attr"}},[e._v("$attrs")]),e._v(": {\n    "),s("span",{attrs:{class:"hljs-attr"}},[e._v("id")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'id'")]),e._v("\n  },\n  "),s("span",{attrs:{class:"hljs-attr"}},[e._v("$class")]),e._v(": {\n    "),s("span",{attrs:{class:"hljs-string"}},[e._v("'my-class'")]),e._v(": "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v("\n  }\n})\n")])]),e._v(" "),s("p",[s("strong",[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.")]),e._v(" "),s("blockquote",[s("p",[e._v("And the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method will be "),s("strong",[e._v("attached")]),e._v(" to this instance.")])]),e._v(" "),s("p",[e._v("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.")]),e._v(" "),s("p",[e._v("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("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("slot")]),e._v(">")]),e._v("\n  "),s("span",{attrs:{class:"hljs-tag"}},[e._v("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("div")]),e._v(">")]),e._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("template")]),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("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("script")]),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(" 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-keyword"}},[e._v("import")]),e._v(" {\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"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// 创建 this.$createHello and $Hello.create API")]),e._v("\ncreateAPI(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\nHello.$create(config, renderFn)\n")])])},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(" 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(" { Dialog } "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n\nVue.use(Dialog)\n\nDialog.$create({\n  ...\n})\n")])])}]}},"i/fd":function(e,t,s){e.exports=s("3JND")}});
\ No newline at end of file
diff --git a/docs/js/84.c806b6eaf1522e4fbc07.js b/docs/js/84.c806b6eaf1522e4fbc07.js
new file mode 100644
index 000000000..cf2960b92
--- /dev/null
+++ b/docs/js/84.c806b6eaf1522e4fbc07.js
@@ -0,0 +1 @@
+webpackJsonp([84],{"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("Or components in cube-ui, like Dialog:")]),e._v(" "),e._m(5),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 cube-ui 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",[s("strong",[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",[s("strong",[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("After 1.10.0+, you can set "),s("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth"}},[e._v("all avaliable properties in Vue")]),e._v(", but you need to add prefix "),s("code",{pre:!0},[e._v("$")]),e._v(", eg:")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createAaBb({\n  "),s("span",{attrs:{class:"hljs-attr"}},[e._v("$attrs")]),e._v(": {\n    "),s("span",{attrs:{class:"hljs-attr"}},[e._v("id")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'id'")]),e._v("\n  },\n  "),s("span",{attrs:{class:"hljs-attr"}},[e._v("$class")]),e._v(": {\n    "),s("span",{attrs:{class:"hljs-string"}},[e._v("'my-class'")]),e._v(": "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v("\n  }\n})\n")])]),e._v(" "),s("p",[s("strong",[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.")]),e._v(" "),s("blockquote",[s("p",[e._v("And the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method will be "),s("strong",[e._v("attached")]),e._v(" to this instance.")])]),e._v(" "),s("p",[e._v("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.")]),e._v(" "),s("p",[e._v("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("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("slot")]),e._v(">")]),e._v("\n  "),s("span",{attrs:{class:"hljs-tag"}},[e._v("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("div")]),e._v(">")]),e._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("template")]),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("</"),s("span",{attrs:{class:"hljs-name"}},[e._v("script")]),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(" 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-keyword"}},[e._v("import")]),e._v(" {\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"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// 创建 this.$createHello and $Hello.create API")]),e._v("\ncreateAPI(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\nHello.$create(config, renderFn)\n")])])},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(" 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(" { Dialog } "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n\nVue.use(Dialog)\n\nDialog.$create({\n  ...\n})\n")])])}]}},"i/fd":function(e,t,s){e.exports=s("3JND")}});
\ No newline at end of file
diff --git a/docs/js/85.aa58b8b72d71c6764b8a.js b/docs/js/85.5fbf101dd2b8a0f6cdc3.js
similarity index 99%
rename from docs/js/85.aa58b8b72d71c6764b8a.js
rename to docs/js/85.5fbf101dd2b8a0f6cdc3.js
index 6d2404202..7d5b954e1 100644
--- a/docs/js/85.aa58b8b72d71c6764b8a.js
+++ b/docs/js/85.5fbf101dd2b8a0f6cdc3.js
@@ -1 +1 @@
-webpackJsonp([85],{P4Dd: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:"Checker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checker")]),s._v(" "),a("p",[s._v("Checker is more flexible selection component, you can alse customize the layout.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"CubeCheckerItemPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeCheckerItemPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeCheckerItem Props configuration")]),s._v(" "),s._m(4),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("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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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(" />")]),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("checkerValue")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\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("checkerValue")]),s._v(" value is  "),a("code",{pre:!0},[s._v("''")]),s._v(",\nIf you clicked one option, the "),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" will be set as the value of this option.")])]),s._v(" "),a("li",[a("p",[s._v("radio")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),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("checkerValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("type")]),s._v(" is set to "),a("code",{pre:!0},[s._v("'radio'")]),s._v(", the checker will be a radio type.\nThe default type is a "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Use slot")]),s._v(" "),a("p",[s._v("You can use slot to implement custom layout.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-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 in options"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.value"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),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('"orange"')]),s._v(">")]),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-alert"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-item")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),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("checkerList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Use min & max prop")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("min")]),s._v(" and "),a("code",{pre:!0},[s._v("max")]),s._v(" prop but the "),a("code",{pre:!0},[s._v("type")]),s._v(" must set to "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(".")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("max")]),s._v(" set the max number of checked items, "),a("code",{pre:!0},[s._v("min")]),s._v(" set the min number of checked items.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("disabled state "),a("sup",[s._v("1.12.19")])]),s._v(" "),a("p",[s._v("use "),a("code",{pre:!0},[s._v("disabled")]),s._v("  to set disabled state")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("/>")]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'first'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'second'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'third'")]),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("a collection of configuration 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("type")]),s._v(" "),a("td",[s._v("the type of checker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("checkbox/radio")]),s._v(" "),a("td",[s._v("checkbox")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("the min number")]),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("the max number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("options length")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("options 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("value")]),s._v(" "),a("td",[s._v("the value of checker item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text of checker item")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("td",[s._v("disabled state of checker item")]),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("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("item configuration object")]),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("ul",[a("li",[s._v("option 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("value")]),s._v(" "),a("td",[s._v("the value of checker item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text of checker item")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("td",[s._v("disabled state of checker item")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},YWVk:function(s,t,a){s.exports=a("nHuG")},nHuG:function(s,t,a){var v=a("VU/8")(null,a("P4Dd"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
+webpackJsonp([85],{DUjI: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:"Checker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checker")]),s._v(" "),a("p",[s._v("Checker is more flexible selection component, you can alse customize the layout.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"CubeCheckerItemPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeCheckerItemPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeCheckerItem Props configuration")]),s._v(" "),s._m(4),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("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-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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(" />")]),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("checkerValue")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\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("checkerValue")]),s._v(" value is  "),a("code",{pre:!0},[s._v("''")]),s._v(",\nIf you clicked one option, the "),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" will be set as the value of this option.")])]),s._v(" "),a("li",[a("p",[s._v("radio")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),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("checkerValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("type")]),s._v(" is set to "),a("code",{pre:!0},[s._v("'radio'")]),s._v(", the checker will be a radio type.\nThe default type is a "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Use slot")]),s._v(" "),a("p",[s._v("You can use slot to implement custom layout.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-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 in options"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.value"')]),s._v("\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),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('"orange"')]),s._v(">")]),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-alert"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-item")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),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("checkerList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Use min & max prop")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("min")]),s._v(" and "),a("code",{pre:!0},[s._v("max")]),s._v(" prop but the "),a("code",{pre:!0},[s._v("type")]),s._v(" must set to "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(".")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("max")]),s._v(" set the max number of checked items, "),a("code",{pre:!0},[s._v("min")]),s._v(" set the min number of checked items.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n        },\n        {\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("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n        },\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n        }\n      ]\n    }\n  }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("disabled state "),a("sup",[s._v("1.12.19")])]),s._v(" "),a("p",[s._v("use "),a("code",{pre:!0},[s._v("disabled")]),s._v("  to set disabled state")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),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("/>")]),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("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n        {\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'first'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'second'")]),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("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'third'")]),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("a collection of configuration 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("type")]),s._v(" "),a("td",[s._v("the type of checker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("checkbox/radio")]),s._v(" "),a("td",[s._v("checkbox")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("the min number")]),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("the max number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("options length")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("options 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("value")]),s._v(" "),a("td",[s._v("the value of checker item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text of checker item")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("td",[s._v("disabled state of checker item")]),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("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("item configuration object")]),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("ul",[a("li",[s._v("option 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("value")]),s._v(" "),a("td",[s._v("the value of checker item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text of checker item")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.12.19")])]),s._v(" "),a("td",[s._v("disabled state of checker item")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},YWVk:function(s,t,a){s.exports=a("nHuG")},nHuG:function(s,t,a){var v=a("VU/8")(null,a("DUjI"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/86.2da9326ba73eed0a8f57.js b/docs/js/86.2da9326ba73eed0a8f57.js
new file mode 100644
index 000000000..b774d1a71
--- /dev/null
+++ b/docs/js/86.2da9326ba73eed0a8f57.js
@@ -0,0 +1 @@
+webpackJsonp([86],{"18H/":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(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("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,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-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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("p",[t._v("If selected, the value of "),a("code",{pre:!0},[t._v("checked")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Styled checkbox")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("p",[t._v("If setting "),a("code",{pre:!0},[t._v("position")]),t._v(" to "),a("code",{pre:!0},[t._v("'right'")]),t._v(", the position of the checkbox's icon is on the right. And you could use "),a("code",{pre:!0},[t._v("shape")]),t._v(" to configure the shape of icon,  set "),a("code",{pre:!0},[t._v("hollow-style=true")]),t._v(" to use hollow-out style.")])]),t._v(" "),a("li",[a("p",[t._v("Change the value of 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("If "),a("code",{pre:!0},[t._v("option")]),t._v(" is setted, and when the checkbox is selected, the value of "),a("code",{pre:!0},[t._v("checked")]),t._v(" is "),a("code",{pre:!0},[t._v("'optionValue'")]),t._v(". When not selected, the value is "),a("code",{pre:!0},[t._v("false")]),t._v("; Therefore, in circumstances of single checkbox, better not set "),a("code",{pre:!0},[t._v("option")]),t._v(".")])]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("With click")]),t._v(" "),a("p",[t._v("If you want to handle click event, you need to handle the 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-checkbox")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"with-click"')]),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  Agree "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("a")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"javascript:;"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click.stop")]),t._v(">")]),t._v("《xxx》"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("a")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-styl"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".with-click")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-checkbox-label")]),t._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("z-index")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),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("option")]),t._v(" "),a("td",[t._v("option value（if the value of option is a string type, the label and value will be this string you just set for option.）")]),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("icon position")]),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("icon shape")]),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("hollowStyle")]),t._v(" "),a("td",[t._v("whether is hollow-out style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("option")]),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("tbody",[a("tr",[a("td",[t._v("label")]),t._v(" "),a("td",[t._v("the text of label")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("the value of checkbox item")]),t._v(" "),a("td",[t._v("String/Number")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether the checkbox item is disabled")]),t._v(" "),a("td",[t._v("Boolean")])])])])},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("Parameter")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("triggers when the binding value changes")]),t._v(" "),a("td",[t._v("the updated value（ if you set value in the option and the checkbox is checked, the value is option.value; otherwise, the value is the v-model value of checkbox ）")])])])])}]}},QTnR:function(t,s,a){t.exports=a("nejK")},nejK:function(t,s,a){var e=a("VU/8")(null,a("18H/"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/86.f749c98106f81fa78f3e.js b/docs/js/86.f749c98106f81fa78f3e.js
deleted file mode 100644
index 07eec1610..000000000
--- a/docs/js/86.f749c98106f81fa78f3e.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([86],{QTnR:function(t,s,a){t.exports=a("nejK")},V4w7: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(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("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,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-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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("p",[t._v("If selected, the value of "),a("code",{pre:!0},[t._v("checked")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Styled checkbox")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("p",[t._v("If setting "),a("code",{pre:!0},[t._v("position")]),t._v(" to "),a("code",{pre:!0},[t._v("'right'")]),t._v(", the position of the checkbox's icon is on the right. And you could use "),a("code",{pre:!0},[t._v("shape")]),t._v(" to configure the shape of icon,  set "),a("code",{pre:!0},[t._v("hollow-style=true")]),t._v(" to use hollow-out style.")])]),t._v(" "),a("li",[a("p",[t._v("Change the value of 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("If "),a("code",{pre:!0},[t._v("option")]),t._v(" is setted, and when the checkbox is selected, the value of "),a("code",{pre:!0},[t._v("checked")]),t._v(" is "),a("code",{pre:!0},[t._v("'optionValue'")]),t._v(". When not selected, the value is "),a("code",{pre:!0},[t._v("false")]),t._v("; Therefore, in circumstances of single checkbox, better not set "),a("code",{pre:!0},[t._v("option")]),t._v(".")])]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("With click")]),t._v(" "),a("p",[t._v("If you want to handle click event, you need to handle the 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-checkbox")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"with-click"')]),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  Agree "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("a")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"javascript:;"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click.stop")]),t._v(">")]),t._v("《xxx》"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("a")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-styl"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".with-click")]),t._v("\n  "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-checkbox-label")]),t._v("\n    "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n      "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("z-index")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),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("option")]),t._v(" "),a("td",[t._v("option value（if the value of option is a string type, the label and value will be this string you just set for option.）")]),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("icon position")]),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("icon shape")]),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("hollowStyle")]),t._v(" "),a("td",[t._v("whether is hollow-out style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("option")]),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("tbody",[a("tr",[a("td",[t._v("label")]),t._v(" "),a("td",[t._v("the text of label")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("value")]),t._v(" "),a("td",[t._v("the value of checkbox item")]),t._v(" "),a("td",[t._v("String/Number")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether the checkbox item is disabled")]),t._v(" "),a("td",[t._v("Boolean")])])])])},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("Parameter")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("triggers when the binding value changes")]),t._v(" "),a("td",[t._v("the updated value（ if you set value in the option and the checkbox is checked, the value is option.value; otherwise, the value is the v-model value of checkbox ）")])])])])}]}},nejK:function(t,s,a){var e=a("VU/8")(null,a("V4w7"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/87.5178a52e7b851546a016.js b/docs/js/87.d0fe1617ce4a06b0b876.js
similarity index 99%
rename from docs/js/87.5178a52e7b851546a016.js
rename to docs/js/87.d0fe1617ce4a06b0b876.js
index 093bf91de..c50ffe8bb 100644
--- a/docs/js/87.5178a52e7b851546a016.js
+++ b/docs/js/87.d0fe1617ce4a06b0b876.js
@@ -1 +1 @@
-webpackJsonp([87],{kDRg: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),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)])},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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),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(".")])]),s._v(" "),a("li",[a("p",[s._v("Set column number"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("colNum")]),s._v(" to control the display columns")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[s._v("  "),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('"colCheckList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colOptions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),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("colCheckList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colOptions")]),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("column number")]),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("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("hollowStyle")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("min selected items count")]),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"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("max selected items count")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Infinite")])])])])},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.")])},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("Parameter")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("checked")]),s._v(" "),a("td",[s._v("triggers when an checkbox in the checkboxGroup is checked")]),s._v(" "),a("td",[s._v("the currently checked checkbox value")])]),s._v(" "),a("tr",[a("td",[s._v("cancel-checked")]),s._v(" "),a("td",[s._v("triggers when an checkbox in the checkboxGroup is unchecked")]),s._v(" "),a("td",[s._v("the currently unchecked checkbox value")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("triggers when the binding value changes")]),s._v(" "),a("td",[s._v("a set of the values of selected checkboxs")])])])])}]}},wNVF:function(s,t,a){s.exports=a("xIH8")},xIH8:function(s,t,a){var v=a("VU/8")(null,a("kDRg"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
+webpackJsonp([87],{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),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)])},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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),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-name"}},[s._v("i")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),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(".")])]),s._v(" "),a("li",[a("p",[s._v("Set column number"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("colNum")]),s._v(" to control the display columns")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[s._v("  "),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('"colCheckList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colOptions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),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("colCheckList")]),s._v(": [],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("colOptions")]),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(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),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("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("colNum"),a("sup",[s._v("1.12.28")])]),s._v(" "),a("td",[s._v("column number")]),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("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("hollowStyle")]),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")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("min selected items count")]),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"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("max selected items count")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Infinite")])])])])},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.")])},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("Parameter")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("checked")]),s._v(" "),a("td",[s._v("triggers when an checkbox in the checkboxGroup is checked")]),s._v(" "),a("td",[s._v("the currently checked checkbox value")])]),s._v(" "),a("tr",[a("td",[s._v("cancel-checked")]),s._v(" "),a("td",[s._v("triggers when an checkbox in the checkboxGroup is unchecked")]),s._v(" "),a("td",[s._v("the currently unchecked checkbox value")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("triggers when the binding value changes")]),s._v(" "),a("td",[s._v("a set of the values of selected checkboxs")])])])])}]}},wNVF:function(s,t,a){s.exports=a("xIH8")},xIH8:function(s,t,a){var v=a("VU/8")(null,a("qjpr"),null,null,null);s.exports=v.exports}});
\ No newline at end of file
diff --git a/docs/js/88.62c985139bfaf2e40717.js b/docs/js/88.62c985139bfaf2e40717.js
new file mode 100644
index 000000000..75bc39bea
--- /dev/null
+++ b/docs/js/88.62c985139bfaf2e40717.js
@@ -0,0 +1 @@
+webpackJsonp([88],{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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showAsyncPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.show()\n    },\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("Default")]),s._v(" "),a("th",[s._v("Accepted Values")])])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask 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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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/88.de4a916472f104f61636.js b/docs/js/88.de4a916472f104f61636.js
deleted file mode 100644
index 9910ebb79..000000000
--- a/docs/js/88.de4a916472f104f61636.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([88],{FLq0: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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),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    showAsyncPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.show()\n    },\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: <br/> - value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v(" <br/> - 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("Default")]),s._v(" "),a("th",[s._v("Accepted Values")])])]),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")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask 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("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),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("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")])])])])}]}},KI1o:function(s,t,a){s.exports=a("QRzD")},QRzD:function(s,t,a){var e=a("VU/8")(null,a("FLq0"),null,null,null);s.exports=e.exports}});
\ No newline at end of file
diff --git a/docs/js/89.f10e96c58d8eb0db1c28.js b/docs/js/89.7e655c4acb6aaa07507c.js
similarity index 98%
rename from docs/js/89.f10e96c58d8eb0db1c28.js
rename to docs/js/89.7e655c4acb6aaa07507c.js
index f91ccf15d..ed948fb72 100644
--- a/docs/js/89.f10e96c58d8eb0db1c28.js
+++ b/docs/js/89.7e655c4acb6aaa07507c.js
@@ -1 +1 @@
-webpackJsonp([89],{"4Xeq":function(t,s,a){t.exports=a("P/Yg")},"P/Yg":function(t,s,a){var v=a("VU/8")(null,a("v8Nh"),null,null,null);t.exports=v.exports},v8Nh: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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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([89],{"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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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/9.2b406ccd63b03baac8bd.js b/docs/js/9.2b406ccd63b03baac8bd.js
deleted file mode 100644
index f3aa88c36..000000000
--- a/docs/js/9.2b406ccd63b03baac8bd.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([9],{"7K2V":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:"示例"}},[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(" "),t._m(2),t._v(" "),s("h3",{attrs:{id:"Props配置"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-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 配置")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),s("h3",{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(" "),t._m(5),t._v(" "),s("h3",{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(" "),t._m(6)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("blockquote",[s("p",[t._v("1.5.0 新增")])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("p",[t._v("多行输入框组件，支持使用"),s("code",{pre:!0},[t._v("v-model")]),t._v("对数据双向绑定，根据是否有内容、是否聚焦有折叠、展开两种状态。")])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("基本用法")]),t._v(" "),s("p",[t._v("使用"),s("code",{pre:!0},[t._v("v-model")]),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-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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("配置计数标识")]),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-attr"}},[t._v("indicator")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v(">")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n  data() {\n    "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n      "),s("span",{attrs:{class:"hljs-attr"}},[t._v("indicator")]),t._v(": {\n        "),s("span",{attrs:{class:"hljs-attr"}},[t._v("negative")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),s("span",{attrs:{class:"hljs-attr"}},[t._v("remain")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),s("p",[t._v("如果 "),s("code",{pre:!0},[t._v("indicator")]),t._v(" 的值为 "),s("code",{pre:!0},[t._v("false")]),t._v("，则不显示计数标识，如果为 "),s("code",{pre:!0},[t._v("true")]),t._v("，则等同于 "),s("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v("，而如果是对象，则可通过 "),s("code",{pre:!0},[t._v("remain")]),t._v(" 和 "),s("code",{pre:!0},[t._v("negative")]),t._v(" 分别控制是否显示剩余字数（如果为 "),s("code",{pre:!0},[t._v("false")]),t._v(" 则显示输入字数）和是否允许负值。")])]),t._v(" "),s("li",[s("p",[t._v("多项配置")]),t._v(" "),s("p",[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-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("</"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("'请输入内容'")]),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("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("可选值")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("v-model")]),t._v(" "),s("td",[t._v("绑定的值")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("空")])]),t._v(" "),s("tr",[s("td",[t._v("disabled")]),t._v(" "),s("td",[t._v("禁用状态")]),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("只读状态")]),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("最大输入长度")]),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("占位文本")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("空")])]),t._v(" "),s("tr",[s("td",[t._v("autofocus")]),t._v(" "),s("td",[t._v("自动对焦")]),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("indicator"),s("sup",[t._v("1.10.0")])]),t._v(" "),s("td",[t._v("计数标识配置")]),t._v(" "),s("td",[t._v("Boolean/Object")]),t._v(" "),s("td",[t._v("true/false/{}")]),t._v(" "),s("td",[t._v("true")])]),t._v(" "),s("tr",[s("td",[t._v("autoExpand"),s("sup",[t._v("1.12.0")])]),t._v(" "),s("td",[t._v("如果为 true 且默认有内容的话，会默认展开")]),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("ul",[s("li",[s("p",[t._v("indicator 子配置项")]),t._v(" "),s("p",[t._v("如果 "),s("code",{pre:!0},[t._v("indicator")]),t._v(" 的值为 "),s("code",{pre:!0},[t._v("false")]),t._v("，则不显示计数标识，如果为 "),s("code",{pre:!0},[t._v("true")]),t._v(" 则等同于配置 "),s("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v("。如果是对象，则：")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("可选值")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("remain")]),t._v(" "),s("td",[t._v("是否控制显示剩余字数，如果为 "),s("code",{pre:!0},[t._v("false")]),t._v(" 则代表显示输入字数")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("true")])]),t._v(" "),s("tr",[s("td",[t._v("negative")]),t._v(" "),s("td",[t._v("当 "),s("code",{pre:!0},[t._v("remain")]),t._v(" 为 true 时有效，是否允许出现负值")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("true")])])])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("事件名")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("参数")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("focus")]),t._v(" "),s("td",[t._v("输入框聚焦后触发此事件，如果禁用状态，则不触发")]),t._v(" "),s("td",[t._v("e - 事件对象")])]),t._v(" "),s("tr",[s("td",[t._v("blur")]),t._v(" "),s("td",[t._v("输入框失焦后触发此事件")]),t._v(" "),s("td",[t._v("e - 事件对象")])]),t._v(" "),s("tr",[s("td",[t._v("input")]),t._v(" "),s("td",[t._v("绑定值变化时触发")]),t._v(" "),s("td",[t._v("更新后的绑定值")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("方法名")]),t._v(" "),s("th",[t._v("说明")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("focus"),s("sup",[t._v("1.12.10+")])]),t._v(" "),s("td",[t._v("获得焦点")])]),t._v(" "),s("tr",[s("td",[t._v("blur"),s("sup",[t._v("1.12.10+")])]),t._v(" "),s("td",[t._v("离焦")])])])])}]}},JsvZ:function(t,a,s){var v=s("VU/8")(null,s("7K2V"),null,null,null);t.exports=v.exports},PG1Z:function(t,a,s){t.exports=s("JsvZ")}});
\ No newline at end of file
diff --git a/docs/js/9.43053995a79e41726eb4.js b/docs/js/9.43053995a79e41726eb4.js
new file mode 100644
index 000000000..991a2d76b
--- /dev/null
+++ b/docs/js/9.43053995a79e41726eb4.js
@@ -0,0 +1 @@
+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(" "),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),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("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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("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-attr"}},[t._v("indicator")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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("indicator")]),t._v(": {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("negative")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("remain")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n      }\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("如果 "),a("code",{pre:!0},[t._v("indicator")]),t._v(" 的值为 "),a("code",{pre:!0},[t._v("false")]),t._v("，则不显示计数标识，如果为 "),a("code",{pre:!0},[t._v("true")]),t._v("，则等同于 "),a("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v("，而如果是对象，则可通过 "),a("code",{pre:!0},[t._v("remain")]),t._v(" 和 "),a("code",{pre:!0},[t._v("negative")]),t._v(" 分别控制是否显示剩余字数（如果为 "),a("code",{pre:!0},[t._v("false")]),t._v(" 则显示输入字数）和是否允许负值。")]),t._v(" "),a("p",[t._v("从1.12.53开始也支持具名作用域插槽 "),a("code",{pre:!0},[t._v("indicator")]),t._v(" 自定义计数标识，提供了剩余可输入字数 "),a("code",{pre:!0},[t._v("remain")]),t._v("，和当前已输入字数 "),a("code",{pre:!0},[t._v("count")]),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('"text"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"请您至少输入8个字（必填）"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"300"')]),t._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-expand")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v("\n>")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("span")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot-scope")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"{ remain }"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cube-textarea-indicator"')]),t._v(">")]),t._v("{{remain}}/300"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("span")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-comment"}},[t._v("\x3c!-- 或者 vue2.6以上 --\x3e")]),t._v("\n  "),a("span",{attrs:{class:"hljs-comment"}},[t._v('\x3c!-- <template #indicator="childValue">\n    <span class="cube-textarea-indicator">{{childValue.remain}}/300</span>\n  </template> --\x3e')]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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-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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),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")])]),t._v(" "),a("tr",[a("td",[t._v("indicator"),a("sup",[t._v("1.10.0")])]),t._v(" "),a("td",[t._v("计数标识配置")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{}")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("autoExpand"),a("sup",[t._v("1.12.0")])]),t._v(" "),a("td",[t._v("如果为 true 且默认有内容的话，会默认展开")]),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("forceExpand"),a("sup",[t._v("1.12.53")])]),t._v(" "),a("td",[t._v("如果为 true , 会始终保持展开")]),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("p",[t._v("indicator 子配置项")]),t._v(" "),a("p",[t._v("如果 "),a("code",{pre:!0},[t._v("indicator")]),t._v(" 的值为 "),a("code",{pre:!0},[t._v("false")]),t._v("，则不显示计数标识，如果为 "),a("code",{pre:!0},[t._v("true")]),t._v(" 则等同于配置 "),a("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v("。如果是对象，则：")]),t._v(" "),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("remain")]),t._v(" "),a("td",[t._v("是否控制显示剩余字数，如果为 "),a("code",{pre:!0},[t._v("false")]),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("negative")]),t._v(" "),a("td",[t._v("当 "),a("code",{pre:!0},[t._v("remain")]),t._v(" 为 true 时有效，是否允许出现负值")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])])])])])])},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("indicator"),a("sup",[t._v("1.12.53")])]),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 - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),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("tbody",[a("tr",[a("td",[t._v("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("获得焦点")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("离焦")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/90.47dffefcce8c6186abcd.js b/docs/js/90.47dffefcce8c6186abcd.js
new file mode 100644
index 000000000..39ed36bba
--- /dev/null
+++ b/docs/js/90.47dffefcce8c6186abcd.js
@@ -0,0 +1 @@
+webpackJsonp([90],{"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("BetterScroll")]),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://better-scroll.github.io/docs-v1/#/"}},[t._v("Home")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/#/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/90.6ef1e2d595d4ad2ae0b9.js b/docs/js/90.6ef1e2d595d4ad2ae0b9.js
deleted file mode 100644
index 6af889de0..000000000
--- a/docs/js/90.6ef1e2d595d4ad2ae0b9.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([90],{"1H2i":function(t,e,r){t.exports=r("myNN")},myNN:function(t,e,r){var s=r("VU/8")(null,r("tPeN"),null,null,null);t.exports=s.exports},tPeN: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("BetterScroll")]),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://better-scroll.github.io/docs-v1/#/"}},[t._v("Home")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://better-scroll.github.io/docs-v1/#/examples/en"}},[t._v("Example")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/91.bafce18b7db27328f409.js b/docs/js/91.bafce18b7db27328f409.js
deleted file mode 100644
index c2a06f105..000000000
--- a/docs/js/91.bafce18b7db27328f409.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([91],{E7JB:function(t,s,a){var v=a("VU/8")(null,a("poR7"),null,null,null);t.exports=v.exports},egGD:function(t,s,a){t.exports=a("E7JB")},poR7: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('"showDefault"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("'<em>align - center</em>'")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("cancelTxt"),a("sup",[t._v("1.9.9")])]),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("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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},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")])])])])}]}}});
\ No newline at end of file
diff --git a/docs/js/91.fc93e315db5c6a555034.js b/docs/js/91.fc93e315db5c6a555034.js
new file mode 100644
index 000000000..5b7c67a9c
--- /dev/null
+++ b/docs/js/91.fc93e315db5c6a555034.js
@@ -0,0 +1 @@
+webpackJsonp([91],{E7JB:function(t,s,a){var v=a("VU/8")(null,a("dhZy"),null,null,null);t.exports=v.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('"showDefault"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("'<em>align - center</em>'")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),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("cancelTxt"),a("sup",[t._v("1.9.9")])]),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("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")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),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("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},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/app.86543725b2fbb55f515f.js b/docs/js/app.86543725b2fbb55f515f.js
new file mode 100644
index 000000000..a2289876e
--- /dev/null
+++ b/docs/js/app.86543725b2fbb55f515f.js
@@ -0,0 +1 @@
+webpackJsonp([93],{"//Y1":function(t,e,n){var a,s,i;!function(r,o){s=[n("/5sW"),n("HIuL")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t),s=n(e);a.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){s.default.highlightBlock(t)})})})},"1+tu":function(t,e){},"1j6h":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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 a(t){n("i5GG")}var s=n("VU/8")(n("6p5i"),n("v+5S"),a,null,null);t.exports=s.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 a,s,i;!function(r,o){s=[t,e,n("fZjL"),n("ZQ4r")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=s(n),r=s(a),o={};e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:r.default},mounted:function(){var t=this,e="",n="",a=this.navList;this.$watch("$route.path",function(s){e=s.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(a,e),o=n&&a[n],t.$set(o,"isRootActive",!0),t.$set(o,"hasActived",!0)},{immediate:!0})},methods:{seekRoot:function(t,e,n){for(var a=(0,i.default)(t),s=0;s<a.length;s++){var r=a[s];if(r===e)return n;if(t[r].subList){var o=t[r].subList,l=this.seekRoot(o,e,n||r);if(l)return l}}}}},t.exports=e.default})},"4Sli":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("A fantastic mobile ui lib implement by Vue.js")]),t._v(" "),n("template",{slot:"rec-btns"},[n("router-link",{staticClass:"btn-link",attrs:{to:"/en-US/docs/quick-start"}},[n("span",[t._v("Quick Start")])]),t._v(" "),n("router-link",{staticClass:"btn-link btn-active",attrs:{to:"/en-US/docs/introduction"}},[n("span",[t._v("Introduction")])])],1),t._v(" "),n("template",{slot:"feature-1"},[n("h1",{staticClass:"h1"},[t._v("High Quality")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Quality")]),t._v(" "),n("p",[t._v("\n      From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.\n    ")])]),t._v(" "),n("template",{slot:"feature-2"},[n("h1",{staticClass:"h1"},[t._v("Good Experience")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Experience")]),t._v(" "),n("p",[t._v("\n      Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.\n    ")])]),t._v(" "),n("template",{slot:"feature-3"},[n("h1",{staticClass:"h1"},[t._v("Keep Standard")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Standard")]),t._v(" "),n("p",[t._v("\n      Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.\n    ")])]),t._v(" "),n("template",{slot:"feature-4"},[n("h1",{staticClass:"h1"},[t._v("Design Scalability")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Scalability")]),t._v(" "),n("p",[t._v("\n      Lightweight and flexible: support "),n("router-link",{attrs:{to:"/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.\n    ")],1)])],2)},staticRenderFns:[]}},"5usR":function(t,e){},"6p5i":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("Rrh0"),n("DJf5")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=s(n),r=s(a);e.default={mounted:function(){window.scrollTo(0,0)},components:{Badge:i.default,Sfooter:r.default}},t.exports=e.default})},"6zig":function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"docs-view"},[a("img",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"menu",attrs:{src:n("CqQb")},on:{click:t.toggleCatalog}}),t._v(" "),a("img",{directives:[{name:"show",rawName:"v-show",value:!t.showCatalog,expression:"!showCatalog"}],staticClass:"menu",attrs:{src:n("tZDt")},on:{click:t.toggleCatalog}}),t._v(" "),a("back"),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"mask",class:{active:t.showCatalog},on:{click:t.toggleCatalog}}),t._v(" "),a("div",{staticClass:"nav-list-wrapper",class:{active:t.showCatalog}},[a("side-list",{attrs:{"nav-list":t.navList}})],1),t._v(" "),a("router-view",{directives:[{name:"highlight",rawName:"v-highlight"}],staticClass:"page-doc md-body"}),t._v(" "),a("display")],1)},staticRenderFns:[]}},"7ntu":function(t,e,n){function a(t){n("WVq/")}var s=n("VU/8")(n("ioLt"),n("IRSP"),a,null,null);t.exports=s.exports},"8Rhx":function(t,e,n){function a(t){n("OgmX")}var s=n("VU/8")(n("Q+I9"),n("XZBs"),a,null,null);t.exports=s.exports},"9IYW":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("fZjL"),n("VAcG"),n("c3CN")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,a,s,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function o(t){var e=[];return(0,l.default)(t.subList).forEach(function(n){var a=t.subList[n];"string"==typeof a?e.push(n):e=e.concat(o(a))}),e}Object.defineProperty(e,"__esModule",{value:!0});var l=r(a),c=r(i),u={};(0,l.default)(c.default).forEach(function(t){var e=function(t){return s.eventHub.$emit("begin-loading"),t.then(function(t){return s.eventHub.$emit("finish-loading"),t})},a=[],i={path:"docs",redirect:"./docs/introduction",component:function(){return e(n("ZWYt")("./"+t+".vue"))},children:a};u[t]=[i];var r=c.default[t];(0,l.default)(r).forEach(function(s){o(r[s]).forEach(function(s){a.push({path:s,component:function(){return e(n("tCUt")("./"+t+"/"+s+".md"))}})})})}),e.default=u,t.exports=e.default})},"9bSS":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:"/en-US/docs"}},[n("span",[t._v("Docs")])]),t._v(" "),n("router-link",{staticClass:"tab",attrs:{to:"/en-US/example"}},[n("span",[t._v("Example")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},"9zYt":function(t,e,n){function a(t){n("qaPp")}var s=n("VU/8")(n("Evpz"),n("C2Dz"),a,null,null);t.exports=s.exports},C2Dz:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("img",{staticClass:"to-home",attrs:{src:n("v4eX")},on:{click:t.toHome}})},staticRenderFns:[]}},CMlA:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{oldPath:window.location.hash}},mounted:function(){var t=this;document.body.addEventListener("click",function(e){for(var n=e.target;n&&"anchor"!==n.className;)n=n.parentNode;n&&(e.preventDefault(),t.scrollToHash(n.getAttribute("href")))})},watch:{$route:function(t,e){this.oldPath="#"+t.path,this.scrollToHash(t.hash)}},methods:{scrollToHash:function(t){var e=/#cube-(.*)-anchor/,n="",a=void 0;t||(a=window.location.hash.match(e))&&(t=a[0]),t&&(a=t.match(e),n=this.oldPath+t,window.location.hash=n,setTimeout(function(){var t=decodeURIComponent(a[1]),e=document.querySelector("#"+t);e&&e.scrollIntoView()}))}}},t.exports=e.default})},CqQb:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk3NzYxMzgyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1NjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgyMi4wMDM0NSA3NzYuODIyNDM0bDAuMDIyNTEzLTAuMDIyNTEzTDI0Ni41MDQyMyAyMDEuMzE3MDc1Yy01Ljc4NzgyLTUuNzkxOTEzLTEzLjc4NTk4MS05LjM3NDUwOC0yMi42MjEyMDctOS4zNzQ1MDgtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NSAwIDguODM0MjAyIDMuNTgyNTk1IDE2LjgzMjM2NCA5LjM3MzQ4NSAyMi42MjAxODRMNzc2LjExMjI2IDgyMS4zMzkzMjRjNS44Mzg5ODUgNi4yNzc5ODQgMTQuMTY2NjUxIDEwLjIwOTUyNiAyMy40MTYzMTYgMTAuMjA5NTI2IDE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVDODMxLjUwODk0MSA3OTAuNjY3NzY3IDgyNy44NzEwODcgNzgyLjYyMDQ4NyA4MjIuMDAzNDUgNzc2LjgyMjQzNHoiIHAtaWQ9IjI1NjIiIGZpbGw9IiM2NDY0NjQiPjwvcGF0aD48cGF0aCBkPSJNNzc2Ljc4MzU0OSAyMDEuNDQ4MDU4bC0wLjAyMjUxMy0wLjAyMjUxM0wyMDEuMjc4MTg5IDc3Ni45NDcyNzhjLTUuNzkxOTEzIDUuNzg3ODItOS4zNzQ1MDggMTMuNzg1OTgxLTkuMzc0NTA4IDIyLjYyMTIwNyAwIDE3LjY2MjI2NSAxNC4zMTgxIDMxLjk4MDM2NSAzMS45ODAzNjUgMzEuOTgwMzY1IDguODM0MjAyIDAgMTYuODMyMzY0LTMuNTgyNTk1IDIyLjYyMDE4NC05LjM3MzQ4NWw1NzQuNzk3MjMxLTU3NC44MzYxMTdjNi4yNzc5ODQtNS44Mzg5ODUgMTAuMjA5NTI2LTE0LjE2NjY1MSAxMC4yMDk1MjYtMjMuNDE2MzE2IDAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjVDNzkwLjYyODg4MiAxOTEuOTQyNTY3IDc4Mi41ODA1NzggMTk1LjU4MDQyIDc3Ni43ODM1NDkgMjAxLjQ0ODA1OHoiIHAtaWQ9IjI1NjMiIGZpbGw9IiM2NDY0NjQiPjwvcGF0aD48L3N2Zz4="},DJf5:function(t,e,n){function a(t){n("bStC")}var s=n("VU/8")(n("T7jr"),n("Qwle"),a,null,null);t.exports=s.exports},ETzz:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("bj/E"),n("TAy9"),n("9zYt"),n("c3CN")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=r(n),l=r(a),c=r(s),u=r(i);e.default={props:{lang:{type:String,default:"zh-CN"}},data:function(){return{navList:u.default[this.lang],showCatalog:!1}},watch:{$route:function(){this.showCatalog=!1,window.scrollTo(0,0)},showCatalog:function(t){document.documentElement.className=t?"ov-hidden":""}},methods:{toggleCatalog:function(){this.showCatalog=!this.showCatalog}},mounted:function(){var t=document.querySelector(".md-body"),e=/#cube-(.*)-anchor/,n=window.location.hash.match(e);if(n){var a=decodeURIComponent(n[1]),s=t.querySelector("#"+a);s&&s.scrollIntoView()}window.scrollTo(0,0)},components:{SideList:o.default,Display:l.default,Back:c.default}},t.exports=e.default})},Evpz:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{toHome:function(){this.$router.push("/")}}},t.exports=e.default})},G2UX:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("sJTd")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n),s={star:"https://img.shields.io/github/stars/didi/cube-ui.json",fork:"https://img.shields.io/github/forks/didi/cube-ui.json",watch:"https://img.shields.io/github/watchers/didi/cube-ui.json"};e.default={data:function(){return{badgeName:"",badgeValue:""}},props:{type:{type:String,default:function(){return""}}},mounted:function(){var t=this.type;this.getData(t)},methods:{getData:function(t){var e=this,n=s[t];(0,a.default)(n).then(function(t){var n=JSON.parse(t);e.badgeName=n.name,e.badgeValue=n.value})}}},t.exports=e.default})},GmuY:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home-example"},[a("div",{staticClass:"example-main"},[a("back"),t._v(" "),a("display"),t._v(" "),a("div",{staticClass:"example-desc"},[a("a",{staticClass:"online-link",attrs:{href:t.baseUrl}},[t._v("Online Example")]),t._v(" "),a("img",{attrs:{src:n("2KHY")}}),t._v("\n      On Gitee\n      "),a("img",{attrs:{src:n("h+pa")}})])],1)])},staticRenderFns:[]}},Gzs6:function(t,e){},HHvJ:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlkAAAJZCAMAAACtJtB1AAACBFBMVEUAAABGWrIxRZtVasT71Tj71ThVasRGVrfasADwyAHbsQDyyg1BU7JGVrfvxwBFVrfasADlvABGVrdGVrdGVrdGVrbvxwBGVrfiuADvxwDvxwDvxwDowADasADasADasAA4S6bvxwDasAA8TqoxRZsxRZvuxQBEVbXvxwBGVrfswwBGVrfsxADvxwBVasTasAAxRZsxRZsxRZvbsQA/Ua4xRZs/UK3zyxP2zx5IWblHV7gxRZv71ThFVrZPYr/bsQDetAAxRZtGVrdVasTmvQBNX73xyglGVrfasADxyQnasADasABVasTzyxFLXLtJWbn71ThGVrfwyATbsQL71Tj71Tj71ThVasT71Tg7Tag+T6zhtwBVasTasAAxRZsxRZvasABVasTuxgAxRZtVasTvxwAxRZvvxwAxRZvvxwBTaMPjuQBVasTiuQDYvEn71TjasAAxRZv71TjvxwBVasRGVrc8VaVddsZWar/iuQ7qwQEzR55SartUaL01SaHMtVNHXrL61DPcsQDetAHJsVBMYLU5T6Q0R59SZrvftgBYb8FEW61DWKw3TKFac8Q+V6jrxB9SZsJOY7c/U6r40SrlwAvxyyjkvxrsxACUi0730DBPZbl5emjiwBTZuRNJXZnBqis9TZFJVYhhZnSsnT20nzDvxyNpcnzgvxdeaoaIg1rMrx1ByQG9AAAAcHRSTlMA4ECAgMDA8EDw8BDqEPYgEPDA4ED14ID2wIAg6cDggPZAIPAQ8PDvoGDsoOhgQKAg4MBf6IAwMPSPUGDw9/b26aBwEPfw6rCQUFAw8Orp6eDQsbCgYEAgIPfr6eDQsJBwYPfQoJBwcFDQ0Oaw6+iQ4sNb0wAAFfNJREFUeNrs3LFqG0EUhtElzTZZFqQ1agMpgnBrDBKkcePaZfIWU0xlcJvXzjqQxuBsJK89M1fnPMOP+LhipwMAAAAAAAAAAAAAAAAAAAAAgEt33HewuttNzlvbYmXDdf5je+xgPbs+/7WZOljHcZtntsXqgfXS9djB2wyHPLMtVnbX51fshg7ONG3z63rb4jzjJv9bf9fBGYG1xOmUswJrgdMp6wbWzHmLNwSWbdF9ZGA5b3Ge/XNg2RYrmx7yEqdTTjbe5yVOp5xs2OUlTqe8R2A5nfIugeV0ytqB5bzFGwLLtugqDCznLV6YNvmZbbGq8TovcTrljMDq8wKnU0633+Z31u86Ls5/BJbTKVUFlm1drsXAct6izsCyrUt0u8kf7955K7rhlMByOuWE94qKOThvhXXc5pL6g9+tkObAKuvq66eOcObAKuzmMVlWPHNglfX5KSXLCmcOrLK+fUnJssIZywfWY7KscIZDLuzmV0qWFc5dFYFlWdFMlQSWZcVST2BZViQ1BZZlBVJVYFlWGJUFlmUFUTyw8hxYlhXOsMuFfZ4Dy7LC2VcYWJbVvukhl/V9DizLCme8z4XNgWVZ4dQbWJbVtIoDy7IaVnVgWVazKg8sy2pU9YFlWW3aF/8rZw4sywpn2uSyrn6kZFnhjMW/9vr5mCwrnKH8115zYFlWOM0ElmU1paHAsqyGNBVYltWMxgLLslpRy+f0lhVLBe8VpWRZ4VTxXpFlxVM+sJ5SsqxwGg0sy6rcb3bOYLWJKIzCUxeFEhBcNNjGTTZSxK670p2LbhR8B5G6mjJZBEQQpaJoF+IL+0/SaWrM3Lk3Ddxz/nu+Z/hgPs5wf9rAklnQEAeWzEKGObBkFi7cgSWzUMn+nL69VySz3AF4r0hmeQDxXpHM4gfzXpHMYsdJYMksMNwElszCwk9gySwksgdW+5xeZrkje2C1z+llljtYntPLLDLw7xXJLEYY7hXJLD447hXJLDacBpbMSkeBJbPw8RtYMisRZ4G1/pxeZnmA8zm9zIKH7V6RzOKA716RzGKA8V6RzMKniMCSWTEosGQWPqUElswaRIEls/DJH1gDH0KZRYmL5/QyCw72e0UyCxP+e0UyC5LyAktmbUaBJbPwKTOwZNYGFFgyC59iA0tm/Y+n5/SpgSWzKMj+nD79XpHMIsDbvSKZBYK7e0UyCwIFlsy6QYG1QGYho8CSWTcosG6RWbBkD6wXIIElswxPz+lhAktmVZXuFa2QWYg4v1cks1LQvaI1ZBYaCixWs6YXR9MKFgUWq1mTt41xNKkwUWCRmjU6bm44QXRLgcVq1um4WXEyqtD48CZdBuLn9G7Mmh41/3BwjObW/uxl0tewkMACN2ty0hjYbu3PZqluUd4r8mTW6Pig2cT4tALCzDJeHca5wHuvyJFZy8CCd8vMinaroMDCNcsCK8QYZt7an3W8DopQWGChmmWBNQTKdGpmdfwOuVVYYGGa1QXWkFtnFQBm1h23eiaI8gIL0qzzcTMA0nRqZkW55eQ5PbFZZ4vA4nHLzBpyq5RfOdBmjcKBBThvrZu1Yd5y+NqLzqxFYHG5ZWYF3fJyr4jarC6wkt3KMG8FzVrNW8UGFpJZEYGFOJ2aWX1ulRxYOGZFBBbmdGpm9bpVcGDBmDUcWKjTacAsm06LDSwQsyICC3Y6NbOCbhUaWBBmTcKBBT5v9ZvVzVtFBhaAWaN3jcHrlpk16FaBgZXfrPfhwMKft4bNauct/ntFZGZNF4FF7ZaZFeUW+70iKrMiAgt/OjWz4tw6LCqw0syCDqzo6TSDWd10WlBgJZsFHFiZplMzK96tcgIrySz4wIqbTjOaZfNWKYEVbRZJYGWYTs2sNLfKCKwsZtlz+jBU81aCWd28xfycHtms02Bg0bllZqW7RXivCN6s6UUTAdG8lWhWN2+Rv/aCM8vuFQ3D5ZaZtZ1bvgNrwCziwOqfTjHMaqdTz4E1ZBZzYPVNpyhmtdOp38AKm0UeWGuMqyU4ZplbbgMrYJaHwLrLky/VEiSzbN5yGlh9ZrkJrI5nX+u6WgJlVusW1XN6LLPsXlFenv6oa1SzzK09h4E1YNau7hXl5eHjukY2a7Z36ZYUs9LvFeXFAquWWZHwmNXeK8pHF1gyKxYas0ACS2bFQmJW/sB6VNcyKwUKs4ACS2bFQmBW/sB6boElsxLBN+s8e2DZ0iCztuHjr6vry12xMiv/vaKdBZbM2oo/n+bz+eed/WtqzYK5V7STwJJZW/Ht+3zJzx39FniAda/o/oEls7bh+mp+y1927i6njRiKArDkrqDvLIFVdQXAw2TUNDRUCoqaFKrQHyFoKdCK/myyHqR5CCR3fDye+Oees4ZPyfH1+E6WQWyZsgsWZblkPK3XMr847B9TdsGiLIcsJ/XTzKvDvjFlFyzK6szFvN6U2elhv5iyCxZldeR0Vm/LrN8x0eTxnL6zYFGWT46ntZRpnypvcnlOLxSsdweU5ZPxUlDV+5hoEt5X5JQ9+0dIWXDayWinLe9jokl6X1Fn9u23MpQFpp2MCgkwgjBlFyzK2pzjLcU94DHRlF2wKGtTxosai89NtSm7YFGWMBlFgt9Um7ILFmU9SzWvvYIeE02WBeuVLViUJQafjAYeQZgcn9PbgkVZUvDJaPhjosnzOT1leWQsFCxXW+7HRJPTvqJHV7ZgURYQYDIadARh8tpX1BQsyvLJ6UoEE/6YaMouWJQlTEaR4DfVpuyCRVnAZDTsMdFkU7CaCRZlAQlasPCbapNJwWr2FVEWEHAyGn4EYfIoWPZjZMryyQegYIU9JpocntM3BYuyhKCTUTz4B80ms31FlDXkZBSndbg1Jvl9RbZgURYQ4VFO6KwWwuMxk9m+IsoCrp6HzXxRVZKssgvWoLJepCvreHBXk2lVybLKLlg6ZY2X9dCZnVddstItWPY5PWWlMhldz5V11Smr7IKlUJbwKCdgwXKQledzesoCJqNhM7GunGRltq+IsqSMp/XQmZ5XjrIy21dEWUKGn4yurCtXWZntK6KsuJPRyl1W2QVLk6z38C8WXtwRWWUXLE2yRqMhbU1swcJklV2wdMmCbOGTUVBW2QVLm6zRWT1EVsuqgmWVXbDUybK2gJ8toGDhstJ4Tr9esCjLTxZgC756xmVltq+IsrpkAXULKVi4rMz2FVGWIAuwBU9GcVmZ7SuirK15Mwpt68oWLF9Z93uwhKwKlmJZo1Gw4o7LuvsBS8isYKmWNToLMhnFZd1e4hRyK1i6ZQnHRKC4w7L+fvb0MPy+IsryliXbwiejuKz77z4Y4u8roixAllDlgYIFybr75aUhgX1FlIXJwm3ZySiQ1ApWx2svygory9pCCpa3rGtFBYuy2rqFPsrBZd3/wynkW7AoC6nydjKKRm3Boix3W5NFhUdtwaIspyrfTkbxJFKwXK8IKctTFmBLKO5IkihY7vuKKMtTFmBLeJSDJIWCBXyMTFk9ZckRJqNwbi89/ghLKFiUtSlnwmQUy7XXVU6S+4ooC5YlHxPlgiXnIfq3MmjBoixPWbCtqx6ubn7iFMopWJQlVfk+BetGecGiLCksWJSVmKz4BevlQRp5hEBZT8OCRVkpyYpesPZTKFiUJSXPghV90kBZA8j6w4JFWQ5hwaKsJGSxYFGWY1iwKCu6LBYsygLCgkVZcWVFf06/n8ZVDmWFlfXAgkVZQ8jy+hg5w31FlLVrWW8/vkYxZLmviLJ2LuvoBLKlpGBRVgBZR0cnXx0l6ClYlBVClqstTQWLsgLJsra+dVFQVbAoK5Qsm0+/OzlkvK+IsuLJsrak363M9xVRVkRZNl+2juNz31dEWdFkybYKe+1FWbuX9Xy8pbJgUVYIWaItpQWLsoLLWh9vqS1YlDWMrNaW3oJFWUPIakenuq4IKWsXstrRaUH7iigrIVnN6LTsj5EpK4asdryls2BRVhhZsq0i9hVRVnKymvGWvoKlSdYqiqzWlraCpUnWNI6sdrylrGBRVlBZsi1VBYuydiKrHZ0W8JyeshKU1YxO1RQsyhpAljw6zXVfEWWlLasZb5Xw2us/e/fTElUUxnH8QQochbBNYGKSKERQ+QdtyIUJIRW4sWVUi+jPKmbO3aRG6FizsEYGk5Ta+zqbZ3LS29xzBmeeufec5/6+r+ED8zvneq+Q5Z8stpWDgQVZGcji6y31AwuyhGRd3JbygQVZmchiW2u6BxZkZSWLbWkeWJCVmSy2tRre6/SQFYIsYw5Xw/5jZMjyVRbb0jmwICtbWVyxEMT3iiArOFnGbJTURhxkQRZkddPWAWR1CrK6q3YAWe4gq9uqnyDLFWT1YGsPsuxBVi9934MsW5DVW9v7kJUcZPXY1raUrOrWF2WyKiclsfIni4+JIrI+l8u6ZFXqO6YkVh5l8TGxZ1m1clmZrKNfxkBW/211dKVM1sZPYyArjWOie2CVlcnabbiCLLG+7Xcnq+FKl6xK3RjIkj0m2m25fgiVyTraMZBlS/5Jtd2VMlkbjeEOWX2o9vsCsqrlsjJZPLAgy5H8MTF5uCuTVTkxBrL62I+EY2LizagyWfUdA1kdkr+CSBhYymTxzShkdUr+mNjmSpms5s0oZKXR1lebLB5YymTtnhgOsjom/6Q6fjOqS1alNbAgq2Pyx8TzP4TKZJ3djEJWelU/xmSxK2Wyzt+MQlbH5I+JrZtRZbLiN6OQlW7NY+LfgaVMVqVuYkFWyvEVRPNmVJmstuEOWalXO2gMLGWyEgYWZPlaQLISb0Yhy9eCkWW5GYUsXwtElvVmFLJ8LQxZR9aBBVm+FoIs13CHLF/zX5b7ZhSyfM13Wct14wyyfM1zWY8vGXeQ5WteyxqfJMiCLPFeDBJBFmRJNzRPBFmQJe5qYoQgK2hZH4y7bGTdmySCrJBlzS1eNu6ykDU+SARZIcuafU/kn6wbT4kgK2RZ0wtT5J+soQkiyApa1soMkX+yno0QZAUta26AyEdZgwRZIcuaXSKCLMjipAcWZEEWJz6wIAuyOOmBBVmQxUkPLMiCLPEaAwuyIEu8lzNEkAVZ0r0eIIIsyJJueokIsiCLkx5YkAVZnPjAgizI4qQHVrCyxtZ3jDPIyioeWMHKGn4TRYWicQVZGfVqisKV9a4QcYVDYw+yMmluhihYWU+uRa1W7bYgK4NmB4iClXV/NDrfmm1uQVbqTb8lClbW2K0olt0WZKUcD6xgZQ1fL0TtXSkm2YKsdOOBFaysO82BlWjLtAVZ7uQHVrCybo5GtpKuICDLlfzAClbW/HpkyXJMhCxX0gMrYFmbUcdWY3MLslJqbpFIuaz4MRGynEm+Tp8DWVFUxH+hS7PpBaKcyDo7JkJW/1uZovzI+ndMhCxLogMrV7JOn1RD1v9lPrDCl9W8goCseB4MLA2y+JgIWbE8GFg6ZLEtyIol+jp9nmXxk2rIko9fp8+5LLYFWcLx94ogq1GhCFmc5PeKIKt1TIQsTwaWMln8pBqyvBhY6mTxMRGyPBhYCmXxMRGyen6dHrKSbUFWb6/TQ5at26Xey6csfp0esmwdPywJlEtZjYEFWdael2SjvvTAQ1k8sCDL1tXlknDUl+56J6s5sCDL0qOhklQ5k3U6sCArsU3JgZUvWa2BBVkJHcsOrDzJ+sPOHaw2FURhHD+DIpKVL9AWfIAWFQSXUhdF3bnoRlHRlVXM2ifxcZ3UQhPvzY1Nztz5zsz//ww/yMcJc28HFrKGXS1960fW+nN6ZA0Glvtw70XW5nN6ZJUf7p3I+uc5PbIGl1H3upA1+F4RstYqNNw7kDUysJA1uIy617ys0YGFrPIDq3VZ4wMLWYPLaLmsTJ/fHyxLeGCFlpUvo7NkhTq/99ZBlvNzemTlgbUs3FCWmK1U4Dk9svJldK6sYOdfHWR5PqfvXdavxXK+rGiX+9tKBb5X1LesfBmdMyvc5YN9ZQkPrJCyrpbzZsU73c9WEh5YAWXly+jM2QydfttHlvDACicrX0Znz3zyP28l4YEVTFa+jFbItlTdVhIeWKFk5ctolcwn//NWKvCcvkdZcw8sb1n+tlKB7xX1J+vV7K68ZfmfTlOB7xX1JqvGwPKW5X86TQW+V9SXrN9VXHnL8j+dJuGBFULWj2XdzCf/02kSHlgBZFUb7t6y/E+nSXhgycvKl9HqmU/+56206zl9/VRl5eEukPnkbyvteE4vkKasfBmVyOo1fd5Kk8/pJZKUVX9g1Ze1Op3uIetL/YGlK0thYAnIyrZebJclPLBUZWkMLAlZE6fTJDywRGWJDCwRWdnW93FZwgNLU5ZYJtDo6TQJDyxkBZE1aisJDyxkhZG1Om9Ny/qoNLCQFUjWytZ2WU+1BhayQslanU7HZT1RG1jICiZr43Sa1r5XJBqywshaP50m4YGFrHiybk+nSXhgIWt3F6bX39NpEh5YyNrV0WOTbHXeSsIDC1nTHT802U4fpJe6AwtZUy0+mXTPTT5kjXXxyAhZuT4GVqx+IivQwIrUfWRttDgxQpZ/ZwwsZBXo6I0Rstw7fm2ErBwDSzpkMbCuQ9ZNDCz1kMXAug5Z7i1O+CHMIcu7M/7KuQ5Zvh3xV85NyPLs+JnRTchiYAWpX1kMrI2QxcAKUp+yGFiDkOURA2sYsg7vHQNrJGQd2gcG1mjIOqwFA2tLyGJgBaknWQysiZDFwApSL7IYWDtCFgMrSF3I4jn97pDFc/ogNS9L/XtFzda6LL5X9J8hi4EVpJZlMbDuELIYWEFqVhYD624hi+f0QWpSFs/pBWpQFt8rkqg9WXyvSKPWZDGwVGpLFgNLp5ZkMbCUakgWA0uqZmQxsMRqRBbP6eVqQhbfKxKsBVl8r0ix+LL4XpFm0WUxsFSLLYuBpVtoWQws4QLLYmBJF1YWz+nFiyqLgaVeTFl8r0i/iLL4XlGE4sliYMUonKw/7dyxTQNREARQAhO5IBIaICPAFq1M95gc29Ldrdj9eq+GCUYj7SpYQwxLloI1xqhkKViDDEqWgjXKnGQ5p59lSrL8K5pmRrL8K5pnQrL8K5poQLIUrJHaJ0vBGqp5shSssVonS8EarHOynNNP1jdZzuln65os/4qm65ks/4rma5ksBWsBDZOlYC2hXbIUrEU0S5aCtYxeyVKw1tEpWc7pV9InWf4VraVLsvwrWk2TZPlXtJwWyVKwFtQgWQrWkv49WQrWoj7e9ydLweIP31+7k+WcnpJsxTk9d7y97kqWf0Xcdd2RrfhXxAPXz83JUrB46LIxW1GweOKyaYKIgsUz59OGbEXBoiRbcU5PybwV5/SUZCv+FVEynca/Ikqm0yhYlEynUbAomU6jYFEynUbBomTeioJFSbbinJ6SeSvO6SnJVvwromQ6jX9FlEynUbAomU6jYFEynUbBomQ6jYJFybwVBYuSbMU5PSXzVvwroiRb8a+Ikuk0/hXxUjGdRsHi5vjpNAoWvw6fTqNgcbzbdBoFiwLnk3N6AAAAAAAAAAAAAAAAAAAAAACAWj+XfjQW6D6WqQAAAABJRU5ErkJggg=="},HIuL:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("70Rd"),n("R1FX"),n("izbv"),n("V3HO"),n("IZDm"),n("GdJY"),n("l7j4"),n("6STP")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s,i,r,o,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var A=u(n),d=u(a),f=u(s),v=u(i),g=u(r),p=u(o),h=u(l),y=u(c);A.default.registerLanguage("css",f.default),A.default.registerLanguage("markdown",v.default),A.default.registerLanguage("javascript",g.default),A.default.registerLanguage("json",p.default),A.default.registerLanguage("shell",d.default),A.default.registerLanguage("stylus",h.default),A.default.registerLanguage("xml",y.default),e.default=A.default,t.exports=e.default})},HdVk:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlkAAAJZCAMAAACtJtB1AAAClFBMVEUAAAAxRZvYjGn8gi//l0//l1D5pGn8kEb/rHP/k0r/rHP9kEb9ijz+jUFCU7L+kEX/rHP/rHP/l1D2fSr/l1D/l1D/l1BGVrf/rHPveCf2fCr/l1D2hjr/l1BGVrf5ikDvdyYxRZvzfS3/rHP/q3ExRZvvfjFFVrbweSlGVrf/rHP/rHL1gTNGVrf/rHP/l1DwhDr/pGbvdyZGVrdGVrfyeihGVrdGVrfvsYg5TKf/oWD7gS7vj05GVrdFVbU8TqrweCY+UK3/nlv/m1YxRZvvn2rvq33vdybvr4X/mFL/m1b6gC0xRZv/l1AxRZvvdyb4fyzwmF7/rHPvpnQxRZv/rHP/oF/8gi/vdyb/l1D/l1D/rHP/mVM3SqP4k0/9kkrvdyYxRZvzeinvlV7/mFExRZsxRZv/rHP/lk71jET/qG78o2b6nFv/rHP/rHPvdyb/qW4xRZv/pWhGVrcxRZv/p2o4S6T4iT4yRp0xRZvvdybweCb8rHb9iTr7gS76gC1GVrf2omnvdyZGVrfwj07vm2L/nVrvdybweCdGVrfvqHn8ijxGVrf8gi/vlFf/nVr/oF7vrYHwjkz3fiz/rHPUimn/pWj/rHPvdyZ/bZ3/l1AxRZv8gi//rHNGVrfvdyb9jD/xeCf8gzH9hzf8hTP+lU37j0X7gS7/mFL/l079k0vxeyv1gzbyeij+jkL/qW8zRp7zhDnzfzD5fy3/p2rRh2n/mlb7llT/lEv/q3H/nFn5i0D1fSv+kUf4fy36gTD/pGf9iz33hzryfS/xfzP2gjI1SaLvfC7zhjz/oF/9l1L4llb9kUj1i0T/qW3+oWL7n2D4kUtdX6zEhXX4mFqScY79iTujd4NSWrFvZaGCbJjhj2QzqIjDAAAAmnRSTlMAwPdA8PfxEPDpEMD38OrpwIAg8OCAQPDg9/bA8KAQ98Dw6WAfEP738IBA9+ngoGD79oBAIOmgYB/38fDvwPDw8Orp6ODAcEA88ezoQDAg/ujd0JyAMPf39pDQcHAw8OHgYE77sKCQT0/28enosJAg7XDt0FA89eDQsGAv9/Xr67CrkHD6zcCwopCHWFD159yHV/rr5+eYlHBlo9M6lgAAGm1JREFUeNrs2DEKg0AURdEpB6ukszdVChcjWLkAu+zo7zUgBEIEMc4vz1nDKy6vAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZFvqvSuQbYwI2yJbN8WmDgXyzH189LZFmrXGl34tkGGJH7dngZR2ty026e2+Nz4KNLa7bZFtrXHg5d6iud33XKcktvt+WwUa2n3HdcpFc40I2yLbUOO8yb3FSfc44Drlom6Mv93cW7S1u+uUlna3Ld7s3NlrE1EUx/ErKIYI2ojagFgKEcQUq7RiUXDDh4Lgi9CC1KWooFZbRXFBX1zABQR91DOZuYoLI4IboqAvgiC4gOCC2z9jcltL29Q7y7mTOdN7Pg/6D3xJfp4ZozRqu/PplKG2O7fFFKPbHSvXJxiLtN35dMoQ2z02fqOZxdrufDplqO3ObbEqYtt9okE+b7GA7c6nU5bGduc3mtn/lFwNPp2yuIbcMbgtZso5V4NPpyy21gMD7njcFjNSlpQH2tw4+I1mFlCWfLhzsrb4dMow+qVsTFvnBLOKHPHwkJuoNTBXMJvIUW8TbKutF2CRYDaRY7w96Caj7QUATJ8pmEXkOE8TaeuIDzXzBbOIlIm3ddQHZbpg9jgs65g+na6Bf5YLZo1uqWjawm/3UfMEs4Yqq97ONnPbfYz9gtli8rLU6dTQdh9roUhZV/OqlYIhYMtSbRnY7jDBApGmzmNeFbeFgCnL4Om0F8ZL91q6cpU34kqLYEnbLaW2Ldx2rzdXpKRlabM3qnkpt5W0DqmBOm/latudzIdW1zKvittCwZeFb0tt9zqpPeLpXOvVab4gGAK2LNXWAHq7K5hHPPiBVW9Zl2AI6LLU6RS53ZHXUvzA4rYQsGXp22pDbnfEIx7swNI51ilYIs7LOujTqdruND601MDSW8ttJaJVSnxb+u2e3rW0RQ0sbgsl+bLUG82I7d74RzxqYIVyls/ySrJlIU+nvRBoi2iEq8u8kPiRDxa+LPVGc6Ttnta1dIcaWNwWgvGyMKfTAc12xz/iwQ8sPT7Lp1uWaku33YNtEwhGBxY/8kmMjOfAQMjtjnjEgxtY3FZERMpSbQVvd8QjHsTAQmnms3wKZeneaG57BRq6a2n6A4sf+VQRKmvc6fSIZrs37hHPhdrA4rZIkBLXVt12T/FDqzPSwOLHiePRKkudTjXbvZGPeFaGHlj8yKcBuqWCbKsXIlsozGq54lVxW2SosrB2QQxbKA4sPstPgbIW0RxY3Fbmy4K5RAcWt5X1sraRHVh8ls92WdNn0h1Y3BZaR3plwXxD/52+HreVPiNlzYBY5qEH1lkvDD7Lh0GyLIhpOfJ/e3k63FYkU6useQKhK3BgcVtRTKmyYAH5gcVn+WyWtTADA4vbiudSqmXBliwMLG4rjlaJ9xZiW5SNgcVn+XTKegbxzc3IwOK2slbWtswMrIlt8emUdlnTZ0YaWKl/EfJZPqxLKZcFFyP9XhEp3JbO4bTLghfXQ/9eETnNSwVL8KC1AlD8zdtD/SAkSXyW/6+ZGyTWScDxYfP2DA0sbiuk06mXBT7ApuMZGljcVjj9qZdVSwuuHc/QwBpn9inBJtOdflkqLbi2OEMDa9SS1c40wSbVmn5Z4Ks/Lta1RXhgDVv/xOGykro8zAED/JG2xFhXaQ8sz5td7YrL0v1yN8ouMMOfcN7aQX5gvXMcLkt/eSBR1khbm4enfEsGBpbDZQXoIFLW8JeivzcLA2vjE4fLCtZPpazhtjbdzMbA4rIC7ZYIH8AwH/zvHmXrqgOLy0r+8vAAjPPhq0dWbWBxWWGdkfFBEvw9HlHVgcVlRXCZWFkA3754BNUGlk1l9ZT7CoX2JqVQKOwr5yOfSzdQK4tiWrWBZU1Z5cLgVrdermmotFhE0EGuLHJp1QaWJWX1FJpcnWJ7KR/6XNpPrixiaVUHlh1l9QwV3RAGS/lkX9S6DaOmclq1gWVDWfm+ohtaeznJy8MzSNA3j4Z1JxzHhrIWt7vRFEsiWDfBsuCPR8CS9Y5jQ1nlJje6XCEvglwiWBaFk2l1YNlQ1uJBN55cKfDyQLEs+O1h4d+VsaCs/JCrgf1O7KBYlo9c8fiBZUNZpZyLUiwHvKhFsCzY4yHgB5YNZZW3umhN2rZuyOheQ7IwUws/sGwoK9/umvB5keEXte5D0vxfHgJqYNlQViHnGvD4U2WW9vJAsSzE9yFuYNlQVrnomvDibkVflmilWNbLGP8+xA8sG8pSlwa8z3cqVfqyDtMry4/xoYUfWDaUlS+4Jjx/VFFmCa3LxMryX0LVD0/L/MCyoax9RSMD60NFUWUZvTzcgyR9HPnrp9co61Y7jg1l9TS5Jry/UwlZluggVNZLULQfWqYH1hPHhrLUyR3vza2KEliW0k/l29D/AIr+Q8v4wLKhrD4zl4Z7FSVsWbuJ3OA/wljfvcSpgWVDWerkjvfqbkVXFv7y8Je9c+l1KQrDsLjEPYQQhBAMBCEMSSQYYSIGJEzEhIkYGeIHiJmQfNZS97g3pEv1iKQuA/f7Jf6NY5NTtP269vm+tfuu3fWMz+w86Xr7dHX3DYWgTn/DvD1UHViDYNZypeT+zRjWLHkuvUX6XK/T/7Q1rf4PrCjNUkvuhjFLqTw8Im3avWI+PVS7jDwIZikl91dXzGjMWjbvregmvL5XGf9seIiBFZ1Zy2eqJXfGLLZzNHO59VT1IKQW7IZX/bbXIJilldyz0sCZxXeO5ouKP+oDq51wV+KHB9ZAmLVMMbnnN+vsX/Puw71K4eXhNTF8Op+BM7BiMkspuQ9dNqMxa98qm5HfrZuaA4s/DoEGVjxmTVmjn9z9zTo6z7bx+pmgPMgPwvZ3h1ADKxqzNJN7frOyV8tRu3VN5yDk/+L8eayBFYlZK3dpXe4bjVnM24b6rQLKQ508+AE2sKIwa/lh/eTub9ZR9tXy3UcPtx6pHIQ8X8EGVgxm6ST32hvTm6l5+1nmVtDyUCc/PoMNLHyzDiom9/xmrbG98EqntzW84nF6d2UGwiyl5N68bLyYynw5VuTWVY3kzgM2sLDNypK7Thy9kt+s5fPyjDg+bz0TXO7z5JPOAyEHwiz+JUPuFm/WYZsPPp1eUygNPD+wBhawWUxyDzbhp7Yl91xuPdfLpXXKy1esgQVrFp/c5W7xZh09bfPDp9NH8tLA8x1rYKGaxSZ3+SUH3qwp2aulslsXFV6weLOwBhamWczlPinve39uKHjbwKXTp2KveD5jDSxEswTJXeZWZtbBSTZD362r0oOQx2ENLDyzpgiSu/gezdTlu6wAPsvfl3rF4/r/UQ60WYLkLnfr0mQrg0+nb4QHIY/TeF5Rac0SJXf5pz1Xq1aN5ovc5eEVSXAazysqq1lnrABxOr3QtDzidPpIdhDyOKyBBWXWXNpaswJE9+EvD9mMkG5dZA9CIQ5rYEGZtYiItr6zgeDT6auqDcGXZ37loU5iHNbAQjJrFmVsYf/HYdy6W7M8Wuk0nFjksAYWkllziPrgVvOCufze6sHfaL7PeCXEYQ0sJLPG0wgbGrY4lIc7n05vMl7JcFgDC8istfQXE4bdKhEtt24xl/tkOI3nFZXSrL30DxN22zIxkk6vMaVBhNN4XlEZzZpL/7NtnS0Tf9y6yByEIhzWwMIxaxG1KKlbv280P2KSuwSHNbBgzJpFHRlOp2UiS6fMQSjBYQ0sGLMOjac2SunW88pt5pa7AIc1sGDMGmemdXNre9WWidfPrtIr0sdhDSwgs4yZNoE6s6Vcbn2cQAFwWAMLyixzafoAuLVuGwXBYQ0sLLN+uUWdKE86rW6nQDiN5xWV1yxjrsygTpTDrcYGCobT+LZXmc3i3Io9b62bQOFwWAML0SxjLk+mTkSeTmtbKSSu07e9+g6YWWV0q7GFwuKwBhaqWV3dijWdZgdhUBzWwMI1y5hp5cnytW0UHIc1sJDNMmXJ8llpCI7DGljYZpUinTY2TKAicFgDC9ws1q048haT3HVxWAML3qxht2JOp+/0SwNv1iaUgRWBWRFneaY06OOwBlYUZnV1CzxvBSgNvFmboQ7CKMyKMZ3WtlOhOKyBFY1ZnFuIeSs7CAtl7DlEYjDLmGPxpNPepSGZJUBqVrRZ3ie5J7MEqJsVx41mv+SezBIgNSvKLO97uS+ZxaBsltwtgLzlndyTWTL0zeKz/O6q7R+5knsyS4i+WXw6pZcN2y/kpSGZJUJuVuZWl7zVL7dUknsya0z/zWLSKb20RaOU3JNZYxDMYty63rTFUlU5CJNZY8ZgmMWk0yLdypJ730lmMWapuvWgoCyflQYAkll6ZvFZvhi3suQOQTJL1yw+nT4InLey5A5CMkvZLP5BIzQU0q2+l4ZkVkiz+HQa0K0sueOQzGLMkrl1lzoSLJ02+l8akllqZvFuPaYu6LsFdRAmsxgOGBPOLfW8BZDck1m+7D9hNLj8kDqh6hZOaUhmeXCgcmdHJG41EJJ7MsubJZXKneM6bt2gTuikU5Tknszy5khlmAUbjQZPFN2K4CBMZvGsr4R3S5a34EpDMsuLifsrGbP3GAUu3VV2C7E0JLN8R/xvLoZ1a9R5q4aU3JNZOZi1cP6IW0bFLc0s3xgiaJJZ3ZlDV1tu7TQGKsu/JHCSWexPlA+7VRlxCyjL164TOsmsXj9RfnN15Tc46bQKfhAms7x+orxQt2o+Awv+IExmef9E+bWlI27p5K1vo0+nTfyDMJnl/xPlLbfCZ/l3luHdA4qEZJbvT5RfW1GUW0PVyA/CZBafHNpYvKKodDpUjfogTGb1SA4St+RZPsbSkMzqzUnqRLHpNL7SkMzqzbjOz2go1q2Yknsyy/8bFl3dGslbF0/ouNU9ncZ5ECazOLOYZzQUneWr0ZSGZJaXWaxbS4ty60EtvoMwmcWZxT//I0w6LRXJLNas7BkNya1klrpZ/PM/Frey/B6jwYUSuZXMYsxinv8RLJ2Wxq1kFmOWl1utG82ndNyicpDM4s1qAZBOoyKZ9ZO9u+edIYrCAL6iUGm8NDRIJAoJkegVSmyj0ChIaEWi8BKNVqm7kVw73mIXBeXKCqJT+zz++e/OnLnMnDlj7ty9597n+Qy/ZJ88mT2XkSW2dQ22IKuvLNdW53Q68zZvaQ9kyWXFMctrCWTJZfG2ftEsXzs0kq8tyJLLCj+dzo3eQBYjq7+t835tvTB6A1mMLMaWYDqFrAgTvSzJLG+/FJAVWxTIYl40LKfTqV0VkBVXVMgSzfKrArJiihJZoi+aV5AVUdTIev78MTedTndtfX1eD2T1SM6yumb5BluQJU7esrgvmqflLO/agixhcpfVPp3+em8rW5AVQbTJ4mb5T5WtArK2Hn2ymOmUbH0pIKtfIKvD1qKyBVm9Allds/xyQdMpZMkDWZ3TqVnOyBZkSQNZkln+e2XrK2QJA1mC6ZSxBVnB8qAvhKhkMbbet8zykBUkx+9Otp6hL5S3zVvztukUssbP7ZOT7WeArHI6fW0aM/9JtiArYPZcmcQQRpY4zTca3OkUsgLl4qVJHLn53EMKiS3Iakx6BWuTRyO/aLhckC3Iakh6BavMuXFvNLizPGQ5SbNg1V6RHt0WzfKQVU+aBYua1tj3P9zpFLI2SbZgUY7tLgNj26LpFLJ2k27BqnLH7/2Pd6Yx89osD1l+s+f6JM6cC3E62Z3lIctfLt6bxJqdEh/G1q/aF82Q5SfHr07izRnndHKw6RSyPORWlAWrzFFjAtr6QbYgK9WCtc5lY4xzo+GZn1leMp1CVpoFy32inGyFnOUhK8WCtZt9pozzouGItpzpdAVZCRasf54od04nB5vlISu1grXOIeMk0IuG7hfN34zebEHWxRsTBTlj3IxwOvl353T6w+hNMFlUsOL/ISwnBzdkK9wsvzRqE1rWrbi+lWnN5VAvGvLT6ey10ZqwsvZE961MW25u/UXDta33Rms6ZGVYsNbZG+ZFQ97Wwlr7xigNJyvPgrWRFcWLhsuF3hLPycqyYJWyInnRcDnTWuLbZGVbsEgWa2vufZZvm7cgi8lxRQWrkoUXDeOXpapgkaxuW3jRcKuyHugqWCSr8/7HONNpKhlb1n1tBYtkCV80hC2ZrOwLFsnq+6Khpel0UD6mYesvWShYjiwnr7Y+y6uKKwsFi5HF2KLp1NuhEfWpyULB6pAVxSyvJpUsFCxGlsiWha1mWen/nX6QLMrjcNOp5r5FspK9V+RNlu9ZHhdwtd8r8iyLf9GwsuXOW5CV5L0iz7L46ZRsfYUsFCxGVn9b5bw1/VBAFgqWRFb/Wf5LAVkoWFJZlK4vmqe7tiALBUsui2x1T6erArJQsMSyKC8ltiAr5b/TjyGLt3XaTktbkJXkvaIxZfHT6dmWs9yQlcS9orFkDXrRELISuFc0nqxBLxpCVl4FSyhLPp26LxpCVrYFi5ElsGWa4p5OhqxMCxYja8B06tiCrCwLFsnybWtBtiArw4I1QBY/b7mnkyFL/72iwLJ4WzOyBVna7xWFlEW2Guct93QyZCm/VxRYFk2n78y/YWxlL0vdvaLgsvj7H+6LhpCVT8HyI0v+oiFk5VKwNrl58O2otmovGkJWHgWrzLELRwaqkr9omLmsTApWmUfWjm3rB9nKWJb6v9P3zhNr7fnPfmyZxtB0aldFrrLyKVhV9l2wPmzJXzTMUZbqe0X/nYfWBrBVe9EwO1nK7xUNKPF2Y+vtMFXyFw2zkpVfwaqX+EC2aDrNR1aGBavKAbrRYP3MW78F02kesvIsWLUnysnWNbI19iyfvqxsC1b9ifI3p8jW8zFtvanN8mnLyrhgrXP4n/sfAWf5hGWl9nf6/jnk3P8IY4u+aE5VVkL3ipgInyinGw1hp9MEZSV1r4iJ+InyoLZmZCsxWYndK6IMe6L89WnP89ar7ulU7yvSO7JQsFonBzd0OjnULK/5FekdWShYLZNDU+YnQtlaz1t6X5HekYWC1ZinzOnkkNOp1rd+d2ShYDVmb7F/67b+sHf2rFEFURi+hDBaWIhfoCJYbauNkMLCJpJGFrFRsdPC3+BHoWijIFjYDIExSlzMrkIMpIiyhWZx0cSPxt+jxmxmEu89mZt7zs3M3Pf5DQ93h2fPnBkYY2ZmdaSM4YCVbxax/8Om08vHpjmg0mm0h/ixplynL2sWsaOh1iwf7SF+LPl9RRXMItwisjzzRPNAx8lY8vuKKphF7Giolk5TfHXuP7OS31dUySzaLQO3CLNwwCLMIvd/yKTTZHiGA5bP7ft9cKsc44czQJjl4dYKe5aP+SHWEScOZIA2y7L76TQarh7JAGWWv1tn4JZl/FoGPM2ybu16Og2fK3syUNIsvyzfbg0a7NbxCxnwNKv8i4ZmmWfRSHx569CpDOzELP8sP9/IdHoYP4QVzKLdWjVl3EprA+5xlAaOPaV3i9KpdevTJrdSN+sQSgODWXSWt251N7mVsllI7hxmWbeK8tbQjPiwKW8la9YJHLB4zLLplHarveZW8mYhuTObRbu1bNaZ+dBJ2qxxlAZms+h0+s+t9sitdM1Ccmc3y7q1qPN59dl+txI1C8ldyizardnVrlnnTT9Bsw7dzICIWZaXSzqX1+9nrFupmYXkLmwW7Zbd0WC6CymZdQPJXdYsy1sft1IxC8mdwSwGt3o2y3dSMAvDfQJm0cwVnOXnek6Wj94sJHcRs2heFLr1znErarOO44dQzizaLZ3Pq3dOlo/WLCR3drM40qnrVpxmIbkzmCXhln3RcKYfoVkY7st2/YXygrzluvWmH5lZSO4hmPXHrRWdz0cny0dk1jiSeyBmkauTbTqNxSwkdyYeS79oaN2KwSwM97Gx5/JBwf0fW9Jp6GYhuXNyS3x1sutW0GYhufNyUvxFwxU3ywdrFob7uLldz+pkm06DNAvJXYD75i9HB7JudR23wjMLpUGCPefMGvOS+z/odPpFVwbJPUBu1bL/g3JL6YpguC9MHpp63Jp1svxCIGbhPr0oUxfNiGFnuq4sH4JZWGG7hYjd6jlZnsMsJPfQOX/WrPO5x+LWr+3T6XynollI7lHA6xb9oqH9QFYyC8N9kXD+9IZbg2kOnm+bTk2vs2OzkNwj4tKGW8vC6XTofCB3ZBZW2EbGpVZNbv1c3nDrui4Nknt8TEy26slbdvlWa1GXBMN9UVKXW3ZBUrmPFpJ7vExcdMoAi1tFeWv1n1s/tDdI7nHDn05Jtx5obzDcFztTZ7ndmtU5rL9boLQfSO4pQKZTziU2c6t+h3gM9yVDfW4NfQ7xSO4JQaRT3gVJX/V2ILknBnuWz3frjibBffoUudciXjRkWpC0tKQJcJ8+UfjT6WKpTxaSe7pMTBpZt77rQpDc04Y/nS55fbIw3Jc+km590wUguTeCpzbL91jd+qELwArbpiCQTgt/DJHcm4Uz0dyb5nErPzkguTcO/nS6V+eA+/QNhNstpR2Q3JuMm077gZmF4b64cdzq9kMyC8k9eiZGi0baprsQilkY7ksCJ512F0IwC8k9GaaemD+019zq7LpZSO4psZZO28QtH1+zMNwHCrO8GXaqmIX79GALj063ib98fM3CfXrwP/sfmCpuKSR3UMSjKguSFIb7gMhfPgrJHYgsSFJYYQtEbmIoJHcg4pZCcgciC5IUhvuAyE0MheQOPBcklftuKQz3AZGbGArJHYi4pTDcB0TSqUJyByJuKSR3UJJJrwVJCsN9QCSdKiR3ILIgSeE+PRBJpwrJHYi4pTDcB0QWJCkkdyCSThVW2AKRBUkKyR2IpFOF5A5E3FIY7vvd3h0TAQjEUBTsIgURKKBFA1ZQgBh0IIkyBn5mrtjVkOpNLsdIOi3JnZHZKidsCR5I6s3AktwZSadluY/ggaSerV1yZySdPpI7M7NVlvtowUMj2yu504Lp9LLcR1J/+fpJ7rRgOr0t99GSs1Xe0zPhOCV3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADW8QPtLMWDjrd5zAAAAABJRU5ErkJggg=="},IRSP:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{staticClass:"langs"},[n("a",{attrs:{href:"javascript:;"},on:{click:t.toggle}},[t._v(t._s("zh-CN"===t.current?"English":"中文"))])])},staticRenderFns:[]}},LUbo:function(t,e){},Lcb3:function(t,e){},M1wD:function(t,e,n){function a(t){n("2PaY")}var s=n("VU/8")(n("slt8"),n("GmuY"),a,null,null);t.exports=s.exports},MJxS:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("2DPt")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:a.default}},t.exports=e.default})},MRID:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("nav",{staticClass:"page-sidelist"},[n("side-nav",{attrs:{data:t.navList}})],1)},staticRenderFns:[]}},MbER:function(t,e){},OgmX:function(t,e){},"Q+I9":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("2DPt")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:a.default}},t.exports=e.default})},QEj7:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlkAAAJZCAMAAACtJtB1AAADAFBMVEUAAADa4PK0wtjV3O7K0+e/yd++yd/DzOJXV4pRUYbDzOLDzOLDzOJVVYhhYZJhYZLDzOJVVYi/yuBVVYhVVYhbW41hYZLDzOLDzOJhYZK0wthhYZJSUYXDzOJOTIJhYZJXV4q6xtxbW41YWItUVIhUU4fCy+G8x91MSYDJ0ea0wti0wthVVYjEzOJVVYjDzOLBy+HAy+BVVYhVVYi+yd+0wthVVYi/yuBKSYJVVYjS2OxhYZJVVYhRUIXFzePa4PLa4PLa4PLO1eleXpC0wtja4PLa4PLFt7jDzOK0wtja4PK0wti7x91hYZLDzOLDzOLa4PLa4PKSos1MSYBMSYBMSYBhYZJhYZJhYZJhYZJQT4RhYZLPta60wtgxRZsxRZsyRpxMSYAxRZsxRZthYZJMSYC0wti0wthMSYBMSYBhYZJMSYAxRZtMSYDJx8tpc6hMSYBwgbhJXKba4PLR2Oza4PK0wtjDzOJVVYja4PJhYZLucR38gi9MSYD/nFr71TjasABVasQxRZvvxwBGVre2w9lfX5Ht02JSUIVmZ5ZjZJVdXY/7nmFWVon6hTZXV4nCu8DPqpi4xdtYWIuAhayptc+5v8zauq/+l1L7k07xdCHY3vFLXLegq8f30z6uu9Nic8F3eqSaqdJSZL5absWKkbXUlnLxhT72hTrygTbsxwx/j8pdZpjV3O+uvNfHzNRQYLlMS4L0mmDwj1DRsKM2SaFrbZvyfS+ot9WHmM5rf8jJy8a/s7XQzKjPpZBQU4l3ZYTfnXXofDZ2iMq8ucJZa79SZavGqZ1bYZPVy4zspnzxeinrdijzziTmwhaapMKVnb5NU4rNnobYj2OucWHdilfBdlTlyDbhugvMy7VqY4zbynHgyVLjgD/qyBvXshJUaLtEV67Er6rhrI1MUIjj0oLxo3HulFrzikTyyguhsNKDk8GSm7w6TqVCVaNydaDcsJrghUvetAC6wLq+vaLHuWzklWTMt1Dw0k7RtDXCu4fng0KbbW3cyGKZb3HLbTqumwZIAAAAdnRSTlMAwIDg4BAg8CAQ4IBA8PAQwKDo4GDu0GCgoPAwMPfqYOr29uJwUPDw8OjgQND2sbDrT5D268DAMGCA9uBA9/Dgn/Dw6KBAEP7QsIBg97CQcGAg/vbQoZBwUPbwgP7QwKCBgEAgwMCQcPfgQEDwkPvIsPjr0Mlwntq+dgAAGvZJREFUeNrs0rERABAQALBvcIfeGMazPkN85ZIZEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPysBOSbvQ23yFb3edoKuOzaQWrDMBBGYVGQBbYX3tnbbtpVKYFCrpBVcpv8J8i9a0oLSUtaxRnSkfK+MzzQMBpDsdOnlrZgZ0ySaAvG+o1ObfoAGAxYPw20hevELkmiLRgbW5312gRgkX7QrybawgLNpBltwViXlIG1PC6zajWjLdhaD5rRFmzFSTlYy2PBgEVbMNa3mtEWbDWDcrCWx0XiVjPagrFdkkRbCMHHgMVaHn/eytAWbMVOM9qCsTEpA2t5LDlGpi0EtwMWbeH4GDkDa3lcd4xMW7jBMbKNdhVwX5pJOVjLw+xWhrZgcIx8G8M64A5kHyOzlof9MTJtwe+A9c3E6rReC25lWMvD/hiZtpB3jOxA6gLqskvygS+fqvSt/KCtajSv8oXvxCrETv7w5VO+0cuARVtV6Tdya2AtXyx3AxZfPlWIndOHkLbKNnraNJy3ZS1flv7fv3L48qlRM6kgtFWMAgasU2kX4N+qjAGLL5/CrIsZsI49PT4EeBaLGrC+vDwf9pTlWnED1oe3w35PWZ69s3PGKA1EURTdg30KG20tXIbreb904CP2WYALmGYWELKAKbSNISG9rZVNwEl1DQxD3vD43h/uWcOBf3lzGKpW5mIelmYyi5n/j5HnsLg1k1nMcMTIboaBJbOooYmR3QNLZjFT58C6W5rJLGbYW5lxFk9mMosZyhj5oodQZlHDGiNP8zB4JbOYYY6RpweWzGKm0oF1byazmKkhRh7h5sVkFjWVxMgjXsksZuqJkc9bGTOZxUxdMTJaGTOZRc11DSyZxUKVMXK6WZrJLGZqjZHNZBYz9cbIMouaOgfW4+CVzGKmzlbmFCPLLGYqj5FlFinVx8gyi5P6Y2SZxch1DyyZ5YOslVn1qRSIkWUWMyExcrfL+bBOJcBDKLOoCYmR+zaf2BRwCzGyzGImJEZeH/JAEbcQI8ssZmIG1ib/Zb9KsYwOLJnFTEiM3O3zQBG30MrILGpCYuRdm0c4dikeeCWzmAmJkftDHqfdRbuFVkZmMRMSI68xsMq4tbg3k1nURAys1T5Pc+hTEHgIZRY1ETFyt8sDZdxCjCyzmAmJkfs2TxF53sLAklnMBMTIuIwWcAsxssyiJmJgbTfZxWabZoOBJbOYCWhlcBmdIOp0ilZGZjETESN3uIwWcusUI8ssZiJiZFxG/RyTD8TIMouakBj5J8+m/Uwu0GDJLGaCYuTXt/e5XjVNcoCBJbOYCftx3+vz8yy3PprGYxZaGZnFTESMDLNmuPXx3XjMwkMos6gJiZFhFtxyeOUxCzGyzGIm8M/IMGtw68sxsHxmIUaWWbyEDSyYBbccXnnMwsCSWaw4YmS3WXBrerj7zcKnHJlFiiNGdpsFt6YHlt8seGUyixJPjOw3C25NPYRus85bGZn1y969vM4UxnEcP6wol9wTUnJJIUnKJQsWNvaIv4GNHsccZCP3O2dcQhYGCynEwhCTEn4it0JS5LJQyP0SnjmG7xwz55nzPWae83nOPO8d61d+X+f3OTOA8cbIfFnUdYUrnqyaMbKVhRf7wEouix5BhA8stqw4Pwi3FIqikpUVO6wxskKWwhYdWFxZscbIWzac9Eq3L4sgKytWaGNkhiyyRa7YsujAUsJaccKTddw+78s/WllxwhojM2SRLTqw+LJojKyGtWKDV+nu+UtWljozDiyFLPpvIrliyqIDSw1Ltsf726NbRStLEeBWhimLbNHhzpBFW5mGsGRnvOpKhaKVFRXWGDmJLGolWxaNkePAkp30wsmj67KVVSewMbJ+WaNWsWCVT3iKji7fygqFNkbWLktusHiw5Alfv7e3LllZvzPrwGqJLHlgMWHJrnlRPSoUraxyuFsZHbI4WxkJizrsKSoVLltZiGNknbImruLAol546h5ZWYBjZF2yaIzMgEUnvDorC3CMrEcWjZEZsCivQU+sLJMOrObJogOLBYs646m7ZWXhjZE1yOKNRgkWddJTd9fKwhsja5BFrhiwWIdWycrCGyO3XBZtZfiw6Flpg3wrC26M3FpZNEZODovmDtFdtrJQtzItktV7VTJY3BO+YGXBjZFbK0skg8U+4d/GldVz/tSeji3JGNlkWQSLe8J3qGWRqx65XH9LK9EY2WBZBIt/whfVsshVztJK/cDSLmvWiuiueerOK2WRK0sL51vE9cnyFbIOs094kkWuLK2qMXLqabyznoc1seYOSlldBuZkllbVGBkgjbKehjA1Z+7QueLK0gqNkRHSKOtUCFNz5g6dyVWYltOupX9gNUHWY8FqywqqSXOHnYtyEQ102jK5lUHpyv7Esj74ghdBas7cYecOScjSCo2RgTr+LJmsT+8Et6vJT/hShCtLq6oBGAcWdfYZX9aX90IR+4TftenImT1x5w7kytIKj5HxirYVcWB9FUlaEA1rmezI0T1x5w77yq4sLcwDK9z91fFlPf4gkuWrYAVtOhyFq1Dt6qBkY2mFDiy0H4QNbdU7sHyRtA0KWITrWuTcgVxZWtUNQHnSEGXrcwxZX96J5F1VwqIO1x5dHeSK0xwn+3UD+FVOo859biDr8XvxP72JB6vu0VUkV5yGOhlPjpGN6Nx+hSw63BM2Kw4swhU6us5XXFlaUFsZzuOtkC3Vk1F+fmxYtRd9IXBlaaGMkf/XlvLJKL/nsWFRh6+Vdf28IJFYWjhj5P99vKV8MsrvKQcWdeRe2ZWlhTRGTtjChyRLcWCxO5UIVuDK0jL1wKKC15791X9lPVYcWMy2KGAxXLGb62QsmK0Mq8pXTwSPTunJaHNSwGK4YtdjkJOlEMbI3EKfjCwfndKT0eZ0NTYscmVpIY6R2YU/GfnKe9HcnhKsmK4sLcwxMrOJ5Ko1LSBYsVxZWpk4sMZvE63OJ1gxXFlapmxlGh1YGtoQB9bRO2VXlhb0GBnnB+HvrhKsaFcPAgmWFvgYOVbjVwk9vSFYulxRJn9QDeQYuWEjtwldzZKwdLnK0Buuhh5Ys4W+fIIVw5WlhT9GTv3A+tPFIxxXlpYBY+TIXxHq7tTFl/FdWVomjJFrok9G1tysiyfDrkqRrtqclilj5HBDRon0unT+Bbn6rpDQ1rTMPLDoB2FK+Vs/ttqV2R9UY9YYGcbV704VfuQ0N3OSY0TmjZErBxZE9PEMupq52R3hGJCZY+SxozD+wUrFldvHMSB7YJnkap50JZvswGfmVkaOkRHS76rfRjeoiwOe8WPkNNuXmisX/X7PxBg5nRiv0TfdlayvA50dIxvqyu3uIGfmgTUe4sBKxxU1wcHN0K0MxIGVpiv0+x1/jHxqQc1fgfwgTN+VO8ZBDX+MnF/hdXw8tSTU+LZ01YNcwd/vBoyR85UvhLi79fiSSiMRDiz9roa5tXXv6mC2ePoS8CSsFS+93307v3BJMEZOv5uvc1ojV+F6OaB1WjoF21b+n2/e+nZxFsAPwpuncxojV7UNdkDrtHTp0iljl8CWr/PluaXblwWnDLsCvt87LZXtnYFqS8IK2uOF67h93hfxyrIr1x3uoCZlAdvKq77T7e6tS6Jh2Xbluqj3eyDrj60lcOUbfafbo1tFocp8VzP/ujLrfidZZVujl2CVj/PluaVCJK4MuNruqpvmwCZlodoiWHTC162j7kXfBq6gx6SBLOoYji2CRSd8dE9EaztwaG1Ob+TKxPs9kIVpK4BFHfXUFURVbeIK+ZfRgSxIW3nm1zK/JQZt48od5wBHsiiAx/IEi054daJS+7hysV8Gk7IAbQWwwnkNKopy7eQK+n4PZOHZIljUNU/dLckgA65Ob3Zjhf8yGMmqSfNjeTUsOXdQdzsLrtb+dWX6/a6QpetXPmpY1AtP3SPR5HaCu0J/GUzKArNFsHgnvC+Eya+lNnRlzJhUIUvjY3k1LN6z0vZyBf4yWCALylYtLJo7qCu0lSvsl8EqspBshWDxnpXebStX6Pe7QlY6j+WvkiTuodXRVq6Ax6QkC8nWm2hZG7wGXTLQ1br1G91K2brfA1lAtkYuIEnsE/5/pzSr9ml3lYvnyqSXwRiy9D2WHzJK+CFLmucOr9apGCC5gh6TkiwUW8EH9z1fQWmfO7yOpoXlCvhlsGpZGLakq3L8E576/zPLjaCF5gr/flfI0vrrRPpk5FMkKYW5w4419WjBucIekyplaf2VT+iTkWcRpDTmDttraQG6Qn4ZrFpW6rZCn4wcDWv3kaN7Wj13uLF8Ta61rSVXWb7fFbI0PZav+WTk55GwfrF3Hi1SBFEcL0ysB0fEAOOII7qCqIgBE+pNEBEvZgwHxSyCeGgKcQ4jIq66BlY9LCOuiRVWRDHuHhQxIHoQP4IBFfPJixer2/DsmZ7qfjM11a+r6/cBlj38eO/Pe6969goud7Y39tzhduHYngbScphHIrmPwSRmaXQLAhbwRiKWx9HO5w08dzh1ENSi6hXxY1IwK063Kr+MvLa6WEDn8/ZGnTucLPxRi6xXicjvCLPUj+WDPwh5XCoWcPlOe0POHc62eWoR9or+MhrMisOtql9GPhIiFgCJXuW5w+eCUIuyV7Qfg/nN0u+W5MvIz6KIBaGrXfm5Q4urFl2viD8GU2EWjOUVBCzgO0Ks8kT/yFHAqYKrFlmvkpHfwSydbsm/jLw2slhA5512BecOEOIFB4h6Rf0xmM8s3W7Jv4x8GikWhC5VF8tnDypTq6WN/yFl+V2BWdixfPiXkd8hxQK5On86SrhU8NQi6RX1x2A+szS5BZMGOc+wYgEnHDW0qFDraYhXph6Tglm63IKAJedm7GI5ZwoeB+h5xVs35lkiUGYWjOXlq5xwFsQuluOcq1OtK+CVYtrEN3GzOUYfvFl4t+AYORrxi+WFeE8tYl5x/vs/mrNyICOOMEuLW5hfEX8Xu1heiPc4RMsrDnO2xasYadSaBWN5vFfAm/jFcpwDBY/rh7BeHeON5PAeILOCclcEs9S6hQ9YwFoCYokbwL9qEfKKt5a152F5sl0RYxbeLThGxnCcgFiO8+2fWmS8cvN7BVmiXbFRZrljeWiESCiIJUL8P7WoeOXl90rmrKA4lseYhXcLjpFRPCMgFoR4oRYRryC/l7ORXldEmYV3azIELATfKYglQjyoRcIryO8BZLLbGSlQZuHp49TCzaMUxBIh/p9aLRS8cpuhjDlrKHVFkmaJOfyDD7GL5T7k+YvkGeIhHV5BfpezmM7qh6hZgkf3bsQlFjzkCVXr0NNWrgFohnIIrX7omuXKdeJHTGLBDSCoFbdXvDXcK0KrH9JmCU6feHBZu1hAm08trFfaSxal1Q91s1xuQujSKBaEeFAL75WO/A5QWv0kwSzHTfQ3dIoFtPjUQnqlKb8DlFY/CTHLS/Tv9YoFD3lALZxXupshqdVPcszyQtcPjWJBiAe1fo+vEF5pze+kVj+JMut36LqsSSx4jQ+0Cq8O82gQKFmI1Y81y/HGqNrEcl/j+9TCeKU5v9Na/STRLMGC1442Wnxq3ecxMW0U2i3/kEveFa1Z+jlVoKEW5wOGyuQitvqxZoVzzmfWWx4nY6rHLWKrH2tWOGcPUilaLtPqK1zDqqx+rFlxcMln1nUeN6NGB8hFbfVjzcKH+Jc8fursipVDLmtWLJwp+DjICVAW58mtfqxZiQvxwV2R3OrHmpXAEA9MQ3RF+X2zNSs6Rof48q5Ib/VjzYrIAXIhHhgzeg+91Y81KyIvCIZ40qsfa1ZUvpEM8XRXP9aspId4qqsfa1ZkTpIN8SRXP9as6LQRDvH0Vj/WLFNCPLXVjzULwe1EFC2XAaNiX/1YsxCcoh/i1a1+tluzQkhbiKey+rFmGRjiSax+rFkoPhd88ARQ7+onZ82qjtE3gFRXP9aspD7kQTGq3tWPNasq5126u1w6PPYLumoI8cTXhw0bcuWsWf/T9bijo7S/KqWP+PVhWyKLlprVjzXrL1cvXtgv5XEqQrzC1Y816zfdxeI1uVoP0xHiJV0R/Wkba5ZbsorFC/vlnDfiIY/W1U/OmiVKVqhapauGPOTR1xUzubSbJUqWIKwfdph4A4hb/eDVSrlZ3UWPCyW5Wt0GPeTRtPrJ5FJtlleyovTDu2kL8bWvfkCtNJvVVfxL2OjB3BvAhq1+Mk3pNetuEQjph13GPeRp/Opn2MDUmvWw+B9ho4dUhnj/kAuvVkrNgpIVoR9euFpfiF/KE49Y/aDVSqdZULKijB566nyNP5IbgBhyIdVKo1n+khU+il+S4hCP7oqgVgrNgpLVoNHD+EnmFS3skEuolTqzoGSBWipH8cN7saZxPrXmcWOArhhBrbSZBSWrIaOH+X0ZY+t9Zm3lBhF99bM4ZWZByUKMHiJfAU6fyTy2mdkPcV0xmy6zfCUr8ig+2uhh/BT2hx1Ghnjs6iebJrPOF4NQcgUoAhawy+SiFXn1k02RWT1FQO3oYX4/Bhgc4lGrn2xqzAouWQquAKdPYAwwO8RjhlzZtJgVXLLqvgIcv4iV098f4ldzQwlb/WTTYRaULIWjBxGw+rJKxib5IY/CIdeKVJgFJUvSD7EPEBf2Y4FsMj3ER+yK+RSYBSULrVbp2rXgfrhuAqtCU8H8EB9pyJU336yeopySp5BLyeXVLY99f/jkVDLcF7CkIX4cN52qXTFvulnniyGU9kn46lQiApaE/uPSEeKBaWOC3cobblZYyboo8aqyZHkBS84s5SF+wKABnDbBXTFvtFlLiiG8QpWs8b6ApSnED2L9h8zgxAla/eRNNqtDZckavoVFYITq9eEIJmiaPZjTJqAr5s01S2nJ2tyXRWKn2hA/8d+wbBAnTvnqJ5Mz1iyFJWu6L2BpDPHNDP7ykImcOGMO+9Uy1CxVJQsCViRmKX3I098/MJtKPc57hQvUMtMsVSVL3MqgWKYwxA+qXCFN4sQRQy5Qy0Sz7l5UU7LEMTICxTeAc4P6bXNyumImZ6BZTnc9JWuJ4wLHyBiWKytag1kwIxIz5MrkDDTLeVh7yXriCOAYGUd/ZTeAzawqQxLSFTM5DWb1dvRyVdYPH4eVLAhYaJpVhfgmJqGpmfyQy71vzgw0zyzp2vBLWMnyHyPHEuInsRDmJqErDhtonllOV+0ly3+MHE+IH8vCSMTqZ85A88xyemorWXCMjEH1Q57BLJRkrH6aDTTrY20lC25lECh/yDObhZGM1c8AA7shjB4wJWt3TQFL/UOeJhZGMlY/U400y+nBl6wNrC5Uvcb/Rd4ZrLQRRWH4R6jMXcxiSFYhzCoBiSHQgKlCpC3YgnVTiNkIamih3Qiliw70DfIYIu4K7grqttDn6KMUjRBNMrlzx3tzzzn3e4Yvx9/7n5P0oIVH9RPJNOvq0nRknWCKzxBfhQ4e1U9P4KvDPRemI+szDHC3AxhDC4/qpyrVrOyX2cg6hRmuDnm60MGj+okFvsE/cDW79PDP4shyd8gTQQeP6ieRa9bc08NvJyPL8jV+Gzlwe+SqCzYru/EwsjTX+BbyO4/qpw3JZmW3piPLe4iPFXTwqH6qss26vjQbWf5DfAI7RF2/fxVjJdus7ML2yHJ9yFOHDh7VTwLhZmV/rI4s54c8bWjhUf3UxZt1dW5xZLk/5GnAMnU/1U8b4s3KLgqMrLPJyCIQ4hV08Kh+qgGYld3oR9YIRri7xk/gBLXq/eZYhWBWdqsdWQoTvIf4PnTwqH4SBGHW9aXmEmyEKV5DfAVaeFQ/9TDMym5yvojt7OSO05GCC5rmIb4BHTyqnzYCMSs7/3vP92+j0Wj70x1YAdvGIV6vOI/qpxGMWRP217Fatg1DfAdaeFQ/KiizjjehxalaqYVjMB7VT4KAzKodwDF6tXat5HcG1U8/ILMMrr3cqTWwcwxGvvqpIBizTAKWS7VSS8ukxKufRihmtVwFLPPd5bH//L6C6keFYVbtKzwzLDi0qjCDavWTIAizvryAd4aFQnwMU4hWP/0QzNpaBwWGRa7xu/CKtUeuCuSb1doEEaZqpYTyu5vqpyHerNoa6DDUhvgeCGCj+lHSzdojELAWqZUSy++2H7k6kG3W1isQY7g8xMcKVHhe9dMUbVbrJcihDpfuACagRPnqpwLBZpEKWAvUOlq8KkeLsl9tsyPYrD0aLw1L1Fq4KkePUtVPJNasLTIvDflqpWTz+7Ornw6EmtU6AGXUYd7LA538/rxfNWjKNKu2RuulIVetDdr5vXz1U4FIs/apBqx5tY7mqjbaFK1+diSadUw4YM3dig1mP+rkKVb9RPLMqtEOWI+ob8yH+AY4oK9+OhBnFvmANafWmEV+N6x+mtLM4hCwZtXa8L5Mar/6qUCWWXR2ZYzU2n38UWdFbvXTFWWW/2XkkmoNOOX3YtVPJMksCsvIJdVKp/+qM2RB9dODHLOILCOX/HatMZVl0vLVj76hevNEBCZm8QtYT88QU375fVn1E2Mh717/nMLCLKK7MiZq7VIuo42rny5y+Dh1i4NZxJaRS6k1mHzUmaMeqp8I0LpF3yx6y8il1Er9H4NZq356WMaPt/ciUDeL4jJyObXGfPP7DH1Nqf7+w51btM3iHrD+s2/HOAgCURRFQ94+rNyAlZWBhh4KV+L+E+2w0QzIG//w71nDKyb8y/u0TjF+BvNathV7WWFj5C3Ot7bf7yu3NQReVuQYeYt7K8fofcxD0GUFj5FRsq2Ay4ofI6PA3EVbVmOtDD4au0jLaiRGRuG2oiyrnRgZZcY+xLJ4YB3Q1P99WTywDmqHbSlrK4Pvfv4sr1wxMqqdfJQsRkatbSlbjIxK50TxwILl5KPUrQx821LCGBnrXLtNy8oYI6PCyUcpY2T4tyUeWChy6VcuK2mMDPfJR1ljZJi3JWJkWM6JIkaG5eQjWhlYtiViZFjOiSJGhuXkI2JkWLYlHliwfJYXrQws2xIxMizbEjEyLJ/lRYwMy7bEAwuWbYlWBpbP8iJGhmVbIkaGZVsiRobls7x4YMGyLREjw7ItESNjseNneREjw7ItESNjd+PjtSxaGRhMvYiRYcEXLAAAAADAsz04EAAAAAAQ5G89yBUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcBa1pr3UjDscrAAAAAElFTkSuQmCC"},Qwle:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",{staticClass:"s-footer"},[n("a",{attrs:{href:"https://github.com/didi"}},[t._v("© 2012-2019 DiDiChuxing. All Rights Reserved.")])])}]}},Rrh0:function(t,e,n){function a(t){n("mGNT")}var s=n("VU/8")(n("G2UX"),n("lwBK"),a,null,null);t.exports=s.exports},SOhj:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]}},T7jr:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},TAy9:function(t,e,n){function a(t){n("LUbo")}var s=n("VU/8")(n("1j6h"),n("qrVi"),a,null,null);t.exports=s.exports},VAcG:function(t,e,n){var a,s,i;!function(r,o){s=[e,n("/5sW"),n("lbHh")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function s(t,e){try{window.localStorage.setItem(t,e)}catch(n){l.default.set(t,e,{expires:365})}}function i(t){var e=window.localStorage.getItem(t);return e||(e=l.default.get(t)),e||""}function r(){var t=window.location.hash,e=t.indexOf("/zh-")>=0?"zh-CN":t.indexOf("/en-")>=0?"en-US":"",n=e||i("CUBE_LANGUAGE")||window.navigator.language||"en-US",a="en-US";return n.indexOf("zh-")>=0&&(a="zh-CN"),s("CUBE_LANGUAGE",a),a}Object.defineProperty(t,"__esModule",{value:!0}),t.eventHub=t.baseUrl=void 0,t.setItem=s,t.getItem=i,t.getCurrentLang=r;var o=a(e),l=a(n),c=window.location.href.replace(/#.*$/,"")+"example/#/",u=new o.default;t.baseUrl=c,t.eventHub=u})},Vxqz:function(t,e){},"WVq/":function(t,e){},XMLa:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("/5sW"),n("/ocq"),n("VAcG"),n("9IYW"),n("k3Z2"),n("iCAB"),n("mGbb"),n("8Rhx"),n("M1wD"),n("YKRY")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s,i,r,o,l,c,u){"use strict";function A(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=A(n),f=A(a),v=A(i),g=A(r),p=A(o),h=A(l),y=A(c),m=A(u);d.default.use(f.default);var C=[{path:"",component:h.default},{path:"example",component:m.default}].concat(v.default["en-US"]),L=[{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,s.getCurrentLang)()}},{path:"/en-US",component:g.default,children:C},{path:"/zh-CN",component:p.default,children:L}]}),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 a(t){n("tplh")}var s=n("VU/8")(n("ETzz"),n("6zig"),a,null,null);t.exports=s.exports},ZQ4r:function(t,e,n){function a(t){n("2a/n")}var s=n("VU/8")(n("fSRg"),n("q0Y2"),a,null,null);t.exports=s.exports},ZWYt:function(t,e,n){function a(t){var e=s[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var s={"./en-US.vue":["+GB6",1],"./zh-CN.vue":["RUos",0]};a.keys=function(){return Object.keys(s)},a.id="ZWYt",t.exports=a},ZfAl:function(t,e,n){function a(t){n("fKiL")}var s=n("VU/8")(n("kJGJ"),n("r3/M"),a,null,null);t.exports=s.exports},"Zu/x":function(t,e,n){function a(t){n("Lcb3")}var s=n("VU/8")(n("wtIw"),n("teN3"),a,null,null);t.exports=s.exports},aP4Y:function(t,e,n){var a,s,i;!function(r,o){s=[n("/5sW"),n("vmBx"),n("XMLa"),n("j1ja"),n("HIuL"),n("MbER"),n("Gzs6"),n("rL4i"),n("//Y1")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var s=a(t),i=a(e),r=a(n);new s.default({el:"#app",router:r.default,render:function(t){return t(i.default)}})})},bStC:function(t,e){},"bj/E":function(t,e,n){function a(t){n("2cv7")}var s=n("VU/8")(n("3+2Z"),n("MRID"),a,null,null);t.exports=s.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",internationalization:"Internationalization"}},components:{name:"Components",angle:"02",subList:{basic:{name:"Basic",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar","tab-bar":"TabBar"}},form:{name:"Form",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",checker:"Checker",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","image-preview":"ImagePreview"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe",sticky:"Sticky","scroll-nav-bar":"ScrollNavBar","scroll-nav":"ScrollNav","recycle-list":"RecycleList"}}}},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:"单例模式",internationalization:"国际化"}},components:{name:"组件",angle:"02",subList:{basic:{name:"基础",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar","tab-bar":"TabBar"}},form:{name:"表单",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",checker:"Checker",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","image-preview":"ImagePreview"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe",sticky:"Sticky","scroll-nav-bar":"ScrollNavBar","scroll-nav":"ScrollNav","recycle-list":"RecycleList"}}}},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 a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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 a,s,i;!function(r,o){s=[t,e,n("Zu/x")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:a.default}},t.exports=e.default})},"h+pa":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQBAMAAABykSv/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEX///9RVGdXWmxydIRydIRaXW/9/f1/gY/8/PxydIToIcY9AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAXEQAAFxEByibzPwAAA5pJREFUeNrt20Fu1EAQBVBbSKx7JmTBOUDiRij3PwHSsBhTLle3hyQQ+/2VNWlX/dfZZDGZJhEREREREZGDZr6M5BrPtnTC70+HJq6zuw4ICAgICAhIDrl+28z325vP7woZrJNAnqbNfL6kB+Z4iYufxXKrRHS8lf11QEBAQEBAQI4LmS9/5ql+809TLHeJnxamBfrxOiAgICAgICBnhcxh4SotzF1mGgoICAgICAgIyGNv5uXip4thFS99DQQEBAQEBOQVIJ/C9z5+/FvIYJ0EkqaExLSetDI9WAcEBAQEBOTVIF9+bubl9ubXd4XsqrM5L831XSG76jwCmePCt3oEAQEBAQEBeVPI8/8Fyf6jZ39uo9r9sZs29tqrlAMBAQEBAQE5HGS+z5vTLfsPdP1xWCuuLZ8LAgICAgICcnBIvnA1JNYYvJUHzxZ3BQICAgICAnJcyKJcG9uS8/KryP35trxyHhAQEBAQEJCDQ/IM8rrliqvovjb1hoGAgICAgIAcHbKYFx8vaY1WjI6vDZryFd1tICAgICAgIMeFFD2rA7FLfhVtmoYXr/yXNCAgICAgICCngMSF8/14viU3td6wfFu3ciUFAQEBAQEBORsklsuTH2jFiqLyFDtM+wICAgICAgJyDEheuRXzxnrmt/L37TcPgICAgICAgBwPsscUD+TlVme7yXn5XBAQEBAQEJDzQAZ53bP1wmnrr7W4Lb+VCwgICAgICMgZIN3RqwNxaOtNGLyVboeRgICAgICAgBwDstiymLdK90A8W7WPlefettUNgoCAgICAgBwcMph8XmyUn+3WqCD5DYKAgICAgIAcHDLff7Cat3v3nkat6JC3BwEBAQEBATkPpBodP+36W7q7FY2Ks93FICAgICAgIMeFrBp1e0b/KvG1buUq+TYQEBAQEBCQg0P2ZC625Mn9Y+VmEBAQEBAQkPNCVuXSXPfsXrQfe1wMm4tHEBAQEBAQkDHI9dtmvt9efP4gkKdpM58v9wNzHBLnt+I3nU94pU9BQEBAQEBAjguJu59ySJE2PZRqbry2Vg4BAQEBAQEBOSGkmpebuui8cqzTPQsCAgICAgJyYshcLCykq0b52a6/6AACAgICAgKygnwKX0P58VEhaTb+1spHb26ps5rQRYOAgICAgLwF5MvPzbzcXv/6QSDdVN/7/bCQ7sL8QHwcTHGDICAgICAgIA9Cnrs9/zlEREREREREzp1ftrjTlRII7tUAAAAASUVORK5CYII="},i5GG:function(t,e){},iCAB:function(t,e,n){function a(t){n("Vxqz")}var s=n("VU/8")(n("txnZ"),n("fkAZ"),a,null,null);t.exports=s.exports},ioLt:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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 a(t){n("1+tu")}var s=n("VU/8")(n("gDL7"),n("9bSS"),a,null,null);t.exports=s.exports},kJGJ:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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,a=void 0;n.eventHub.$on("begin-loading",function(){a=Date.now(),clearTimeout(e),t.loading=!0}),n.eventHub.$on("finish-loading",function(){var n=Date.now()-a;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 a(t){n("nhAE")}var s=n("VU/8")(n("MJxS"),n("4Sli"),a,null,null);t.exports=s.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,a){return n("li",{key:a,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:a}}},[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){},s9WP:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAABFCAYAAAFf3xjmAAAAAXNSR0IArs4c6QAAHm9JREFUeAHtXQl4FUW2ruq+2VhlFYRRQERQgYgrIE6UAII6g+Og8xy30fdMchPEKIOCC+iIihtIyOboc3nOGwdHHccREFFBFp1BRBHGlUVRCeCCLAlJbne9/3Ruder23fre3ITg6/6+e6vq1KlTVaf61HLqVDVjLfhwmZe4e7SQfnL5ba/bcSq8KX6LoJqRMWxzCD3fhG0py1STGYkO1cvVjEbpLzL6ySc/zy/oJ8Pk+vOLZqlhpx/xdxFMpvNJBLP/jhzy61lt2/NzNu0f/iqzCRcWFp5YWloasYYWIc6v9DG+JSDMlRWVZZqk6XTDIigjJ5Jp8qMlzJ/vz5N+ckGcMyGeRkarEOSIL5Y1EUK0V3G5ZKNkIbXR8FfX27V6e9zJVo0kASIu/RrX7hRc7EYeGjKcyQW/r6xywYMyA8LjnG1kXC8uLy9ZZrMmsKiPlYFsJ43zmavHZls8l4lT6hqL+m5Qa5VS4k5i4u4xDzlhqQzbbJRtZxE/ZevpfPyWtanMiGjZL4gkLF8UCqdSoIme/epTJnZGnH8vXxRCwitsvYHyLSRYvMefV3StikNpbaGWEc5Xn+AF+UWfWfIEPyWyXv/8wlfQBiYKcoEqDhJP0lPdsMzUSOmH1H4o/apbXlF6oRqWfku+mJgow9INy2z46x+OYIGAjG9wNb6mIM//IgRxYo+e3dsW5BfORkbng2iAcx6APxPCu1YIdholkLWjTNWw9TbSmyjbS7aV7DkacmuGf9mLNANpi6QtZ2oG4oGxbVmtoXbIH2AwzVZxWrvffj/E7NzvIU+drALXGqHlTjfqVQ6nWtZDM0tNiKNCAVRId5KT76YTTuHHtMtWPcUnndXs72ukzF3CaHgNqVRIB6kQoVYiAaQfVUqJsr1SgiWgIN+/HHOEIhlW3XgzJRXX6adOV86kZJyaN/ntHl8iOF2qkJtXLz/fX6ox7T/V9OUVZTllFWUL1EwpPh8deNC9RuJLHOkSHF3in2bNmpUucRJx41bMLbGKirJCk5mPqfhosffQYr9VYeRHj2V18pqmf+yMU8NpQp9VU1OTpcLIj8nb46Ywb3fC1bDd30ugU7Zk/y/jpdua5YvKGNbdi8X9hxsisEZWoLFivO7tcdkZEu65rZED4t7R57XGcrkpU9irSIkwx6qBkykJNMcSXtJuLjekYmL26OlYPt8TLbPDqYINveKbs3xs9cr6aBVy9JRvYFwbHQ23tcDD1n9qwcyBX38s2hwcqMKkv17v0C9r3IatMtza3MgDtC7+Ta0UrVI0BIzmT+e3tsqo5QmrmDVXHLrlBBVJ+nP0543GcU1CG12aDqk/TIfC6EtsdeokYW7dSGklTLqhGWcY/4xEnDP+e5ovGkwLmTCruPl5heugsXqalrTyV7Vjl2P9o6ZoXr+9HrOy0YywDsTNBLihiGJYeXnZKWpx1XV7NL/EV+NJBwANhw9sbF9WVqYueCV6XDe0Yg5095VyJHQZlJUpyCuci8ny1VBkjNZ8vCt0tN8RieBrFTIkuSTdqKhymyARPBQ2RJ8bLW15ZWmxyfgNUMdcbgTEt1QhKSuURoZVWDRaEh6zxSQSuSNeW3++MFVImN+YnDd5aEllyQcyxhSsAv5KGY7mYn12hS7YTFTuSVSyQT0BZKzxbqI0smWjpy96FPMlvxrvqmKkIg6rlODrVULI3EccxeKQVA2Lwf0LoT9Lkzgo/D/xTh0N2ZEgWkjWM86vE6b536WknWesE9FAjzYJPHyOcy1sLUeJqaKEBz3cJyB3PEPhnJXnYk7uIFYv/m3lllW3yhi03V72n+178S0kPNuKC/3bi/VYx1BQ6wrZgomJ7wqWVaepFYs0ZrX2BaZkr10xCVDVbGrFtLZZHVafNXCfxDtsXaogydbwpe+XHLaV+CkWPOxVjFdJcc+YnzPTXG7jcVbPdN6N37LsRxvmeZqNA64aDFrwNRiahrsrBb+b37YspsrPHR0PKxIHIs47xH25g1lAbLATKHMFGxbNc+SeUXLAwBx9vyb0rnzC57XR0D14YhywJUzcnfsyZpEXJJacsPlec9iWLMFMe1IYjQYmdlP08dvmR4v34PE5AA1V7tNoqCviozZiiC4HlpvHVOU0Qtz50GDiYv2xql2s6/+sGZt9s7tUHpbKAXSJLhqL81pz6NY6oRnSYClHJRLLX8W7vzNJqzwziIMmYz3RcK6fgoKi8VgH/hHpelEipN2Fv2nl5aVPuSaiIMIy7AwYbJ1eXr6gRae/fv/1I4QRuILr+qKyshL0ZpEfmIGUU0x5ZVmBxMAyltbqrKKiND/iGCYRyQ0qtmlHzPWumJ6WdsIIc2HDspUx2Vgq2bh+qdnAWvtF7JP2VhNQBRD/JMGca2YVL5JfGJxegJmIa9EGY4Y5CFqDfG6SUR2L2mCEEyy33WCY8EmtUZwGg44AiW0dQZBQuMP5Kt/4raPUCNg7Jv3IxorWGPSmLVy4sPCN15cHoDCphgFSG7gWEyJZQFGcYOJdNPydaqEK8wrHGEz8HbBMaIM3Ma39qPLy+35QcchPquyqqt0vg3ETEBQwQny4rKJ0qhOvJcJxJSxWIfSsIzrxc97fEwsn0TjYbUyDJQAMO/ldsdJecsklpDa3O1eyiYuGb8VB1aXG00uRztN7z62Ya1kj4AXQ6QUAPERqCQ8q+hBYcXFxVryXSs0rlf6QSiRKONWNpeaPlYSl3VZhqfST9KKxvpY06QWA+tPaa4GmfTHBozXK3Llza2ALPIxw/Hn+X5NLD/Zjap2/hhgSSxZbyywR47hNkrA4tJOKLqtYcD8YNQfdzyMgEHUJICUCOPVgflLGSM4CouszkTcTnMVdN1ZUlJD+25ZwolVRWRp1nM/I8C05WFOHuZNJm9t3EL7zQf4+kmZMrDY642S4SRImiajuiKXvz2mqDTjX0qzNbnrDMavrotInP+1cUPdFftlYqORHFC4qKgrZKCeLNYLDtu85cuVDkiD90rUlqqLUsvbVGR9LccjvbxJHurTZIPElLJY7b968HSjjdvQcI2BYtsiJW1AwZQgay9qUhEXdYGe8DJOlAM1aukpAiOvYmAiJQ4A2Ayet2Z711b5vv0WwjTM+Wtitzr84v7hXjaj91Ekbr/ULmPZe7KRfUFDcT5i1mx1wmpS0g9bF2toh20iMkTOpSwTjvgcD7a0qrmnXYLr/hCM9NdgzkPiQ3Z40rp9RUlHyLyeumzDNcpWZn5UEjfmJL00/vaSkZK+TBl6ObQRDPfqEiLS4J3cqTNofsBPEaTB1n8JOE82j8WFvj8mmbsR7msCBkAZT6YiHJ2UxbcfLxoCvohoUxWowvDHvrhl7smXnr9L1/E3jQNQGc5I1Fve5F93HLSrc2WC6ro9ZlTtkmYrj+VsBB8TKwZ2MxX3rMbn4rBUUxytCPA5g+6UjlMYb4uF58anngOsuUWaNzcz1mOEoB6y0h/ltr90k4z23eTngusHE7DF3wUDp9qjF0bQcPuO1FVHjvYiUcCBug+FkxGnMYG7XGwdZBnaYf7/0QEpK5xEJ40DUBhPzx2ewvXW0IG4Xlioe4IiDT/Gi1VfHQ/PiE+dAxAaD9uN1kDo3YXKcfWdmbz4CujhLiQoF+XR9/Jb7EqbjJYjKgZAGQ0NdD0xSuib8mCds3ywy646NlFBP04bwMVs+jBTnwRLjgNVg4v4xx7E6k3R2iT/d9y43eu/OiZcQGf2gZfXpzs9pUNrGw/fiI3NAwzR9ZlKN5TM+sA4ouWgsyhqa105GzTZcTdD35chF8aBuOEA3Csxyg9iIw6vN7C01xpBtQxth7nxf8J+tHqW/cIE7bA8rEgcS2sA0j6v6ULQ/EHWvJlIGBBNM23m274XueDlGRsPx4O444K7BOuL2smOtS8USbqzf+sq+/FL0PBqN5a5EChbtwO7csbsUBjT/BbA13mJf6/kje3S7DHF1CqprL8zmJgN5f6R9L9dEkkCMZL7mJEP2LLDo6su0DjOkMRCds4OFy8lpadoU7JXVxt1xNodtNoON5aQfM/ysNvEt0uZbjRUTM3Ik7Crm0w4sGus6YNizWRjUXAx4LTb1yiKnjA3FcbT5YMofYmOlPhavaz79YlFG3X5FOD7fgbYSD401Di97nmEYlmV1zAYzB37zKQjExJGEbZfzpblZr/Qs5VdFOjJno8XyYFv/bjQUSQLTfbwP7Q7LH87S9iQ4KlcQ6f4WivspPzEbQ7SpGeC28uiq9urHtM2AfeI4t2mi4gl2K8VRI+Fs8BcqHg4+V507OsfqynF69Rk17v+D390YFocTuuY7hZ/3+Xtx0FxFo6v7M6Qnpl0imaQB7xvgHYWxTPvhhx9619UGSjMy064jYxc1o4KCwkLMes6LZGAK24oXIKoXET6uuvwDLLYiWjP58yZfaTKjEmiZ6J2/1H1sAl6kTWo+LeWPKWHxCgGpWkiGOKlqLMoPjfAbcmE7P5PcaA8aoBdJIBrMDAQC7ZHuAvTz4YZAJhtCcSF0BLeOZFNjoQ6WvSBdY4WXgIxTQx5YRu1BYz0FIK435N+hhEfj8PxGGPC8G4LYQoGkGwymzfv08VsvbaFypjgbcSSM/5ZTg6PhdXIR/isaVrOkLpgbZnavwttR4+y6IG5XcmGvsgKdwCkFBZNzU1ywuOSSbjB0WjfEpd6KEWCff45aPIQnWeFgF0l+TLjGoiUP4Na9P6q4dBOfFW8aL6nwlvAnPYbputjeEgVsjjzQCBH1phAd61YXyjNo4wgrYPFYjDLYXTDd52gyEbLU0HTtP3C06IUY6SNG+ep9eFciP0k3WGRyLQel+04Mbpyp+bSl6MoSy5gLp7FpQ3rB1sFzRkOgfojlCjYF49iUBlj0f9jO67DpTA/BMIzEejAu2pJYsyz2fQgdJdAsDVZbXzdKySMhL97+97EGy4aJ9nDMxN6OlriemW+gcp11zjPRYP2j4UWCozs/JhIcy/MhFsMQib28H2EHT0v2O3BMKe5CG5qTR5GMfk14+AnUEVuHLaJQSewNiEIkHMz/Eg5zB0lj+iWEiZnYymgp0EDQfIjOFE/qGtP0WXb2Zp15fFgaLsJhQoAx4Q/oWkePKKZ7984rLAzBLTt7JzbdQCRvIXLGRQqjwJZ9PiY110eKJxjyj9secRGiEY8EH7nq4/YjXl1PtxehfMk98yvnf4aU1fjpmDovj0TFX1BkNZCm67+g+PLyRz4hF4fznidXfdBb/lwNSz8kOEQp4Pf7z6I4SLglJbRcaMAVw2Qa6fr9U06DIDyIzxL0lrB4ri9dt5Yr4M0jyKudEx+Nv9WCcf4nZ5waTlmXOGLp+rXmgZpTVeLJ+jF1bksnQ4jZ5GIavRaj/0Z078PxHg6kCEwQnlLPCgNnC8D9gA/1GyvH0YcewP8VlQHT8hsdZdkBCf4E0/a/ME17FhfFXGwa7HLCwT1eeRJX0zOPNo2DXzaUgd+DwxIrTNP0m0b9L4O4xRI3nks9AdZ596DsM5DXPvhr0OjrUNZBgHVp6Ip5HWarVjmi0WuyhOFuo9ut+8MEc9VYOAd5W7TCqPCGtVGDuQIa4jSMa7+jxkJDmXQcCeunq1V8TLWPhXSsAowOvtNl/VZjATYD0/K5Ki5gH9Cl2cC5FMpg+hbA5YDtsfJUEMvKHt6emZV+FEDgKTHawIdPBBqLv+fEVZJF9aLMt2p6OrpjjlMzAldliLOsxkIK5I8TNRHPl+1Cnb9o06YNikl4eLDrvAQFGUd+9QkeSFdBtn+FNrLgNj613Aa48Ggan7x6TPYCF6geShQOWBLGb112Hut2bDr6mR+j4IWB3+DDaY/K1YO3ZyWdCfMayxW7YiLZYxjPe7QemEeIe3NPZoZ4L2Yq95HVvdt37frciJ/VuE/iYcbigN1gEolPX7Yefo5b20hzfaeEJ+z6fCPfHj14TcLpvAQxORB10gE7+btIE49ucm1MCo5IDJD3U/fnNZaDMSkKhkmYky42JE8Xb57YzjxY/S1mNBnOeBlGy25aMy77JBn23ObhQFQJU7OjD+xhKyUTJyxHq3DyY/0T6NA+vYvXWE7ONE84roSp2fJxm9+gNsLpy0fgnoVd2l+uHjv07yqO5/c44HFA4UDSOj+FRlwvjIs1du+qa6GBmI0FerfGBHwRS/PdyG9eYukCG+Gez+PAT4MDzSZg4sEJx7CDdbijRTTsvMfjF+e7oSe7lU0/63HOpaI8XiIv3uNA6+ZAygQMKzTO7su9DFu0uIet4bLXplWdPwej32l8+pJtTaPjpfY4cOg40CQBE7PH9cQ9EPcybl4JoWoSrZgs4OxrmPffzG5Z9r/Qe1mbQjHxvUiPA62EAwkLhbh7zEXQ4z+ItVS/FquDxj4VfXfuNzvuHwY1GASMP63xzOn8vI92tFgZvIw8DiTBgbgCJu4ZDdsQ63LrPAiVnkQeySQJsA61q82+O4YK3TgiFgFUYIvG9al8/OYXY+F5cR4HDgUHIgoYzHFwQJPBxkgMarFCaWyrOHr3brPz3tOTzROVMbDTU6mlZdzBcz/GoSDv8ThwaDlgC1jDfUWctH6hlvzNVj58fqTtwdWsf9VAUw8oqvvUZYjKfQTr0WI+fhsd8PIejwMtzgHcVz8Glrrin/i5MhNoUgmhrBC9v/vC7LZnRJPoJJAYa7YDr/FRax/W/auWjhl+ewJJPVSPA03mgA8awOcwHWw+4cqqX23239FPpNX3RGl7BX9NLngsAtW8zabbtFvEWjaYjLfobpIcHDD5V6w0XpzHgebggA/C1SfFhHexXj98Yvb4HucxLNX9yBTTDyMH1X3tGn7K27O0m06tFpl04urEMKQWAFRWVqZt3LjxyEBA64yjTfszMsT3uC1kTwtk7WXRSjmQkDFi1DqkG+vEgB1dzfTaY4DT3fo1825VHcv49C5f8YEV4oyTkR+ZIeeQAr+lnqL8ohycLy2FZtU+c7v+vQ+C2TdcynIQ5z5wArCxSJgiY6pwMw6pxTxa2Zig6T75CSeLEvJ3fkS06Tm0LgoNVziYj8lSxbrWSOJEc3Er3Ts4uBe8mYCxtHT9ZziN+ZUTX71GieJwCVp73Ku1n/xNE7D0wFpz8BenYqQ6hYg154NRKlDNsh7/tf7opXtFW1LdD2hJgaK60V1WO3fuehSf5bw2gD/lOQjt5WKE/4E59xZw9Tt8brgnrFv64foHmqZejYaiaxx6IdUzELpncP6gBEdyox5KV2h73sOYA8kLmGZ+bpz0BR2gb7YHL+Fnms5v5OO2/IMyyXlzU4/aurq8ZsswBmF8nfFU3KX5DlDsvUCUbw6EJOSrXAoJ9ab3IoLjcoB54NcU8kPgJuMs+m86dGx33Jw5c1wfdqW03nP4cCB5AcsIVKGa/VNZVajVcUkDf0LTtBk4G7MrlbSbQgv3tI0K1BtvNdLgO7nWfpC8ibcRHtuH6dkN+Lz3Utwg8gphYoTr9uOe/TTytZhW1VlCsiHFLSVHYoaQ0a1bt50YpQ86cRINE010SJ1Bs0PXrl13pIJmomVoLfjJC1iKaoBR4Euhi2m+cduSvt8oRUWJSIZeFqxj1ENvIpOnnTkvwjfvIxJwAEsrSxdNnjy5OzoR+14kmnriZ+JFP5Fuy5RJMOfvjzl/5JvLJBJcrBUqMSJeZ4E4X4TbWM5XokO8yCdzZ9XuR1GvKygCo2gwXjCM0PaaEdsbP2iMX1taURrXQoZuZgsw80mUITs2Tex9MlHSrl2bWx988MEDwYx/0s6hEzDOXvSN32bdTtOaOVxYUHgVZsGN5lq4J39exbxtTSkzhGZ3U9InnRZrQAhRDaVHx7YHmzN34v6xFSeffNLGzz77LL26unoUlpa3Y009Ar9OGGlfwHqx2pemnbJgwYKPnfnSd7UPstoP64XRyY7DNcJpTHuoS48uG2jkIoGuqvr2fC4E8hKk3Z2yf1/1FFwT9TK+vW3dDWan/Ql6DomA4erBSnxGLOYd+62F1xjABtKKST74Ns1hfdUIpm2ft+/Qdtj999+/T9Yp6NI9OkvoN23atPb79h74CgLRAeE2gXpzI0bdPqoGDdPmM2vM2reDaUlgn8B69BoZli4JGfx0qd7zmDYehREad7aJDHD0QmjfXok12koah7MLrXHLPxoz4047Wr5U7nLEzX/fu8NslVgCSpVTIwhXSGEpHt/fOEMB6hCyGUoYfU5jG2I6uTKScIXgI4BR8BsIVuONZEJMIOWRE++nFD4kIxiulwzRcbdqhmrsc6he1KefGjic/BCEVW41ljQlhNZzGwbvPg11FLTfaD1YK56NkaiHDNOUMj+vsFaGY7qYEqjxZj0j4+53VRg+N3UdLq2sVGGR/BgdJpVVlv01NM6sDg2nLuTz+RKmfWgELMk619UFuiaZNOlkGRlpf609WF+JaY012mONcg2IzUyaIBJi/fEsevJLbRpcH1ZRUbLeDjeXhy7eTeDBtC8ApYRMQVNI6zEMDuNsGw7FL/8K4W9lfCIuvgEQpuzQNPEx+rTH49ERzLfViSM0fSvDfbzywXcDjpf+hF0u+irV3IebzROevRxWAga7SbqOoEUfMnXKzy96BC9QcUPGorc/v/DxsorSa5MpCHrnX6B3VoSLtH6RhYvX4TJkNw+HusINXzjLxprIh18gHtni4uLONdW1/Rvx+Erp1zTfv02jTgbJfQvXK1+pAprix6cJ3iKaydAoLy95B4oZEvaGzliwiRhxu4BmQseX6BM6wjTIKqnh4do/pDcR110DJkKxGXBHLnv/nBGvvo87p9mEZiAfl2RFxYIb0U3b5k2mENdgSrSOlAFxEysI9AkCCNdLEoQR4tMePbr9UobbtWuHkaDxCXDzmsZQZN/UqVPbYnS1BRYXKoTQUFMBr92uqt0PqbBo/oM1teqHmve1bZd1j8QtK5v3Efhh1wN0r7Bu7ZcIMVzqnCAAIvjbs3DhQnvjPkayhKJwMf2UxgQiHQPauhtuuKFRE9wYGdFH60K0k7VXSQgYoQOZmb6bIiLHAeK4ymg3fV84may6Vcag7WeFR8SH6Dofy8dtfS0aJhqMj3zt/avg3IuRw57rR8N3A8fLfDtu27zbDW40HL9/8q9wST3N+dWp1rdogTuystL/EmkKYe1tGWw6dpV/G0KXa3MtwQ0BWtYet2A0Qr2DD2fbONevRs+8QoLIxSiUiU/tzsYUjkZWWZ4fudahr7oBHmKLGCSAieJ2rqWPswQlCJOOtafFzUVog6MIBr4d8KVrA1UNosTF/ttK5N/4DnA2HV/km4MXMuydwsg9UZgC076Gb62A7h6ui0H0LUxJL5Wu33/9OaYReN2qQpAwdWhc53dg2v9354dsIFSDjXq0EWc3oO4ZsiyoyzewLRwSawSMZYvYagQs580PetfWYQrI2GWycqlywaT9HTu07bX4zOP2poKmP8//a6wRyKC0YyL0qCdEI8/GNzVnxUqXn3/9SZwZy9HQXWLhqXGYTD5dXl52lQojvypgyHsJFEyL0DvPd+JFCgP/YWgHY/bcJJD13HgFnUKvSDQiwOrpEyoweF4QIS7lIDL+xTqvBLy0N/bdZcI3c02/tLx8/rp4+LEFbO7EI1jNgTvxXRgy+/bFI2bHp2AEG750/SR0vQ9g6neMTTfFHvTWfx47JvvyWcFvkKaYPMP+UIdAQOSgDjhzZh6DEzpd0YGjWnwXXroq3NGzOqNNxquRRjc3ZcH671zgXYSe/3jQ6hxMg++O8x2o21vI69lYowCtpfDt1k6UDndpV8uP7dL0du/eA79DQYeBdh/Qo0UVrP3FMqzoXpLW4MH8XDkYrQeYJrsIvDjV+iYRZzVYg2xH+Aum+f6Gj01tcEWomZDoONGG9zbkQOD6wea9JxQgPVC+WpSvCnzcYTL9g2jr4WSLJKcWdnpccnMBLrl5CFOaATYwkqcJAjZTn/reG2wkGrY5HmwBcPYE3vEZa8YNbTX2jM1RU49m6+dA2IjFZ7xO2hJLYyIeGNud1Rm47ppfg14Owt46H/TkX3KNT1udm90q7RlbJ9e8UrUEB8IETM2U/34pjQC0827tvuO2qUswst2PcLNN6dT8Y/lp6peepk1bfs7Qr2LheXEeBw4lB2IKmLNg+FjfQsDox8TLA3ph0Q6lhLgMc9iwqaYzbdPDvAoL+Rmrc4c+iXzDtFRNp+9R8DiQeg4kJGBq9vzCT79G+HL6QUPDjSX9r4LmCx+2ZXS5TUoeSO1LzOe7ac3owZslwRaQZJmV53ocaDIHkhYwNefgiPIkYPSDHmpAP6OujjY0J1LY/QNDWi7u6D0mu+I5zhvtXdwT8DA9DrQqDqREwJw14rmfbgEMqmUIm5ikm0vW5eGw8l0Y3cL2dTAivcbTePHqc7M3Oel4YY8DHgcS5IBY1P+EWYvnXz1p06b0BJN66B4HDjsO/B8N1bixq/ZDrAAAAABJRU5ErkJggg=="},sJTd:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("//Fk")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return new s.default(function(e,n){var a=new window.XMLHttpRequest;a.open("GET",t,!0),a.send(null),a.onreadystatechange=function(){4===a.readyState&&(a.status>=200&&a.status<300?e(a.responseText):n(a))}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var s=function(t){return t&&t.__esModule?t:{default:t}}(n);t.exports=e.default})},slt8:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG"),n("TAy9"),n("9zYt")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=i(a),o=i(s);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 a(t){var e=s[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var s={"./en-US/action-sheet.md":["egGD",91],"./en-US/better-scroll.md":["1H2i",90],"./en-US/button.md":["4Xeq",89],"./en-US/cascade-picker.md":["KI1o",88],"./en-US/checkbox-group.md":["wNVF",87],"./en-US/checkbox.md":["QTnR",86],"./en-US/checker.md":["YWVk",85],"./en-US/create-api.md":["i/fd",84],"./en-US/date-picker.md":["6Rwf",83],"./en-US/dialog.md":["gPPJ",82],"./en-US/drawer.md":["DOGQ",81],"./en-US/form.md":["nzGO",80],"./en-US/image-preview.md":["FFtv",79],"./en-US/index-list.md":["tHys",78],"./en-US/input.md":["o9DV",77],"./en-US/internationalization.md":["C/JU",76],"./en-US/introduction.md":["YA8a",75],"./en-US/loading.md":["jBRB",74],"./en-US/picker.md":["BBNq",73],"./en-US/popup.md":["HlXn",72],"./en-US/post-compile.md":["1cY+",71],"./en-US/quick-start.md":["gyX9",70],"./en-US/radio.md":["D+uV",69],"./en-US/rate.md":["qr3w",68],"./en-US/recycle-list.md":["9hRo",67],"./en-US/scroll-nav-bar.md":["vucU",66],"./en-US/scroll-nav.md":["jS6/",65],"./en-US/scroll.md":["a6IA",64],"./en-US/segment-picker.md":["PiHE",63],"./en-US/select.md":["CSGf",62],"./en-US/singleton.md":["AoaZ",61],"./en-US/slide.md":["qc/E",60],"./en-US/sticky.md":["X7Go",59],"./en-US/style.md":["jpwl",58],"./en-US/swipe.md":["FRSy",57],"./en-US/switch.md":["2nyi",56],"./en-US/tab-bar.md":["djff",55],"./en-US/textarea.md":["9woc",54],"./en-US/theme.md":["qVBK",53],"./en-US/time-picker.md":["BGpj",52],"./en-US/tip.md":["X+F9",51],"./en-US/toast.md":["jUSb",50],"./en-US/toolbar.md":["yyOQ",49],"./en-US/upload.md":["YJZO",48],"./en-US/validator.md":["hl6N",47],"./zh-CN/action-sheet.md":["Ezhp",46],"./zh-CN/better-scroll.md":["JGwD",45],"./zh-CN/button.md":["s6Rz",44],"./zh-CN/cascade-picker.md":["kh0H",43],"./zh-CN/checkbox-group.md":["NVJK",42],"./zh-CN/checkbox.md":["n3PG",41],"./zh-CN/checker.md":["Ye5R",40],"./zh-CN/create-api.md":["Nx+F",39],"./zh-CN/date-picker.md":["vw3j",38],"./zh-CN/dialog.md":["DZkJ",37],"./zh-CN/drawer.md":["e4wh",36],"./zh-CN/form.md":["XO3d",35],"./zh-CN/image-preview.md":["672m",34],"./zh-CN/index-list.md":["hUpT",33],"./zh-CN/input.md":["IwIh",32],"./zh-CN/internationalization.md":["H0+O",31],"./zh-CN/introduction.md":["zpSu",30],"./zh-CN/loading.md":["dNW6",29],"./zh-CN/picker.md":["92Kx",28],"./zh-CN/popup.md":["ZL7z",27],"./zh-CN/post-compile.md":["hvjf",26],"./zh-CN/quick-start.md":["8XCF",25],"./zh-CN/radio.md":["wPXv",24],"./zh-CN/rate.md":["JQnJ",23],"./zh-CN/recycle-list.md":["oF9l",22],"./zh-CN/scroll-nav-bar.md":["T9KO",21],"./zh-CN/scroll-nav.md":["iP+r",20],"./zh-CN/scroll.md":["kegs",19],"./zh-CN/segment-picker.md":["UCq8",18],"./zh-CN/select.md":["eM4Z",17],"./zh-CN/singleton.md":["+gXa",16],"./zh-CN/slide.md":["7yxM",15],"./zh-CN/sticky.md":["ula/",14],"./zh-CN/style.md":["rDWR",13],"./zh-CN/swipe.md":["YVHs",12],"./zh-CN/switch.md":["hpvZ",11],"./zh-CN/tab-bar.md":["2y7F",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]};a.keys=function(){return Object.keys(s)},a.id="tCUt",t.exports=a},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,a=t._self._c||e;return a("div",{staticClass:"home-view",class:{"home-view-docs":t.isDocs,"home-view-demo":t.isExample,opacity1:t.opacity1}},[a("div",{ref:"navigator",staticClass:"navigator",class:{active:t.showTabs}},[a("div",{staticClass:"logo"},[a("router-link",{attrs:{to:"/"}},[a("img",{attrs:{src:n("s9WP"),alt:"Cube-UI"}})])],1),t._v(" "),a("div",{staticClass:"tabs"},[a("i"),t._v(" "),t._t("nav"),t._v(" "),a("site-lang")],2),t._v(" "),a("span",{staticClass:"toggle-nav",on:{click:t.toggleNav}},[a("i")])]),t._v(" "),a("div",{staticClass:"router-view"},[a("nav-loading"),t._v(" "),a("router-view")],1)])},staticRenderFns:[]}},tplh:function(t,e){},txnZ:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("Zu/x")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:a.default}},t.exports=e.default})},"v+5S":function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home-index"},[a("div",{staticClass:"banner"},[a("h2",[t._v("Cube UI")]),t._v(" "),a("p",[t._t("desc")],2),t._v(" "),a("div",{staticClass:"ghbtns"},[a("Badge",{attrs:{type:"star"}}),t._v(" "),a("Badge",{attrs:{type:"fork"}}),t._v(" "),a("Badge",{attrs:{type:"watch"}})],1),t._v(" "),a("div",{staticClass:"rec-btns"},[t._t("rec-btns")],2)]),t._v(" "),a("section",{staticClass:"features"},[a("ul",[a("li",[a("img",{attrs:{src:n("HdVk")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-1")],2)]),t._v(" "),a("li",[a("img",{attrs:{src:n("QEj7")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-2")],2)]),t._v(" "),a("li",[a("img",{attrs:{src:n("zcSr")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-3")],2)]),t._v(" "),a("li",[a("img",{attrs:{src:n("HHvJ")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-4")],2)])])]),t._v(" "),a("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 a(t){n("5usR")}var s=n("VU/8")(n("CMlA"),n("SOhj"),a,null,null);t.exports=s.exports},wtIw:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("7ntu"),n("ZfAl"),n("nP5o")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=i(n),o=i(a),l=i(s);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/app.de5106772fc6ea92efcc.js b/docs/js/app.de5106772fc6ea92efcc.js
deleted file mode 100644
index 36831addb..000000000
--- a/docs/js/app.de5106772fc6ea92efcc.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([93],{"//Y1":function(t,e,n){var a,s,i;!function(r,o){s=[n("/5sW"),n("HIuL")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t),s=n(e);a.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){s.default.highlightBlock(t)})})})},"/jPq":function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home-view",class:{"home-view-docs":t.isDocs,"home-view-demo":t.isExample,opacity1:t.opacity1}},[a("div",{ref:"navigator",staticClass:"navigator",class:{active:t.showTabs}},[a("div",{staticClass:"logo"},[a("router-link",{attrs:{to:"/"}},[a("img",{attrs:{src:n("s9WP"),alt:"Cube-UI"}})])],1),t._v(" "),a("div",{staticClass:"tabs"},[a("i"),t._v(" "),t._t("nav"),t._v(" "),a("site-lang")],2),t._v(" "),a("span",{staticClass:"toggle-nav",on:{click:t.toggleNav}},[a("i")])]),t._v(" "),a("div",{staticClass:"router-view"},[a("nav-loading"),t._v(" "),a("router-view")],1)])},staticRenderFns:[]}},"1j6h":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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 a(t){n("L/YU")}var s=n("VU/8")(n("6p5i"),n("MHG4"),a,null,null);t.exports=s.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="},"2do9":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:[]}},"2lqk":function(t,e){},"3+2Z":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("fZjL"),n("ZQ4r")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=s(n),r=s(a),o={};e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:r.default},mounted:function(){var t=this,e="",n="",a=this.navList;this.$watch("$route.path",function(s){e=s.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(a,e),o=n&&a[n],t.$set(o,"isRootActive",!0),t.$set(o,"hasActived",!0)},{immediate:!0})},methods:{seekRoot:function(t,e,n){for(var a=(0,i.default)(t),s=0;s<a.length;s++){var r=a[s];if(r===e)return n;if(t[r].subList){var o=t[r].subList,l=this.seekRoot(o,e,n||r);if(l)return l}}}}},t.exports=e.default})},"3E40":function(t,e){},"3ygq":function(t,e){},"5AMc":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("nav",{staticClass:"page-sidelist"},[n("side-nav",{attrs:{data:t.navList}})],1)},staticRenderFns:[]}},"6p5i":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("Rrh0"),n("DJf5")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=s(n),r=s(a);e.default={mounted:function(){window.scrollTo(0,0)},components:{Badge:i.default,Sfooter:r.default}},t.exports=e.default})},"7ntu":function(t,e,n){function a(t){n("qG97")}var s=n("VU/8")(n("ioLt"),n("97Xx"),a,null,null);t.exports=s.exports},"8Rhx":function(t,e,n){function a(t){n("x4LC")}var s=n("VU/8")(n("Q+I9"),n("2do9"),a,null,null);t.exports=s.exports},"9/90":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:[]}},"97Xx":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{staticClass:"langs"},[n("a",{attrs:{href:"javascript:;"},on:{click:t.toggle}},[t._v(t._s("zh-CN"===t.current?"English":"中文"))])])},staticRenderFns:[]}},"9Hp8":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:"/en-US/docs"}},[n("span",[t._v("Docs")])]),t._v(" "),n("router-link",{staticClass:"tab",attrs:{to:"/en-US/example"}},[n("span",[t._v("Example")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},"9IYW":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("fZjL"),n("VAcG"),n("c3CN")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,a,s,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function o(t){var e=[];return(0,l.default)(t.subList).forEach(function(n){var a=t.subList[n];"string"==typeof a?e.push(n):e=e.concat(o(a))}),e}Object.defineProperty(e,"__esModule",{value:!0});var l=r(a),c=r(i),u={};(0,l.default)(c.default).forEach(function(t){var e=function(t){return s.eventHub.$emit("begin-loading"),t.then(function(t){return s.eventHub.$emit("finish-loading"),t})},a=[],i={path:"docs",redirect:"./docs/introduction",component:function(){return e(n("ZWYt")("./"+t+".vue"))},children:a};u[t]=[i];var r=c.default[t];(0,l.default)(r).forEach(function(s){o(r[s]).forEach(function(s){a.push({path:s,component:function(){return e(n("tCUt")("./"+t+"/"+s+".md"))}})})})}),e.default=u,t.exports=e.default})},"9zYt":function(t,e,n){function a(t){n("3E40")}var s=n("VU/8")(n("Evpz"),n("tmFe"),a,null,null);t.exports=s.exports},A7ur:function(t,e){},C5da:function(t,e){},CMlA:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{oldPath:window.location.hash}},mounted:function(){var t=this;document.body.addEventListener("click",function(e){for(var n=e.target;n&&"anchor"!==n.className;)n=n.parentNode;n&&(e.preventDefault(),t.scrollToHash(n.getAttribute("href")))})},watch:{$route:function(t,e){this.oldPath="#"+t.path,this.scrollToHash(t.hash)}},methods:{scrollToHash:function(t){var e=/#cube-(.*)-anchor/,n="",a=void 0;t||(a=window.location.hash.match(e))&&(t=a[0]),t&&(a=t.match(e),n=this.oldPath+t,window.location.hash=n,setTimeout(function(){var t=decodeURIComponent(a[1]),e=document.querySelector("#"+t);e&&e.scrollIntoView()}))}}},t.exports=e.default})},CqQb:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk3NzYxMzgyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1NjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgyMi4wMDM0NSA3NzYuODIyNDM0bDAuMDIyNTEzLTAuMDIyNTEzTDI0Ni41MDQyMyAyMDEuMzE3MDc1Yy01Ljc4NzgyLTUuNzkxOTEzLTEzLjc4NTk4MS05LjM3NDUwOC0yMi42MjEyMDctOS4zNzQ1MDgtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NSAwIDguODM0MjAyIDMuNTgyNTk1IDE2LjgzMjM2NCA5LjM3MzQ4NSAyMi42MjAxODRMNzc2LjExMjI2IDgyMS4zMzkzMjRjNS44Mzg5ODUgNi4yNzc5ODQgMTQuMTY2NjUxIDEwLjIwOTUyNiAyMy40MTYzMTYgMTAuMjA5NTI2IDE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVDODMxLjUwODk0MSA3OTAuNjY3NzY3IDgyNy44NzEwODcgNzgyLjYyMDQ4NyA4MjIuMDAzNDUgNzc2LjgyMjQzNHoiIHAtaWQ9IjI1NjIiIGZpbGw9IiM2NDY0NjQiPjwvcGF0aD48cGF0aCBkPSJNNzc2Ljc4MzU0OSAyMDEuNDQ4MDU4bC0wLjAyMjUxMy0wLjAyMjUxM0wyMDEuMjc4MTg5IDc3Ni45NDcyNzhjLTUuNzkxOTEzIDUuNzg3ODItOS4zNzQ1MDggMTMuNzg1OTgxLTkuMzc0NTA4IDIyLjYyMTIwNyAwIDE3LjY2MjI2NSAxNC4zMTgxIDMxLjk4MDM2NSAzMS45ODAzNjUgMzEuOTgwMzY1IDguODM0MjAyIDAgMTYuODMyMzY0LTMuNTgyNTk1IDIyLjYyMDE4NC05LjM3MzQ4NWw1NzQuNzk3MjMxLTU3NC44MzYxMTdjNi4yNzc5ODQtNS44Mzg5ODUgMTAuMjA5NTI2LTE0LjE2NjY1MSAxMC4yMDk1MjYtMjMuNDE2MzE2IDAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjVDNzkwLjYyODg4MiAxOTEuOTQyNTY3IDc4Mi41ODA1NzggMTk1LjU4MDQyIDc3Ni43ODM1NDkgMjAxLjQ0ODA1OHoiIHAtaWQ9IjI1NjMiIGZpbGw9IiM2NDY0NjQiPjwvcGF0aD48L3N2Zz4="},DJf5:function(t,e,n){function a(t){n("C5da")}var s=n("VU/8")(n("T7jr"),n("Giw/"),a,null,null);t.exports=s.exports},ETzz:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("bj/E"),n("TAy9"),n("9zYt"),n("c3CN")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=r(n),l=r(a),c=r(s),u=r(i);e.default={props:{lang:{type:String,default:"zh-CN"}},data:function(){return{navList:u.default[this.lang],showCatalog:!1}},watch:{$route:function(){this.showCatalog=!1,window.scrollTo(0,0)},showCatalog:function(t){document.documentElement.className=t?"ov-hidden":""}},methods:{toggleCatalog:function(){this.showCatalog=!this.showCatalog}},mounted:function(){var t=document.querySelector(".md-body"),e=/#cube-(.*)-anchor/,n=window.location.hash.match(e);if(n){var a=decodeURIComponent(n[1]),s=t.querySelector("#"+a);s&&s.scrollIntoView()}window.scrollTo(0,0)},components:{SideList:o.default,Display:l.default,Back:c.default}},t.exports=e.default})},Evpz:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{toHome:function(){this.$router.push("/")}}},t.exports=e.default})},FcU9:function(t,e){},G2UX:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("sJTd")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n),s={star:"https://img.shields.io/github/stars/didi/cube-ui.json",fork:"https://img.shields.io/github/forks/didi/cube-ui.json",watch:"https://img.shields.io/github/watchers/didi/cube-ui.json"};e.default={data:function(){return{badgeName:"",badgeValue:""}},props:{type:{type:String,default:function(){return""}}},mounted:function(){var t=this.type;this.getData(t)},methods:{getData:function(t){var e=this,n=s[t];(0,a.default)(n).then(function(t){var n=JSON.parse(t);e.badgeName=n.name,e.badgeValue=n.value})}}},t.exports=e.default})},GXIQ:function(t,e){},"Giw/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",{staticClass:"s-footer"},[n("a",{attrs:{href:"https://github.com/didi"}},[t._v("© 2012-2019 DiDiChuxing. All Rights Reserved.")])])}]}},Gzs6:function(t,e){},HHvJ:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlkAAAJZCAMAAACtJtB1AAACBFBMVEUAAABGWrIxRZtVasT71Tj71ThVasRGVrfasADwyAHbsQDyyg1BU7JGVrfvxwBFVrfasADlvABGVrdGVrdGVrdGVrbvxwBGVrfiuADvxwDvxwDvxwDowADasADasADasAA4S6bvxwDasAA8TqoxRZsxRZvuxQBEVbXvxwBGVrfswwBGVrfsxADvxwBVasTasAAxRZsxRZsxRZvbsQA/Ua4xRZs/UK3zyxP2zx5IWblHV7gxRZv71ThFVrZPYr/bsQDetAAxRZtGVrdVasTmvQBNX73xyglGVrfasADxyQnasADasABVasTzyxFLXLtJWbn71ThGVrfwyATbsQL71Tj71Tj71ThVasT71Tg7Tag+T6zhtwBVasTasAAxRZsxRZvasABVasTuxgAxRZtVasTvxwAxRZvvxwAxRZvvxwBTaMPjuQBVasTiuQDYvEn71TjasAAxRZv71TjvxwBVasRGVrc8VaVddsZWar/iuQ7qwQEzR55SartUaL01SaHMtVNHXrL61DPcsQDetAHJsVBMYLU5T6Q0R59SZrvftgBYb8FEW61DWKw3TKFac8Q+V6jrxB9SZsJOY7c/U6r40SrlwAvxyyjkvxrsxACUi0730DBPZbl5emjiwBTZuRNJXZnBqis9TZFJVYhhZnSsnT20nzDvxyNpcnzgvxdeaoaIg1rMrx1ByQG9AAAAcHRSTlMA4ECAgMDA8EDw8BDqEPYgEPDA4ED14ID2wIAg6cDggPZAIPAQ8PDvoGDsoOhgQKAg4MBf6IAwMPSPUGDw9/b26aBwEPfw6rCQUFAw8Orp6eDQsbCgYEAgIPfr6eDQsJBwYPfQoJBwcFDQ0Oaw6+iQ4sNb0wAAFfNJREFUeNrs3LFqG0EUhtElzTZZFqQ1agMpgnBrDBKkcePaZfIWU0xlcJvXzjqQxuBsJK89M1fnPMOP+LhipwMAAAAAAAAAAAAAAAAAAAAAgEt33HewuttNzlvbYmXDdf5je+xgPbs+/7WZOljHcZtntsXqgfXS9djB2wyHPLMtVnbX51fshg7ONG3z63rb4jzjJv9bf9fBGYG1xOmUswJrgdMp6wbWzHmLNwSWbdF9ZGA5b3Ge/XNg2RYrmx7yEqdTTjbe5yVOp5xs2OUlTqe8R2A5nfIugeV0ytqB5bzFGwLLtugqDCznLV6YNvmZbbGq8TovcTrljMDq8wKnU0633+Z31u86Ls5/BJbTKVUFlm1drsXAct6izsCyrUt0u8kf7955K7rhlMByOuWE94qKOThvhXXc5pL6g9+tkObAKuvq66eOcObAKuzmMVlWPHNglfX5KSXLCmcOrLK+fUnJssIZywfWY7KscIZDLuzmV0qWFc5dFYFlWdFMlQSWZcVST2BZViQ1BZZlBVJVYFlWGJUFlmUFUTyw8hxYlhXOsMuFfZ4Dy7LC2VcYWJbVvukhl/V9DizLCme8z4XNgWVZ4dQbWJbVtIoDy7IaVnVgWVazKg8sy2pU9YFlWW3aF/8rZw4sywpn2uSyrn6kZFnhjMW/9vr5mCwrnKH8115zYFlWOM0ElmU1paHAsqyGNBVYltWMxgLLslpRy+f0lhVLBe8VpWRZ4VTxXpFlxVM+sJ5SsqxwGg0sy6rcb3bOYLWJKIzCUxeFEhBcNNjGTTZSxK670p2LbhR8B5G6mjJZBEQQpaJoF+IL+0/SaWrM3Lk3Ddxz/nu+Z/hgPs5wf9rAklnQEAeWzEKGObBkFi7cgSWzUMn+nL69VySz3AF4r0hmeQDxXpHM4gfzXpHMYsdJYMksMNwElszCwk9gySwksgdW+5xeZrkje2C1z+llljtYntPLLDLw7xXJLEYY7hXJLD447hXJLDacBpbMSkeBJbPw8RtYMisRZ4G1/pxeZnmA8zm9zIKH7V6RzOKA716RzGKA8V6RzMKniMCSWTEosGQWPqUElswaRIEls/DJH1gDH0KZRYmL5/QyCw72e0UyCxP+e0UyC5LyAktmbUaBJbPwKTOwZNYGFFgyC59iA0tm/Y+n5/SpgSWzKMj+nD79XpHMIsDbvSKZBYK7e0UyCwIFlsy6QYG1QGYho8CSWTcosG6RWbBkD6wXIIElswxPz+lhAktmVZXuFa2QWYg4v1cks1LQvaI1ZBYaCixWs6YXR9MKFgUWq1mTt41xNKkwUWCRmjU6bm44QXRLgcVq1um4WXEyqtD48CZdBuLn9G7Mmh41/3BwjObW/uxl0tewkMACN2ty0hjYbu3PZqluUd4r8mTW6Pig2cT4tALCzDJeHca5wHuvyJFZy8CCd8vMinaroMDCNcsCK8QYZt7an3W8DopQWGChmmWBNQTKdGpmdfwOuVVYYGGa1QXWkFtnFQBm1h23eiaI8gIL0qzzcTMA0nRqZkW55eQ5PbFZZ4vA4nHLzBpyq5RfOdBmjcKBBThvrZu1Yd5y+NqLzqxFYHG5ZWYF3fJyr4jarC6wkt3KMG8FzVrNW8UGFpJZEYGFOJ2aWX1ulRxYOGZFBBbmdGpm9bpVcGDBmDUcWKjTacAsm06LDSwQsyICC3Y6NbOCbhUaWBBmTcKBBT5v9ZvVzVtFBhaAWaN3jcHrlpk16FaBgZXfrPfhwMKft4bNauct/ntFZGZNF4FF7ZaZFeUW+70iKrMiAgt/OjWz4tw6LCqw0syCDqzo6TSDWd10WlBgJZsFHFiZplMzK96tcgIrySz4wIqbTjOaZfNWKYEVbRZJYGWYTs2sNLfKCKwsZtlz+jBU81aCWd28xfycHtms02Bg0bllZqW7RXivCN6s6UUTAdG8lWhWN2+Rv/aCM8vuFQ3D5ZaZtZ1bvgNrwCziwOqfTjHMaqdTz4E1ZBZzYPVNpyhmtdOp38AKm0UeWGuMqyU4ZplbbgMrYJaHwLrLky/VEiSzbN5yGlh9ZrkJrI5nX+u6WgJlVusW1XN6LLPsXlFenv6oa1SzzK09h4E1YNau7hXl5eHjukY2a7Z36ZYUs9LvFeXFAquWWZHwmNXeK8pHF1gyKxYas0ACS2bFQmJW/sB6VNcyKwUKs4ACS2bFQmBW/sB6boElsxLBN+s8e2DZ0iCztuHjr6vry12xMiv/vaKdBZbM2oo/n+bz+eed/WtqzYK5V7STwJJZW/Ht+3zJzx39FniAda/o/oEls7bh+mp+y1927i6njRiKArDkrqDvLIFVdQXAw2TUNDRUCoqaFKrQHyFoKdCK/myyHqR5CCR3fDye+Oees4ZPyfH1+E6WQWyZsgsWZblkPK3XMr847B9TdsGiLIcsJ/XTzKvDvjFlFyzK6szFvN6U2elhv5iyCxZldeR0Vm/LrN8x0eTxnL6zYFGWT46ntZRpnypvcnlOLxSsdweU5ZPxUlDV+5hoEt5X5JQ9+0dIWXDayWinLe9jokl6X1Fn9u23MpQFpp2MCgkwgjBlFyzK2pzjLcU94DHRlF2wKGtTxosai89NtSm7YFGWMBlFgt9Um7ILFmU9SzWvvYIeE02WBeuVLViUJQafjAYeQZgcn9PbgkVZUvDJaPhjosnzOT1leWQsFCxXW+7HRJPTvqJHV7ZgURYQYDIadARh8tpX1BQsyvLJ6UoEE/6YaMouWJQlTEaR4DfVpuyCRVnAZDTsMdFkU7CaCRZlAQlasPCbapNJwWr2FVEWEHAyGn4EYfIoWPZjZMryyQegYIU9JpocntM3BYuyhKCTUTz4B80ms31FlDXkZBSndbg1Jvl9RbZgURYQ4VFO6KwWwuMxk9m+IsoCrp6HzXxRVZKssgvWoLJepCvreHBXk2lVybLKLlg6ZY2X9dCZnVddstItWPY5PWWlMhldz5V11Smr7IKlUJbwKCdgwXKQledzesoCJqNhM7GunGRltq+IsqSMp/XQmZ5XjrIy21dEWUKGn4yurCtXWZntK6KsuJPRyl1W2QVLk6z38C8WXtwRWWUXLE2yRqMhbU1swcJklV2wdMmCbOGTUVBW2QVLm6zRWT1EVsuqgmWVXbDUybK2gJ8toGDhstJ4Tr9esCjLTxZgC756xmVltq+IsrpkAXULKVi4rMz2FVGWIAuwBU9GcVmZ7SuirK15Mwpt68oWLF9Z93uwhKwKlmJZo1Gw4o7LuvsBS8isYKmWNToLMhnFZd1e4hRyK1i6ZQnHRKC4w7L+fvb0MPy+IsryliXbwiejuKz77z4Y4u8roixAllDlgYIFybr75aUhgX1FlIXJwm3ZySiQ1ApWx2svygory9pCCpa3rGtFBYuy2rqFPsrBZd3/wynkW7AoC6nydjKKRm3Boix3W5NFhUdtwaIspyrfTkbxJFKwXK8IKctTFmBLKO5IkihY7vuKKMtTFmBLeJSDJIWCBXyMTFk9ZckRJqNwbi89/ghLKFiUtSlnwmQUy7XXVU6S+4ooC5YlHxPlgiXnIfq3MmjBoixPWbCtqx6ubn7iFMopWJQlVfk+BetGecGiLCksWJSVmKz4BevlQRp5hEBZT8OCRVkpyYpesPZTKFiUJSXPghV90kBZA8j6w4JFWQ5hwaKsJGSxYFGWY1iwKCu6LBYsygLCgkVZcWVFf06/n8ZVDmWFlfXAgkVZQ8jy+hg5w31FlLVrWW8/vkYxZLmviLJ2LuvoBLKlpGBRVgBZR0cnXx0l6ClYlBVClqstTQWLsgLJsra+dVFQVbAoK5Qsm0+/OzlkvK+IsuLJsrak363M9xVRVkRZNl+2juNz31dEWdFkybYKe+1FWbuX9Xy8pbJgUVYIWaItpQWLsoLLWh9vqS1YlDWMrNaW3oJFWUPIakenuq4IKWsXstrRaUH7iigrIVnN6LTsj5EpK4asdryls2BRVhhZsq0i9hVRVnKymvGWvoKlSdYqiqzWlraCpUnWNI6sdrylrGBRVlBZsi1VBYuydiKrHZ0W8JyeshKU1YxO1RQsyhpAljw6zXVfEWWlLasZb5Xw2us/e/fTElUUxnH8QQochbBNYGKSKERQ+QdtyIUJIRW4sWVUi+jPKmbO3aRG6FizsEYGk5Ta+zqbZ3LS29xzBmeeufec5/6+r+ED8zvneq+Q5Z8stpWDgQVZGcji6y31AwuyhGRd3JbygQVZmchiW2u6BxZkZSWLbWkeWJCVmSy2tRre6/SQFYIsYw5Xw/5jZMjyVRbb0jmwICtbWVyxEMT3iiArOFnGbJTURhxkQRZkddPWAWR1CrK6q3YAWe4gq9uqnyDLFWT1YGsPsuxBVi9934MsW5DVW9v7kJUcZPXY1raUrOrWF2WyKiclsfIni4+JIrI+l8u6ZFXqO6YkVh5l8TGxZ1m1clmZrKNfxkBW/211dKVM1sZPYyArjWOie2CVlcnabbiCLLG+7Xcnq+FKl6xK3RjIkj0m2m25fgiVyTraMZBlS/5Jtd2VMlkbjeEOWX2o9vsCsqrlsjJZPLAgy5H8MTF5uCuTVTkxBrL62I+EY2LizagyWfUdA1kdkr+CSBhYymTxzShkdUr+mNjmSpms5s0oZKXR1lebLB5YymTtnhgOsjom/6Q6fjOqS1alNbAgq2Pyx8TzP4TKZJ3djEJWelU/xmSxK2Wyzt+MQlbH5I+JrZtRZbLiN6OQlW7NY+LfgaVMVqVuYkFWyvEVRPNmVJmstuEOWalXO2gMLGWyEgYWZPlaQLISb0Yhy9eCkWW5GYUsXwtElvVmFLJ8LQxZR9aBBVm+FoIs13CHLF/zX5b7ZhSyfM13Wct14wyyfM1zWY8vGXeQ5WteyxqfJMiCLPFeDBJBFmRJNzRPBFmQJe5qYoQgK2hZH4y7bGTdmySCrJBlzS1eNu6ykDU+SARZIcuafU/kn6wbT4kgK2RZ0wtT5J+soQkiyApa1soMkX+yno0QZAUta26AyEdZgwRZIcuaXSKCLMjipAcWZEEWJz6wIAuyOOmBBVmQxUkPLMiCLPEaAwuyIEu8lzNEkAVZ0r0eIIIsyJJueokIsiCLkx5YkAVZnPjAgizI4qQHVrCyxtZ3jDPIyioeWMHKGn4TRYWicQVZGfVqisKV9a4QcYVDYw+yMmluhihYWU+uRa1W7bYgK4NmB4iClXV/NDrfmm1uQVbqTb8lClbW2K0olt0WZKUcD6xgZQ1fL0TtXSkm2YKsdOOBFaysO82BlWjLtAVZ7uQHVrCybo5GtpKuICDLlfzAClbW/HpkyXJMhCxX0gMrYFmbUcdWY3MLslJqbpFIuaz4MRGynEm+Tp8DWVFUxH+hS7PpBaKcyDo7JkJW/1uZovzI+ndMhCxLogMrV7JOn1RD1v9lPrDCl9W8goCseB4MLA2y+JgIWbE8GFg6ZLEtyIol+jp9nmXxk2rIko9fp8+5LLYFWcLx94ogq1GhCFmc5PeKIKt1TIQsTwaWMln8pBqyvBhY6mTxMRGyPBhYCmXxMRGyen6dHrKSbUFWb6/TQ5at26Xey6csfp0esmwdPywJlEtZjYEFWdael2SjvvTAQ1k8sCDL1tXlknDUl+56J6s5sCDL0qOhklQ5k3U6sCArsU3JgZUvWa2BBVkJHcsOrDzJ+sPOHaw2FURhHD+DIpKVL9AWfIAWFQSXUhdF3bnoRlHRlVXM2ifxcZ3UQhPvzY1Nztz5zsz//ww/yMcJc28HFrKGXS1960fW+nN6ZA0Glvtw70XW5nN6ZJUf7p3I+uc5PbIGl1H3upA1+F4RstYqNNw7kDUysJA1uIy617ys0YGFrPIDq3VZ4wMLWYPLaLmsTJ/fHyxLeGCFlpUvo7NkhTq/99ZBlvNzemTlgbUs3FCWmK1U4Dk9svJldK6sYOdfHWR5PqfvXdavxXK+rGiX+9tKBb5X1LesfBmdMyvc5YN9ZQkPrJCyrpbzZsU73c9WEh5YAWXly+jM2QydfttHlvDACicrX0Znz3zyP28l4YEVTFa+jFbItlTdVhIeWKFk5ctolcwn//NWKvCcvkdZcw8sb1n+tlKB7xX1J+vV7K68ZfmfTlOB7xX1JqvGwPKW5X86TQW+V9SXrN9VXHnL8j+dJuGBFULWj2XdzCf/02kSHlgBZFUb7t6y/E+nSXhgycvKl9HqmU/+56206zl9/VRl5eEukPnkbyvteE4vkKasfBmVyOo1fd5Kk8/pJZKUVX9g1Ze1Op3uIetL/YGlK0thYAnIyrZebJclPLBUZWkMLAlZE6fTJDywRGWJDCwRWdnW93FZwgNLU5ZYJtDo6TQJDyxkBZE1aisJDyxkhZG1Om9Ny/qoNLCQFUjWytZ2WU+1BhayQslanU7HZT1RG1jICiZr43Sa1r5XJBqywshaP50m4YGFrHiybk+nSXhgIWt3F6bX39NpEh5YyNrV0WOTbHXeSsIDC1nTHT802U4fpJe6AwtZUy0+mXTPTT5kjXXxyAhZuT4GVqx+IivQwIrUfWRttDgxQpZ/ZwwsZBXo6I0Rstw7fm2ErBwDSzpkMbCuQ9ZNDCz1kMXAug5Z7i1O+CHMIcu7M/7KuQ5Zvh3xV85NyPLs+JnRTchiYAWpX1kMrI2QxcAKUp+yGFiDkOURA2sYsg7vHQNrJGQd2gcG1mjIOqwFA2tLyGJgBaknWQysiZDFwApSL7IYWDtCFgMrSF3I4jn97pDFc/ogNS9L/XtFzda6LL5X9J8hi4EVpJZlMbDuELIYWEFqVhYD624hi+f0QWpSFs/pBWpQFt8rkqg9WXyvSKPWZDGwVGpLFgNLp5ZkMbCUakgWA0uqZmQxsMRqRBbP6eVqQhbfKxKsBVl8r0ix+LL4XpFm0WUxsFSLLYuBpVtoWQws4QLLYmBJF1YWz+nFiyqLgaVeTFl8r0i/iLL4XlGE4sliYMUonKw/7dyxTQNREARQAhO5IBIaICPAFq1M95gc29Ldrdj9eq+GCUYj7SpYQwxLloI1xqhkKViDDEqWgjXKnGQ5p59lSrL8K5pmRrL8K5pnQrL8K5poQLIUrJHaJ0vBGqp5shSssVonS8EarHOynNNP1jdZzuln65os/4qm65ks/4rma5ksBWsBDZOlYC2hXbIUrEU0S5aCtYxeyVKw1tEpWc7pV9InWf4VraVLsvwrWk2TZPlXtJwWyVKwFtQgWQrWkv49WQrWoj7e9ydLweIP31+7k+WcnpJsxTk9d7y97kqWf0Xcdd2RrfhXxAPXz83JUrB46LIxW1GweOKyaYKIgsUz59OGbEXBoiRbcU5PybwV5/SUZCv+FVEynca/Ikqm0yhYlEynUbAomU6jYFEynUbBomTeioJFSbbinJ6SeSvO6SnJVvwromQ6jX9FlEynUbAomU6jYFEynUbBomQ6jYJFybwVBYuSbMU5PSXzVvwroiRb8a+Ikuk0/hXxUjGdRsHi5vjpNAoWvw6fTqNgcbzbdBoFiwLnk3N6AAAAAAAAAAAAAAAAAAAAAACAWj+XfjQW6D6WqQAAAABJRU5ErkJggg=="},HIuL:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("70Rd"),n("R1FX"),n("izbv"),n("V3HO"),n("IZDm"),n("GdJY"),n("l7j4"),n("6STP")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s,i,r,o,l,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var A=u(n),d=u(a),f=u(s),v=u(i),g=u(r),p=u(o),h=u(l),y=u(c);A.default.registerLanguage("css",f.default),A.default.registerLanguage("markdown",v.default),A.default.registerLanguage("javascript",g.default),A.default.registerLanguage("json",p.default),A.default.registerLanguage("shell",d.default),A.default.registerLanguage("stylus",h.default),A.default.registerLanguage("xml",y.default),e.default=A.default,t.exports=e.default})},HdVk:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlkAAAJZCAMAAACtJtB1AAAClFBMVEUAAAAxRZvYjGn8gi//l0//l1D5pGn8kEb/rHP/k0r/rHP9kEb9ijz+jUFCU7L+kEX/rHP/rHP/l1D2fSr/l1D/l1D/l1BGVrf/rHPveCf2fCr/l1D2hjr/l1BGVrf5ikDvdyYxRZvzfS3/rHP/q3ExRZvvfjFFVrbweSlGVrf/rHP/rHL1gTNGVrf/rHP/l1DwhDr/pGbvdyZGVrdGVrfyeihGVrdGVrfvsYg5TKf/oWD7gS7vj05GVrdFVbU8TqrweCY+UK3/nlv/m1YxRZvvn2rvq33vdybvr4X/mFL/m1b6gC0xRZv/l1AxRZvvdyb4fyzwmF7/rHPvpnQxRZv/rHP/oF/8gi/vdyb/l1D/l1D/rHP/mVM3SqP4k0/9kkrvdyYxRZvzeinvlV7/mFExRZsxRZv/rHP/lk71jET/qG78o2b6nFv/rHP/rHPvdyb/qW4xRZv/pWhGVrcxRZv/p2o4S6T4iT4yRp0xRZvvdybweCb8rHb9iTr7gS76gC1GVrf2omnvdyZGVrfwj07vm2L/nVrvdybweCdGVrfvqHn8ijxGVrf8gi/vlFf/nVr/oF7vrYHwjkz3fiz/rHPUimn/pWj/rHPvdyZ/bZ3/l1AxRZv8gi//rHNGVrfvdyb9jD/xeCf8gzH9hzf8hTP+lU37j0X7gS7/mFL/l079k0vxeyv1gzbyeij+jkL/qW8zRp7zhDnzfzD5fy3/p2rRh2n/mlb7llT/lEv/q3H/nFn5i0D1fSv+kUf4fy36gTD/pGf9iz33hzryfS/xfzP2gjI1SaLvfC7zhjz/oF/9l1L4llb9kUj1i0T/qW3+oWL7n2D4kUtdX6zEhXX4mFqScY79iTujd4NSWrFvZaGCbJjhj2QzqIjDAAAAmnRSTlMAwPdA8PfxEPDpEMD38OrpwIAg8OCAQPDg9/bA8KAQ98Dw6WAfEP738IBA9+ngoGD79oBAIOmgYB/38fDvwPDw8Orp6ODAcEA88ezoQDAg/ujd0JyAMPf39pDQcHAw8OHgYE77sKCQT0/28enosJAg7XDt0FA89eDQsGAv9/Xr67CrkHD6zcCwopCHWFD159yHV/rr5+eYlHBlo9M6lgAAGm1JREFUeNrs2DEKg0AURdEpB6ukszdVChcjWLkAu+zo7zUgBEIEMc4vz1nDKy6vAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZFvqvSuQbYwI2yJbN8WmDgXyzH189LZFmrXGl34tkGGJH7dngZR2ty026e2+Nz4KNLa7bZFtrXHg5d6iud33XKcktvt+WwUa2n3HdcpFc40I2yLbUOO8yb3FSfc44Drlom6Mv93cW7S1u+uUlna3Ld7s3NlrE1EUx/ErKIYI2ojagFgKEcQUq7RiUXDDh4Lgi9CC1KWooFZbRXFBX1zABQR91DOZuYoLI4IboqAvgiC4gOCC2z9jcltL29Q7y7mTOdN7Pg/6D3xJfp4ZozRqu/PplKG2O7fFFKPbHSvXJxiLtN35dMoQ2z02fqOZxdrufDplqO3ObbEqYtt9okE+b7GA7c6nU5bGduc3mtn/lFwNPp2yuIbcMbgtZso5V4NPpyy21gMD7njcFjNSlpQH2tw4+I1mFlCWfLhzsrb4dMow+qVsTFvnBLOKHPHwkJuoNTBXMJvIUW8TbKutF2CRYDaRY7w96Caj7QUATJ8pmEXkOE8TaeuIDzXzBbOIlIm3ddQHZbpg9jgs65g+na6Bf5YLZo1uqWjawm/3UfMEs4Yqq97ONnPbfYz9gtli8rLU6dTQdh9roUhZV/OqlYIhYMtSbRnY7jDBApGmzmNeFbeFgCnL4Om0F8ZL91q6cpU34kqLYEnbLaW2Ldx2rzdXpKRlabM3qnkpt5W0DqmBOm/latudzIdW1zKvittCwZeFb0tt9zqpPeLpXOvVab4gGAK2LNXWAHq7K5hHPPiBVW9Zl2AI6LLU6RS53ZHXUvzA4rYQsGXp22pDbnfEIx7swNI51ilYIs7LOujTqdruND601MDSW8ttJaJVSnxb+u2e3rW0RQ0sbgsl+bLUG82I7d74RzxqYIVyls/ySrJlIU+nvRBoi2iEq8u8kPiRDxa+LPVGc6Ttnta1dIcaWNwWgvGyMKfTAc12xz/iwQ8sPT7Lp1uWaku33YNtEwhGBxY/8kmMjOfAQMjtjnjEgxtY3FZERMpSbQVvd8QjHsTAQmnms3wKZeneaG57BRq6a2n6A4sf+VQRKmvc6fSIZrs37hHPhdrA4rZIkBLXVt12T/FDqzPSwOLHiePRKkudTjXbvZGPeFaGHlj8yKcBuqWCbKsXIlsozGq54lVxW2SosrB2QQxbKA4sPstPgbIW0RxY3Fbmy4K5RAcWt5X1sraRHVh8ls92WdNn0h1Y3BZaR3plwXxD/52+HreVPiNlzYBY5qEH1lkvDD7Lh0GyLIhpOfJ/e3k63FYkU6useQKhK3BgcVtRTKmyYAH5gcVn+WyWtTADA4vbiudSqmXBliwMLG4rjlaJ9xZiW5SNgcVn+XTKegbxzc3IwOK2slbWtswMrIlt8emUdlnTZ0YaWKl/EfJZPqxLKZcFFyP9XhEp3JbO4bTLghfXQ/9eETnNSwVL8KC1AlD8zdtD/SAkSXyW/6+ZGyTWScDxYfP2DA0sbiuk06mXBT7ApuMZGljcVjj9qZdVSwuuHc/QwBpn9inBJtOdflkqLbi2OEMDa9SS1c40wSbVmn5Z4Ks/Lta1RXhgDVv/xOGykro8zAED/JG2xFhXaQ8sz5td7YrL0v1yN8ouMMOfcN7aQX5gvXMcLkt/eSBR1khbm4enfEsGBpbDZQXoIFLW8JeivzcLA2vjE4fLCtZPpazhtjbdzMbA4rIC7ZYIH8AwH/zvHmXrqgOLy0r+8vAAjPPhq0dWbWBxWWGdkfFBEvw9HlHVgcVlRXCZWFkA3754BNUGlk1l9ZT7CoX2JqVQKOwr5yOfSzdQK4tiWrWBZU1Z5cLgVrdermmotFhE0EGuLHJp1QaWJWX1FJpcnWJ7KR/6XNpPrixiaVUHlh1l9QwV3RAGS/lkX9S6DaOmclq1gWVDWfm+ohtaeznJy8MzSNA3j4Z1JxzHhrIWt7vRFEsiWDfBsuCPR8CS9Y5jQ1nlJje6XCEvglwiWBaFk2l1YNlQ1uJBN55cKfDyQLEs+O1h4d+VsaCs/JCrgf1O7KBYlo9c8fiBZUNZpZyLUiwHvKhFsCzY4yHgB5YNZZW3umhN2rZuyOheQ7IwUws/sGwoK9/umvB5keEXte5D0vxfHgJqYNlQViHnGvD4U2WW9vJAsSzE9yFuYNlQVrnomvDibkVflmilWNbLGP8+xA8sG8pSlwa8z3cqVfqyDtMry4/xoYUfWDaUlS+4Jjx/VFFmCa3LxMryX0LVD0/L/MCyoax9RSMD60NFUWUZvTzcgyR9HPnrp9co61Y7jg1l9TS5Jry/UwlZluggVNZLULQfWqYH1hPHhrLUyR3vza2KEliW0k/l29D/AIr+Q8v4wLKhrD4zl4Z7FSVsWbuJ3OA/wljfvcSpgWVDWerkjvfqbkVXFv7y8Je9c+l1KQrDsLjEPYQQhBAMBCEMSSQYYSIGJEzEhIkYGeIHiJmQfNZS97g3pEv1iKQuA/f7Jf6NY5NTtP269vm+tfuu3fWMz+w86Xr7dHX3DYWgTn/DvD1UHViDYNZypeT+zRjWLHkuvUX6XK/T/7Q1rf4PrCjNUkvuhjFLqTw8Im3avWI+PVS7jDwIZikl91dXzGjMWjbvregmvL5XGf9seIiBFZ1Zy2eqJXfGLLZzNHO59VT1IKQW7IZX/bbXIJilldyz0sCZxXeO5ouKP+oDq51wV+KHB9ZAmLVMMbnnN+vsX/Puw71K4eXhNTF8Op+BM7BiMkspuQ9dNqMxa98qm5HfrZuaA4s/DoEGVjxmTVmjn9z9zTo6z7bx+pmgPMgPwvZ3h1ADKxqzNJN7frOyV8tRu3VN5yDk/+L8eayBFYlZK3dpXe4bjVnM24b6rQLKQ508+AE2sKIwa/lh/eTub9ZR9tXy3UcPtx6pHIQ8X8EGVgxm6ST32hvTm6l5+1nmVtDyUCc/PoMNLHyzDiom9/xmrbG98EqntzW84nF6d2UGwiyl5N68bLyYynw5VuTWVY3kzgM2sLDNypK7Thy9kt+s5fPyjDg+bz0TXO7z5JPOAyEHwiz+JUPuFm/WYZsPPp1eUygNPD+wBhawWUxyDzbhp7Yl91xuPdfLpXXKy1esgQVrFp/c5W7xZh09bfPDp9NH8tLA8x1rYKGaxSZ3+SUH3qwp2aulslsXFV6weLOwBhamWczlPinve39uKHjbwKXTp2KveD5jDSxEswTJXeZWZtbBSTZD362r0oOQx2ENLDyzpgiSu/gezdTlu6wAPsvfl3rF4/r/UQ60WYLkLnfr0mQrg0+nb4QHIY/TeF5Rac0SJXf5pz1Xq1aN5ovc5eEVSXAazysqq1lnrABxOr3QtDzidPpIdhDyOKyBBWXWXNpaswJE9+EvD9mMkG5dZA9CIQ5rYEGZtYiItr6zgeDT6auqDcGXZ37loU5iHNbAQjJrFmVsYf/HYdy6W7M8Wuk0nFjksAYWkllziPrgVvOCufze6sHfaL7PeCXEYQ0sJLPG0wgbGrY4lIc7n05vMl7JcFgDC8istfQXE4bdKhEtt24xl/tkOI3nFZXSrL30DxN22zIxkk6vMaVBhNN4XlEZzZpL/7NtnS0Tf9y6yByEIhzWwMIxaxG1KKlbv280P2KSuwSHNbBgzJpFHRlOp2UiS6fMQSjBYQ0sGLMOjac2SunW88pt5pa7AIc1sGDMGmemdXNre9WWidfPrtIr0sdhDSwgs4yZNoE6s6Vcbn2cQAFwWAMLyixzafoAuLVuGwXBYQ0sLLN+uUWdKE86rW6nQDiN5xWV1yxjrsygTpTDrcYGCobT+LZXmc3i3Io9b62bQOFwWAML0SxjLk+mTkSeTmtbKSSu07e9+g6YWWV0q7GFwuKwBhaqWV3dijWdZgdhUBzWwMI1y5hp5cnytW0UHIc1sJDNMmXJ8llpCI7DGljYZpUinTY2TKAicFgDC9ws1q048haT3HVxWAML3qxht2JOp+/0SwNv1iaUgRWBWRFneaY06OOwBlYUZnV1CzxvBSgNvFmboQ7CKMyKMZ3WtlOhOKyBFY1ZnFuIeSs7CAtl7DlEYjDLmGPxpNPepSGZJUBqVrRZ3ie5J7MEqJsVx41mv+SezBIgNSvKLO97uS+ZxaBsltwtgLzlndyTWTL0zeKz/O6q7R+5knsyS4i+WXw6pZcN2y/kpSGZJUJuVuZWl7zVL7dUknsya0z/zWLSKb20RaOU3JNZYxDMYty63rTFUlU5CJNZY8ZgmMWk0yLdypJ730lmMWapuvWgoCyflQYAkll6ZvFZvhi3suQOQTJL1yw+nT4InLey5A5CMkvZLP5BIzQU0q2+l4ZkVkiz+HQa0K0sueOQzGLMkrl1lzoSLJ02+l8akllqZvFuPaYu6LsFdRAmsxgOGBPOLfW8BZDck1m+7D9hNLj8kDqh6hZOaUhmeXCgcmdHJG41EJJ7MsubJZXKneM6bt2gTuikU5Tknszy5khlmAUbjQZPFN2K4CBMZvGsr4R3S5a34EpDMsuLifsrGbP3GAUu3VV2C7E0JLN8R/xvLoZ1a9R5q4aU3JNZOZi1cP6IW0bFLc0s3xgiaJJZ3ZlDV1tu7TQGKsu/JHCSWexPlA+7VRlxCyjL164TOsmsXj9RfnN15Tc46bQKfhAms7x+orxQt2o+Awv+IExmef9E+bWlI27p5K1vo0+nTfyDMJnl/xPlLbfCZ/l3luHdA4qEZJbvT5RfW1GUW0PVyA/CZBafHNpYvKKodDpUjfogTGb1SA4St+RZPsbSkMzqzUnqRLHpNL7SkMzqzbjOz2go1q2Yknsyy/8bFl3dGslbF0/ouNU9ncZ5ECazOLOYZzQUneWr0ZSGZJaXWaxbS4ty60EtvoMwmcWZxT//I0w6LRXJLNas7BkNya1klrpZ/PM/Frey/B6jwYUSuZXMYsxinv8RLJ2Wxq1kFmOWl1utG82ndNyicpDM4s1qAZBOoyKZ9ZO9u+edIYrCAL6iUGm8NDRIJAoJkegVSmyj0ChIaEWi8BKNVqm7kVw73mIXBeXKCqJT+zz++e/OnLnMnDlj7ty9597n+Qy/ZJ88mT2XkSW2dQ22IKuvLNdW53Q68zZvaQ9kyWXFMctrCWTJZfG2ftEsXzs0kq8tyJLLCj+dzo3eQBYjq7+t835tvTB6A1mMLMaWYDqFrAgTvSzJLG+/FJAVWxTIYl40LKfTqV0VkBVXVMgSzfKrArJiihJZoi+aV5AVUdTIev78MTedTndtfX1eD2T1SM6yumb5BluQJU7esrgvmqflLO/agixhcpfVPp3+em8rW5AVQbTJ4mb5T5WtArK2Hn2ymOmUbH0pIKtfIKvD1qKyBVm9Allds/xyQdMpZMkDWZ3TqVnOyBZkSQNZkln+e2XrK2QJA1mC6ZSxBVnB8qAvhKhkMbbet8zykBUkx+9Otp6hL5S3zVvztukUssbP7ZOT7WeArHI6fW0aM/9JtiArYPZcmcQQRpY4zTca3OkUsgLl4qVJHLn53EMKiS3Iakx6BWuTRyO/aLhckC3Iakh6BavMuXFvNLizPGQ5SbNg1V6RHt0WzfKQVU+aBYua1tj3P9zpFLI2SbZgUY7tLgNj26LpFLJ2k27BqnLH7/2Pd6Yx89osD1l+s+f6JM6cC3E62Z3lIctfLt6bxJqdEh/G1q/aF82Q5SfHr07izRnndHKw6RSyPORWlAWrzFFjAtr6QbYgK9WCtc5lY4xzo+GZn1leMp1CVpoFy32inGyFnOUhK8WCtZt9pozzouGItpzpdAVZCRasf54od04nB5vlISu1grXOIeMk0IuG7hfN34zebEHWxRsTBTlj3IxwOvl353T6w+hNMFlUsOL/ISwnBzdkK9wsvzRqE1rWrbi+lWnN5VAvGvLT6ey10ZqwsvZE961MW25u/UXDta33Rms6ZGVYsNbZG+ZFQ97Wwlr7xigNJyvPgrWRFcWLhsuF3hLPycqyYJWyInnRcDnTWuLbZGVbsEgWa2vufZZvm7cgi8lxRQWrkoUXDeOXpapgkaxuW3jRcKuyHugqWCSr8/7HONNpKhlb1n1tBYtkCV80hC2ZrOwLFsnq+6Khpel0UD6mYesvWShYjiwnr7Y+y6uKKwsFi5HF2KLp1NuhEfWpyULB6pAVxSyvJpUsFCxGlsiWha1mWen/nX6QLMrjcNOp5r5FspK9V+RNlu9ZHhdwtd8r8iyLf9GwsuXOW5CV5L0iz7L46ZRsfYUsFCxGVn9b5bw1/VBAFgqWRFb/Wf5LAVkoWFJZlK4vmqe7tiALBUsui2x1T6erArJQsMSyKC8ltiAr5b/TjyGLt3XaTktbkJXkvaIxZfHT6dmWs9yQlcS9orFkDXrRELISuFc0nqxBLxpCVl4FSyhLPp26LxpCVrYFi5ElsGWa4p5OhqxMCxYja8B06tiCrCwLFsnybWtBtiArw4I1QBY/b7mnkyFL/72iwLJ4WzOyBVna7xWFlEW2Guct93QyZCm/VxRYFk2n78y/YWxlL0vdvaLgsvj7H+6LhpCVT8HyI0v+oiFk5VKwNrl58O2otmovGkJWHgWrzLELRwaqkr9omLmsTApWmUfWjm3rB9nKWJb6v9P3zhNr7fnPfmyZxtB0aldFrrLyKVhV9l2wPmzJXzTMUZbqe0X/nYfWBrBVe9EwO1nK7xUNKPF2Y+vtMFXyFw2zkpVfwaqX+EC2aDrNR1aGBavKAbrRYP3MW78F02kesvIsWLUnysnWNbI19iyfvqxsC1b9ifI3p8jW8zFtvanN8mnLyrhgrXP4n/sfAWf5hGWl9nf6/jnk3P8IY4u+aE5VVkL3ipgInyinGw1hp9MEZSV1r4iJ+InyoLZmZCsxWYndK6IMe6L89WnP89ar7ulU7yvSO7JQsFonBzd0OjnULK/5FekdWShYLZNDU+YnQtlaz1t6X5HekYWC1ZinzOnkkNOp1rd+d2ShYDVmb7F/67b+sHf2rFEFURi+hDBaWIhfoCJYbauNkMLCJpJGFrFRsdPC3+BHoWijIFjYDIExSlzMrkIMpIiyhWZx0cSPxt+jxmxmEu89mZt7zs3M3Pf5DQ93h2fPnBkYY2ZmdaSM4YCVbxax/8Om08vHpjmg0mm0h/ixplynL2sWsaOh1iwf7SF+LPl9RRXMItwisjzzRPNAx8lY8vuKKphF7Giolk5TfHXuP7OS31dUySzaLQO3CLNwwCLMIvd/yKTTZHiGA5bP7ft9cKsc44czQJjl4dYKe5aP+SHWEScOZIA2y7L76TQarh7JAGWWv1tn4JZl/FoGPM2ybu16Og2fK3syUNIsvyzfbg0a7NbxCxnwNKv8i4ZmmWfRSHx569CpDOzELP8sP9/IdHoYP4QVzKLdWjVl3EprA+5xlAaOPaV3i9KpdevTJrdSN+sQSgODWXSWt251N7mVsllI7hxmWbeK8tbQjPiwKW8la9YJHLB4zLLplHarveZW8mYhuTObRbu1bNaZ+dBJ2qxxlAZms+h0+s+t9sitdM1Ccmc3y7q1qPN59dl+txI1C8ldyizardnVrlnnTT9Bsw7dzICIWZaXSzqX1+9nrFupmYXkLmwW7Zbd0WC6CymZdQPJXdYsy1sft1IxC8mdwSwGt3o2y3dSMAvDfQJm0cwVnOXnek6Wj94sJHcRs2heFLr1znErarOO44dQzizaLZ3Pq3dOlo/WLCR3drM40qnrVpxmIbkzmCXhln3RcKYfoVkY7st2/YXygrzluvWmH5lZSO4hmPXHrRWdz0cny0dk1jiSeyBmkauTbTqNxSwkdyYeS79oaN2KwSwM97Gx5/JBwf0fW9Jp6GYhuXNyS3x1sutW0GYhufNyUvxFwxU3ywdrFob7uLldz+pkm06DNAvJXYD75i9HB7JudR23wjMLpUGCPefMGvOS+z/odPpFVwbJPUBu1bL/g3JL6YpguC9MHpp63Jp1svxCIGbhPr0oUxfNiGFnuq4sH4JZWGG7hYjd6jlZnsMsJPfQOX/WrPO5x+LWr+3T6XynollI7lHA6xb9oqH9QFYyC8N9kXD+9IZbg2kOnm+bTk2vs2OzkNwj4tKGW8vC6XTofCB3ZBZW2EbGpVZNbv1c3nDrui4Nknt8TEy26slbdvlWa1GXBMN9UVKXW3ZBUrmPFpJ7vExcdMoAi1tFeWv1n1s/tDdI7nHDn05Jtx5obzDcFztTZ7ndmtU5rL9boLQfSO4pQKZTziU2c6t+h3gM9yVDfW4NfQ7xSO4JQaRT3gVJX/V2ILknBnuWz3frjibBffoUudciXjRkWpC0tKQJcJ8+UfjT6WKpTxaSe7pMTBpZt77rQpDc04Y/nS55fbIw3Jc+km590wUguTeCpzbL91jd+qELwArbpiCQTgt/DJHcm4Uz0dyb5nErPzkguTcO/nS6V+eA+/QNhNstpR2Q3JuMm077gZmF4b64cdzq9kMyC8k9eiZGi0baprsQilkY7ksCJ512F0IwC8k9GaaemD+019zq7LpZSO4psZZO28QtH1+zMNwHCrO8GXaqmIX79GALj063ib98fM3CfXrwP/sfmCpuKSR3UMSjKguSFIb7gMhfPgrJHYgsSFJYYQtEbmIoJHcg4pZCcgciC5IUhvuAyE0MheQOPBcklftuKQz3AZGbGArJHYi4pTDcB0TSqUJyByJuKSR3UJJJrwVJCsN9QCSdKiR3ILIgSeE+PRBJpwrJHYi4pTDcB0QWJCkkdyCSThVW2AKRBUkKyR2IpFOF5A5E3FIY7vvd3h0TAQjEUBTsIgURKKBFA1ZQgBh0IIkyBn5mrtjVkOpNLsdIOi3JnZHZKidsCR5I6s3AktwZSadluY/ggaSerV1yZySdPpI7M7NVlvtowUMj2yu504Lp9LLcR1J/+fpJ7rRgOr0t99GSs1Xe0zPhOCV3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADW8QPtLMWDjrd5zAAAAABJRU5ErkJggg=="},IPhc:function(t,e){},"L/YU":function(t,e){},LyEO:function(t,e){},M1wD:function(t,e,n){function a(t){n("3ygq")}var s=n("VU/8")(n("slt8"),n("czga"),a,null,null);t.exports=s.exports},MHG4:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home-index"},[a("div",{staticClass:"banner"},[a("h2",[t._v("Cube UI")]),t._v(" "),a("p",[t._t("desc")],2),t._v(" "),a("div",{staticClass:"ghbtns"},[a("Badge",{attrs:{type:"star"}}),t._v(" "),a("Badge",{attrs:{type:"fork"}}),t._v(" "),a("Badge",{attrs:{type:"watch"}})],1),t._v(" "),a("div",{staticClass:"rec-btns"},[t._t("rec-btns")],2)]),t._v(" "),a("section",{staticClass:"features"},[a("ul",[a("li",[a("img",{attrs:{src:n("HdVk")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-1")],2)]),t._v(" "),a("li",[a("img",{attrs:{src:n("QEj7")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-2")],2)]),t._v(" "),a("li",[a("img",{attrs:{src:n("zcSr")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-3")],2)]),t._v(" "),a("li",[a("img",{attrs:{src:n("HHvJ")}}),t._v(" "),a("div",{staticClass:"text"},[t._t("feature-4")],2)])])]),t._v(" "),a("sfooter")],1)},staticRenderFns:[]}},MJxS:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("2DPt")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:a.default}},t.exports=e.default})},MbER:function(t,e){},"Q+I9":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("2DPt")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:a.default}},t.exports=e.default})},QEj7:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlkAAAJZCAMAAACtJtB1AAADAFBMVEUAAADa4PK0wtjV3O7K0+e/yd++yd/DzOJXV4pRUYbDzOLDzOLDzOJVVYhhYZJhYZLDzOJVVYi/yuBVVYhVVYhbW41hYZLDzOLDzOJhYZK0wthhYZJSUYXDzOJOTIJhYZJXV4q6xtxbW41YWItUVIhUU4fCy+G8x91MSYDJ0ea0wti0wthVVYjEzOJVVYjDzOLBy+HAy+BVVYhVVYi+yd+0wthVVYi/yuBKSYJVVYjS2OxhYZJVVYhRUIXFzePa4PLa4PLa4PLO1eleXpC0wtja4PLa4PLFt7jDzOK0wtja4PK0wti7x91hYZLDzOLDzOLa4PLa4PKSos1MSYBMSYBMSYBhYZJhYZJhYZJhYZJQT4RhYZLPta60wtgxRZsxRZsyRpxMSYAxRZsxRZthYZJMSYC0wti0wthMSYBMSYBhYZJMSYAxRZtMSYDJx8tpc6hMSYBwgbhJXKba4PLR2Oza4PK0wtjDzOJVVYja4PJhYZLucR38gi9MSYD/nFr71TjasABVasQxRZvvxwBGVre2w9lfX5Ht02JSUIVmZ5ZjZJVdXY/7nmFWVon6hTZXV4nCu8DPqpi4xdtYWIuAhayptc+5v8zauq/+l1L7k07xdCHY3vFLXLegq8f30z6uu9Nic8F3eqSaqdJSZL5absWKkbXUlnLxhT72hTrygTbsxwx/j8pdZpjV3O+uvNfHzNRQYLlMS4L0mmDwj1DRsKM2SaFrbZvyfS+ot9WHmM5rf8jJy8a/s7XQzKjPpZBQU4l3ZYTfnXXofDZ2iMq8ucJZa79SZavGqZ1bYZPVy4zspnzxeinrdijzziTmwhaapMKVnb5NU4rNnobYj2OucWHdilfBdlTlyDbhugvMy7VqY4zbynHgyVLjgD/qyBvXshJUaLtEV67Er6rhrI1MUIjj0oLxo3HulFrzikTyyguhsNKDk8GSm7w6TqVCVaNydaDcsJrghUvetAC6wLq+vaLHuWzklWTMt1Dw0k7RtDXCu4fng0KbbW3cyGKZb3HLbTqumwZIAAAAdnRSTlMAwIDg4BAg8CAQ4IBA8PAQwKDo4GDu0GCgoPAwMPfqYOr29uJwUPDw8OjgQND2sbDrT5D268DAMGCA9uBA9/Dgn/Dw6KBAEP7QsIBg97CQcGAg/vbQoZBwUPbwgP7QwKCBgEAgwMCQcPfgQEDwkPvIsPjr0Mlwntq+dgAAGvZJREFUeNrs0rERABAQALBvcIfeGMazPkN85ZIZEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPysBOSbvQ23yFb3edoKuOzaQWrDMBBGYVGQBbYX3tnbbtpVKYFCrpBVcpv8J8i9a0oLSUtaxRnSkfK+MzzQMBpDsdOnlrZgZ0ySaAvG+o1ObfoAGAxYPw20hevELkmiLRgbW5312gRgkX7QrybawgLNpBltwViXlIG1PC6zajWjLdhaD5rRFmzFSTlYy2PBgEVbMNa3mtEWbDWDcrCWx0XiVjPagrFdkkRbCMHHgMVaHn/eytAWbMVOM9qCsTEpA2t5LDlGpi0EtwMWbeH4GDkDa3lcd4xMW7jBMbKNdhVwX5pJOVjLw+xWhrZgcIx8G8M64A5kHyOzlof9MTJtwe+A9c3E6rReC25lWMvD/hiZtpB3jOxA6gLqskvygS+fqvSt/KCtajSv8oXvxCrETv7w5VO+0cuARVtV6Tdya2AtXyx3AxZfPlWIndOHkLbKNnraNJy3ZS1flv7fv3L48qlRM6kgtFWMAgasU2kX4N+qjAGLL5/CrIsZsI49PT4EeBaLGrC+vDwf9pTlWnED1oe3w35PWZ69s3PGKA1EURTdg30KG20tXIbreb904CP2WYALmGYWELKAKbSNISG9rZVNwEl1DQxD3vD43h/uWcOBf3lzGKpW5mIelmYyi5n/j5HnsLg1k1nMcMTIboaBJbOooYmR3QNLZjFT58C6W5rJLGbYW5lxFk9mMosZyhj5oodQZlHDGiNP8zB4JbOYYY6RpweWzGKm0oF1byazmKkhRh7h5sVkFjWVxMgjXsksZuqJkc9bGTOZxUxdMTJaGTOZRc11DSyZxUKVMXK6WZrJLGZqjZHNZBYz9cbIMouaOgfW4+CVzGKmzlbmFCPLLGYqj5FlFinVx8gyi5P6Y2SZxch1DyyZ5YOslVn1qRSIkWUWMyExcrfL+bBOJcBDKLOoCYmR+zaf2BRwCzGyzGImJEZeH/JAEbcQI8ssZmIG1ib/Zb9KsYwOLJnFTEiM3O3zQBG30MrILGpCYuRdm0c4dikeeCWzmAmJkftDHqfdRbuFVkZmMRMSI68xsMq4tbg3k1nURAys1T5Pc+hTEHgIZRY1ETFyt8sDZdxCjCyzmAmJkfs2TxF53sLAklnMBMTIuIwWcAsxssyiJmJgbTfZxWabZoOBJbOYCWhlcBmdIOp0ilZGZjETESN3uIwWcusUI8ssZiJiZFxG/RyTD8TIMouakBj5J8+m/Uwu0GDJLGaCYuTXt/e5XjVNcoCBJbOYCftx3+vz8yy3PprGYxZaGZnFTESMDLNmuPXx3XjMwkMos6gJiZFhFtxyeOUxCzGyzGIm8M/IMGtw68sxsHxmIUaWWbyEDSyYBbccXnnMwsCSWaw4YmS3WXBrerj7zcKnHJlFiiNGdpsFt6YHlt8seGUyixJPjOw3C25NPYRus85bGZn1y969vM4UxnEcP6wol9wTUnJJIUnKJQsWNvaIv4GNHsccZCP3O2dcQhYGCynEwhCTEn4it0JS5LJQyP0SnjmG7xwz55nzPWae83nOPO8d61d+X+f3OTOA8cbIfFnUdYUrnqyaMbKVhRf7wEouix5BhA8stqw4Pwi3FIqikpUVO6wxskKWwhYdWFxZscbIWzac9Eq3L4sgKytWaGNkhiyyRa7YsujAUsJaccKTddw+78s/WllxwhojM2SRLTqw+LJojKyGtWKDV+nu+UtWljozDiyFLPpvIrliyqIDSw1Ltsf726NbRStLEeBWhimLbNHhzpBFW5mGsGRnvOpKhaKVFRXWGDmJLGolWxaNkePAkp30wsmj67KVVSewMbJ+WaNWsWCVT3iKji7fygqFNkbWLktusHiw5Alfv7e3LllZvzPrwGqJLHlgMWHJrnlRPSoUraxyuFsZHbI4WxkJizrsKSoVLltZiGNknbImruLAol546h5ZWYBjZF2yaIzMgEUnvDorC3CMrEcWjZEZsCivQU+sLJMOrObJogOLBYs646m7ZWXhjZE1yOKNRgkWddJTd9fKwhsja5BFrhiwWIdWycrCGyO3XBZtZfiw6Flpg3wrC26M3FpZNEZODovmDtFdtrJQtzItktV7VTJY3BO+YGXBjZFbK0skg8U+4d/GldVz/tSeji3JGNlkWQSLe8J3qGWRqx65XH9LK9EY2WBZBIt/whfVsshVztJK/cDSLmvWiuiueerOK2WRK0sL51vE9cnyFbIOs094kkWuLK2qMXLqabyznoc1seYOSlldBuZkllbVGBkgjbKehjA1Z+7QueLK0gqNkRHSKOtUCFNz5g6dyVWYltOupX9gNUHWY8FqywqqSXOHnYtyEQ102jK5lUHpyv7Esj74ghdBas7cYecOScjSCo2RgTr+LJmsT+8Et6vJT/hShCtLq6oBGAcWdfYZX9aX90IR+4TftenImT1x5w7kytIKj5HxirYVcWB9FUlaEA1rmezI0T1x5w77yq4sLcwDK9z91fFlPf4gkuWrYAVtOhyFq1Dt6qBkY2mFDiy0H4QNbdU7sHyRtA0KWITrWuTcgVxZWtUNQHnSEGXrcwxZX96J5F1VwqIO1x5dHeSK0xwn+3UD+FVOo859biDr8XvxP72JB6vu0VUkV5yGOhlPjpGN6Nx+hSw63BM2Kw4swhU6us5XXFlaUFsZzuOtkC3Vk1F+fmxYtRd9IXBlaaGMkf/XlvLJKL/nsWFRh6+Vdf28IJFYWjhj5P99vKV8MsrvKQcWdeRe2ZWlhTRGTtjChyRLcWCxO5UIVuDK0jL1wKKC15791X9lPVYcWMy2KGAxXLGb62QsmK0Mq8pXTwSPTunJaHNSwGK4YtdjkJOlEMbI3EKfjCwfndKT0eZ0NTYscmVpIY6R2YU/GfnKe9HcnhKsmK4sLcwxMrOJ5Ko1LSBYsVxZWpk4sMZvE63OJ1gxXFlapmxlGh1YGtoQB9bRO2VXlhb0GBnnB+HvrhKsaFcPAgmWFvgYOVbjVwk9vSFYulxRJn9QDeQYuWEjtwldzZKwdLnK0Buuhh5Ys4W+fIIVw5WlhT9GTv3A+tPFIxxXlpYBY+TIXxHq7tTFl/FdWVomjJFrok9G1tysiyfDrkqRrtqclilj5HBDRon0unT+Bbn6rpDQ1rTMPLDoB2FK+Vs/ttqV2R9UY9YYGcbV704VfuQ0N3OSY0TmjZErBxZE9PEMupq52R3hGJCZY+SxozD+wUrFldvHMSB7YJnkap50JZvswGfmVkaOkRHS76rfRjeoiwOe8WPkNNuXmisX/X7PxBg5nRiv0TfdlayvA50dIxvqyu3uIGfmgTUe4sBKxxU1wcHN0K0MxIGVpiv0+x1/jHxqQc1fgfwgTN+VO8ZBDX+MnF/hdXw8tSTU+LZ01YNcwd/vBoyR85UvhLi79fiSSiMRDiz9roa5tXXv6mC2ePoS8CSsFS+93307v3BJMEZOv5uvc1ojV+F6OaB1WjoF21b+n2/e+nZxFsAPwpuncxojV7UNdkDrtHTp0iljl8CWr/PluaXblwWnDLsCvt87LZXtnYFqS8IK2uOF67h93hfxyrIr1x3uoCZlAdvKq77T7e6tS6Jh2Xbluqj3eyDrj60lcOUbfafbo1tFocp8VzP/ujLrfidZZVujl2CVj/PluaVCJK4MuNruqpvmwCZlodoiWHTC162j7kXfBq6gx6SBLOoYji2CRSd8dE9EaztwaG1Ob+TKxPs9kIVpK4BFHfXUFURVbeIK+ZfRgSxIW3nm1zK/JQZt48od5wBHsiiAx/IEi054daJS+7hysV8Gk7IAbQWwwnkNKopy7eQK+n4PZOHZIljUNU/dLckgA65Ob3Zjhf8yGMmqSfNjeTUsOXdQdzsLrtb+dWX6/a6QpetXPmpY1AtP3SPR5HaCu0J/GUzKArNFsHgnvC+Eya+lNnRlzJhUIUvjY3k1LN6z0vZyBf4yWCALylYtLJo7qCu0lSvsl8EqspBshWDxnpXebStX6Pe7QlY6j+WvkiTuodXRVq6Ax6QkC8nWm2hZG7wGXTLQ1br1G91K2brfA1lAtkYuIEnsE/5/pzSr9ml3lYvnyqSXwRiy9D2WHzJK+CFLmucOr9apGCC5gh6TkiwUW8EH9z1fQWmfO7yOpoXlCvhlsGpZGLakq3L8E576/zPLjaCF5gr/flfI0vrrRPpk5FMkKYW5w4419WjBucIekyplaf2VT+iTkWcRpDTmDttraQG6Qn4ZrFpW6rZCn4wcDWv3kaN7Wj13uLF8Ta61rSVXWb7fFbI0PZav+WTk55GwfrF3Hi1SBFEcL0ysB0fEAOOII7qCqIgBE+pNEBEvZgwHxSyCeGgKcQ4jIq66BlY9LCOuiRVWRDHuHhQxIHoQP4IBFfPJixer2/DsmZ7qfjM11a+r6/cBlj38eO/Pe6969goud7Y39tzhduHYngbScphHIrmPwSRmaXQLAhbwRiKWx9HO5w08dzh1ENSi6hXxY1IwK063Kr+MvLa6WEDn8/ZGnTucLPxRi6xXicjvCLPUj+WDPwh5XCoWcPlOe0POHc62eWoR9or+MhrMisOtql9GPhIiFgCJXuW5w+eCUIuyV7Qfg/nN0u+W5MvIz6KIBaGrXfm5Q4urFl2viD8GU2EWjOUVBCzgO0Ks8kT/yFHAqYKrFlmvkpHfwSydbsm/jLw2slhA5512BecOEOIFB4h6Rf0xmM8s3W7Jv4x8GikWhC5VF8tnDypTq6WN/yFl+V2BWdixfPiXkd8hxQK5On86SrhU8NQi6RX1x2A+szS5BZMGOc+wYgEnHDW0qFDraYhXph6Tglm63IKAJedm7GI5ZwoeB+h5xVs35lkiUGYWjOXlq5xwFsQuluOcq1OtK+CVYtrEN3GzOUYfvFl4t+AYORrxi+WFeE8tYl5x/vs/mrNyICOOMEuLW5hfEX8Xu1heiPc4RMsrDnO2xasYadSaBWN5vFfAm/jFcpwDBY/rh7BeHeON5PAeILOCclcEs9S6hQ9YwFoCYokbwL9qEfKKt5a152F5sl0RYxbeLThGxnCcgFiO8+2fWmS8cvN7BVmiXbFRZrljeWiESCiIJUL8P7WoeOXl90rmrKA4lseYhXcLjpFRPCMgFoR4oRYRryC/l7ORXldEmYV3azIELATfKYglQjyoRcIryO8BZLLbGSlQZuHp49TCzaMUxBIh/p9aLRS8cpuhjDlrKHVFkmaJOfyDD7GL5T7k+YvkGeIhHV5BfpezmM7qh6hZgkf3bsQlFjzkCVXr0NNWrgFohnIIrX7omuXKdeJHTGLBDSCoFbdXvDXcK0KrH9JmCU6feHBZu1hAm08trFfaSxal1Q91s1xuQujSKBaEeFAL75WO/A5QWv0kwSzHTfQ3dIoFtPjUQnqlKb8DlFY/CTHLS/Tv9YoFD3lALZxXupshqdVPcszyQtcPjWJBiAe1fo+vEF5pze+kVj+JMut36LqsSSx4jQ+0Cq8O82gQKFmI1Y81y/HGqNrEcl/j+9TCeKU5v9Na/STRLMGC1442Wnxq3ecxMW0U2i3/kEveFa1Z+jlVoKEW5wOGyuQitvqxZoVzzmfWWx4nY6rHLWKrH2tWOGcPUilaLtPqK1zDqqx+rFlxcMln1nUeN6NGB8hFbfVjzcKH+Jc8fursipVDLmtWLJwp+DjICVAW58mtfqxZiQvxwV2R3OrHmpXAEA9MQ3RF+X2zNSs6Rof48q5Ib/VjzYrIAXIhHhgzeg+91Y81KyIvCIZ40qsfa1ZUvpEM8XRXP9aspId4qqsfa1ZkTpIN8SRXP9as6LQRDvH0Vj/WLFNCPLXVjzULwe1EFC2XAaNiX/1YsxCcoh/i1a1+tluzQkhbiKey+rFmGRjiSax+rFkoPhd88ARQ7+onZ82qjtE3gFRXP9aspD7kQTGq3tWPNasq5126u1w6PPYLumoI8cTXhw0bcuWsWf/T9bijo7S/KqWP+PVhWyKLlprVjzXrL1cvXtgv5XEqQrzC1Y816zfdxeI1uVoP0xHiJV0R/Wkba5ZbsorFC/vlnDfiIY/W1U/OmiVKVqhapauGPOTR1xUzubSbJUqWIKwfdph4A4hb/eDVSrlZ3UWPCyW5Wt0GPeTRtPrJ5FJtlleyovTDu2kL8bWvfkCtNJvVVfxL2OjB3BvAhq1+Mk3pNetuEQjph13GPeRp/Opn2MDUmvWw+B9ho4dUhnj/kAuvVkrNgpIVoR9euFpfiF/KE49Y/aDVSqdZULKijB566nyNP5IbgBhyIdVKo1n+khU+il+S4hCP7oqgVgrNgpLVoNHD+EnmFS3skEuolTqzoGSBWipH8cN7saZxPrXmcWOArhhBrbSZBSWrIaOH+X0ZY+t9Zm3lBhF99bM4ZWZByUKMHiJfAU6fyTy2mdkPcV0xmy6zfCUr8ig+2uhh/BT2hx1Ghnjs6iebJrPOF4NQcgUoAhawy+SiFXn1k02RWT1FQO3oYX4/Bhgc4lGrn2xqzAouWQquAKdPYAwwO8RjhlzZtJgVXLLqvgIcv4iV098f4ldzQwlb/WTTYRaULIWjBxGw+rJKxib5IY/CIdeKVJgFJUvSD7EPEBf2Y4FsMj3ER+yK+RSYBSULrVbp2rXgfrhuAqtCU8H8EB9pyJU336yeopySp5BLyeXVLY99f/jkVDLcF7CkIX4cN52qXTFvulnniyGU9kn46lQiApaE/uPSEeKBaWOC3cobblZYyboo8aqyZHkBS84s5SF+wKABnDbBXTFvtFlLiiG8QpWs8b6ApSnED2L9h8zgxAla/eRNNqtDZckavoVFYITq9eEIJmiaPZjTJqAr5s01S2nJ2tyXRWKn2hA/8d+wbBAnTvnqJ5Mz1iyFJWu6L2BpDPHNDP7ykImcOGMO+9Uy1CxVJQsCViRmKX3I098/MJtKPc57hQvUMtMsVSVL3MqgWKYwxA+qXCFN4sQRQy5Qy0Sz7l5UU7LEMTICxTeAc4P6bXNyumImZ6BZTnc9JWuJ4wLHyBiWKytag1kwIxIz5MrkDDTLeVh7yXriCOAYGUd/ZTeAzawqQxLSFTM5DWb1dvRyVdYPH4eVLAhYaJpVhfgmJqGpmfyQy71vzgw0zyzp2vBLWMnyHyPHEuInsRDmJqErDhtonllOV+0ly3+MHE+IH8vCSMTqZ85A88xyemorWXCMjEH1Q57BLJRkrH6aDTTrY20lC25lECh/yDObhZGM1c8AA7shjB4wJWt3TQFL/UOeJhZGMlY/U400y+nBl6wNrC5Uvcb/Rd4ZrLQRRWH4R6jMXcxiSFYhzCoBiSHQgKlCpC3YgnVTiNkIamih3Qiliw70DfIYIu4K7grqttDn6KMUjRBNMrlzx3tzzzn3e4Yvx9/7n5P0oIVH9RPJNOvq0nRknWCKzxBfhQ4e1U9P4KvDPRemI+szDHC3AxhDC4/qpyrVrOyX2cg6hRmuDnm60MGj+okFvsE/cDW79PDP4shyd8gTQQeP6ieRa9bc08NvJyPL8jV+Gzlwe+SqCzYru/EwsjTX+BbyO4/qpw3JZmW3piPLe4iPFXTwqH6qss26vjQbWf5DfAI7RF2/fxVjJdus7ML2yHJ9yFOHDh7VTwLhZmV/rI4s54c8bWjhUf3UxZt1dW5xZLk/5GnAMnU/1U8b4s3KLgqMrLPJyCIQ4hV08Kh+qgGYld3oR9YIRri7xk/gBLXq/eZYhWBWdqsdWQoTvIf4PnTwqH4SBGHW9aXmEmyEKV5DfAVaeFQ/9TDMym5yvojt7OSO05GCC5rmIb4BHTyqnzYCMSs7/3vP92+j0Wj70x1YAdvGIV6vOI/qpxGMWRP217Fatg1DfAdaeFQ/KiizjjehxalaqYVjMB7VT4KAzKodwDF6tXat5HcG1U8/ILMMrr3cqTWwcwxGvvqpIBizTAKWS7VSS8ukxKufRihmtVwFLPPd5bH//L6C6keFYVbtKzwzLDi0qjCDavWTIAizvryAd4aFQnwMU4hWP/0QzNpaBwWGRa7xu/CKtUeuCuSb1doEEaZqpYTyu5vqpyHerNoa6DDUhvgeCGCj+lHSzdojELAWqZUSy++2H7k6kG3W1isQY7g8xMcKVHhe9dMUbVbrJcihDpfuACagRPnqpwLBZpEKWAvUOlq8KkeLsl9tsyPYrD0aLw1L1Fq4KkePUtVPJNasLTIvDflqpWTz+7Ornw6EmtU6AGXUYd7LA538/rxfNWjKNKu2RuulIVetDdr5vXz1U4FIs/apBqx5tY7mqjbaFK1+diSadUw4YM3dig1mP+rkKVb9RPLMqtEOWI+ob8yH+AY4oK9+OhBnFvmANafWmEV+N6x+mtLM4hCwZtXa8L5Mar/6qUCWWXR2ZYzU2n38UWdFbvXTFWWW/2XkkmoNOOX3YtVPJMksCsvIJdVKp/+qM2RB9dODHLOILCOX/HatMZVl0vLVj76hevNEBCZm8QtYT88QU375fVn1E2Mh717/nMLCLKK7MiZq7VIuo42rny5y+Dh1i4NZxJaRS6k1mHzUmaMeqp8I0LpF3yx6y8il1Er9H4NZq356WMaPt/ciUDeL4jJyObXGfPP7DH1Nqf7+w51btM3iHrD+s2/HOAgCURRFQ94+rNyAlZWBhh4KV+L+E+2w0QzIG//w71nDKyb8y/u0TjF+BvNathV7WWFj5C3Ot7bf7yu3NQReVuQYeYt7K8fofcxD0GUFj5FRsq2Ay4ofI6PA3EVbVmOtDD4au0jLaiRGRuG2oiyrnRgZZcY+xLJ4YB3Q1P99WTywDmqHbSlrK4Pvfv4sr1wxMqqdfJQsRkatbSlbjIxK50TxwILl5KPUrQx821LCGBnrXLtNy8oYI6PCyUcpY2T4tyUeWChy6VcuK2mMDPfJR1ljZJi3JWJkWM6JIkaG5eQjWhlYtiViZFjOiSJGhuXkI2JkWLYlHliwfJYXrQws2xIxMizbEjEyLJ/lRYwMy7bEAwuWbYlWBpbP8iJGhmVbIkaGZVsiRobls7x4YMGyLREjw7ItESNjseNneREjw7ItESNjd+PjtSxaGRhMvYiRYcEXLAAAAADAsz04EAAAAAAQ5G89yBUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcBa1pr3UjDscrAAAAAElFTkSuQmCC"},QdDN:function(t,e){},Rrh0:function(t,e,n){function a(t){n("A7ur")}var s=n("VU/8")(n("G2UX"),n("9/90"),a,null,null);t.exports=s.exports},T7jr:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},TAy9:function(t,e,n){function a(t){n("QdDN")}var s=n("VU/8")(n("1j6h"),n("V+41"),a,null,null);t.exports=s.exports},"V+41":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:[]}},VAcG:function(t,e,n){var a,s,i;!function(r,o){s=[e,n("/5sW"),n("lbHh")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function s(t,e){try{window.localStorage.setItem(t,e)}catch(n){l.default.set(t,e,{expires:365})}}function i(t){var e=window.localStorage.getItem(t);return e||(e=l.default.get(t)),e||""}function r(){var t=window.location.hash,e=t.indexOf("/zh-")>=0?"zh-CN":t.indexOf("/en-")>=0?"en-US":"",n=e||i("CUBE_LANGUAGE")||window.navigator.language||"en-US",a="en-US";return n.indexOf("zh-")>=0&&(a="zh-CN"),s("CUBE_LANGUAGE",a),a}Object.defineProperty(t,"__esModule",{value:!0}),t.eventHub=t.baseUrl=void 0,t.setItem=s,t.getItem=i,t.getCurrentLang=r;var o=a(e),l=a(n),c=window.location.href.replace(/#.*$/,"")+"example/#/",u=new o.default;t.baseUrl=c,t.eventHub=u})},XMLa:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("/5sW"),n("/ocq"),n("VAcG"),n("9IYW"),n("k3Z2"),n("iCAB"),n("mGbb"),n("8Rhx"),n("M1wD"),n("YKRY")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s,i,r,o,l,c,u){"use strict";function A(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=A(n),f=A(a),v=A(i),g=A(r),p=A(o),h=A(l),y=A(c),m=A(u);d.default.use(f.default);var C=[{path:"",component:h.default},{path:"example",component:m.default}].concat(v.default["en-US"]),L=[{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,s.getCurrentLang)()}},{path:"/en-US",component:g.default,children:C},{path:"/zh-CN",component:p.default,children:L}]}),t.exports=e.default})},YKRY:function(t,e,n){function a(t){n("GXIQ")}var s=n("VU/8")(n("ETzz"),n("hMfi"),a,null,null);t.exports=s.exports},YMmY: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,a){return n("li",{key:a,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:a}}},[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:[]}},ZQ4r:function(t,e,n){function a(t){n("fULb")}var s=n("VU/8")(n("fSRg"),n("YMmY"),a,null,null);t.exports=s.exports},ZWYt:function(t,e,n){function a(t){var e=s[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var s={"./en-US.vue":["+GB6",1],"./zh-CN.vue":["RUos",0]};a.keys=function(){return Object.keys(s)},a.id="ZWYt",t.exports=a},ZfAl:function(t,e,n){function a(t){n("pY3S")}var s=n("VU/8")(n("kJGJ"),n("alSt"),a,null,null);t.exports=s.exports},"Zu/x":function(t,e,n){function a(t){n("LyEO")}var s=n("VU/8")(n("wtIw"),n("/jPq"),a,null,null);t.exports=s.exports},aP4Y:function(t,e,n){var a,s,i;!function(r,o){s=[n("/5sW"),n("vmBx"),n("XMLa"),n("j1ja"),n("HIuL"),n("MbER"),n("Gzs6"),n("rL4i"),n("//Y1")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var s=a(t),i=a(e),r=a(n);new s.default({el:"#app",router:r.default,render:function(t){return t(i.default)}})})},alSt: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:[]}},"bj/E":function(t,e,n){function a(t){n("oCMu")}var s=n("VU/8")(n("3+2Z"),n("5AMc"),a,null,null);t.exports=s.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",internationalization:"Internationalization"}},components:{name:"Components",angle:"02",subList:{basic:{name:"Basic",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar","tab-bar":"TabBar"}},form:{name:"Form",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",checker:"Checker",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","image-preview":"ImagePreview"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe",sticky:"Sticky","scroll-nav-bar":"ScrollNavBar","scroll-nav":"ScrollNav","recycle-list":"RecycleList"}}}},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:"单例模式",internationalization:"国际化"}},components:{name:"组件",angle:"02",subList:{basic:{name:"基础",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar","tab-bar":"TabBar"}},form:{name:"表单",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",checker:"Checker",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","image-preview":"ImagePreview"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe",sticky:"Sticky","scroll-nav-bar":"ScrollNavBar","scroll-nav":"ScrollNav","recycle-list":"RecycleList"}}}},modules:{name:"模块",angle:"03",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}}}},cIhR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]}},czga:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home-example"},[a("div",{staticClass:"example-main"},[a("back"),t._v(" "),a("display"),t._v(" "),a("div",{staticClass:"example-desc"},[a("a",{staticClass:"online-link",attrs:{href:t.baseUrl}},[t._v("Online Example")]),t._v(" "),a("img",{attrs:{src:n("2KHY")}}),t._v("\n      On Gitee\n      "),a("img",{attrs:{src:n("h+pa")}})])],1)])},staticRenderFns:[]}},fSRg:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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})},fULb:function(t,e){},gDL7:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("Zu/x")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:a.default}},t.exports=e.default})},"h+pa":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQBAMAAABykSv/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEX///9RVGdXWmxydIRydIRaXW/9/f1/gY/8/PxydIToIcY9AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAXEQAAFxEByibzPwAAA5pJREFUeNrt20Fu1EAQBVBbSKx7JmTBOUDiRij3PwHSsBhTLle3hyQQ+/2VNWlX/dfZZDGZJhEREREREZGDZr6M5BrPtnTC70+HJq6zuw4ICAgICAhIDrl+28z325vP7woZrJNAnqbNfL6kB+Z4iYufxXKrRHS8lf11QEBAQEBAQI4LmS9/5ql+809TLHeJnxamBfrxOiAgICAgICBnhcxh4SotzF1mGgoICAgICAgIyGNv5uXip4thFS99DQQEBAQEBOQVIJ/C9z5+/FvIYJ0EkqaExLSetDI9WAcEBAQEBOTVIF9+bubl9ubXd4XsqrM5L831XSG76jwCmePCt3oEAQEBAQEBeVPI8/8Fyf6jZ39uo9r9sZs29tqrlAMBAQEBAQE5HGS+z5vTLfsPdP1xWCuuLZ8LAgICAgICcnBIvnA1JNYYvJUHzxZ3BQICAgICAnJcyKJcG9uS8/KryP35trxyHhAQEBAQEJCDQ/IM8rrliqvovjb1hoGAgICAgIAcHbKYFx8vaY1WjI6vDZryFd1tICAgICAgIMeFFD2rA7FLfhVtmoYXr/yXNCAgICAgICCngMSF8/14viU3td6wfFu3ciUFAQEBAQEBORsklsuTH2jFiqLyFDtM+wICAgICAgJyDEheuRXzxnrmt/L37TcPgICAgICAgBwPsscUD+TlVme7yXn5XBAQEBAQEJDzQAZ53bP1wmnrr7W4Lb+VCwgICAgICMgZIN3RqwNxaOtNGLyVboeRgICAgICAgBwDstiymLdK90A8W7WPlefettUNgoCAgICAgBwcMph8XmyUn+3WqCD5DYKAgICAgIAcHDLff7Cat3v3nkat6JC3BwEBAQEBATkPpBodP+36W7q7FY2Ks93FICAgICAgIMeFrBp1e0b/KvG1buUq+TYQEBAQEBCQg0P2ZC625Mn9Y+VmEBAQEBAQkPNCVuXSXPfsXrQfe1wMm4tHEBAQEBAQkDHI9dtmvt9efP4gkKdpM58v9wNzHBLnt+I3nU94pU9BQEBAQEBAjguJu59ySJE2PZRqbry2Vg4BAQEBAQEBOSGkmpebuui8cqzTPQsCAgICAgJyYshcLCykq0b52a6/6AACAgICAgKygnwKX0P58VEhaTb+1spHb26ps5rQRYOAgICAgLwF5MvPzbzcXv/6QSDdVN/7/bCQ7sL8QHwcTHGDICAgICAgIA9Cnrs9/zlEREREREREzp1ftrjTlRII7tUAAAAASUVORK5CYII="},h042:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("A fantastic mobile ui lib implement by Vue.js")]),t._v(" "),n("template",{slot:"rec-btns"},[n("router-link",{staticClass:"btn-link",attrs:{to:"/en-US/docs/quick-start"}},[n("span",[t._v("Quick Start")])]),t._v(" "),n("router-link",{staticClass:"btn-link btn-active",attrs:{to:"/en-US/docs/introduction"}},[n("span",[t._v("Introduction")])])],1),t._v(" "),n("template",{slot:"feature-1"},[n("h1",{staticClass:"h1"},[t._v("High Quality")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Quality")]),t._v(" "),n("p",[t._v("\n      From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.\n    ")])]),t._v(" "),n("template",{slot:"feature-2"},[n("h1",{staticClass:"h1"},[t._v("Good Experience")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Experience")]),t._v(" "),n("p",[t._v("\n      Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.\n    ")])]),t._v(" "),n("template",{slot:"feature-3"},[n("h1",{staticClass:"h1"},[t._v("Keep Standard")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Standard")]),t._v(" "),n("p",[t._v("\n      Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.\n    ")])]),t._v(" "),n("template",{slot:"feature-4"},[n("h1",{staticClass:"h1"},[t._v("Design Scalability")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Scalability")]),t._v(" "),n("p",[t._v("\n      Lightweight and flexible: support "),n("router-link",{attrs:{to:"/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.\n    ")],1)])],2)},staticRenderFns:[]}},hMfi:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"docs-view"},[a("img",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"menu",attrs:{src:n("CqQb")},on:{click:t.toggleCatalog}}),t._v(" "),a("img",{directives:[{name:"show",rawName:"v-show",value:!t.showCatalog,expression:"!showCatalog"}],staticClass:"menu",attrs:{src:n("tZDt")},on:{click:t.toggleCatalog}}),t._v(" "),a("back"),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"mask",class:{active:t.showCatalog},on:{click:t.toggleCatalog}}),t._v(" "),a("div",{staticClass:"nav-list-wrapper",class:{active:t.showCatalog}},[a("side-list",{attrs:{"nav-list":t.navList}})],1),t._v(" "),a("router-view",{directives:[{name:"highlight",rawName:"v-highlight"}],staticClass:"page-doc md-body"}),t._v(" "),a("display")],1)},staticRenderFns:[]}},iCAB:function(t,e,n){function a(t){n("IPhc")}var s=n("VU/8")(n("txnZ"),n("sPlw"),a,null,null);t.exports=s.exports},ioLt:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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 a(t){n("FcU9")}var s=n("VU/8")(n("gDL7"),n("9Hp8"),a,null,null);t.exports=s.exports},kJGJ:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(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,a=void 0;n.eventHub.$on("begin-loading",function(){a=Date.now(),clearTimeout(e),t.loading=!0}),n.eventHub.$on("finish-loading",function(){var n=Date.now()-a;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})},mGbb:function(t,e,n){function a(t){n("wIcd")}var s=n("VU/8")(n("MJxS"),n("h042"),a,null,null);t.exports=s.exports},oCMu:function(t,e){},pY3S:function(t,e){},qG97:function(t,e){},rL4i:function(t,e){},s9WP:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAABFCAYAAAFf3xjmAAAAAXNSR0IArs4c6QAAHm9JREFUeAHtXQl4FUW2ruq+2VhlFYRRQERQgYgrIE6UAII6g+Og8xy30fdMchPEKIOCC+iIihtIyOboc3nOGwdHHccREFFBFp1BRBHGlUVRCeCCLAlJbne9/3Ruder23fre3ITg6/6+e6vq1KlTVaf61HLqVDVjLfhwmZe4e7SQfnL5ba/bcSq8KX6LoJqRMWxzCD3fhG0py1STGYkO1cvVjEbpLzL6ySc/zy/oJ8Pk+vOLZqlhpx/xdxFMpvNJBLP/jhzy61lt2/NzNu0f/iqzCRcWFp5YWloasYYWIc6v9DG+JSDMlRWVZZqk6XTDIigjJ5Jp8qMlzJ/vz5N+ckGcMyGeRkarEOSIL5Y1EUK0V3G5ZKNkIbXR8FfX27V6e9zJVo0kASIu/RrX7hRc7EYeGjKcyQW/r6xywYMyA8LjnG1kXC8uLy9ZZrMmsKiPlYFsJ43zmavHZls8l4lT6hqL+m5Qa5VS4k5i4u4xDzlhqQzbbJRtZxE/ZevpfPyWtanMiGjZL4gkLF8UCqdSoIme/epTJnZGnH8vXxRCwitsvYHyLSRYvMefV3StikNpbaGWEc5Xn+AF+UWfWfIEPyWyXv/8wlfQBiYKcoEqDhJP0lPdsMzUSOmH1H4o/apbXlF6oRqWfku+mJgow9INy2z46x+OYIGAjG9wNb6mIM//IgRxYo+e3dsW5BfORkbng2iAcx6APxPCu1YIdholkLWjTNWw9TbSmyjbS7aV7DkacmuGf9mLNANpi6QtZ2oG4oGxbVmtoXbIH2AwzVZxWrvffj/E7NzvIU+drALXGqHlTjfqVQ6nWtZDM0tNiKNCAVRId5KT76YTTuHHtMtWPcUnndXs72ukzF3CaHgNqVRIB6kQoVYiAaQfVUqJsr1SgiWgIN+/HHOEIhlW3XgzJRXX6adOV86kZJyaN/ntHl8iOF2qkJtXLz/fX6ox7T/V9OUVZTllFWUL1EwpPh8deNC9RuJLHOkSHF3in2bNmpUucRJx41bMLbGKirJCk5mPqfhosffQYr9VYeRHj2V18pqmf+yMU8NpQp9VU1OTpcLIj8nb46Ywb3fC1bDd30ugU7Zk/y/jpdua5YvKGNbdi8X9hxsisEZWoLFivO7tcdkZEu65rZED4t7R57XGcrkpU9irSIkwx6qBkykJNMcSXtJuLjekYmL26OlYPt8TLbPDqYINveKbs3xs9cr6aBVy9JRvYFwbHQ23tcDD1n9qwcyBX38s2hwcqMKkv17v0C9r3IatMtza3MgDtC7+Ta0UrVI0BIzmT+e3tsqo5QmrmDVXHLrlBBVJ+nP0543GcU1CG12aDqk/TIfC6EtsdeokYW7dSGklTLqhGWcY/4xEnDP+e5ovGkwLmTCruPl5heugsXqalrTyV7Vjl2P9o6ZoXr+9HrOy0YywDsTNBLihiGJYeXnZKWpx1XV7NL/EV+NJBwANhw9sbF9WVqYueCV6XDe0Yg5095VyJHQZlJUpyCuci8ny1VBkjNZ8vCt0tN8RieBrFTIkuSTdqKhymyARPBQ2RJ8bLW15ZWmxyfgNUMdcbgTEt1QhKSuURoZVWDRaEh6zxSQSuSNeW3++MFVImN+YnDd5aEllyQcyxhSsAv5KGY7mYn12hS7YTFTuSVSyQT0BZKzxbqI0smWjpy96FPMlvxrvqmKkIg6rlODrVULI3EccxeKQVA2Lwf0LoT9Lkzgo/D/xTh0N2ZEgWkjWM86vE6b536WknWesE9FAjzYJPHyOcy1sLUeJqaKEBz3cJyB3PEPhnJXnYk7uIFYv/m3lllW3yhi03V72n+178S0kPNuKC/3bi/VYx1BQ6wrZgomJ7wqWVaepFYs0ZrX2BaZkr10xCVDVbGrFtLZZHVafNXCfxDtsXaogydbwpe+XHLaV+CkWPOxVjFdJcc+YnzPTXG7jcVbPdN6N37LsRxvmeZqNA64aDFrwNRiahrsrBb+b37YspsrPHR0PKxIHIs47xH25g1lAbLATKHMFGxbNc+SeUXLAwBx9vyb0rnzC57XR0D14YhywJUzcnfsyZpEXJJacsPlec9iWLMFMe1IYjQYmdlP08dvmR4v34PE5AA1V7tNoqCviozZiiC4HlpvHVOU0Qtz50GDiYv2xql2s6/+sGZt9s7tUHpbKAXSJLhqL81pz6NY6oRnSYClHJRLLX8W7vzNJqzwziIMmYz3RcK6fgoKi8VgH/hHpelEipN2Fv2nl5aVPuSaiIMIy7AwYbJ1eXr6gRae/fv/1I4QRuILr+qKyshL0ZpEfmIGUU0x5ZVmBxMAyltbqrKKiND/iGCYRyQ0qtmlHzPWumJ6WdsIIc2HDspUx2Vgq2bh+qdnAWvtF7JP2VhNQBRD/JMGca2YVL5JfGJxegJmIa9EGY4Y5CFqDfG6SUR2L2mCEEyy33WCY8EmtUZwGg44AiW0dQZBQuMP5Kt/4raPUCNg7Jv3IxorWGPSmLVy4sPCN15cHoDCphgFSG7gWEyJZQFGcYOJdNPydaqEK8wrHGEz8HbBMaIM3Ma39qPLy+35QcchPquyqqt0vg3ETEBQwQny4rKJ0qhOvJcJxJSxWIfSsIzrxc97fEwsn0TjYbUyDJQAMO/ldsdJecsklpDa3O1eyiYuGb8VB1aXG00uRztN7z62Ya1kj4AXQ6QUAPERqCQ8q+hBYcXFxVryXSs0rlf6QSiRKONWNpeaPlYSl3VZhqfST9KKxvpY06QWA+tPaa4GmfTHBozXK3Llza2ALPIxw/Hn+X5NLD/Zjap2/hhgSSxZbyywR47hNkrA4tJOKLqtYcD8YNQfdzyMgEHUJICUCOPVgflLGSM4CouszkTcTnMVdN1ZUlJD+25ZwolVRWRp1nM/I8C05WFOHuZNJm9t3EL7zQf4+kmZMrDY642S4SRImiajuiKXvz2mqDTjX0qzNbnrDMavrotInP+1cUPdFftlYqORHFC4qKgrZKCeLNYLDtu85cuVDkiD90rUlqqLUsvbVGR9LccjvbxJHurTZIPElLJY7b968HSjjdvQcI2BYtsiJW1AwZQgay9qUhEXdYGe8DJOlAM1aukpAiOvYmAiJQ4A2Ayet2Z711b5vv0WwjTM+Wtitzr84v7hXjaj91Ekbr/ULmPZe7KRfUFDcT5i1mx1wmpS0g9bF2toh20iMkTOpSwTjvgcD7a0qrmnXYLr/hCM9NdgzkPiQ3Z40rp9RUlHyLyeumzDNcpWZn5UEjfmJL00/vaSkZK+TBl6ObQRDPfqEiLS4J3cqTNofsBPEaTB1n8JOE82j8WFvj8mmbsR7msCBkAZT6YiHJ2UxbcfLxoCvohoUxWowvDHvrhl7smXnr9L1/E3jQNQGc5I1Fve5F93HLSrc2WC6ro9ZlTtkmYrj+VsBB8TKwZ2MxX3rMbn4rBUUxytCPA5g+6UjlMYb4uF58anngOsuUWaNzcz1mOEoB6y0h/ltr90k4z23eTngusHE7DF3wUDp9qjF0bQcPuO1FVHjvYiUcCBug+FkxGnMYG7XGwdZBnaYf7/0QEpK5xEJ40DUBhPzx2ewvXW0IG4Xlioe4IiDT/Gi1VfHQ/PiE+dAxAaD9uN1kDo3YXKcfWdmbz4CujhLiQoF+XR9/Jb7EqbjJYjKgZAGQ0NdD0xSuib8mCds3ywy646NlFBP04bwMVs+jBTnwRLjgNVg4v4xx7E6k3R2iT/d9y43eu/OiZcQGf2gZfXpzs9pUNrGw/fiI3NAwzR9ZlKN5TM+sA4ouWgsyhqa105GzTZcTdD35chF8aBuOEA3Csxyg9iIw6vN7C01xpBtQxth7nxf8J+tHqW/cIE7bA8rEgcS2sA0j6v6ULQ/EHWvJlIGBBNM23m274XueDlGRsPx4O444K7BOuL2smOtS8USbqzf+sq+/FL0PBqN5a5EChbtwO7csbsUBjT/BbA13mJf6/kje3S7DHF1CqprL8zmJgN5f6R9L9dEkkCMZL7mJEP2LLDo6su0DjOkMRCds4OFy8lpadoU7JXVxt1xNodtNoON5aQfM/ysNvEt0uZbjRUTM3Ik7Crm0w4sGus6YNizWRjUXAx4LTb1yiKnjA3FcbT5YMofYmOlPhavaz79YlFG3X5FOD7fgbYSD401Di97nmEYlmV1zAYzB37zKQjExJGEbZfzpblZr/Qs5VdFOjJno8XyYFv/bjQUSQLTfbwP7Q7LH87S9iQ4KlcQ6f4WivspPzEbQ7SpGeC28uiq9urHtM2AfeI4t2mi4gl2K8VRI+Fs8BcqHg4+V507OsfqynF69Rk17v+D390YFocTuuY7hZ/3+Xtx0FxFo6v7M6Qnpl0imaQB7xvgHYWxTPvhhx9619UGSjMy064jYxc1o4KCwkLMes6LZGAK24oXIKoXET6uuvwDLLYiWjP58yZfaTKjEmiZ6J2/1H1sAl6kTWo+LeWPKWHxCgGpWkiGOKlqLMoPjfAbcmE7P5PcaA8aoBdJIBrMDAQC7ZHuAvTz4YZAJhtCcSF0BLeOZFNjoQ6WvSBdY4WXgIxTQx5YRu1BYz0FIK435N+hhEfj8PxGGPC8G4LYQoGkGwymzfv08VsvbaFypjgbcSSM/5ZTg6PhdXIR/isaVrOkLpgbZnavwttR4+y6IG5XcmGvsgKdwCkFBZNzU1ywuOSSbjB0WjfEpd6KEWCff45aPIQnWeFgF0l+TLjGoiUP4Na9P6q4dBOfFW8aL6nwlvAnPYbputjeEgVsjjzQCBH1phAd61YXyjNo4wgrYPFYjDLYXTDd52gyEbLU0HTtP3C06IUY6SNG+ep9eFciP0k3WGRyLQel+04Mbpyp+bSl6MoSy5gLp7FpQ3rB1sFzRkOgfojlCjYF49iUBlj0f9jO67DpTA/BMIzEejAu2pJYsyz2fQgdJdAsDVZbXzdKySMhL97+97EGy4aJ9nDMxN6OlriemW+gcp11zjPRYP2j4UWCozs/JhIcy/MhFsMQib28H2EHT0v2O3BMKe5CG5qTR5GMfk14+AnUEVuHLaJQSewNiEIkHMz/Eg5zB0lj+iWEiZnYymgp0EDQfIjOFE/qGtP0WXb2Zp15fFgaLsJhQoAx4Q/oWkePKKZ7984rLAzBLTt7JzbdQCRvIXLGRQqjwJZ9PiY110eKJxjyj9secRGiEY8EH7nq4/YjXl1PtxehfMk98yvnf4aU1fjpmDovj0TFX1BkNZCm67+g+PLyRz4hF4fznidXfdBb/lwNSz8kOEQp4Pf7z6I4SLglJbRcaMAVw2Qa6fr9U06DIDyIzxL0lrB4ri9dt5Yr4M0jyKudEx+Nv9WCcf4nZ5waTlmXOGLp+rXmgZpTVeLJ+jF1bksnQ4jZ5GIavRaj/0Z078PxHg6kCEwQnlLPCgNnC8D9gA/1GyvH0YcewP8VlQHT8hsdZdkBCf4E0/a/ME17FhfFXGwa7HLCwT1eeRJX0zOPNo2DXzaUgd+DwxIrTNP0m0b9L4O4xRI3nks9AdZ596DsM5DXPvhr0OjrUNZBgHVp6Ip5HWarVjmi0WuyhOFuo9ut+8MEc9VYOAd5W7TCqPCGtVGDuQIa4jSMa7+jxkJDmXQcCeunq1V8TLWPhXSsAowOvtNl/VZjATYD0/K5Ki5gH9Cl2cC5FMpg+hbA5YDtsfJUEMvKHt6emZV+FEDgKTHawIdPBBqLv+fEVZJF9aLMt2p6OrpjjlMzAldliLOsxkIK5I8TNRHPl+1Cnb9o06YNikl4eLDrvAQFGUd+9QkeSFdBtn+FNrLgNj613Aa48Ggan7x6TPYCF6geShQOWBLGb112Hut2bDr6mR+j4IWB3+DDaY/K1YO3ZyWdCfMayxW7YiLZYxjPe7QemEeIe3NPZoZ4L2Yq95HVvdt37frciJ/VuE/iYcbigN1gEolPX7Yefo5b20hzfaeEJ+z6fCPfHj14TcLpvAQxORB10gE7+btIE49ucm1MCo5IDJD3U/fnNZaDMSkKhkmYky42JE8Xb57YzjxY/S1mNBnOeBlGy25aMy77JBn23ObhQFQJU7OjD+xhKyUTJyxHq3DyY/0T6NA+vYvXWE7ONE84roSp2fJxm9+gNsLpy0fgnoVd2l+uHjv07yqO5/c44HFA4UDSOj+FRlwvjIs1du+qa6GBmI0FerfGBHwRS/PdyG9eYukCG+Gez+PAT4MDzSZg4sEJx7CDdbijRTTsvMfjF+e7oSe7lU0/63HOpaI8XiIv3uNA6+ZAygQMKzTO7su9DFu0uIet4bLXplWdPwej32l8+pJtTaPjpfY4cOg40CQBE7PH9cQ9EPcybl4JoWoSrZgs4OxrmPffzG5Z9r/Qe1mbQjHxvUiPA62EAwkLhbh7zEXQ4z+ItVS/FquDxj4VfXfuNzvuHwY1GASMP63xzOn8vI92tFgZvIw8DiTBgbgCJu4ZDdsQ63LrPAiVnkQeySQJsA61q82+O4YK3TgiFgFUYIvG9al8/OYXY+F5cR4HDgUHIgoYzHFwQJPBxkgMarFCaWyrOHr3brPz3tOTzROVMbDTU6mlZdzBcz/GoSDv8ThwaDlgC1jDfUWctH6hlvzNVj58fqTtwdWsf9VAUw8oqvvUZYjKfQTr0WI+fhsd8PIejwMtzgHcVz8Glrrin/i5MhNoUgmhrBC9v/vC7LZnRJPoJJAYa7YDr/FRax/W/auWjhl+ewJJPVSPA03mgA8awOcwHWw+4cqqX23239FPpNX3RGl7BX9NLngsAtW8zabbtFvEWjaYjLfobpIcHDD5V6w0XpzHgebggA/C1SfFhHexXj98Yvb4HucxLNX9yBTTDyMH1X3tGn7K27O0m06tFpl04urEMKQWAFRWVqZt3LjxyEBA64yjTfszMsT3uC1kTwtk7WXRSjmQkDFi1DqkG+vEgB1dzfTaY4DT3fo1825VHcv49C5f8YEV4oyTkR+ZIeeQAr+lnqL8ohycLy2FZtU+c7v+vQ+C2TdcynIQ5z5wArCxSJgiY6pwMw6pxTxa2Zig6T75CSeLEvJ3fkS06Tm0LgoNVziYj8lSxbrWSOJEc3Er3Ts4uBe8mYCxtHT9ZziN+ZUTX71GieJwCVp73Ku1n/xNE7D0wFpz8BenYqQ6hYg154NRKlDNsh7/tf7opXtFW1LdD2hJgaK60V1WO3fuehSf5bw2gD/lOQjt5WKE/4E59xZw9Tt8brgnrFv64foHmqZejYaiaxx6IdUzELpncP6gBEdyox5KV2h73sOYA8kLmGZ+bpz0BR2gb7YHL+Fnms5v5OO2/IMyyXlzU4/aurq8ZsswBmF8nfFU3KX5DlDsvUCUbw6EJOSrXAoJ9ab3IoLjcoB54NcU8kPgJuMs+m86dGx33Jw5c1wfdqW03nP4cCB5AcsIVKGa/VNZVajVcUkDf0LTtBk4G7MrlbSbQgv3tI0K1BtvNdLgO7nWfpC8ibcRHtuH6dkN+Lz3Utwg8gphYoTr9uOe/TTytZhW1VlCsiHFLSVHYoaQ0a1bt50YpQ86cRINE010SJ1Bs0PXrl13pIJmomVoLfjJC1iKaoBR4Euhi2m+cduSvt8oRUWJSIZeFqxj1ENvIpOnnTkvwjfvIxJwAEsrSxdNnjy5OzoR+14kmnriZ+JFP5Fuy5RJMOfvjzl/5JvLJBJcrBUqMSJeZ4E4X4TbWM5XokO8yCdzZ9XuR1GvKygCo2gwXjCM0PaaEdsbP2iMX1taURrXQoZuZgsw80mUITs2Tex9MlHSrl2bWx988MEDwYx/0s6hEzDOXvSN32bdTtOaOVxYUHgVZsGN5lq4J39exbxtTSkzhGZ3U9InnRZrQAhRDaVHx7YHmzN34v6xFSeffNLGzz77LL26unoUlpa3Y009Ar9OGGlfwHqx2pemnbJgwYKPnfnSd7UPstoP64XRyY7DNcJpTHuoS48uG2jkIoGuqvr2fC4E8hKk3Z2yf1/1FFwT9TK+vW3dDWan/Ql6DomA4erBSnxGLOYd+62F1xjABtKKST74Ns1hfdUIpm2ft+/Qdtj999+/T9Yp6NI9OkvoN23atPb79h74CgLRAeE2gXpzI0bdPqoGDdPmM2vM2reDaUlgn8B69BoZli4JGfx0qd7zmDYehREad7aJDHD0QmjfXok12koah7MLrXHLPxoz4047Wr5U7nLEzX/fu8NslVgCSpVTIwhXSGEpHt/fOEMB6hCyGUoYfU5jG2I6uTKScIXgI4BR8BsIVuONZEJMIOWRE++nFD4kIxiulwzRcbdqhmrsc6he1KefGjic/BCEVW41ljQlhNZzGwbvPg11FLTfaD1YK56NkaiHDNOUMj+vsFaGY7qYEqjxZj0j4+53VRg+N3UdLq2sVGGR/BgdJpVVlv01NM6sDg2nLuTz+RKmfWgELMk619UFuiaZNOlkGRlpf609WF+JaY012mONcg2IzUyaIBJi/fEsevJLbRpcH1ZRUbLeDjeXhy7eTeDBtC8ApYRMQVNI6zEMDuNsGw7FL/8K4W9lfCIuvgEQpuzQNPEx+rTH49ERzLfViSM0fSvDfbzywXcDjpf+hF0u+irV3IebzROevRxWAga7SbqOoEUfMnXKzy96BC9QcUPGorc/v/DxsorSa5MpCHrnX6B3VoSLtH6RhYvX4TJkNw+HusINXzjLxprIh18gHtni4uLONdW1/Rvx+Erp1zTfv02jTgbJfQvXK1+pAprix6cJ3iKaydAoLy95B4oZEvaGzliwiRhxu4BmQseX6BM6wjTIKqnh4do/pDcR110DJkKxGXBHLnv/nBGvvo87p9mEZiAfl2RFxYIb0U3b5k2mENdgSrSOlAFxEysI9AkCCNdLEoQR4tMePbr9UobbtWuHkaDxCXDzmsZQZN/UqVPbYnS1BRYXKoTQUFMBr92uqt0PqbBo/oM1teqHmve1bZd1j8QtK5v3Efhh1wN0r7Bu7ZcIMVzqnCAAIvjbs3DhQnvjPkayhKJwMf2UxgQiHQPauhtuuKFRE9wYGdFH60K0k7VXSQgYoQOZmb6bIiLHAeK4ymg3fV84may6Vcag7WeFR8SH6Dofy8dtfS0aJhqMj3zt/avg3IuRw57rR8N3A8fLfDtu27zbDW40HL9/8q9wST3N+dWp1rdogTuystL/EmkKYe1tGWw6dpV/G0KXa3MtwQ0BWtYet2A0Qr2DD2fbONevRs+8QoLIxSiUiU/tzsYUjkZWWZ4fudahr7oBHmKLGCSAieJ2rqWPswQlCJOOtafFzUVog6MIBr4d8KVrA1UNosTF/ttK5N/4DnA2HV/km4MXMuydwsg9UZgC076Gb62A7h6ui0H0LUxJL5Wu33/9OaYReN2qQpAwdWhc53dg2v9354dsIFSDjXq0EWc3oO4ZsiyoyzewLRwSawSMZYvYagQs580PetfWYQrI2GWycqlywaT9HTu07bX4zOP2poKmP8//a6wRyKC0YyL0qCdEI8/GNzVnxUqXn3/9SZwZy9HQXWLhqXGYTD5dXl52lQojvypgyHsJFEyL0DvPd+JFCgP/YWgHY/bcJJD13HgFnUKvSDQiwOrpEyoweF4QIS7lIDL+xTqvBLy0N/bdZcI3c02/tLx8/rp4+LEFbO7EI1jNgTvxXRgy+/bFI2bHp2AEG750/SR0vQ9g6neMTTfFHvTWfx47JvvyWcFvkKaYPMP+UIdAQOSgDjhzZh6DEzpd0YGjWnwXXroq3NGzOqNNxquRRjc3ZcH671zgXYSe/3jQ6hxMg++O8x2o21vI69lYowCtpfDt1k6UDndpV8uP7dL0du/eA79DQYeBdh/Qo0UVrP3FMqzoXpLW4MH8XDkYrQeYJrsIvDjV+iYRZzVYg2xH+Aum+f6Gj01tcEWomZDoONGG9zbkQOD6wea9JxQgPVC+WpSvCnzcYTL9g2jr4WSLJKcWdnpccnMBLrl5CFOaATYwkqcJAjZTn/reG2wkGrY5HmwBcPYE3vEZa8YNbTX2jM1RU49m6+dA2IjFZ7xO2hJLYyIeGNud1Rm47ppfg14Owt46H/TkX3KNT1udm90q7RlbJ9e8UrUEB8IETM2U/34pjQC0827tvuO2qUswst2PcLNN6dT8Y/lp6peepk1bfs7Qr2LheXEeBw4lB2IKmLNg+FjfQsDox8TLA3ph0Q6lhLgMc9iwqaYzbdPDvAoL+Rmrc4c+iXzDtFRNp+9R8DiQeg4kJGBq9vzCT79G+HL6QUPDjSX9r4LmCx+2ZXS5TUoeSO1LzOe7ac3owZslwRaQZJmV53ocaDIHkhYwNefgiPIkYPSDHmpAP6OujjY0J1LY/QNDWi7u6D0mu+I5zhvtXdwT8DA9DrQqDqREwJw14rmfbgEMqmUIm5ikm0vW5eGw8l0Y3cL2dTAivcbTePHqc7M3Oel4YY8DHgcS5IBY1P+EWYvnXz1p06b0BJN66B4HDjsO/B8N1bixq/ZDrAAAAABJRU5ErkJggg=="},sJTd:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("//Fk")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return new s.default(function(e,n){var a=new window.XMLHttpRequest;a.open("GET",t,!0),a.send(null),a.onreadystatechange=function(){4===a.readyState&&(a.status>=200&&a.status<300?e(a.responseText):n(a))}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var s=function(t){return t&&t.__esModule?t:{default:t}}(n);t.exports=e.default})},sPlw: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:[]}},slt8:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG"),n("TAy9"),n("9zYt")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=i(a),o=i(s);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 a(t){var e=s[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var s={"./en-US/action-sheet.md":["egGD",91],"./en-US/better-scroll.md":["1H2i",90],"./en-US/button.md":["4Xeq",89],"./en-US/cascade-picker.md":["KI1o",88],"./en-US/checkbox-group.md":["wNVF",87],"./en-US/checkbox.md":["QTnR",86],"./en-US/checker.md":["YWVk",85],"./en-US/create-api.md":["i/fd",84],"./en-US/date-picker.md":["6Rwf",83],"./en-US/dialog.md":["gPPJ",82],"./en-US/drawer.md":["DOGQ",81],"./en-US/form.md":["nzGO",80],"./en-US/image-preview.md":["FFtv",79],"./en-US/index-list.md":["tHys",78],"./en-US/input.md":["o9DV",77],"./en-US/internationalization.md":["C/JU",76],"./en-US/introduction.md":["YA8a",75],"./en-US/loading.md":["jBRB",74],"./en-US/picker.md":["BBNq",73],"./en-US/popup.md":["HlXn",72],"./en-US/post-compile.md":["1cY+",71],"./en-US/quick-start.md":["gyX9",70],"./en-US/radio.md":["D+uV",69],"./en-US/rate.md":["qr3w",68],"./en-US/recycle-list.md":["9hRo",67],"./en-US/scroll-nav-bar.md":["vucU",66],"./en-US/scroll-nav.md":["jS6/",65],"./en-US/scroll.md":["a6IA",64],"./en-US/segment-picker.md":["PiHE",63],"./en-US/select.md":["CSGf",62],"./en-US/singleton.md":["AoaZ",61],"./en-US/slide.md":["qc/E",60],"./en-US/sticky.md":["X7Go",59],"./en-US/style.md":["jpwl",58],"./en-US/swipe.md":["FRSy",57],"./en-US/switch.md":["2nyi",56],"./en-US/tab-bar.md":["djff",55],"./en-US/textarea.md":["9woc",54],"./en-US/theme.md":["qVBK",53],"./en-US/time-picker.md":["BGpj",52],"./en-US/tip.md":["X+F9",51],"./en-US/toast.md":["jUSb",50],"./en-US/toolbar.md":["yyOQ",49],"./en-US/upload.md":["YJZO",48],"./en-US/validator.md":["hl6N",47],"./zh-CN/action-sheet.md":["Ezhp",46],"./zh-CN/better-scroll.md":["JGwD",45],"./zh-CN/button.md":["s6Rz",44],"./zh-CN/cascade-picker.md":["kh0H",43],"./zh-CN/checkbox-group.md":["NVJK",42],"./zh-CN/checkbox.md":["n3PG",41],"./zh-CN/checker.md":["Ye5R",40],"./zh-CN/create-api.md":["Nx+F",39],"./zh-CN/date-picker.md":["vw3j",38],"./zh-CN/dialog.md":["DZkJ",37],"./zh-CN/drawer.md":["e4wh",36],"./zh-CN/form.md":["XO3d",35],"./zh-CN/image-preview.md":["672m",34],"./zh-CN/index-list.md":["hUpT",33],"./zh-CN/input.md":["IwIh",32],"./zh-CN/internationalization.md":["H0+O",31],"./zh-CN/introduction.md":["zpSu",30],"./zh-CN/loading.md":["dNW6",29],"./zh-CN/picker.md":["92Kx",28],"./zh-CN/popup.md":["ZL7z",27],"./zh-CN/post-compile.md":["hvjf",26],"./zh-CN/quick-start.md":["8XCF",25],"./zh-CN/radio.md":["wPXv",24],"./zh-CN/rate.md":["JQnJ",23],"./zh-CN/recycle-list.md":["oF9l",22],"./zh-CN/scroll-nav-bar.md":["T9KO",21],"./zh-CN/scroll-nav.md":["iP+r",20],"./zh-CN/scroll.md":["kegs",19],"./zh-CN/segment-picker.md":["UCq8",18],"./zh-CN/select.md":["eM4Z",17],"./zh-CN/singleton.md":["+gXa",16],"./zh-CN/slide.md":["7yxM",15],"./zh-CN/sticky.md":["ula/",14],"./zh-CN/style.md":["rDWR",13],"./zh-CN/swipe.md":["YVHs",12],"./zh-CN/switch.md":["hpvZ",11],"./zh-CN/tab-bar.md":["2y7F",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]};a.keys=function(){return Object.keys(s)},a.id="tCUt",t.exports=a},tZDt:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk3MTQ1NzcxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4OTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyOCAyMTMuMzQwMTZsNzY4IDBxMTcuNjc0MjQgMCAzMC4xNjcwNCAxMi40OTI4dDEyLjQ5MjggMzAuMTY3MDQtMTIuNDkyOCAzMC4xNjcwNC0zMC4xNjcwNCAxMi40OTI4bC03NjggMHEtMTcuNjc0MjQgMC0zMC4xNjcwNC0xMi40OTI4dC0xMi40OTI4LTMwLjE2NzA0IDEyLjQ5MjgtMzAuMTY3MDQgMzAuMTY3MDQtMTIuNDkyOHpNMTI4IDcyNS4zNDAxNmw3NjggMHExNy42NzQyNCAwIDMwLjE2NzA0IDEyLjQ5Mjh0MTIuNDkyOCAzMC4xNjcwNC0xMi40OTI4IDMwLjE2NzA0LTMwLjE2NzA0IDEyLjQ5MjhsLTc2OCAwcS0xNy42NzQyNCAwLTMwLjE2NzA0LTEyLjQ5Mjh0LTEyLjQ5MjgtMzAuMTY3MDQgMTIuNDkyOC0zMC4xNjcwNCAzMC4xNjcwNC0xMi40OTI4ek0xMjggNDY5LjM0MDE2bDc2OCAwcTE3LjY3NDI0IDAgMzAuMTY3MDQgMTIuNDkyOHQxMi40OTI4IDMwLjE2NzA0LTEyLjQ5MjggMzAuMTY3MDQtMzAuMTY3MDQgMTIuNDkyOGwtNzY4IDBxLTE3LjY3NDI0IDAtMzAuMTY3MDQtMTIuNDkyOHQtMTIuNDkyOC0zMC4xNjcwNCAxMi40OTI4LTMwLjE2NzA0IDMwLjE2NzA0LTEyLjQ5Mjh6IiBwLWlkPSIxOTAwIiBmaWxsPSIjNjQ2NDY0Ij48L3BhdGg+PC9zdmc+Cg=="},tmFe:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("img",{staticClass:"to-home",attrs:{src:n("v4eX")},on:{click:t.toHome}})},staticRenderFns:[]}},txnZ:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("Zu/x")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:a.default}},t.exports=e.default})},v4eX:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk5MTkyMjAzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MzMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTI2OC44OTYgNDc2LjAzMiA2MjIuMjQgMTI1LjkyYzE4Ljg0OC0xOC42NTYgNDkuMjE2LTE4LjUyOCA2Ny44NzIgMC4zMiAxOC42NTYgMTguODE2IDE4LjUyOCA0OS4yMTYtMC4zMiA2Ny44NzJsLTMxOS40NTYgMzE2LjU3NiAzMTguMTc2IDMyMS4wNTZjMTguNjU2IDE4LjgxNiAxOC41MjggNDkuMjE2LTAuMzIgNjcuODcyLTkuMzQ0IDkuMjgtMjEuNTY4IDEzLjkyLTMzLjc5MiAxMy45Mi0xMi4zNTIgMC0yNC43MDQtNC43MzYtMzQuMDgtMTQuMjA4TDI3MC4yMDggNTQ1Ljk4NGMtMC41MTItMC41MTItMC42NzItMS4yNDgtMS4xODQtMS43OTItMC4xMjgtMC4xMjgtMC4yODgtMC4xNi0wLjQxNi0wLjI4OEMyNDkuOTUyIDUyNS4wODggMjUwLjA4IDQ5NC42ODggMjY4Ljg5NiA0NzYuMDMyeiIgcC1pZD0iMzYzNCIgZmlsbD0iIzY0NjQ2NCI+PC9wYXRoPjwvc3ZnPg=="},vmBx:function(t,e,n){function a(t){n("2lqk")}var s=n("VU/8")(n("CMlA"),n("cIhR"),a,null,null);t.exports=s.exports},wIcd:function(t,e){},wtIw:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("7ntu"),n("ZfAl"),n("nP5o")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=i(n),o=i(a),l=i(s);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})},x4LC:function(t,e){},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.32e88d9fcb924d238621.js b/docs/js/manifest.32e88d9fcb924d238621.js
deleted file mode 100644
index e6ca42193..000000000
--- a/docs/js/manifest.32e88d9fcb924d238621.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(e){function c(a){if(d[a])return d[a].exports;var f=d[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,c),f.l=!0,f.exports}var a=window.webpackJsonp;window.webpackJsonp=function(d,b,n){for(var r,t,o,u=0,i=[];u<d.length;u++)t=d[u],f[t]&&i.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(d,b,n);i.length;)i.shift()();if(n)for(u=0;u<n.length;u++)o=c(c.s=n[u]);return o};var d={},f={94:0};c.e=function(e){function a(){r.onerror=r.onload=null,clearTimeout(t);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}var d=f[e];if(0===d)return new Promise(function(e){e()});if(d)return d[2];var b=new Promise(function(c,a){d=f[e]=[c,a]});d[2]=b;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,c.nc&&r.setAttribute("nonce",c.nc),r.src=c.p+"js/"+e+"."+{0:"d5ce8696d7817c1ad3a3",1:"34b5857f194e5f1acfb6",2:"6e6975d6a89dd029fad4",3:"1feebdd85d2fd67fa575",4:"415f17002e53bbea6722",5:"df54f9daf110a907159b",6:"895522cc1e070b001975",7:"e73bb330f5aef30e9afc",8:"e7c8dce6c56bb9eda87e",9:"2b406ccd63b03baac8bd",10:"e4d5b8be0bdc0ecea6f7",11:"03e77abfe8cc11040e9a",12:"599c6a91b0e604847757",13:"238568fdec73355962fb",14:"c3cc516b23ecc8d821aa",15:"39170e80cfc7783087dd",16:"83d41e7b1a92ce761e7d",17:"89fd481362aaa4141a73",18:"8582310842dae1c00da6",19:"c451914e188d45a39808",20:"23ef36bd72af68cc96b3",21:"a5c6b4045f1067a28b94",22:"acc5973de803597dd39e",23:"3ec33d6c14d434df0bf6",24:"78851d56466f44bf6370",25:"41ec6486d6bd339d7b77",26:"01f2914e73f20193f02e",27:"1a57a87827780cc93797",28:"4cd01b39b2ba9c992d4a",29:"e21d86280e771e590b54",30:"8ec0a68ed860c372e24c",31:"dc3d68e341a8d293d6f3",32:"26cb266f00278532b844",33:"51327e4e922047bcb2a1",34:"d087e00e93e5b222d280",35:"f038882c644bb7740ae5",36:"fb32375e5a60016231d9",37:"2f930ad9e435f595720a",38:"9d5e4d275dccbcba6d4a",39:"bd87177f9e7b6aade235",40:"12507c5b207ea7ba37f7",41:"7c5d8496ebb8c693c291",42:"32a8cc1a285bed4dd7a3",43:"b7e8d864e0b917164d7a",44:"1cd2ce2e186059cdbab7",45:"5d21d05dacdeff0031c0",46:"57f0bb37f13714fdb453",47:"42231fd231c11b558a59",48:"1a224e7c90c095bc9173",49:"38b72731663b30ba7a14",50:"30d54e5e374954844533",51:"4157f27b05c1bcc31478",52:"eb1222bfcf0bfb35e9a5",53:"1f75168691fa8393d10c",54:"1d541ace9ba0d0e70da4",55:"fb42732889ea5a34394a",56:"7f3fb816e0fe97a65fcc",57:"5927510de4d047fa05f0",58:"883f4cb21727505c6ca7",59:"88509283c0cdfd915d17",60:"2b9f48d5ff2fce75d6e0",61:"222f6deb479165b9f756",62:"19d6cd6415720462ebf2",63:"ede6b3e598e961142e98",64:"60c906d0ac60a3a8c513",65:"77d29e61247adbfcb175",66:"9405a1639fbf8d946a77",67:"bded3f7b12f4ce988815",68:"13bbe9d9886bbf9a928e",69:"e4ffa38f45f6e3d75977",70:"8d0cf8f40cb537896463",71:"1b35363b030db8c238ca",72:"a5addb632f9ac18563f1",73:"94cc73e7eadfd1860814",74:"327113bc80124a47eb25",75:"e3b9efa9d4eb5a65adc6",76:"45f4334c8e8b97da055f",77:"b8e88fa81885f2f494ea",78:"96e266786c67faab2975",79:"68c339ff0be773c6edf2",80:"bc0604d50c763593f726",81:"59dcaffaee7b7596b8f9",82:"67c961a904ed2f52b3b7",83:"6687926b889e4514ae8c",84:"abe82c1b64c923ed2b19",85:"aa58b8b72d71c6764b8a",86:"f749c98106f81fa78f3e",87:"5178a52e7b851546a016",88:"de4a916472f104f61636",89:"f10e96c58d8eb0db1c28",90:"6ef1e2d595d4ad2ae0b9",91:"bafce18b7db27328f409"}[e]+".js";var t=setTimeout(a,12e4);return r.onerror=r.onload=a,n.appendChild(r),b},c.m=e,c.c=d,c.d=function(e,a,d){c.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:d})},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},c.p="/cube-ui/",c.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
diff --git a/docs/js/manifest.ce5efbe71aaf8ececafa.js b/docs/js/manifest.ce5efbe71aaf8ececafa.js
new file mode 100644
index 000000000..b16663390
--- /dev/null
+++ b/docs/js/manifest.ce5efbe71aaf8ececafa.js
@@ -0,0 +1 @@
+!function(e){function c(a){if(f[a])return f[a].exports;var d=f[a]={i:a,l:!1,exports:{}};return e[a].call(d.exports,d,d.exports,c),d.l=!0,d.exports}var a=window.webpackJsonp;window.webpackJsonp=function(f,b,n){for(var r,t,o,u=0,i=[];u<f.length;u++)t=f[u],d[t]&&i.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(f,b,n);i.length;)i.shift()();if(n)for(u=0;u<n.length;u++)o=c(c.s=n[u]);return o};var f={},d={94:0};c.e=function(e){function a(){r.onerror=r.onload=null,clearTimeout(t);var c=d[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}var f=d[e];if(0===f)return new Promise(function(e){e()});if(f)return f[2];var b=new Promise(function(c,a){f=d[e]=[c,a]});f[2]=b;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,c.nc&&r.setAttribute("nonce",c.nc),r.src=c.p+"js/"+e+"."+{0:"9cf876f3d8a0dd614939",1:"8cbaaf36e614ee3d9b86",2:"2432e5fc0d2475977d63",3:"225ad627a1feba4b3628",4:"d6af701a543a8fb02755",5:"a8a43ce0421c2d5b9833",6:"87961418e2ec57592899",7:"73be176458726c27bd5c",8:"168676b0456643c9cd9e",9:"43053995a79e41726eb4",10:"5930217e28de542041c0",11:"7bf9df3122c98050b7d4",12:"9bba651f6de7f3c71b3f",13:"d9efc3abe297630dced6",14:"c07f00aea03c853eb3bb",15:"3364954d8a27037cf761",16:"cd9871b346f43683d669",17:"4541b85f4e12c13cfd08",18:"10fbc962ddf6f40615a5",19:"16a57cbea5da52c6251a",20:"54471a66679d37700a5e",21:"4f7be796c379f2d96aa4",22:"243e0384e9430df62447",23:"c5f3e83f3d39993c29a6",24:"d1556b10eeafa4d49b52",25:"ff3890b12c1f7cf10eed",26:"e0fb07bdd85581017dc7",27:"453820af424256909e32",28:"151782d124b73d93df8c",29:"b2c82b91d678ed460578",30:"24e49757187172cd5252",31:"59f2caea82ab4a2b2b28",32:"92d97fca65bc47567d91",33:"0932b21b5b43e2ba95fb",34:"65fc2b56c169315abffc",35:"4cc6441f69c3f719becb",36:"c1a6541b1f2a282d9ce1",37:"2ab1d956cac9655d5e3a",38:"35b79bd8afe1ae8f8682",39:"e691cb19dfc9942357d8",40:"f0d920ac58825c920648",41:"3c28ecf59ffa843d25c4",42:"66317608a96419d33a02",43:"c064229db7098f19a043",44:"5f1f01671968b86fc2ff",45:"173edcbc30408a1aaea4",46:"615250d5103ff47df383",47:"ee4add645124d5625695",48:"82cf541dae749a99ddfa",49:"e61e7c5334a8e3beb42a",50:"b7460cb6cb217521ae88",51:"250ed44339e16d80bc45",52:"92711c31af8e119072b8",53:"c7096cf68e0b7c72c22e",54:"7584e58e8789cb3bbd81",55:"913118efef50f51fa244",56:"2ded9d5c2b260f563fc8",57:"9d86c4c58cbe42d519d6",58:"6f4cdbad62be8cab39c9",59:"224e2cca1fdcdf88dff7",60:"48f6468a209288732754",61:"265d640336d59817c112",62:"0fe8bd8b3202beab35aa",63:"65ab03781228409081a9",64:"4df41c1ba975112cb0ed",65:"4d06d6170b5b89f3fce9",66:"edd9bd50ae205f0e44a7",67:"2851d35bedf7b7cab2a0",68:"2ffbc60f611766a3442a",69:"ca4c0927412c530708c1",70:"a557bc5bc06bebb31bd5",71:"448b4b2ef777ac211afd",72:"21370efcd3163368da02",73:"3cb88cb8424290dc70d9",74:"ce38c9d67ccce0cdfb67",75:"987c766d09acb00dac2c",76:"95b13be54c0af4fa673f",77:"7351763012ae5b6d1629",78:"744c249608bc30533fd5",79:"f9d3846d0374e7537f2a",80:"ea58e0c55487a44cda81",81:"dcf4c2075ca1e5efdd88",82:"661e3976ba4e39135fef",83:"05cabda29bb21d2b7ba2",84:"c806b6eaf1522e4fbc07",85:"5fbf101dd2b8a0f6cdc3",86:"2da9326ba73eed0a8f57",87:"d0fe1617ce4a06b0b876",88:"62c985139bfaf2e40717",89:"7e655c4acb6aaa07507c",90:"47dffefcce8c6186abcd",91:"fc93e315db5c6a555034"}[e]+".js";var t=setTimeout(a,12e4);return r.onerror=r.onload=a,n.appendChild(r),b},c.m=e,c.c=f,c.d=function(e,a,f){c.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:f})},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},c.p="/cube-ui/",c.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
diff --git a/docs/js/vendor.03c1e619c9792283e75e.js b/docs/js/vendor.03c1e619c9792283e75e.js
new file mode 100644
index 000000000..b187cc1e1
--- /dev/null
+++ b/docs/js/vendor.03c1e619c9792283e75e.js
@@ -0,0 +1,6 @@
+webpackJsonp([92],{"+2+s":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("49qz")(!0);r(r.P,"String",{at:function(t){return o(this,t)}})},"+CM9":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("ot5s")(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(a||!n("NNrz")(i)),"Array",{indexOf:function(t){return a?i.apply(this,arguments)||0:o(this,t,arguments[1])}})},"+E39":function(t,e,n){t.exports=!n("S82l")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},"+Mt+":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("7gX0"),i=n("OzIq"),a=n("7O1s"),u=n("nphH");r(r.P+r.R,"Promise",{finally:function(t){var e=a(this,o.Promise||i.Promise),n="function"==typeof t;return this.then(n?function(n){return u(e,t()).then(function(){return n})}:t,n?function(n){return u(e,t()).then(function(){throw n})}:t)}})},"+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,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},"+oTD":function(t,e,n){var r,o,i;!function(n,a){o=[t,e],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t){for(var e=t.length;e--&&r.test(t.charAt(e)););return e}Object.defineProperty(e,"__esModule",{value:!0});var r=/\s/;e.default=n,t.exports=e.default})},"+tPU":function(t,e,n){n("xGkn");for(var r=n("7KvD"),o=n("hJx8"),i=n("/bQp"),a=n("dSzd")("toStringTag"),u="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(","),s=0;s<u.length;s++){var c=u[s],f=r[c],l=f&&f.prototype;l&&!l[a]&&o(l,a,c),i[c]=i.Array}},"+vXH":function(t,e,n){n("77Ug")("Float64",8,function(t){return function(e,n,r){return t(this,e,n,r)}})},"+yjc":function(t,e,n){var r=n("UKM+");n("3i66")("isSealed",function(t){return function(e){return!r(e)||!!t&&t(e)}})},"//Fk":function(t,e,n){t.exports={default:n("U5ju"),__esModule:!0}},"/5sW":function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t,n){function r(t){return void 0===t||null===t}function o(t){return void 0!==t&&null!==t}function i(t){return!0===t}function a(t){return!1===t}function u(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function s(t){return null!==t&&"object"==typeof t}function c(t){return"[object Object]"===mr.call(t)}function f(t){return"[object RegExp]"===mr.call(t)}function l(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function d(t){var e=parseFloat(t);return isNaN(e)?t:e}function h(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o<r.length;o++)n[r[o]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}function v(t,e){if(t.length){var n=t.indexOf(e);if(n>-1)return t.splice(n,1)}}function g(t,e){return _r.call(t,e)}function y(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function m(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<t.length;n++)t[n]&&w(e,t[n]);return e}function O(t,e,n){}function E(t,e){if(t===e)return!0;var n=s(t),r=s(e);if(!n||!r)return!n&&!r&&String(t)===String(e);try{var o=Array.isArray(t),i=Array.isArray(e);if(o&&i)return t.length===e.length&&t.every(function(t,n){return E(t,e[n])});if(o||i)return!1;var a=Object.keys(t),u=Object.keys(e);return a.length===u.length&&a.every(function(n){return E(t[n],e[n])})}catch(t){return!1}}function S(t,e){for(var n=0;n<t.length;n++)if(E(t[n],e))return n;return-1}function P(t){var e=!1;return function(){e||(e=!0,t.apply(this,arguments))}}function M(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function A(t,e,n,r){Object.defineProperty(t,e,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function k(t){if(!Ir.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}function D(t){return"function"==typeof t&&/native code/.test(t.toString())}function C(t){Jr.target&&to.push(Jr.target),Jr.target=t}function N(){Jr.target=to.pop()}function I(t){return new eo(void 0,void 0,void 0,String(t))}function R(t){var e=new eo(t.tag,t.data,t.children,t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.isCloned=!0,e}function T(t){uo=t}function j(t,e,n){t.__proto__=e}function L(t,e,n){for(var r=0,o=n.length;r<o;r++){var i=n[r];A(t,i,e[i])}}function F(t,e){if(s(t)&&!(t instanceof eo)){var n;return g(t,"__ob__")&&t.__ob__ instanceof so?n=t.__ob__:uo&&!Xr()&&(Array.isArray(t)||c(t))&&Object.isExtensible(t)&&!t._isVue&&(n=new so(t)),e&&n&&n.vmCount++,n}}function U(t,e,n,r,o){var i=new Jr,a=Object.getOwnPropertyDescriptor(t,e);if(!a||!1!==a.configurable){var u=a&&a.get;u||2!==arguments.length||(n=t[e]);var s=a&&a.set,c=!o&&F(n);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=u?u.call(t):n;return Jr.target&&(i.depend(),c&&(c.dep.depend(),Array.isArray(e)&&$(e))),e},set:function(e){var r=u?u.call(t):n;e===r||e!==e&&r!==r||(s?s.call(t,e):n=e,c=!o&&F(e),i.notify())}})}}function z(t,e,n){if(Array.isArray(t)&&l(e))return t.length=Math.max(t.length,e),t.splice(e,1,n),n;if(e in t&&!(e in Object.prototype))return t[e]=n,n;var r=t.__ob__;return t._isVue||r&&r.vmCount?n:r?(U(r.value,e,n),r.dep.notify(),n):(t[e]=n,n)}function B(t,e){if(Array.isArray(t)&&l(e))return void t.splice(e,1);var n=t.__ob__;t._isVue||n&&n.vmCount||g(t,e)&&(delete t[e],n&&n.dep.notify())}function $(t){for(var e=void 0,n=0,r=t.length;n<r;n++)e=t[n],e&&e.__ob__&&e.__ob__.dep.depend(),Array.isArray(e)&&$(e)}function q(t,e){if(!e)return t;for(var n,r,o,i=Object.keys(e),a=0;a<i.length;a++)n=i[a],r=t[n],o=e[n],g(t,n)?c(r)&&c(o)&&q(r,o):z(t,n,o);return t}function W(t,e,n){return n?function(){var r="function"==typeof e?e.call(n,n):e,o="function"==typeof t?t.call(n,n):t;return r?q(r,o):o}:e?t?function(){return q("function"==typeof e?e.call(this,this):e,"function"==typeof t?t.call(this,this):t)}:e:t}function K(t,e){return e?t?t.concat(e):Array.isArray(e)?e:[e]:t}function V(t,e,n,r){var o=Object.create(t||null);return e?w(o,e):o}function G(t,e){var n=t.props;if(n){var r,o,i,a={};if(Array.isArray(n))for(r=n.length;r--;)"string"==typeof(o=n[r])&&(i=xr(o),a[i]={type:null});else if(c(n))for(var u in n)o=n[u],i=xr(u),a[i]=c(o)?o:{type:o};t.props=a}}function X(t,e){var n=t.inject;if(n){var r=t.inject={};if(Array.isArray(n))for(var o=0;o<n.length;o++)r[n[o]]={from:n[o]};else if(c(n))for(var i in n){var a=n[i];r[i]=c(a)?w({from:i},a):{from:a}}}}function Y(t){var e=t.directives;if(e)for(var n in e){var r=e[n];"function"==typeof r&&(e[n]={bind:r,update:r})}}function H(t,e,n){function r(r){var o=co[r]||po;s[r]=o(t[r],e[r],n,r)}"function"==typeof e&&(e=e.options),G(e,n),X(e,n),Y(e);var o=e.extends;if(o&&(t=H(t,o,n)),e.mixins)for(var i=0,a=e.mixins.length;i<a;i++)t=H(t,e.mixins[i],n);var u,s={};for(u in t)r(u);for(u in e)g(t,u)||r(u);return s}function Q(t,e,n,r){if("string"==typeof n){var o=t[e];if(g(o,n))return o[n];var i=xr(n);if(g(o,i))return o[i];var a=Or(i);if(g(o,a))return o[a];return o[n]||o[i]||o[a]}}function Z(t,e,n,r){var o=e[t],i=!g(n,t),a=n[t],u=nt(Boolean,o.type);if(u>-1)if(i&&!g(o,"default"))a=!1;else if(""===a||a===Sr(t)){var s=nt(String,o.type);(s<0||u<s)&&(a=!0)}if(void 0===a){a=J(r,o,t);var c=uo;T(!0),F(a),T(c)}return a}function J(t,e,n){if(g(e,"default")){var r=e.default;return t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t._props[n]?t._props[n]:"function"==typeof r&&"Function"!==tt(e.type)?r.call(t):r}}function tt(t){var e=t&&t.toString().match(/^\s*function (\w+)/);return e?e[1]:""}function et(t,e){return tt(t)===tt(e)}function nt(t,e){if(!Array.isArray(e))return et(e,t)?0:-1;for(var n=0,r=e.length;n<r;n++)if(et(e[n],t))return n;return-1}function rt(t,e,n){if(e)for(var r=e;r=r.$parent;){var o=r.$options.errorCaptured;if(o)for(var i=0;i<o.length;i++)try{var a=!1===o[i].call(r,t,e,n);if(a)return}catch(t){ot(t,r,"errorCaptured hook")}}ot(t,e,n)}function ot(t,e,n){if(Nr.errorHandler)try{return Nr.errorHandler.call(null,t,e,n)}catch(t){it(t,null,"config.errorHandler")}it(t,e,n)}function it(t,e,n){if(!Tr&&!jr||"undefined"==typeof console)throw t;console.error(t)}function at(){vo=!1;var t=ho.slice(0);ho.length=0;for(var e=0;e<t.length;e++)t[e]()}function ut(t){return t._withTask||(t._withTask=function(){go=!0;var e=t.apply(null,arguments);return go=!1,e})}function st(t,e){var n;if(ho.push(function(){if(t)try{t.call(e)}catch(t){rt(t,e,"nextTick")}else n&&n(e)}),vo||(vo=!0,go?lo():fo()),!t&&"undefined"!=typeof Promise)return new Promise(function(t){n=t})}function ct(t){ft(t,wo),wo.clear()}function ft(t,e){var n,r,o=Array.isArray(t);if(!(!o&&!s(t)||Object.isFrozen(t)||t instanceof eo)){if(t.__ob__){var i=t.__ob__.dep.id;if(e.has(i))return;e.add(i)}if(o)for(n=t.length;n--;)ft(t[n],e);else for(r=Object.keys(t),n=r.length;n--;)ft(t[r[n]],e)}}function lt(t){function e(){var t=arguments,n=e.fns;if(!Array.isArray(n))return n.apply(null,arguments);for(var r=n.slice(),o=0;o<r.length;o++)r[o].apply(null,t)}return e.fns=t,e}function pt(t,e,n,o,i){var a,u,s,c;for(a in t)u=t[a],s=e[a],c=xo(a),r(u)||(r(s)?(r(u.fns)&&(u=t[a]=lt(u)),n(c.name,u,c.once,c.capture,c.passive,c.params)):u!==s&&(s.fns=u,t[a]=s));for(a in e)r(t[a])&&(c=xo(a),o(c.name,e[a],c.capture))}function dt(t,e,n){function a(){n.apply(this,arguments),v(u.fns,a)}t instanceof eo&&(t=t.data.hook||(t.data.hook={}));var u,s=t[e];r(s)?u=lt([a]):o(s.fns)&&i(s.merged)?(u=s,u.fns.push(a)):u=lt([s,a]),u.merged=!0,t[e]=u}function ht(t,e,n){var i=e.options.props;if(!r(i)){var a={},u=t.attrs,s=t.props;if(o(u)||o(s))for(var c in i){var f=Sr(c);vt(a,s,c,f,!0)||vt(a,u,c,f,!1)}return a}}function vt(t,e,n,r,i){if(o(e)){if(g(e,n))return t[n]=e[n],i||delete e[n],!0;if(g(e,r))return t[n]=e[r],i||delete e[r],!0}return!1}function gt(t){for(var e=0;e<t.length;e++)if(Array.isArray(t[e]))return Array.prototype.concat.apply([],t);return t}function yt(t){return u(t)?[I(t)]:Array.isArray(t)?bt(t):void 0}function mt(t){return o(t)&&o(t.text)&&a(t.isComment)}function bt(t,e){var n,a,s,c,f=[];for(n=0;n<t.length;n++)a=t[n],r(a)||"boolean"==typeof a||(s=f.length-1,c=f[s],Array.isArray(a)?a.length>0&&(a=bt(a,(e||"")+"_"+n),mt(a[0])&&mt(c)&&(f[s]=I(c.text+a[0].text),a.shift()),f.push.apply(f,a)):u(a)?mt(c)?f[s]=I(c.text+a):""!==a&&f.push(I(a)):mt(a)&&mt(c)?f[s]=I(c.text+a.text):(i(t._isVList)&&o(a.tag)&&r(a.key)&&o(e)&&(a.key="__vlist"+e+"_"+n+"__"),f.push(a)));return f}function _t(t,e){return(t.__esModule||Hr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),s(t)?e.extend(t):t}function wt(t,e,n,r,o){var i=ro();return i.asyncFactory=t,i.asyncMeta={data:e,context:n,children:r,tag:o},i}function xt(t,e,n){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=[n],u=!0,c=function(){for(var t=0,e=a.length;t<e;t++)a[t].$forceUpdate()},f=P(function(n){t.resolved=_t(n,e),u||c()}),l=P(function(e){o(t.errorComp)&&(t.error=!0,c())}),p=t(f,l);return s(p)&&("function"==typeof p.then?r(t.resolved)&&p.then(f,l):o(p.component)&&"function"==typeof p.component.then&&(p.component.then(f,l),o(p.error)&&(t.errorComp=_t(p.error,e)),o(p.loading)&&(t.loadingComp=_t(p.loading,e),0===p.delay?t.loading=!0:setTimeout(function(){r(t.resolved)&&r(t.error)&&(t.loading=!0,c())},p.delay||200)),o(p.timeout)&&setTimeout(function(){r(t.resolved)&&l(null)},p.timeout))),u=!1,t.loading?t.loadingComp:t.resolved}t.contexts.push(n)}function Ot(t){return t.isComment&&t.asyncFactory}function Et(t){if(Array.isArray(t))for(var e=0;e<t.length;e++){var n=t[e];if(o(n)&&(o(n.componentOptions)||Ot(n)))return n}}function St(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&At(t,e)}function Pt(t,e,n){n?_o.$once(t,e):_o.$on(t,e)}function Mt(t,e){_o.$off(t,e)}function At(t,e,n){_o=t,pt(e,n||{},Pt,Mt,t),_o=void 0}function kt(t,e){var n={};if(!t)return n;for(var r=0,o=t.length;r<o;r++){var i=t[r],a=i.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,i.context!==e&&i.fnContext!==e||!a||null==a.slot)(n.default||(n.default=[])).push(i);else{var u=a.slot,s=n[u]||(n[u]=[]);"template"===i.tag?s.push.apply(s,i.children||[]):s.push(i)}}for(var c in n)n[c].every(Dt)&&delete n[c];return n}function Dt(t){return t.isComment&&!t.asyncFactory||" "===t.text}function Ct(t,e){e=e||{};for(var n=0;n<t.length;n++)Array.isArray(t[n])?Ct(t[n],e):e[t[n].key]=t[n].fn;return e}function Nt(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}function It(t,e,n){t.$el=e,t.$options.render||(t.$options.render=ro),Ft(t,"beforeMount");var r;return r=function(){t._update(t._render(),n)},new Co(t,r,O,null,!0),n=!1,null==t.$vnode&&(t._isMounted=!0,Ft(t,"mounted")),t}function Rt(t,e,n,r,o){var i=!!(o||t.$options._renderChildren||r.data.scopedSlots||t.$scopedSlots!==yr);if(t.$options._parentVnode=r,t.$vnode=r,t._vnode&&(t._vnode.parent=r),t.$options._renderChildren=o,t.$attrs=r.data.attrs||yr,t.$listeners=n||yr,e&&t.$options.props){T(!1);for(var a=t._props,u=t.$options._propKeys||[],s=0;s<u.length;s++){var c=u[s],f=t.$options.props;a[c]=Z(c,f,e,t)}T(!0),t.$options.propsData=e}n=n||yr;var l=t.$options._parentListeners;t.$options._parentListeners=n,At(t,n,l),i&&(t.$slots=kt(o,r.context),t.$forceUpdate())}function Tt(t){for(;t&&(t=t.$parent);)if(t._inactive)return!0;return!1}function jt(t,e){if(e){if(t._directInactive=!1,Tt(t))return}else if(t._directInactive)return;if(t._inactive||null===t._inactive){t._inactive=!1;for(var n=0;n<t.$children.length;n++)jt(t.$children[n]);Ft(t,"activated")}}function Lt(t,e){if(!(e&&(t._directInactive=!0,Tt(t))||t._inactive)){t._inactive=!0;for(var n=0;n<t.$children.length;n++)Lt(t.$children[n]);Ft(t,"deactivated")}}function Ft(t,e){C();var n=t.$options[e];if(n)for(var r=0,o=n.length;r<o;r++)try{n[r].call(t)}catch(n){rt(n,t,e+" hook")}t._hasHookEvent&&t.$emit("hook:"+e),N()}function Ut(){ko=Eo.length=So.length=0,Po={},Mo=Ao=!1}function zt(){Ao=!0;var t,e;for(Eo.sort(function(t,e){return t.id-e.id}),ko=0;ko<Eo.length;ko++)t=Eo[ko],e=t.id,Po[e]=null,t.run();var n=So.slice(),r=Eo.slice();Ut(),qt(n),Bt(r),Yr&&Nr.devtools&&Yr.emit("flush")}function Bt(t){for(var e=t.length;e--;){var n=t[e],r=n.vm;r._watcher===n&&r._isMounted&&Ft(r,"updated")}}function $t(t){t._inactive=!1,So.push(t)}function qt(t){for(var e=0;e<t.length;e++)t[e]._inactive=!0,jt(t[e],!0)}function Wt(t){var e=t.id;if(null==Po[e]){if(Po[e]=!0,Ao){for(var n=Eo.length-1;n>ko&&Eo[n].id>t.id;)n--;Eo.splice(n+1,0,t)}else Eo.push(t);Mo||(Mo=!0,st(zt))}}function Kt(t,e,n){No.get=function(){return this[e][n]},No.set=function(t){this[e][n]=t},Object.defineProperty(t,n,No)}function Vt(t){t._watchers=[];var e=t.$options;e.props&&Gt(t,e.props),e.methods&&Jt(t,e.methods),e.data?Xt(t):F(t._data={},!0),e.computed&&Ht(t,e.computed),e.watch&&e.watch!==qr&&te(t,e.watch)}function Gt(t,e){var n=t.$options.propsData||{},r=t._props={},o=t.$options._propKeys=[];!t.$parent||T(!1);for(var i in e)!function(i){o.push(i);var a=Z(i,e,n,t);U(r,i,a),i in t||Kt(t,"_props",i)}(i);T(!0)}function Xt(t){var e=t.$options.data;e=t._data="function"==typeof e?Yt(e,t):e||{},c(e)||(e={});for(var n=Object.keys(e),r=t.$options.props,o=(t.$options.methods,n.length);o--;){var i=n[o];r&&g(r,i)||M(i)||Kt(t,"_data",i)}F(e,!0)}function Yt(t,e){C();try{return t.call(e,e)}catch(t){return rt(t,e,"data()"),{}}finally{N()}}function Ht(t,e){var n=t._computedWatchers=Object.create(null),r=Xr();for(var o in e){var i=e[o],a="function"==typeof i?i:i.get;r||(n[o]=new Co(t,a||O,O,Io)),o in t||Qt(t,o,i)}}function Qt(t,e,n){var r=!Xr();"function"==typeof n?(No.get=r?Zt(e):n,No.set=O):(No.get=n.get?r&&!1!==n.cache?Zt(e):n.get:O,No.set=n.set?n.set:O),Object.defineProperty(t,e,No)}function Zt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),Jr.target&&e.depend(),e.value}}function Jt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?O:Pr(e[n],t)}function te(t,e){for(var n in e){var r=e[n];if(Array.isArray(r))for(var o=0;o<r.length;o++)ee(t,n,r[o]);else ee(t,n,r)}}function ee(t,e,n,r){return c(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,r)}function ne(t){var e=t.$options.provide;e&&(t._provided="function"==typeof e?e.call(t):e)}function re(t){var e=oe(t.$options.inject,t);e&&(T(!1),Object.keys(e).forEach(function(n){U(t,n,e[n])}),T(!0))}function oe(t,e){if(t){for(var n=Object.create(null),r=Hr?Reflect.ownKeys(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}):Object.keys(t),o=0;o<r.length;o++){for(var i=r[o],a=t[i].from,u=e;u;){if(u._provided&&g(u._provided,a)){n[i]=u._provided[a];break}u=u.$parent}if(!u&&"default"in t[i]){var s=t[i].default;n[i]="function"==typeof s?s.call(e):s}}return n}}function ie(t,e){var n,r,i,a,u;if(Array.isArray(t)||"string"==typeof t)for(n=new Array(t.length),r=0,i=t.length;r<i;r++)n[r]=e(t[r],r);else if("number"==typeof t)for(n=new Array(t),r=0;r<t;r++)n[r]=e(r+1,r);else if(s(t))for(a=Object.keys(t),n=new Array(a.length),r=0,i=a.length;r<i;r++)u=a[r],n[r]=e(t[u],u,r);return o(n)&&(n._isVList=!0),n}function ae(t,e,n,r){var o,i=this.$scopedSlots[t];if(i)n=n||{},r&&(n=w(w({},r),n)),o=i(n)||e;else{var a=this.$slots[t];a&&(a._rendered=!0),o=a||e}var u=n&&n.slot;return u?this.$createElement("template",{slot:u},o):o}function ue(t){return Q(this.$options,"filters",t,!0)||Ar}function se(t,e){return Array.isArray(t)?-1===t.indexOf(e):t!==e}function ce(t,e,n,r,o){var i=Nr.keyCodes[e]||n;return o&&r&&!Nr.keyCodes[e]?se(o,r):i?se(i,t):r?Sr(r)!==e:void 0}function fe(t,e,n,r,o){if(n)if(s(n)){Array.isArray(n)&&(n=x(n));var i;for(var a in n)!function(a){if("class"===a||"style"===a||br(a))i=t;else{var u=t.attrs&&t.attrs.type;i=r||Nr.mustUseProp(e,u,a)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={})}if(!(a in i)&&(i[a]=n[a],o)){(t.on||(t.on={}))["update:"+a]=function(t){n[a]=t}}}(a)}else;return t}function le(t,e){var n=this._staticTrees||(this._staticTrees=[]),r=n[t];return r&&!e?r:(r=n[t]=this.$options.staticRenderFns[t].call(this._renderProxy,null,this),de(r,"__static__"+t,!1),r)}function pe(t,e,n){return de(t,"__once__"+e+(n?"_"+n:""),!0),t}function de(t,e,n){if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]&&"string"!=typeof t[r]&&he(t[r],e+"_"+r,n);else he(t,e,n)}function he(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}function ve(t,e){if(e)if(c(e)){var n=t.on=t.on?w({},t.on):{};for(var r in e){var o=n[r],i=e[r];n[r]=o?[].concat(o,i):i}}else;return t}function ge(t){t._o=pe,t._n=d,t._s=p,t._l=ie,t._t=ae,t._q=E,t._i=S,t._m=le,t._f=ue,t._k=ce,t._b=fe,t._v=I,t._e=ro,t._u=Ct,t._g=ve}function ye(t,e,n,r,o){var a,u=o.options;g(r,"_uid")?(a=Object.create(r),a._original=r):(a=r,r=r._original);var s=i(u._compiled),c=!s;this.data=t,this.props=e,this.children=n,this.parent=r,this.listeners=t.on||yr,this.injections=oe(u.inject,r),this.slots=function(){return kt(n,r)},s&&(this.$options=u,this.$slots=this.slots(),this.$scopedSlots=t.scopedSlots||yr),u._scopeId?this._c=function(t,e,n,o){var i=Se(a,t,e,n,o,c);return i&&!Array.isArray(i)&&(i.fnScopeId=u._scopeId,i.fnContext=r),i}:this._c=function(t,e,n,r){return Se(a,t,e,n,r,c)}}function me(t,e,n,r,i){var a=t.options,u={},s=a.props;if(o(s))for(var c in s)u[c]=Z(c,s,e||yr);else o(n.attrs)&&_e(u,n.attrs),o(n.props)&&_e(u,n.props);var f=new ye(n,u,i,r,t),l=a.render.call(null,f._c,f);if(l instanceof eo)return be(l,n,f.parent,a);if(Array.isArray(l)){for(var p=yt(l)||[],d=new Array(p.length),h=0;h<p.length;h++)d[h]=be(p[h],n,f.parent,a);return d}}function be(t,e,n,r){var o=R(t);return o.fnContext=n,o.fnOptions=r,e.slot&&((o.data||(o.data={})).slot=e.slot),o}function _e(t,e){for(var n in e)t[xr(n)]=e[n]}function we(t,e,n,a,u){if(!r(t)){var c=n.$options._base;if(s(t)&&(t=c.extend(t)),"function"==typeof t){var f;if(r(t.cid)&&(f=t,void 0===(t=xt(f,c,n))))return wt(f,e,n,a,u);e=e||{},Ce(t),o(e.model)&&Ee(t.options,e);var l=ht(e,t,u);if(i(t.options.functional))return me(t,l,e,n,a);var p=e.on;if(e.on=e.nativeOn,i(t.options.abstract)){var d=e.slot;e={},d&&(e.slot=d)}Oe(e);var h=t.options.name||u;return new eo("vue-component-"+t.cid+(h?"-"+h:""),e,void 0,void 0,void 0,n,{Ctor:t,propsData:l,listeners:p,tag:u,children:a},f)}}}function xe(t,e,n,r){var i={_isComponent:!0,parent:e,_parentVnode:t,_parentElm:n||null,_refElm:r||null},a=t.data.inlineTemplate;return o(a)&&(i.render=a.render,i.staticRenderFns=a.staticRenderFns),new t.componentOptions.Ctor(i)}function Oe(t){for(var e=t.hook||(t.hook={}),n=0;n<To.length;n++){var r=To[n];e[r]=Ro[r]}}function Ee(t,e){var n=t.model&&t.model.prop||"value",r=t.model&&t.model.event||"input";(e.props||(e.props={}))[n]=e.model.value;var i=e.on||(e.on={});o(i[r])?i[r]=[e.model.callback].concat(i[r]):i[r]=e.model.callback}function Se(t,e,n,r,o,a){return(Array.isArray(n)||u(n))&&(o=r,r=n,n=void 0),i(a)&&(o=Lo),Pe(t,e,n,r,o)}function Pe(t,e,n,r,i){if(o(n)&&o(n.__ob__))return ro();if(o(n)&&o(n.is)&&(e=n.is),!e)return ro();Array.isArray(r)&&"function"==typeof r[0]&&(n=n||{},n.scopedSlots={default:r[0]},r.length=0),i===Lo?r=yt(r):i===jo&&(r=gt(r));var a,u;if("string"==typeof e){var s;u=t.$vnode&&t.$vnode.ns||Nr.getTagNamespace(e),a=Nr.isReservedTag(e)?new eo(Nr.parsePlatformTagName(e),n,r,void 0,void 0,t):o(s=Q(t.$options,"components",e))?we(s,n,t,r,e):new eo(e,n,r,void 0,void 0,t)}else a=we(e,n,t,r);return Array.isArray(a)?a:o(a)?(o(u)&&Me(a,u),o(n)&&Ae(n),a):ro()}function Me(t,e,n){if(t.ns=e,"foreignObject"===t.tag&&(e=void 0,n=!0),o(t.children))for(var a=0,u=t.children.length;a<u;a++){var s=t.children[a];o(s.tag)&&(r(s.ns)||i(n)&&"svg"!==s.tag)&&Me(s,e,n)}}function Ae(t){s(t.style)&&ct(t.style),s(t.class)&&ct(t.class)}function ke(t){t._vnode=null,t._staticTrees=null;var e=t.$options,n=t.$vnode=e._parentVnode,r=n&&n.context;t.$slots=kt(e._renderChildren,r),t.$scopedSlots=yr,t._c=function(e,n,r,o){return Se(t,e,n,r,o,!1)},t.$createElement=function(e,n,r,o){return Se(t,e,n,r,o,!0)};var o=n&&n.data;U(t,"$attrs",o&&o.attrs||yr,null,!0),U(t,"$listeners",e._parentListeners||yr,null,!0)}function De(t,e){var n=t.$options=Object.create(t.constructor.options),r=e._parentVnode;n.parent=e.parent,n._parentVnode=r,n._parentElm=e._parentElm,n._refElm=e._refElm;var o=r.componentOptions;n.propsData=o.propsData,n._parentListeners=o.listeners,n._renderChildren=o.children,n._componentTag=o.tag,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}function Ce(t){var e=t.options;if(t.super){var n=Ce(t.super);if(n!==t.superOptions){t.superOptions=n;var r=Ne(t);r&&w(t.extendOptions,r),e=t.options=H(n,t.extendOptions),e.name&&(e.components[e.name]=t)}}return e}function Ne(t){var e,n=t.options,r=t.extendOptions,o=t.sealedOptions;for(var i in n)n[i]!==o[i]&&(e||(e={}),e[i]=Ie(n[i],r[i],o[i]));return e}function Ie(t,e,n){if(Array.isArray(t)){var r=[];n=Array.isArray(n)?n:[n],e=Array.isArray(e)?e:[e];for(var o=0;o<t.length;o++)(e.indexOf(t[o])>=0||n.indexOf(t[o])<0)&&r.push(t[o]);return r}return t}function Re(t){this._init(t)}function Te(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 je(t){t.mixin=function(t){return this.options=H(this.options,t),this}}function Le(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=t.name||n.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=e++,a.options=H(n.options,t),a.super=n,a.options.props&&Fe(a),a.options.computed&&Ue(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,Dr.forEach(function(t){a[t]=n[t]}),i&&(a.options.components[i]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=w({},a.options),o[r]=a,a}}function Fe(t){var e=t.options.props;for(var n in e)Kt(t.prototype,"_props",n)}function Ue(t){var e=t.options.computed;for(var n in e)Qt(t.prototype,n,e[n])}function ze(t){Dr.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&c(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 $e(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!f(t)&&t.test(e)}function qe(t,e){var n=t.cache,r=t.keys,o=t._vnode;for(var i in n){var a=n[i];if(a){var u=Be(a.componentOptions);u&&!e(u)&&We(n,i,r,o)}}}function We(t,e,n,r){var o=t[e];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),t[e]=null,v(n,e)}function Ke(t){for(var e=t.data,n=t,r=t;o(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=Ve(r.data,e));for(;o(n=n.parent);)n&&n.data&&(e=Ve(e,n.data));return Ge(e.staticClass,e.class)}function Ve(t,e){return{staticClass:Xe(t.staticClass,e.staticClass),class:o(t.class)?[t.class,e.class]:e.class}}function Ge(t,e){return o(t)||o(e)?Xe(t,Ye(e)):""}function Xe(t,e){return t?e?t+" "+e:t:e||""}function Ye(t){return Array.isArray(t)?He(t):s(t)?Qe(t):"string"==typeof t?t:""}function He(t){for(var e,n="",r=0,i=t.length;r<i;r++)o(e=Ye(t[r]))&&""!==e&&(n&&(n+=" "),n+=e);return n}function Qe(t){var e="";for(var n in t)t[n]&&(e&&(e+=" "),e+=n);return e}function Ze(t){return ei(t)?"svg":"math"===t?"math":void 0}function Je(t){if(!Tr)return!0;if(ni(t))return!1;if(t=t.toLowerCase(),null!=ri[t])return ri[t];var e=document.createElement(t);return t.indexOf("-")>-1?ri[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:ri[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(Jo[t],e)}function rn(t){return document.createTextNode(t)}function on(t){return document.createComment(t)}function an(t,e,n){t.insertBefore(e,n)}function un(t,e){t.removeChild(e)}function sn(t,e){t.appendChild(e)}function cn(t){return t.parentNode}function fn(t){return t.nextSibling}function ln(t){return t.tagName}function pn(t,e){t.textContent=e}function dn(t,e){t.setAttribute(e,"")}function hn(t,e){var n=t.data.ref;if(o(n)){var r=t.context,i=t.componentInstance||t.elm,a=r.$refs;e?Array.isArray(a[n])?v(a[n],i):a[n]===i&&(a[n]=void 0):t.data.refInFor?Array.isArray(a[n])?a[n].indexOf(i)<0&&a[n].push(i):a[n]=[i]:a[n]=i}}function vn(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&o(t.data)===o(e.data)&&gn(t,e)||i(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function gn(t,e){if("input"!==t.tag)return!0;var n,r=o(n=t.data)&&o(n=n.attrs)&&n.type,i=o(n=e.data)&&o(n=n.attrs)&&n.type;return r===i||oi(r)&&oi(i)}function yn(t,e,n){var r,i,a={};for(r=e;r<=n;++r)i=t[r].key,o(i)&&(a[i]=r);return a}function mn(t,e){(t.data.directives||e.data.directives)&&bn(t,e)}function bn(t,e){var n,r,o,i=t===ui,a=e===ui,u=_n(t.data.directives,t.context),s=_n(e.data.directives,e.context),c=[],f=[];for(n in s)r=u[n],o=s[n],r?(o.oldValue=r.value,xn(o,"update",e,t),o.def&&o.def.componentUpdated&&f.push(o)):(xn(o,"bind",e,t),o.def&&o.def.inserted&&c.push(o));if(c.length){var l=function(){for(var n=0;n<c.length;n++)xn(c[n],"inserted",e,t)};i?dt(e,"insert",l):l()}if(f.length&&dt(e,"postpatch",function(){for(var n=0;n<f.length;n++)xn(f[n],"componentUpdated",e,t)}),!i)for(n in u)s[n]||xn(u[n],"unbind",t,t,a)}function _n(t,e){var n=Object.create(null);if(!t)return n;var r,o;for(r=0;r<t.length;r++)o=t[r],o.modifiers||(o.modifiers=fi),n[wn(o)]=o,o.def=Q(e.$options,"directives",o.name,!0);return n}function wn(t){return t.rawName||t.name+"."+Object.keys(t.modifiers||{}).join(".")}function xn(t,e,n,r,o){var i=t.def&&t.def[e];if(i)try{i(n.elm,t,n,r,o)}catch(r){rt(r,n.context,"directive "+t.name+" "+e+" hook")}}function On(t,e){var n=e.componentOptions;if(!(o(n)&&!1===n.Ctor.options.inheritAttrs||r(t.data.attrs)&&r(e.data.attrs))){var i,a,u=e.elm,s=t.data.attrs||{},c=e.data.attrs||{};o(c.__ob__)&&(c=e.data.attrs=w({},c));for(i in c)a=c[i],s[i]!==a&&En(u,i,a);(Ur||Br)&&c.value!==s.value&&En(u,"value",c.value);for(i in s)r(c[i])&&(Ho(i)?u.removeAttributeNS(Yo,Qo(i)):Go(i)||u.removeAttribute(i))}}function En(t,e,n){t.tagName.indexOf("-")>-1?Sn(t,e,n):Xo(e)?Zo(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):Go(e)?t.setAttribute(e,Zo(n)||"false"===n?"false":"true"):Ho(e)?Zo(n)?t.removeAttributeNS(Yo,Qo(e)):t.setAttributeNS(Yo,e,n):Sn(t,e,n)}function Sn(t,e,n){if(Zo(n))t.removeAttribute(e);else{if(Ur&&!zr&&"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 Pn(t,e){var n=e.elm,i=e.data,a=t.data;if(!(r(i.staticClass)&&r(i.class)&&(r(a)||r(a.staticClass)&&r(a.class)))){var u=Ke(e),s=n._transitionClasses;o(s)&&(u=Xe(u,Ye(s))),u!==n._prevClass&&(n.setAttribute("class",u),n._prevClass=u)}}function Mn(t){if(o(t[hi])){var e=Ur?"change":"input";t[e]=[].concat(t[hi],t[e]||[]),delete t[hi]}o(t[vi])&&(t.change=[].concat(t[vi],t.change||[]),delete t[vi])}function An(t,e,n){var r=$o;return function o(){null!==t.apply(null,arguments)&&Dn(e,o,n,r)}}function kn(t,e,n,r,o){e=ut(e),n&&(e=An(e,t,r)),$o.addEventListener(t,e,Wr?{capture:r,passive:o}:r)}function Dn(t,e,n,r){(r||$o).removeEventListener(t,e._withTask||e,n)}function Cn(t,e){if(!r(t.data.on)||!r(e.data.on)){var n=e.data.on||{},o=t.data.on||{};$o=e.elm,Mn(n),pt(n,o,kn,Dn,e.context),$o=void 0}}function Nn(t,e){if(!r(t.data.domProps)||!r(e.data.domProps)){var n,i,a=e.elm,u=t.data.domProps||{},s=e.data.domProps||{};o(s.__ob__)&&(s=e.data.domProps=w({},s));for(n in u)r(s[n])&&(a[n]="");for(n in s){if(i=s[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),i===u[n])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===n){a._value=i;var c=r(i)?"":String(i);In(a,c)&&(a.value=c)}else a[n]=i}}}function In(t,e){return!t.composing&&("OPTION"===t.tagName||Rn(t,e)||Tn(t,e))}function Rn(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}function Tn(t,e){var n=t.value,r=t._vModifiers;if(o(r)){if(r.lazy)return!1;if(r.number)return d(n)!==d(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}function jn(t){var e=Ln(t.style);return t.staticStyle?w(t.staticStyle,e):e}function Ln(t){return Array.isArray(t)?x(t):"string"==typeof t?mi(t):t}function Fn(t,e){var n,r={};if(e)for(var o=t;o.componentInstance;)(o=o.componentInstance._vnode)&&o.data&&(n=jn(o.data))&&w(r,n);(n=jn(t.data))&&w(r,n);for(var i=t;i=i.parent;)i.data&&(n=jn(i.data))&&w(r,n);return r}function Un(t,e){var n=e.data,i=t.data;if(!(r(n.staticStyle)&&r(n.style)&&r(i.staticStyle)&&r(i.style))){var a,u,s=e.elm,c=i.staticStyle,f=i.normalizedStyle||i.style||{},l=c||f,p=Ln(e.data.style)||{};e.data.normalizedStyle=o(p.__ob__)?w({},p):p;var d=Fn(e,!0);for(u in l)r(d[u])&&wi(s,u,"");for(u in d)(a=d[u])!==l[u]&&wi(s,u,null==a?"":a)}}function zn(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 $n(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&w(e,Si(t.name||"v")),w(e,t),e}return"string"==typeof t?Si(t):void 0}}function qn(t){Ii(function(){Ii(t)})}function Wn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),zn(t,e))}function Kn(t,e){t._transitionClasses&&v(t._transitionClasses,e),Bn(t,e)}function Vn(t,e,n){var r=Gn(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var u=o===Mi?Di:Ni,s=0,c=function(){t.removeEventListener(u,f),n()},f=function(e){e.target===t&&++s>=a&&c()};setTimeout(function(){s<a&&c()},i+1),t.addEventListener(u,f)}function Gn(t,e){var n,r=window.getComputedStyle(t),o=r[ki+"Delay"].split(", "),i=r[ki+"Duration"].split(", "),a=Xn(o,i),u=r[Ci+"Delay"].split(", "),s=r[Ci+"Duration"].split(", "),c=Xn(u,s),f=0,l=0;return e===Mi?a>0&&(n=Mi,f=a,l=i.length):e===Ai?c>0&&(n=Ai,f=c,l=s.length):(f=Math.max(a,c),n=f>0?a>c?Mi:Ai:null,l=n?n===Mi?i.length:s.length:0),{type:n,timeout:f,propCount:l,hasTransform:n===Mi&&Ri.test(r[ki+"Property"])}}function Xn(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map(function(e,n){return Yn(e)+Yn(t[n])}))}function Yn(t){return 1e3*Number(t.slice(0,-1))}function Hn(t,e){var n=t.elm;o(n._leaveCb)&&(n._leaveCb.cancelled=!0,n._leaveCb());var i=$n(t.data.transition);if(!r(i)&&!o(n._enterCb)&&1===n.nodeType){for(var a=i.css,u=i.type,c=i.enterClass,f=i.enterToClass,l=i.enterActiveClass,p=i.appearClass,h=i.appearToClass,v=i.appearActiveClass,g=i.beforeEnter,y=i.enter,m=i.afterEnter,b=i.enterCancelled,_=i.beforeAppear,w=i.appear,x=i.afterAppear,O=i.appearCancelled,E=i.duration,S=Oo,M=Oo.$vnode;M&&M.parent;)M=M.parent,S=M.context;var A=!S._isMounted||!t.isRootInsert;if(!A||w||""===w){var k=A&&p?p:c,D=A&&v?v:l,C=A&&h?h:f,N=A?_||g:g,I=A&&"function"==typeof w?w:y,R=A?x||m:m,T=A?O||b:b,j=d(s(E)?E.enter:E),L=!1!==a&&!zr,F=Jn(I),U=n._enterCb=P(function(){L&&(Kn(n,C),Kn(n,D)),U.cancelled?(L&&Kn(n,k),T&&T(n)):R&&R(n),n._enterCb=null});t.data.show||dt(t,"insert",function(){var e=n.parentNode,r=e&&e._pending&&e._pending[t.key];r&&r.tag===t.tag&&r.elm._leaveCb&&r.elm._leaveCb(),I&&I(n,U)}),N&&N(n),L&&(Wn(n,k),Wn(n,D),qn(function(){Kn(n,k),U.cancelled||(Wn(n,C),F||(Zn(j)?setTimeout(U,j):Vn(n,u,U)))})),t.data.show&&(e&&e(),I&&I(n,U)),L||F||U()}}}function Qn(t,e){function n(){O.cancelled||(t.data.show||((i.parentNode._pending||(i.parentNode._pending={}))[t.key]=t),h&&h(i),_&&(Wn(i,f),Wn(i,p),qn(function(){Kn(i,f),O.cancelled||(Wn(i,l),w||(Zn(x)?setTimeout(O,x):Vn(i,c,O)))})),v&&v(i,O),_||w||O())}var i=t.elm;o(i._enterCb)&&(i._enterCb.cancelled=!0,i._enterCb());var a=$n(t.data.transition);if(r(a)||1!==i.nodeType)return e();if(!o(i._leaveCb)){var u=a.css,c=a.type,f=a.leaveClass,l=a.leaveToClass,p=a.leaveActiveClass,h=a.beforeLeave,v=a.leave,g=a.afterLeave,y=a.leaveCancelled,m=a.delayLeave,b=a.duration,_=!1!==u&&!zr,w=Jn(v),x=d(s(b)?b.leave:b),O=i._leaveCb=P(function(){i.parentNode&&i.parentNode._pending&&(i.parentNode._pending[t.key]=null),_&&(Kn(i,l),Kn(i,p)),O.cancelled?(_&&Kn(i,f),y&&y(i)):(e(),g&&g(i)),i._leaveCb=null});m?m(n):n()}}function Zn(t){return"number"==typeof t&&!isNaN(t)}function Jn(t){if(r(t))return!1;var e=t.fns;return o(e)?Jn(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function tr(t,e){!0!==e.data.show&&Hn(e)}function er(t,e,n){nr(t,e,n),(Ur||Br)&&setTimeout(function(){nr(t,e,n)},0)}function nr(t,e,n){var r=e.value,o=t.multiple;if(!o||Array.isArray(r)){for(var i,a,u=0,s=t.options.length;u<s;u++)if(a=t.options[u],o)i=S(r,or(a))>-1,a.selected!==i&&(a.selected=i);else if(E(or(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));o||(t.selectedIndex=-1)}}function rr(t,e){return e.every(function(e){return!E(e,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,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function sr(t){return!t.componentInstance||t.data&&t.data.transition?t:sr(t.componentInstance._vnode)}function cr(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?cr(Et(e.children)):t}function fr(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var i in o)e[xr(i)]=o[i];return e}function lr(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function pr(t){for(;t=t.parent;)if(t.data.transition)return!0}function dr(t,e){return e.key===t.key&&e.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 gr(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.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.17
+ * (c) 2014-2018 Evan You
+ * Released under the MIT License.
+ */
+var yr=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=y(function(t){return t.replace(wr,function(t,e){return e?e.toUpperCase():""})}),Or=y(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Er=/\B([A-Z])/g,Sr=y(function(t){return t.replace(Er,"-$1").toLowerCase()}),Pr=Function.prototype.bind?b:m,Mr=function(t,e,n){return!1},Ar=function(t){return t},kr="data-server-rendered",Dr=["component","directive","filter"],Cr=["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:Ar,mustUseProp:Mr,_lifecycleHooks:Cr},Ir=/[^\w.$]/,Rr="__proto__"in{},Tr="undefined"!=typeof window,jr="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Lr=jr&&WXEnvironment.platform.toLowerCase(),Fr=Tr&&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(Tr)try{var Kr={};Object.defineProperty(Kr,"passive",{get:function(){Wr=!0}}),window.addEventListener("test-passive",null,Kr)}catch(t){}var Vr,Gr,Xr=function(){return void 0===Vr&&(Vr=!Tr&&!jr&&void 0!==t&&"server"===t.process.env.VUE_ENV),Vr},Yr=Tr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Hr="undefined"!=typeof Symbol&&D(Symbol)&&"undefined"!=typeof Reflect&&D(Reflect.ownKeys);Gr="undefined"!=typeof Set&&D(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(),e=0,n=t.length;e<n;e++)t[e].update()},Jr.target=null;var to=[],eo=function(t,e,n,r,o,i,a,u){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=u,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1},no={child:{configurable:!0}};no.child.get=function(){return this.componentInstance},Object.defineProperties(eo.prototype,no);var ro=function(t){void 0===t&&(t="");var e=new eo;return e.text=t,e.isComment=!0,e},oo=Array.prototype,io=Object.create(oo);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=oo[t];A(io,t,function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];var o,i=e.apply(this,n),a=this.__ob__;switch(t){case"push":case"unshift":o=n;break;case"splice":o=n.slice(2)}return o&&a.observeArray(o),a.dep.notify(),i})});var ao=Object.getOwnPropertyNames(io),uo=!0,so=function(t){if(this.value=t,this.dep=new Jr,this.vmCount=0,A(t,"__ob__",this),Array.isArray(t)){(Rr?j:L)(t,io,ao),this.observeArray(t)}else this.walk(t)};so.prototype.walk=function(t){for(var e=Object.keys(t),n=0;n<e.length;n++)U(t,e[n])},so.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)F(t[e])};var co=Nr.optionMergeStrategies;co.data=function(t,e,n){return n?W(t,e,n):e&&"function"!=typeof e?t:W(t,e)},Cr.forEach(function(t){co[t]=K}),Dr.forEach(function(t){co[t+"s"]=V}),co.watch=function(t,e,n,r){if(t===qr&&(t=void 0),e===qr&&(e=void 0),!e)return Object.create(t||null);if(!t)return e;var o={};w(o,t);for(var i in e){var a=o[i],u=e[i];a&&!Array.isArray(a)&&(a=[a]),o[i]=a?a.concat(u):Array.isArray(u)?u:[u]}return o},co.props=co.methods=co.inject=co.computed=function(t,e,n,r){if(!t)return e;var o=Object.create(null);return w(o,t),e&&w(o,e),o},co.provide=W;var fo,lo,po=function(t,e){return void 0===e?t:e},ho=[],vo=!1,go=!1;if(void 0!==n&&D(n))lo=function(){n(at)};else if("undefined"==typeof MessageChannel||!D(MessageChannel)&&"[object MessageChannelConstructor]"!==MessageChannel.toString())lo=function(){setTimeout(at,0)};else{var yo=new MessageChannel,mo=yo.port2;yo.port1.onmessage=at,lo=function(){mo.postMessage(1)}}if("undefined"!=typeof Promise&&D(Promise)){var bo=Promise.resolve();fo=function(){bo.then(at),$r&&setTimeout(O)}}else fo=lo;var _o,wo=new Gr,xo=y(function(t){var e="&"===t.charAt(0);t=e?t.slice(1):t;var n="~"===t.charAt(0);t=n?t.slice(1):t;var r="!"===t.charAt(0);return t=r?t.slice(1):t,{name:t,once:n,capture:r,passive:e}}),Oo=null,Eo=[],So=[],Po={},Mo=!1,Ao=!1,ko=0,Do=0,Co=function(t,e,n,r,o){this.vm=t,o&&(t._watcher=this),t._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++Do,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new Gr,this.newDepIds=new Gr,this.expression="","function"==typeof e?this.getter=e:(this.getter=k(e),this.getter||(this.getter=function(){})),this.value=this.lazy?void 0:this.get()};Co.prototype.get=function(){C(this);var t,e=this.vm;try{t=this.getter.call(e,e)}catch(t){if(!this.user)throw t;rt(t,e,'getter for watcher "'+this.expression+'"')}finally{this.deep&&ct(t),N(),this.cleanupDeps()}return t},Co.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},Co.prototype.cleanupDeps=function(){for(var t=this,e=this.deps.length;e--;){var n=t.deps[e];t.newDepIds.has(n.id)||n.removeSub(t)}var r=this.depIds;this.depIds=this.newDepIds,this.newDepIds=r,this.newDepIds.clear(),r=this.deps,this.deps=this.newDeps,this.newDeps=r,this.newDeps.length=0},Co.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():Wt(this)},Co.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||s(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){rt(t,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,t,e)}}},Co.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Co.prototype.depend=function(){for(var t=this,e=this.deps.length;e--;)t.deps[e].depend()},Co.prototype.teardown=function(){var t=this;if(this.active){this.vm._isBeingDestroyed||v(this.vm._watchers,this);for(var e=this.deps.length;e--;)t.deps[e].removeSub(t);this.active=!1}};var No={enumerable:!0,configurable:!0,get:O,set:O},Io={lazy:!0};ge(ye.prototype);var Ro={init:function(t,e,n,r){if(t.componentInstance&&!t.componentInstance._isDestroyed&&t.data.keepAlive){var o=t;Ro.prepatch(o,o)}else{(t.componentInstance=xe(t,Oo,n,r)).$mount(e?t.elm:void 0,e)}},prepatch:function(t,e){var n=e.componentOptions;Rt(e.componentInstance=t.componentInstance,n.propsData,n.listeners,e,n.children)},insert:function(t){var e=t.context,n=t.componentInstance;n._isMounted||(n._isMounted=!0,Ft(n,"mounted")),t.data.keepAlive&&(e._isMounted?$t(n):jt(n,!0))},destroy:function(t){var e=t.componentInstance;e._isDestroyed||(t.data.keepAlive?Lt(e,!0):e.$destroy())}},To=Object.keys(Ro),jo=1,Lo=2,Fo=0;!function(t){t.prototype._init=function(t){var e=this;e._uid=Fo++,e._isVue=!0,t&&t._isComponent?De(e,t):e.$options=H(Ce(e.constructor),t||{},e),e._renderProxy=e,e._self=e,Nt(e),St(e),ke(e),Ft(e,"beforeCreate"),re(e),Vt(e),ne(e),Ft(e,"created"),e.$options.el&&e.$mount(e.$options.el)}}(Re),function(t){var e={};e.get=function(){return this._data};var n={};n.get=function(){return this._props},Object.defineProperty(t.prototype,"$data",e),Object.defineProperty(t.prototype,"$props",n),t.prototype.$set=z,t.prototype.$delete=B,t.prototype.$watch=function(t,e,n){var r=this;if(c(e))return ee(r,t,e,n);n=n||{},n.user=!0;var o=new Co(r,t,e,n);return n.immediate&&e.call(r,o.value),function(){o.teardown()}}}(Re),function(t){var e=/^hook:/;t.prototype.$on=function(t,n){var r=this,o=this;if(Array.isArray(t))for(var i=0,a=t.length;i<a;i++)r.$on(t[i],n);else(o._events[t]||(o._events[t]=[])).push(n),e.test(t)&&(o._hasHookEvent=!0);return o},t.prototype.$once=function(t,e){function n(){r.$off(t,n),e.apply(r,arguments)}var r=this;return n.fn=e,r.$on(t,n),r},t.prototype.$off=function(t,e){var n=this,r=this;if(!arguments.length)return r._events=Object.create(null),r;if(Array.isArray(t)){for(var o=0,i=t.length;o<i;o++)n.$off(t[o],e);return r}var a=r._events[t];if(!a)return r;if(!e)return r._events[t]=null,r;if(e)for(var u,s=a.length;s--;)if((u=a[s])===e||u.fn===e){a.splice(s,1);break}return r},t.prototype.$emit=function(t){var e=this,n=e._events[t];if(n){n=n.length>1?_(n):n;for(var r=_(arguments,1),o=0,i=n.length;o<i;o++)try{n[o].apply(e,r)}catch(n){rt(n,e,'event handler for "'+t+'"')}}return e}}(Re),function(t){t.prototype._update=function(t,e){var n=this;n._isMounted&&Ft(n,"beforeUpdate");var r=n.$el,o=n._vnode,i=Oo;Oo=n,n._vnode=t,o?n.$el=n.__patch__(o,t):(n.$el=n.__patch__(n.$el,t,e,!1,n.$options._parentElm,n.$options._refElm),n.$options._parentElm=n.$options._refElm=null),Oo=i,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},t.prototype.$forceUpdate=function(){var t=this;t._watcher&&t._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){Ft(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||v(e.$children,t),t._watcher&&t._watcher.teardown();for(var n=t._watchers.length;n--;)t._watchers[n].teardown();t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,t.__patch__(t._vnode,null),Ft(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.$vnode&&(t.$vnode.parent=null)}}}(Re),function(t){ge(t.prototype),t.prototype.$nextTick=function(t){return st(t,this)},t.prototype._render=function(){var t=this,e=t.$options,n=e.render,r=e._parentVnode;r&&(t.$scopedSlots=r.data.scopedSlots||yr),t.$vnode=r;var o;try{o=n.call(t._renderProxy,t.$createElement)}catch(e){rt(e,t,"render"),o=t._vnode}return o instanceof eo||(o=ro()),o.parent=r,o}}(Re);var Uo=[String,RegExp,Array],zo={name:"keep-alive",abstract:!0,props:{include:Uo,exclude:Uo,max:[String,Number]},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){var t=this;for(var e in t.cache)We(t.cache,e,t.keys)},mounted:function(){var t=this;this.$watch("include",function(e){qe(t,function(t){return $e(e,t)})}),this.$watch("exclude",function(e){qe(t,function(t){return!$e(e,t)})})},render:function(){var t=this.$slots.default,e=Et(t),n=e&&e.componentOptions;if(n){var r=Be(n),o=this,i=o.include,a=o.exclude;if(i&&(!r||!$e(i,r))||a&&r&&$e(a,r))return e;var u=this,s=u.cache,c=u.keys,f=null==e.key?n.Ctor.cid+(n.tag?"::"+n.tag:""):e.key;s[f]?(e.componentInstance=s[f].componentInstance,v(c,f),c.push(f)):(s[f]=e,c.push(f),this.max&&c.length>parseInt(this.max)&&We(s,c[0],c,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},Bo={KeepAlive:zo};!function(t){var e={};e.get=function(){return Nr},Object.defineProperty(t,"config",e),t.util={warn:Qr,extend:w,mergeOptions:H,defineReactive:U},t.set=z,t.delete=B,t.nextTick=st,t.options=Object.create(null),Dr.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,Bo),Te(t),je(t),Le(t),ze(t)}(Re),Object.defineProperty(Re.prototype,"$isServer",{get:Xr}),Object.defineProperty(Re.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Re,"FunctionalRenderContext",{value:ye}),Re.version="2.5.17";var $o,qo,Wo=h("style,class"),Ko=h("input,textarea,option,select,progress"),Vo=function(t,e,n){return"value"===n&&Ko(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Go=h("contenteditable,draggable,spellcheck"),Xo=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"),Yo="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"),ei=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),ni=function(t){return ti(t)||ei(t)},ri=Object.create(null),oi=h("text,number,password,search,email,tel,url"),ii=Object.freeze({createElement:en,createElementNS:nn,createTextNode:rn,createComment:on,insertBefore:an,removeChild:un,appendChild:sn,parentNode:cn,nextSibling:fn,tagName:ln,setTextContent:pn,setStyleScope:dn}),ai={create:function(t,e){hn(e)},update:function(t,e){t.data.ref!==e.data.ref&&(hn(t,!0),hn(e))},destroy:function(t){hn(t,!0)}},ui=new eo("",{},[]),si=["create","activate","update","remove","destroy"],ci={create:mn,update:mn,destroy:function(t){mn(t,ui)}},fi=Object.create(null),li=[ai,ci],pi={create:On,update:On},di={create:Pn,update:Pn},hi="__r",vi="__c",gi={create:Cn,update:Cn},yi={create:Nn,update:Nn},mi=y(function(t){var e={},n=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(r);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),bi=/^--/,_i=/\s*!important$/,wi=function(t,e,n){if(bi.test(e))t.style.setProperty(e,n);else if(_i.test(n))t.style.setProperty(e,n.replace(_i,""),"important");else{var r=Oi(e);if(Array.isArray(n))for(var o=0,i=n.length;o<i;o++)t.style[r]=n[o];else t.style[r]=n}},xi=["Webkit","Moz","ms"],Oi=y(function(t){if(qo=qo||document.createElement("div").style,"filter"!==(t=xr(t))&&t in qo)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<xi.length;n++){var r=xi[n]+e;if(r in qo)return r}}),Ei={create:Un,update:Un},Si=y(function(t){return{enterClass:t+"-enter",enterToClass:t+"-enter-to",enterActiveClass:t+"-enter-active",leaveClass:t+"-leave",leaveToClass:t+"-leave-to",leaveActiveClass:t+"-leave-active"}}),Pi=Tr&&!zr,Mi="transition",Ai="animation",ki="transition",Di="transitionend",Ci="animation",Ni="animationend";Pi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ki="WebkitTransition",Di="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Ci="WebkitAnimation",Ni="webkitAnimationEnd"));var Ii=Tr?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()},Ri=/\b(transform|all)(,|$)/,Ti=Tr?{create:tr,activate:tr,remove:function(t,e){!0!==t.data.show?Qn(t,e):e()}}:{},ji=[pi,di,gi,yi,Ei,Ti],Li=ji.concat(li),Fi=function(t){function e(t){return new eo(C.tagName(t).toLowerCase(),{},[],void 0,t)}function n(t,e){function n(){0==--n.listeners&&a(t)}return n.listeners=e,n}function a(t){var e=C.parentNode(t);o(e)&&C.removeChild(e,t)}function s(t,e,n,r,a,u,s){if(o(t.elm)&&o(u)&&(t=u[s]=R(t)),t.isRootInsert=!a,!c(t,e,n,r)){var f=t.data,l=t.children,h=t.tag;o(h)?(t.elm=t.ns?C.createElementNS(t.ns,h):C.createElement(h,t),y(t),d(t,l,e),o(f)&&g(t,e),p(n,t.elm,r)):i(t.isComment)?(t.elm=C.createComment(t.text),p(n,t.elm,r)):(t.elm=C.createTextNode(t.text),p(n,t.elm,r))}}function c(t,e,n,r){var a=t.data;if(o(a)){var u=o(t.componentInstance)&&a.keepAlive;if(o(a=a.hook)&&o(a=a.init)&&a(t,!1,n,r),o(t.componentInstance))return f(t,e),i(u)&&l(t,e,n,r),!0}}function f(t,e){o(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,v(t)?(g(t,e),y(t)):(hn(t),e.push(t))}function l(t,e,n,r){for(var i,a=t;a.componentInstance;)if(a=a.componentInstance._vnode,o(i=a.data)&&o(i=i.transition)){for(i=0;i<k.activate.length;++i)k.activate[i](ui,a);e.push(a);break}p(n,t.elm,r)}function p(t,e,n){o(t)&&(o(n)?n.parentNode===t&&C.insertBefore(t,e,n):C.appendChild(t,e))}function d(t,e,n){if(Array.isArray(e))for(var r=0;r<e.length;++r)s(e[r],n,t.elm,null,!0,e,r);else u(t.text)&&C.appendChild(t.elm,C.createTextNode(String(t.text)))}function v(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return o(t.tag)}function g(t,e){for(var n=0;n<k.create.length;++n)k.create[n](ui,t);M=t.data.hook,o(M)&&(o(M.create)&&M.create(ui,t),o(M.insert)&&e.push(t))}function y(t){var e;if(o(e=t.fnScopeId))C.setStyleScope(t.elm,e);else for(var n=t;n;)o(e=n.context)&&o(e=e.$options._scopeId)&&C.setStyleScope(t.elm,e),n=n.parent;o(e=Oo)&&e!==t.context&&e!==t.fnContext&&o(e=e.$options._scopeId)&&C.setStyleScope(t.elm,e)}function m(t,e,n,r,o,i){for(;r<=o;++r)s(n[r],i,t,e,!1,n,r)}function b(t){var e,n,r=t.data;if(o(r))for(o(e=r.hook)&&o(e=e.destroy)&&e(t),e=0;e<k.destroy.length;++e)k.destroy[e](t);if(o(e=t.children))for(n=0;n<t.children.length;++n)b(t.children[n])}function _(t,e,n,r){for(;n<=r;++n){var i=e[n];o(i)&&(o(i.tag)?(w(i),b(i)):a(i.elm))}}function w(t,e){if(o(e)||o(t.data)){var r,i=k.remove.length+1;for(o(e)?e.listeners+=i:e=n(t.elm,i),o(r=t.componentInstance)&&o(r=r._vnode)&&o(r.data)&&w(r,e),r=0;r<k.remove.length;++r)k.remove[r](t,e);o(r=t.data.hook)&&o(r=r.remove)?r(t,e):e()}else a(t.elm)}function x(t,e,n,i,a){for(var u,c,f,l,p=0,d=0,h=e.length-1,v=e[0],g=e[h],y=n.length-1,b=n[0],w=n[y],x=!a;p<=h&&d<=y;)r(v)?v=e[++p]:r(g)?g=e[--h]:vn(v,b)?(E(v,b,i),v=e[++p],b=n[++d]):vn(g,w)?(E(g,w,i),g=e[--h],w=n[--y]):vn(v,w)?(E(v,w,i),x&&C.insertBefore(t,v.elm,C.nextSibling(g.elm)),v=e[++p],w=n[--y]):vn(g,b)?(E(g,b,i),x&&C.insertBefore(t,g.elm,v.elm),g=e[--h],b=n[++d]):(r(u)&&(u=yn(e,p,h)),c=o(b.key)?u[b.key]:O(b,e,p,h),r(c)?s(b,i,t,v.elm,!1,n,d):(f=e[c],vn(f,b)?(E(f,b,i),e[c]=void 0,x&&C.insertBefore(t,f.elm,v.elm)):s(b,i,t,v.elm,!1,n,d)),b=n[++d]);p>h?(l=r(n[y+1])?null:n[y+1].elm,m(t,l,n,d,y,i)):d>y&&_(t,e,p,h)}function O(t,e,n,r){for(var i=n;i<r;i++){var a=e[i];if(o(a)&&vn(t,a))return i}}function E(t,e,n,a){if(t!==e){var u=e.elm=t.elm;if(i(t.isAsyncPlaceholder))return void(o(e.asyncFactory.resolved)?P(t.elm,e,n):e.isAsyncPlaceholder=!0);if(i(e.isStatic)&&i(t.isStatic)&&e.key===t.key&&(i(e.isCloned)||i(e.isOnce)))return void(e.componentInstance=t.componentInstance);var s,c=e.data;o(c)&&o(s=c.hook)&&o(s=s.prepatch)&&s(t,e);var f=t.children,l=e.children;if(o(c)&&v(e)){for(s=0;s<k.update.length;++s)k.update[s](t,e);o(s=c.hook)&&o(s=s.update)&&s(t,e)}r(e.text)?o(f)&&o(l)?f!==l&&x(u,f,l,n,a):o(l)?(o(t.text)&&C.setTextContent(u,""),m(u,null,l,0,l.length-1,n)):o(f)?_(u,f,0,f.length-1):o(t.text)&&C.setTextContent(u,""):t.text!==e.text&&C.setTextContent(u,e.text),o(c)&&o(s=c.hook)&&o(s=s.postpatch)&&s(t,e)}}function S(t,e,n){if(i(n)&&o(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r<e.length;++r)e[r].data.hook.insert(e[r])}function P(t,e,n,r){var a,u=e.tag,s=e.data,c=e.children;if(r=r||s&&s.pre,e.elm=t,i(e.isComment)&&o(e.asyncFactory))return e.isAsyncPlaceholder=!0,!0;if(o(s)&&(o(a=s.hook)&&o(a=a.init)&&a(e,!0),o(a=e.componentInstance)))return f(e,n),!0;if(o(u)){if(o(c))if(t.hasChildNodes())if(o(a=s)&&o(a=a.domProps)&&o(a=a.innerHTML)){if(a!==t.innerHTML)return!1}else{for(var l=!0,p=t.firstChild,h=0;h<c.length;h++){if(!p||!P(p,c[h],n,r)){l=!1;break}p=p.nextSibling}if(!l||p)return!1}else d(e,c,n);if(o(s)){var v=!1;for(var y in s)if(!N(y)){v=!0,g(e,n);break}!v&&s.class&&ct(s.class)}}else t.data!==e.text&&(t.data=e.text);return!0}var M,A,k={},D=t.modules,C=t.nodeOps;for(M=0;M<si.length;++M)for(k[si[M]]=[],A=0;A<D.length;++A)o(D[A][si[M]])&&k[si[M]].push(D[A][si[M]]);var N=h("attrs,class,staticClass,staticStyle,key");return function(t,n,a,u,c,f){if(r(n))return void(o(t)&&b(t));var l=!1,p=[];if(r(t))l=!0,s(n,p,c,f);else{var d=o(t.nodeType);if(!d&&vn(t,n))E(t,n,p,u);else{if(d){if(1===t.nodeType&&t.hasAttribute(kr)&&(t.removeAttribute(kr),a=!0),i(a)&&P(t,n,p))return S(n,p,!0),t;t=e(t)}var h=t.elm,g=C.parentNode(h);if(s(n,p,h._leaveCb?null:g,C.nextSibling(h)),o(n.parent))for(var y=n.parent,m=v(n);y;){for(var w=0;w<k.destroy.length;++w)k.destroy[w](y);if(y.elm=n.elm,m){for(var x=0;x<k.create.length;++x)k.create[x](ui,y);var O=y.data.hook.insert;if(O.merged)for(var M=1;M<O.fns.length;M++)O.fns[M]()}else hn(y);y=y.parent}o(g)?_(g,[t],0,0):o(t.tag)&&b(t)}}return S(n,p,l),n.elm}}({nodeOps:ii,modules:Li});zr&&document.addEventListener("selectionchange",function(){var t=document.activeElement;t&&t.vmodel&&ur(t,"input")});var Ui={inserted:function(t,e,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?dt(n,"postpatch",function(){Ui.componentUpdated(t,e,n)}):er(t,e,n.context),t._vOptions=[].map.call(t.options,or)):("textarea"===n.tag||oi(t.type))&&(t._vModifiers=e.modifiers,e.modifiers.lazy||(t.addEventListener("compositionstart",ir),t.addEventListener("compositionend",ar),t.addEventListener("change",ar),zr&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){er(t,e,n.context);var r=t._vOptions,o=t._vOptions=[].map.call(t.options,or);if(o.some(function(t,e){return!E(t,r[e])})){(t.multiple?e.value.some(function(t){return rr(t,o)}):e.value!==e.oldValue&&rr(e.value,o))&&ur(t,"change")}}}},zi={bind:function(t,e,n){var r=e.value;n=sr(n);var o=n.data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o?(n.data.show=!0,Hn(n,function(){t.style.display=i})):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value;!r!=!e.oldValue&&(n=sr(n),n.data&&n.data.transition?(n.data.show=!0,r?Hn(n,function(){t.style.display=t.__vOriginalDisplay}):Qn(n,function(){t.style.display="none"})):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}},Bi={model:Ui,show:zi},$i={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]},qi={name:"transition",props:$i,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(function(t){return t.tag||Ot(t)}),n.length)){var r=this.mode,o=n[0];if(pr(this.$vnode))return o;var i=cr(o);if(!i)return o;if(this._leaving)return lr(t,o);var a="__transition-"+this._uid+"-";i.key=null==i.key?i.isComment?a+"comment":a+i.tag:u(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var s=(i.data||(i.data={})).transition=fr(this),c=this._vnode,f=cr(c);if(i.data.directives&&i.data.directives.some(function(t){return"show"===t.name})&&(i.data.show=!0),f&&f.data&&!dr(i,f)&&!Ot(f)&&(!f.componentInstance||!f.componentInstance._vnode.isComment)){var l=f.data.transition=w({},s);if("out-in"===r)return this._leaving=!0,dt(l,"afterLeave",function(){e._leaving=!1,e.$forceUpdate()}),lr(t,o);if("in-out"===r){if(Ot(i))return c;var p,d=function(){p()};dt(s,"afterEnter",d),dt(s,"enterCancelled",d),dt(l,"delayLeave",function(t){p=t})}}return o}}},Wi=w({tag:String,moveClass:String},$i);delete Wi.mode;var Ki={props:Wi,render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=fr(this),u=0;u<o.length;u++){var s=o[u];if(s.tag)if(null!=s.key&&0!==String(s.key).indexOf("__vlist"))i.push(s),n[s.key]=s,(s.data||(s.data={})).transition=a;else;}if(r){for(var c=[],f=[],l=0;l<r.length;l++){var p=r[l];p.data.transition=a,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?c.push(p):f.push(p)}this.kept=t(e,null,c),this.removed=f}return t(e,null,i)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";t.length&&this.hasMove(t[0].elm,e)&&(t.forEach(hr),t.forEach(vr),t.forEach(gr),this._reflow=document.body.offsetHeight,t.forEach(function(t){if(t.data.moved){var n=t.elm,r=n.style;Wn(n,e),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(Di,n._moveCb=function t(r){r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(Di,t),n._moveCb=null,Kn(n,e))})}}))},methods:{hasMove:function(t,e){if(!Pi)return!1;if(this._hasMove)return this._hasMove;var n=t.cloneNode();t._transitionClasses&&t._transitionClasses.forEach(function(t){Bn(n,t)}),zn(n,e),n.style.display="none",this.$el.appendChild(n);var r=Gn(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}},Vi={Transition:qi,TransitionGroup:Ki};Re.config.mustUseProp=Vo,Re.config.isReservedTag=ni,Re.config.isReservedAttr=Wo,Re.config.getTagNamespace=Ze,Re.config.isUnknownElement=Je,w(Re.options.directives,Bi),w(Re.options.components,Vi),Re.prototype.__patch__=Tr?Fi:O,Re.prototype.$mount=function(t,e){return t=t&&Tr?tn(t):void 0,It(this,t,e)},Tr&&setTimeout(function(){Nr.devtools&&Yr&&Yr.emit("init",Re)},0),e.default=Re}.call(e,n("DuR2"),n("162o").setImmediate)},"/bQp":function(t,e){t.exports={}},"/n6Q":function(t,e,n){n("zQR9"),n("+tPU"),t.exports=n("Kh4W").f("iterator")},"/ocq":function(t,e,n){"use strict";function r(t,e){}function o(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function i(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 a(t,e){for(var n in e)t[n]=e[n];return t}function u(t,e,n){void 0===e&&(e={});var r,o=n||s;try{r=o(t||"")}catch(t){r={}}for(var i in e)r[i]=e[i];return r}function s(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),r=zt(n.shift()),o=n.length>0?zt(n.join("=")):null;void 0===e[r]?e[r]=o:Array.isArray(e[r])?e[r].push(o):e[r]=[e[r],o]}),e):e}function c(t){var e=t?Object.keys(t).map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return Ut(e);if(Array.isArray(n)){var r=[];return n.forEach(function(t){void 0!==t&&(null===t?r.push(Ut(e)):r.push(Ut(e)+"="+Ut(t)))}),r.join("&")}return Ut(e)+"="+Ut(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function f(t,e,n,r){var o=r&&r.options.stringifyQuery,i=e.query||{};try{i=l(i)}catch(t){}var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:i,params:e.params||{},fullPath:d(e,o),matched:t?p(t):[]};return n&&(a.redirectedFrom=d(n,o)),Object.freeze(a)}function l(t){if(Array.isArray(t))return t.map(l);if(t&&"object"==typeof t){var e={};for(var n in t)e[n]=l(t[n]);return e}return t}function p(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function d(t,e){var n=t.path,r=t.query;void 0===r&&(r={});var o=t.hash;void 0===o&&(o="");var i=e||c;return(n||"/")+i(r)+o}function h(t,e){return e===$t?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],o=e[n];return"object"==typeof r&&"object"==typeof o?v(r,o):String(r)===String(o)})}function g(t,e){return 0===t.path.replace(Bt,"/").indexOf(e.path.replace(Bt,"/"))&&(!e.hash||t.hash===e.hash)&&y(t.query,e.query)}function y(t,e){for(var n in e)if(!(n in t))return!1;return!0}function 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 e,n=0;n<t.length;n++){if(e=t[n],"a"===e.tag)return e;if(e.children&&(e=b(e.children)))return e}}function _(t){if(!_.installed||Rt!==t){_.installed=!0,Rt=t;var e=function(t){return void 0!==t},n=function(t,n){var r=t.$options._parentVnode;e(r)&&e(r=r.data)&&e(r=r.registerRouteInstance)&&r(t,n)};t.mixin({beforeCreate:function(){e(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,n(this,this)},destroyed:function(){n(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("router-view",Tt),t.component("router-link",Kt);var r=t.config.optionMergeStrategies;r.beforeRouteEnter=r.beforeRouteLeave=r.beforeRouteUpdate=r.created}}function w(t,e,n){var r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;var o=e.split("/");n&&o[o.length-1]||o.pop();for(var i=t.replace(/^\//,"").split("/"),a=0;a<i.length;a++){var u=i[a];".."===u?o.pop():"."!==u&&o.push(u)}return""!==o[0]&&o.unshift(""),o.join("/")}function x(t){var e="",n="",r=t.indexOf("#");r>=0&&(e=t.slice(r),t=t.slice(0,r));var o=t.indexOf("?");return o>=0&&(n=t.slice(o+1),t=t.slice(0,o)),{path:t,query:n,hash:e}}function O(t){return t.replace(/\/\//g,"/")}function E(t,e){for(var n,r=[],o=0,i=0,a="",u=e&&e.delimiter||"/";null!=(n=Jt.exec(t));){var s=n[0],c=n[1],f=n.index;if(a+=t.slice(i,f),i=f+s.length,c)a+=c[1];else{var l=t[i],p=n[2],d=n[3],h=n[4],v=n[5],g=n[6],y=n[7];a&&(r.push(a),a="");var m=null!=p&&null!=l&&l!==p,b="+"===g||"*"===g,_="?"===g||"*"===g,w=n[2]||u,x=h||v;r.push({name:d||o++,prefix:p||"",delimiter:w,optional:_,repeat:b,partial:m,asterisk:!!y,pattern:x?D(x):y?".*":"[^"+k(w)+"]+?"})}}return i<t.length&&(a+=t.substr(i)),a&&r.push(a),r}function S(t,e){return A(E(t,e))}function P(t){return encodeURI(t).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function M(t){return encodeURI(t).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function A(t){for(var e=new Array(t.length),n=0;n<t.length;n++)"object"==typeof t[n]&&(e[n]=new RegExp("^(?:"+t[n].pattern+")$"));return function(n,r){for(var o="",i=n||{},a=r||{},u=a.pretty?P:encodeURIComponent,s=0;s<t.length;s++){var c=t[s];if("string"!=typeof c){var f,l=i[c.name];if(null==l){if(c.optional){c.partial&&(o+=c.prefix);continue}throw new TypeError('Expected "'+c.name+'" to be defined')}if(Gt(l)){if(!c.repeat)throw new TypeError('Expected "'+c.name+'" to not repeat, but received `'+JSON.stringify(l)+"`");if(0===l.length){if(c.optional)continue;throw new TypeError('Expected "'+c.name+'" to not be empty')}for(var p=0;p<l.length;p++){if(f=u(l[p]),!e[s].test(f))throw new TypeError('Expected all "'+c.name+'" to match "'+c.pattern+'", but received `'+JSON.stringify(f)+"`");o+=(0===p?c.prefix:c.delimiter)+f}}else{if(f=c.asterisk?M(l):u(l),!e[s].test(f))throw new TypeError('Expected "'+c.name+'" to match "'+c.pattern+'", but received "'+f+'"');o+=c.prefix+f}}else o+=c}return o}}function k(t){return t.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function D(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function C(t,e){return t.keys=e,t}function N(t){return t.sensitive?"":"i"}function I(t,e){var n=t.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)e.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return C(t,e)}function R(t,e,n){for(var r=[],o=0;o<t.length;o++)r.push(L(t[o],e,n).source);return C(new RegExp("(?:"+r.join("|")+")",N(n)),e)}function T(t,e,n){return j(E(t,n),e,n)}function j(t,e,n){Gt(e)||(n=e||n,e=[]),n=n||{};for(var r=n.strict,o=!1!==n.end,i="",a=0;a<t.length;a++){var u=t[a];if("string"==typeof u)i+=k(u);else{var s=k(u.prefix),c="(?:"+u.pattern+")";e.push(u),u.repeat&&(c+="(?:"+s+c+")*"),c=u.optional?u.partial?s+"("+c+")?":"(?:"+s+"("+c+"))?":s+"("+c+")",i+=c}}var f=k(n.delimiter||"/"),l=i.slice(-f.length)===f;return r||(i=(l?i.slice(0,-f.length):i)+"(?:"+f+"(?=$))?"),i+=o?"$":r&&l?"":"(?="+f+"|$)",C(new RegExp("^"+i,N(n)),e)}function L(t,e,n){return Gt(e)||(n=e||n,e=[]),n=n||{},t instanceof RegExp?I(t,e):Gt(t)?R(t,e,n):T(t,e,n)}function F(t,e,n){try{return(te[t]||(te[t]=Xt.compile(t)))(e||{},{pretty:!0})}catch(t){return""}}function U(t,e,n,r){var o=e||[],i=n||Object.create(null),a=r||Object.create(null);t.forEach(function(t){z(o,i,a,t)});for(var u=0,s=o.length;u<s;u++)"*"===o[u]&&(o.push(o.splice(u,1)[0]),s--,u--);return{pathList:o,pathMap:i,nameMap:a}}function z(t,e,n,r,o,i){var a=r.path,u=r.name,s=r.pathToRegexpOptions||{},c=$(a,o,s.strict);"boolean"==typeof r.caseSensitive&&(s.sensitive=r.caseSensitive);var f={path:c,regex:B(c,s),components:r.components||{default:r.component},instances:{},name:u,parent:o,matchAs:i,redirect:r.redirect,beforeEnter:r.beforeEnter,meta:r.meta||{},props:null==r.props?{}:r.components?r.props:{default:r.props}};if(r.children&&r.children.forEach(function(r){var o=i?O(i+"/"+r.path):void 0;z(t,e,n,r,f,o)}),void 0!==r.alias){(Array.isArray(r.alias)?r.alias:[r.alias]).forEach(function(i){var a={path:i,children:r.children};z(t,e,n,a,o,f.path||"/")})}e[f.path]||(t.push(f.path),e[f.path]=f),u&&(n[u]||(n[u]=f))}function B(t,e){var n=Xt(t,[],e);return n}function $(t,e,n){return n||(t=t.replace(/\/$/,"")),"/"===t[0]?t:null==e?t:O(e.path+"/"+t)}function q(t,e,n,r){var o="string"==typeof t?{path:t}:t;if(o.name||o._normalized)return o;if(!o.path&&o.params&&e){o=W({},o),o._normalized=!0;var i=W(W({},e.params),o.params);if(e.name)o.name=e.name,o.params=i;else if(e.matched.length){var a=e.matched[e.matched.length-1].path;o.path=F(a,i,"path "+e.path)}return o}var s=x(o.path||""),c=e&&e.path||"/",f=s.path?w(s.path,c,n||o.append):c,l=u(s.query,o.query,r&&r.options.parseQuery),p=o.hash||s.hash;return p&&"#"!==p.charAt(0)&&(p="#"+p),{_normalized:!0,path:f,query:l,hash:p}}function W(t,e){for(var n in e)t[n]=e[n];return t}function K(t,e){function n(t){U(t,s,c,l)}function r(t,n,r){var o=q(t,n,!1,e),i=o.name;if(i){var u=l[i];if(!u)return a(null,o);var f=u.regex.keys.filter(function(t){return!t.optional}).map(function(t){return t.name});if("object"!=typeof o.params&&(o.params={}),n&&"object"==typeof n.params)for(var p in n.params)!(p in o.params)&&f.indexOf(p)>-1&&(o.params[p]=n.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<s.length;d++){var h=s[d],v=c[h];if(V(v.regex,o.path,o.params))return a(v,o,r)}}return a(null,o)}function o(t,n){var o=t.redirect,i="function"==typeof o?o(f(t,n,null,e)):o;if("string"==typeof i&&(i={path:i}),!i||"object"!=typeof i)return a(null,n);var u=i,s=u.name,c=u.path,p=n.query,d=n.hash,h=n.params;if(p=u.hasOwnProperty("query")?u.query:p,d=u.hasOwnProperty("hash")?u.hash:d,h=u.hasOwnProperty("params")?u.params:h,s){l[s];return r({_normalized:!0,name:s,query:p,hash:d,params:h},void 0,n)}if(c){var v=G(c,t);return r({_normalized:!0,path:F(v,h,'redirect route with path "'+v+'"'),query:p,hash:d},void 0,n)}return a(null,n)}function i(t,e,n){var o=F(n,e.params,'aliased route with path "'+n+'"'),i=r({_normalized:!0,path:o});if(i){var u=i.matched,s=u[u.length-1];return e.params=i.params,a(s,e)}return a(null,e)}function a(t,n,r){return t&&t.redirect?o(t,r||n):t&&t.matchAs?i(t,n,t.matchAs):f(t,n,r,e)}var u=U(t),s=u.pathList,c=u.pathMap,l=u.nameMap;return{match:r,addRoutes:n}}function V(t,e,n){var r=e.match(t);if(!r)return!1;if(!n)return!0;for(var o=1,i=r.length;o<i;++o){var a=t.keys[o-1],u="string"==typeof r[o]?decodeURIComponent(r[o]):r[o];a&&(n[a.name]=u)}return!0}function G(t,e){return w(t,e.parent?e.parent.path:"/",!0)}function X(){window.history.replaceState({key:it()},""),window.addEventListener("popstate",function(t){H(),t.state&&t.state.key&&at(t.state.key)})}function Y(t,e,n,r){if(t.app){var o=t.options.scrollBehavior;o&&t.app.$nextTick(function(){var t=Q(),i=o(e,n,r?t:null);i&&("function"==typeof i.then?i.then(function(e){rt(e,t)}).catch(function(t){}):rt(i,t))})}}function H(){var t=it();t&&(ee[t]={x:window.pageXOffset,y:window.pageYOffset})}function Q(){var t=it();if(t)return ee[t]}function Z(t,e){var n=document.documentElement,r=n.getBoundingClientRect(),o=t.getBoundingClientRect();return{x:o.left-r.left-e.x,y:o.top-r.top-e.y}}function J(t){return nt(t.x)||nt(t.y)}function tt(t){return{x:nt(t.x)?t.x:window.pageXOffset,y:nt(t.y)?t.y:window.pageYOffset}}function et(t){return{x:nt(t.x)?t.x:0,y:nt(t.y)?t.y:0}}function nt(t){return"number"==typeof t}function rt(t,e){var n="object"==typeof t;if(n&&"string"==typeof t.selector){var r=document.querySelector(t.selector);if(r){var o=t.offset&&"object"==typeof t.offset?t.offset:{};o=et(o),e=Z(r,o)}else J(t)&&(e=tt(t))}else n&&J(t)&&(e=tt(t));e&&window.scrollTo(e.x,e.y)}function ot(){return re.now().toFixed(3)}function it(){return oe}function at(t){oe=t}function ut(t,e){H();var n=window.history;try{e?n.replaceState({key:oe},"",t):(oe=ot(),n.pushState({key:oe},"",t))}catch(n){window.location[e?"replace":"assign"](t)}}function st(t){ut(t,!0)}function ct(t,e,n){var r=function(o){o>=t.length?n():t[o]?e(t[o],function(){r(o+1)}):r(o+1)};r(0)}function ft(t){return function(e,n,r){var i=!1,a=0,u=null;lt(t,function(t,e,n,s){if("function"==typeof t&&void 0===t.cid){i=!0,a++;var c,f=ht(function(e){dt(e)&&(e=e.default),t.resolved="function"==typeof e?e:Rt.extend(e),n.components[s]=e,--a<=0&&r()}),l=ht(function(t){var e="Failed to resolve async component "+s+": "+t;u||(u=o(t)?t:new Error(e),r(u))});try{c=t(f,l)}catch(t){l(t)}if(c)if("function"==typeof c.then)c.then(f,l);else{var p=c.component;p&&"function"==typeof p.then&&p.then(f,l)}}}),i||r()}}function lt(t,e){return pt(t.map(function(t){return Object.keys(t.components).map(function(n){return e(t.components[n],t.instances[n],t,n)})}))}function pt(t){return Array.prototype.concat.apply([],t)}function dt(t){return t.__esModule||ie&&"Module"===t[Symbol.toStringTag]}function ht(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(Vt){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 gt(t,e){var n,r=Math.max(t.length,e.length);for(n=0;n<r&&t[n]===e[n];n++);return{updated:e.slice(0,n),activated:e.slice(n),deactivated:t.slice(n)}}function yt(t,e,n,r){var o=lt(t,function(t,r,o,i){var a=mt(t,e);if(a)return Array.isArray(a)?a.map(function(t){return n(t,r,o,i)}):n(a,r,o,i)});return pt(r?o.reverse():o)}function mt(t,e){return"function"!=typeof t&&(t=Rt.extend(t)),t.options[e]}function bt(t){return yt(t,"beforeRouteLeave",wt,!0)}function _t(t){return yt(t,"beforeRouteUpdate",wt)}function wt(t,e){if(e)return function(){return t.apply(e,arguments)}}function xt(t,e,n){return yt(t,"beforeRouteEnter",function(t,r,o,i){return Ot(t,o,i,e,n)})}function Ot(t,e,n,r,o){return function(i,a,u){return t(i,a,function(t){u(t),"function"==typeof t&&r.push(function(){Et(t,e.instances,n,o)})})}}function Et(t,e,n,r){e[n]?t(e[n]):r()&&setTimeout(function(){Et(t,e,n,r)},16)}function St(t){var e=window.location.pathname;return t&&0===e.indexOf(t)&&(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}function Pt(t){var e=St(t);if(!/^\/#/.test(e))return window.location.replace(O(t+"/#"+e)),!0}function Mt(){var t=At();return"/"===t.charAt(0)||(Ct("/"+t),!1)}function At(){var t=window.location.href,e=t.indexOf("#");return-1===e?"":t.slice(e+1)}function kt(t){var e=window.location.href,n=e.indexOf("#");return(n>=0?e.slice(0,n):e)+"#"+t}function Dt(t){ne?ut(kt(t)):window.location.hash=t}function Ct(t){ne?st(kt(t)):window.location.replace(kt(t))}function Nt(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}function It(t,e,n){var r="hash"===n?"#"+e:e;return t?O(t+"/"+r):r}Object.defineProperty(e,"__esModule",{value:!0});var Rt,Tt={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,r=e.children,o=e.parent,u=e.data;u.routerView=!0;for(var s=o.$createElement,c=n.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 s(l[c],u,r);var h=f.matched[p];if(!h)return l[c]=null,s();var v=l[c]=h.components[c];u.registerRouteInstance=function(t,e){var n=h.instances[c];(e&&n!==t||!e&&n===t)&&(h.instances[c]=e)},(u.hook||(u.hook={})).prepatch=function(t,e){h.instances[c]=e.componentInstance};var g=u.props=i(f,h.props&&h.props[c]);if(g){g=u.props=a({},g);var y=u.attrs=u.attrs||{};for(var m in g)v.props&&m in v.props||(y[m]=g[m],delete g[m])}return s(v,u,r)}},jt=/[!'()*]/g,Lt=function(t){return"%"+t.charCodeAt(0).toString(16)},Ft=/%2C/g,Ut=function(t){return encodeURIComponent(t).replace(jt,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 e=this,n=this.$router,r=this.$route,o=n.resolve(this.to,r,this.append),i=o.location,a=o.route,u=o.href,s={},c=n.options.linkActiveClass,l=n.options.linkExactActiveClass,p=null==c?"router-link-active":c,d=null==l?"router-link-exact-active":l,v=null==this.activeClass?p:this.activeClass,y=null==this.exactActiveClass?d:this.exactActiveClass,_=i.path?f(null,i,null,n):a;s[y]=h(r,_),s[v]=this.exact?s[y]:g(r,_);var w=function(t){m(t)&&(e.replace?n.replace(i):n.push(i))},x={click:m};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var O={class:s};if("a"===this.tag)O.on=x,O.attrs={href:u};else{var E=b(this.$slots.default);if(E){E.isStatic=!1;var S=Rt.util.extend;(E.data=S({},E.data)).on=x;(E.data.attrs=S({},E.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)},Xt=L,Yt=E,Ht=S,Qt=A,Zt=j,Jt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Xt.parse=Yt,Xt.compile=Ht,Xt.tokensToFunction=Qt,Xt.tokensToRegExp=Zt;var te=Object.create(null),ee=Object.create(null),ne=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)}(),re=Vt&&window.performance&&window.performance.now?window.performance:Date,oe=ot(),ie="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,ae=function(t,e){this.router=t,this.base=vt(e),this.current=$t,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};ae.prototype.listen=function(t){this.cb=t},ae.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},ae.prototype.onError=function(t){this.errorCbs.push(t)},ae.prototype.transitionTo=function(t,e,n){var r=this,o=this.router.match(t,this.current);this.confirmTransition(o,function(){r.updateRoute(o),e&&e(o),r.ensureURL(),r.ready||(r.ready=!0,r.readyCbs.forEach(function(t){t(o)}))},function(t){n&&n(t),t&&!r.ready&&(r.ready=!0,r.readyErrorCbs.forEach(function(e){e(t)}))})},ae.prototype.confirmTransition=function(t,e,n){var i=this,a=this.current,u=function(t){o(t)&&(i.errorCbs.length?i.errorCbs.forEach(function(e){e(t)}):(r(!1,"uncaught error during route navigation:"),console.error(t))),n&&n(t)};if(h(t,a)&&t.matched.length===a.matched.length)return this.ensureURL(),u();var s=gt(this.current.matched,t.matched),c=s.updated,f=s.deactivated,l=s.activated,p=[].concat(bt(f),this.router.beforeHooks,_t(c),l.map(function(t){return t.beforeEnter}),ft(l));this.pending=t;var d=function(e,n){if(i.pending!==t)return u();try{e(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)):n(t)})}catch(t){u(t)}};ct(p,d,function(){var n=[];ct(xt(l,n,function(){return i.current===t}).concat(i.router.resolveHooks),d,function(){if(i.pending!==t)return u();i.pending=null,e(t),i.router.app&&i.router.app.$nextTick(function(){n.forEach(function(t){t()})})})})},ae.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 ue=function(t){function e(e,n){var r=this;t.call(this,e,n);var o=e.options.scrollBehavior;o&&X();var i=St(this.base);window.addEventListener("popstate",function(t){var n=r.current,a=St(r.base);r.current===$t&&a===i||r.transitionTo(a,function(t){o&&Y(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,o=this,i=o.current;this.transitionTo(t,function(t){ut(O(r.base+t.fullPath)),Y(r.router,t,i,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){st(O(r.base+t.fullPath)),Y(r.router,t,i,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(St(this.base)!==this.current.fullPath){var e=O(this.base+this.current.fullPath);t?ut(e):st(e)}},e.prototype.getCurrentLocation=function(){return St(this.base)},e}(ae),se=function(t){function e(e,n,r){t.call(this,e,n),r&&Pt(this.base)||Mt()}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&&X(),window.addEventListener(ne?"popstate":"hashchange",function(){var e=t.current;Mt()&&t.transitionTo(At(),function(n){r&&Y(t.router,n,e,!0),ne||Ct(n.fullPath)})})},e.prototype.push=function(t,e,n){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){Dt(t.fullPath),Y(r.router,t,i,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){Ct(t.fullPath),Y(r.router,t,i,!1),e&&e(t)},n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;At()!==e&&(t?Dt(e):Ct(e))},e.prototype.getCurrentLocation=function(){return At()},e}(ae),ce=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}(ae),fe=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 e=t.mode||"hash";switch(this.fallback="history"===e&&!ne&&!1!==t.fallback,this.fallback&&(e="hash"),Vt||(e="abstract"),this.mode=e,e){case"history":this.history=new ue(this,t.base);break;case"hash":this.history=new se(this,t.base,this.fallback);break;case"abstract":this.history=new ce(this,t.base)}},le={currentRoute:{configurable:!0}};fe.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},le.currentRoute.get=function(){return this.history&&this.history.current},fe.prototype.init=function(t){var e=this;if(this.apps.push(t),!this.app){this.app=t;var n=this.history;if(n instanceof ue)n.transitionTo(n.getCurrentLocation());else if(n instanceof se){var r=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},fe.prototype.beforeEach=function(t){return Nt(this.beforeHooks,t)},fe.prototype.beforeResolve=function(t){return Nt(this.resolveHooks,t)},fe.prototype.afterEach=function(t){return Nt(this.afterHooks,t)},fe.prototype.onReady=function(t,e){this.history.onReady(t,e)},fe.prototype.onError=function(t){this.history.onError(t)},fe.prototype.push=function(t,e,n){this.history.push(t,e,n)},fe.prototype.replace=function(t,e,n){this.history.replace(t,e,n)},fe.prototype.go=function(t){this.history.go(t)},fe.prototype.back=function(){this.go(-1)},fe.prototype.forward=function(){this.go(1)},fe.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]})})):[]},fe.prototype.resolve=function(t,e,n){var r=q(t,e||this.history.current,n,this),o=this.match(r,e),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:It(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},fe.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==$t&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(fe.prototype,le),fe.install=_,fe.version="2.8.1",Vt&&window.Vue&&window.Vue.use(fe),e.default=fe},"/whu":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},"06OY":function(t,e,n){var r=n("3Eo+")("meta"),o=n("EqjI"),i=n("D2L2"),a=n("evD5").f,u=0,s=Object.isExtensible||function(){return!0},c=!n("S82l")(function(){return s(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!s(t))return"F";if(!e)return"E";f(t)}return t[r].i},p=function(t,e){if(!i(t,r)){if(!s(t))return!0;if(!e)return!1;f(t)}return t[r].w},d=function(t){return c&&h.NEED&&s(t)&&!i(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"07k+":function(t,e,n){for(var r,o=n("OzIq"),i=n("2p1q"),a=n("ulTY"),u=a("typed_array"),s=a("view"),c=!(!o.ArrayBuffer||!o.DataView),f=c,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,s,!0)):f=!1;t.exports={ABV:c,CONSTR:f,TYPED:u,VIEW:s}},"0Rih":function(t,e,n){"use strict";var r=n("OzIq"),o=n("Ds5P"),i=n("R3AP"),a=n("A16L"),u=n("1aA0"),s=n("vmSO"),c=n("9GpA"),f=n("UKM+"),l=n("zgIt"),p=n("qkyc"),d=n("yYvK"),h=n("kic5");t.exports=function(t,e,n,v,g,y){var m=r[t],b=m,_=g?"set":"add",w=b&&b.prototype,x={},O=function(t){var e=w[t];i(w,t,"delete"==t?function(t){return!(y&&!f(t))&&e.call(this,0===t?0:t)}:"has"==t?function(t){return!(y&&!f(t))&&e.call(this,0===t?0:t)}:"get"==t?function(t){return y&&!f(t)?void 0:e.call(this,0===t?0:t)}:"add"==t?function(t){return e.call(this,0===t?0:t),this}:function(t,n){return e.call(this,0===t?0:t,n),this})};if("function"==typeof b&&(y||w.forEach&&!l(function(){(new b).entries().next()}))){var E=new b,S=E[_](y?{}:-0,1)!=E,P=l(function(){E.has(1)}),M=p(function(t){new b(t)}),A=!y&&l(function(){for(var t=new b,e=5;e--;)t[_](e,e);return!t.has(-0)});M||(b=e(function(e,n){c(e,b,t);var r=h(new m,e,b);return void 0!=n&&s(n,g,r[_],r),r}),b.prototype=w,w.constructor=b),(P||A)&&(O("delete"),O("has"),g&&O("get")),(A||S)&&O(_),y&&w.clear&&delete w.clear}else b=v.getConstructor(e,t,g,_),a(b.prototype,n),u.NEED=!0;return d(b,t),x[t]=b,o(o.G+o.W+o.F*(b!=m),x),y||v.setStrong(b,t,g),b}},"0j1G":function(t,e,n){"use strict";var r=n("Ds5P");t.exports=function(t){r(r.S,t,{of:function(){for(var t=arguments.length,e=new Array(t);t--;)e[t]=arguments[t];return new this(e)}})}},"0pGU":function(t,e,n){"use strict";var r=n("DIVP");t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},"162o":function(t,e,n){(function(t){function r(t,e){this._id=t,this._clearFn=e}var o=void 0!==t&&t||"undefined"!=typeof self&&self||window,i=Function.prototype.apply;e.setTimeout=function(){return new r(i.call(setTimeout,o,arguments),clearTimeout)},e.setInterval=function(){return new r(i.call(setInterval,o,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(o,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"))},"1A13":function(t,e,n){"use strict";var r=n("49qz")(!0);n("uc2A")(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},"1ETD":function(t,e,n){var r=n("kkCw")("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[r]=!1,!"/./"[t](e)}catch(t){}}return!0}},"1aA0":function(t,e,n){var r=n("ulTY")("meta"),o=n("UKM+"),i=n("WBcL"),a=n("lDLk").f,u=0,s=Object.isExtensible||function(){return!0},c=!n("zgIt")(function(){return s(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!s(t))return"F";if(!e)return"E";f(t)}return t[r].i},p=function(t,e){if(!i(t,r)){if(!s(t))return!0;if(!e)return!1;f(t)}return t[r].w},d=function(t){return c&&h.NEED&&s(t)&&!i(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"1ip3":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},"1kS7":function(t,e){e.f=Object.getOwnPropertySymbols},"1uLP":function(t,e,n){var r=n("Ds5P");r(r.G+r.W+r.F*!n("07k+").ABV,{DataView:n("LrcN").DataView})},"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}},"2VSL":function(t,e,n){var r=n("BbyF"),o=n("xAdt"),i=n("/whu");t.exports=function(t,e,n,a){var u=String(i(t)),s=u.length,c=void 0===n?" ":String(n),f=r(e);if(f<=s||""==c)return u;var l=f-s,p=o.call(c,Math.ceil(l/c.length));return p.length>l&&(p=p.slice(0,l)),a?p+u:u+p}},"2p1q":function(t,e,n){var r=n("lDLk"),o=n("fU25");t.exports=n("bUqO")?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,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))}},"3QrE":function(t,e,n){var r=n("Ds5P");r(r.P,"Function",{bind:n("ZtwE")})},"3fs2":function(t,e,n){var r=n("RY/4"),o=n("dSzd")("iterator"),i=n("/bQp");t.exports=n("FeBl").getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},"3g/S":function(t,e,n){var r=n("OzIq"),o=n("7gX0"),i=n("V3l/"),a=n("M8WE"),u=n("lDLk").f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||u(e,t,{value:a.f(t)})}},"3i66":function(t,e,n){var r=n("Ds5P"),o=n("7gX0"),i=n("zgIt");t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],a={};a[t]=e(n),r(r.S+r.F*i(function(){n(1)}),"Object",a)}},"3q4u":function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=r.key,a=r.map,u=r.store;r.exp({deleteMetadata:function(t,e){var n=arguments.length<3?void 0:i(arguments[2]),r=a(o(e),n,!1);if(void 0===r||!r.delete(t))return!1;if(r.size)return!0;var s=u.get(e);return s.delete(n),!!s.size||u.delete(e)}})},"3s83":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{RAD_PER_DEG:180/Math.PI})},"41xE":function(t,e,n){var r=n("OzIq"),o=r.navigator;t.exports=o&&o.userAgent||""},"49qz":function(t,e,n){var r=n("oeih"),o=n("/whu");t.exports=function(t){return function(e,n){var i,a,u=String(o(e)),s=r(n),c=u.length;return s<0||s>=c?t?"":void 0:(i=u.charCodeAt(s),i<55296||i>56319||s+1===c||(a=u.charCodeAt(s+1))<56320||a>57343?t?u.charAt(s):i:t?u.slice(s,s+2):a-56320+(i-55296<<10)+65536)}}},"4IZP":function(t,e){t.exports=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e}},"4M2W":function(t,e,n){n("A0n/"),n("i68Q"),n("QzLV"),n("Hhm4"),n("C+4B"),n("W4Z6"),n("tJwI"),n("eC2H"),n("VTn2"),n("W/IU"),n("Y5ex"),n("WpPb"),n("+yjc"),n("gPva"),n("n12u"),n("nRs1"),n("jrHM"),n("gYYG"),n("3QrE"),n("EuXz"),n("PbPd"),n("S+E/"),n("EvFb"),n("QBuC"),n("QWLi"),n("ZRJK"),n("Stuz"),n("yuXV"),n("XtiL"),n("LG56"),n("A1ng"),n("WiIn"),n("aJ2J"),n("altv"),n("dULJ"),n("v2lb"),n("7Jvp"),n("lyhN"),n("kBOG"),n("xONB"),n("LlNE"),n("9xIj"),n("m6Yj"),n("wrs0"),n("Lqg1"),n("1ip3"),n("pWGb"),n("N4KQ"),n("Hl+4"),n("MjHD"),n("SRCy"),n("H0mh"),n("bqOW"),n("F3sI"),n("mhn7"),n("1A13"),n("Racj"),n("Y1S0"),n("Gh7F"),n("tqSY"),n("CvWX"),n("8Np7"),n("R4pa"),n("4RlI"),n("iM2X"),n("J+j9"),n("82of"),n("X/Hz"),n("eVIH"),n("UJiG"),n("SU+a"),n("5iw+"),n("EWrS"),n("J2ob"),n("QaEu"),n("8fhx"),n("UbXY"),n("Rk41"),n("4Q0w"),n("IMUI"),n("beEN"),n("xMpm"),n("j42X"),n("81dZ"),n("uDYd"),n("CEO+"),n("w6W7"),n("fOdq"),n("wVdn"),n("Nkrw"),n("wnRD"),n("lkT3"),n("+CM9"),n("oHKp"),n("9vc3"),n("No4x"),n("WpTh"),n("U6qc"),n("Q/CP"),n("WgSQ"),n("lnZN"),n("FaZr"),n("pd+2"),n("MfeA"),n("VjuZ"),n("qwQ3"),n("mJx5"),n("y9m4"),n("MsuQ"),n("dSUw"),n("ZDXm"),n("V/H1"),n("9mmO"),n("1uLP"),n("52Wt"),n("TFWu"),n("MyjO"),n("qtRy"),n("THnP"),n("K0JP"),n("NfZy"),n("dTzs"),n("+vXH"),n("CVR+"),n("vmSu"),n("4ZU1"),n("yx1U"),n("X7aK"),n("SPtU"),n("A52B"),n("PuTd"),n("dm+7"),n("JG34"),n("Rw4K"),n("9mGU"),n("bUY0"),n("mTp7"),n("gbyG"),n("oF0V"),n("v90c"),n("+2+s"),n("smQ+"),n("m8F4"),n("xn9I"),n("LRL/"),n("sc7i"),n("9Yib"),n("vu/c"),n("zmx7"),n("YVn/"),n("FKfb"),n("oYp4"),n("dxQb"),n("xCpI"),n("AkTE"),n("h7Xi"),n("arGp"),n("JJ3w"),n("qZb+"),n("La7N"),n("BOYP"),n("4rmF"),n("Ygg6"),n("6Xxs"),n("qdHU"),n("DQfQ"),n("j/Lv"),n("U+VG"),n("X6NR"),n("W0pi"),n("taNN"),n("vnWP"),n("R3KI"),n("6iMJ"),n("B3Xn"),n("3s83"),n("F1ui"),n("uEEG"),n("i039"),n("H7zx"),n("+Mt+"),n("QcWB"),n("yJ2x"),n("3q4u"),n("NHaJ"),n("v3hU"),n("zZHq"),n("vsh6"),n("8WbS"),n("yOtE"),n("EZ+5"),n("aM0T"),n("nh2o"),n("v8VU"),n("dich"),n("fx22"),t.exports=n("7gX0")},"4Q0w":function(t,e,n){var r=n("kkCw")("toPrimitive"),o=Date.prototype;r in o||n("2p1q")(o,r,n("jB26"))},"4RlI":function(t,e,n){"use strict";n("y325")("blink",function(t){return function(){return t(this,"blink","","")}})},"4ZU1":function(t,e,n){var r=n("lDLk"),o=n("Ds5P"),i=n("DIVP"),a=n("s4j0");o(o.S+o.F*n("zgIt")(function(){Reflect.defineProperty(r.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function(t,e,n){i(t),e=a(e,!0),i(n);try{return r.f(t,e,n),!0}catch(t){return!1}}})},"4mcu":function(t,e){t.exports=function(){}},"4rmF":function(t,e,n){n("iKpr")("Map")},"52Wt":function(t,e,n){n("77Ug")("Int8",1,function(t){return function(e,n,r){return t(this,e,n,r)}})},"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}},"5iw+":function(t,e,n){"use strict";n("y325")("strike",function(t){return function(){return t(this,"strike","","")}})},"6STP":function(t,e){t.exports=function(t){var e={className:"symbol",begin:"&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;"},n={begin:"\\s",contains:[{className:"meta-keyword",begin:"#?[a-z_][a-z1-9_-]+",illegal:"\\n"}]},r=t.inherit(n,{begin:"\\(",end:"\\)"}),o=t.inherit(t.APOS_STRING_MODE,{className:"meta-string"}),i=t.inherit(t.QUOTE_STRING_MODE,{className:"meta-string"}),a={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:"[A-Za-z0-9\\._:-]+",relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[e]},{begin:/'/,end:/'/,contains:[e]},{begin:/[^\s"'=<>`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,contains:[{className:"meta",begin:"<![a-z]",end:">",relevance:10,contains:[n,i,o,r,{begin:"\\[",end:"\\]",contains:[{className:"meta",begin:"<![a-z]",end:">",contains:[n,r,i,o]}]}]},t.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},e,{className:"meta",begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0},t.inherit(t.APOS_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0}),t.inherit(t.QUOTE_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0})]},{className:"tag",begin:"<style(?=\\s|>)",end:">",keywords:{name:"style"},contains:[a],starts:{end:"</style>",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"<script(?=\\s|>)",end:">",keywords:{name:"script"},contains:[a],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"tag",begin:"</?",end:"/?>",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},a]}]}}},"6Xxs":function(t,e,n){n("iKpr")("WeakMap")},"6iMJ":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{isubh:function(t,e,n,r){var o=t>>>0,i=e>>>0,a=n>>>0;return i-(r>>>0)-((~o&a|~(o^a)&o-a>>>0)>>>31)|0}})},"70Rd":function(t,e,n){(function(n){var r,o;!function(n){var i="object"==typeof window&&window||"object"==typeof self&&self;void 0===e||e.nodeType?i&&(i.hljs=n({}),r=[],void 0!==(o=function(){return i.hljs}.apply(e,r))&&(t.exports=o)):n(e)}(function(t){function e(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function r(t){return t.nodeName.toLowerCase()}function o(t,e){var n=t&&t.exec(e);return n&&0===n.index}function i(t){return U.test(t)}function a(t){var e,n,r,o,a=t.className+" ";if(a+=t.parentNode?t.parentNode.className:"",n=z.exec(a)){var u=k(n[1]);return u||(console.warn(q.replace("{}",n[1])),console.warn("Falling back to no-highlight mode for this block.",t)),u?n[1]:"no-highlight"}for(a=a.split(/\s+/),e=0,r=a.length;e<r;e++)if(o=a[e],i(o)||k(o))return o}function u(t){var e,n={},r=Array.prototype.slice.call(arguments,1);for(e in t)n[e]=t[e];return r.forEach(function(t){for(e in t)n[e]=t[e]}),n}function s(t){var e=[];return function t(n,o){for(var i=n.firstChild;i;i=i.nextSibling)3===i.nodeType?o+=i.nodeValue.length:1===i.nodeType&&(e.push({event:"start",offset:o,node:i}),o=t(i,o),r(i).match(/br|hr|img|input/)||e.push({event:"stop",offset:o,node:i}));return o}(t,0),e}function c(t,n,o){function i(){return t.length&&n.length?t[0].offset!==n[0].offset?t[0].offset<n[0].offset?t:n:"start"===n[0].event?t:n:t.length?t:n}function a(t){function n(t){return" "+t.nodeName+'="'+e(t.value).replace(/"/g,"&quot;")+'"'}f+="<"+r(t)+R.map.call(t.attributes,n).join("")+">"}function u(t){f+="</"+r(t)+">"}function s(t){("start"===t.event?a:u)(t.node)}for(var c=0,f="",l=[];t.length||n.length;){var p=i();if(f+=e(o.substring(c,p[0].offset)),c=p[0].offset,p===t){l.reverse().forEach(u);do{s(p.splice(0,1)[0]),p=i()}while(p===t&&p.length&&p[0].offset===c);l.reverse().forEach(a)}else"start"===p[0].event?l.push(p[0].node):l.pop(),s(p.splice(0,1)[0])}return f+e(o.substr(c))}function f(t){return!!t&&(t.endsWithParent||f(t.starts))}function l(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(e){return u(t,{variants:null},e)})),t.cached_variants?t.cached_variants:f(t)?[u(t,{starts:t.starts?u(t.starts):null})]:Object.isFrozen(t)?[u(t)]:[t]}function p(t){if(N&&!t.langApiRestored){t.langApiRestored=!0;for(var e in N)t[e]&&(t[N[e]]=t[e]);(t.contains||[]).concat(t.variants||[]).forEach(p)}}function d(t,e){function n(t,n){e&&(n=n.toLowerCase()),n.split(" ").forEach(function(e){var n=e.split("|");r[n[0]]=[t,h(n[0],n[1])]})}var r={};return"string"==typeof t?n("keyword",t):T(t).forEach(function(e){n(e,t[e])}),r}function h(t,e){return e?Number(e):v(t)?0:1}function v(t){return-1!=K.indexOf(t.toLowerCase())}function g(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(t){return new RegExp(t.toString()+"|").exec("").length-1}function o(t,n){for(var r=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./,o=0,i="",a=0;a<t.length;a++){o+=1;var u=o,s=e(t[a]);for(a>0&&(i+=n),i+="(";s.length>0;){var c=r.exec(s);if(null==c){i+=s;break}i+=s.substring(0,c.index),s=s.substring(c.index+c[0].length),"\\"==c[0][0]&&c[1]?i+="\\"+String(Number(c[1])+u):(i+=c[0],"("==c[0]&&o++)}i+=")"}return i}function i(t){function e(t,e){u[f]=t,s.push([t,e]),f+=r(e)+1}for(var i,a,u={},s=[],c={},f=1,l=0;l<t.contains.length;l++){var p;a=t.contains[l],p=a.beginKeywords?"\\.?(?:"+a.begin+")\\.?":a.begin,e(a,p)}t.terminator_end&&e("end",t.terminator_end),t.illegal&&e("illegal",t.illegal);var d=s.map(function(t){return t[1]});return i=n(o(d,"|"),!0),c.lastIndex=0,c.exec=function(e){var n;if(0===s.length)return null;i.lastIndex=c.lastIndex;var r=i.exec(e);if(!r)return null;for(var o=0;o<r.length;o++)if(void 0!=r[o]&&void 0!=u[""+o]){n=u[""+o];break}return"string"==typeof n?(r.type=n,r.extra=[t.illegal,t.terminator_end]):(r.type="begin",r.rule=n),r},c}function a(r,o){r.compiled||(r.compiled=!0,r.keywords=r.keywords||r.beginKeywords,r.keywords&&(r.keywords=d(r.keywords,t.case_insensitive)),r.lexemesRe=n(r.lexemes||/\w+/,!0),o&&(r.beginKeywords&&(r.begin="\\b("+r.beginKeywords.split(" ").join("|")+")\\b"),r.begin||(r.begin=/\B|\b/),r.beginRe=n(r.begin),r.endSameAsBegin&&(r.end=r.begin),r.end||r.endsWithParent||(r.end=/\B|\b/),r.end&&(r.endRe=n(r.end)),r.terminator_end=e(r.end)||"",r.endsWithParent&&o.terminator_end&&(r.terminator_end+=(r.end?"|":"")+o.terminator_end)),r.illegal&&(r.illegalRe=n(r.illegal)),null==r.relevance&&(r.relevance=1),r.contains||(r.contains=[]),r.contains=Array.prototype.concat.apply([],r.contains.map(function(t){return l("self"===t?r:t)})),r.contains.forEach(function(t){a(t,r)}),r.starts&&a(r.starts,o),r.terminators=i(r))}if(t.contains&&-1!=t.contains.indexOf("self")){if(!F)throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");t.contains=t.contains.filter(function(t){return"self"!=t})}a(t)}function y(){return!!W.hideUpgradeWarningAcceptNoSupportOrSecurityUpdates||(!("object"!=typeof n||!Object({NODE_ENV:"production"}).HLJS_HIDE_UPGRADE_WARNING)||void 0)}function m(t,n,r,i){function a(t){return new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function u(t,e){if(o(t.endRe,e)){for(;t.endsParent&&t.parent;)t=t.parent;return t}if(t.endsWithParent)return u(t.parent,e)}function s(t,e){var n=O.case_insensitive?e[0].toLowerCase():e[0];return t.keywords.hasOwnProperty(n)&&t.keywords[n]}function c(t,e,n,r){if(!n&&""===e)return"";if(!t)return e;var o=r?"":W.classPrefix,i='<span class="'+o,a=n?"":$;return(i+=t+'">')+e+a}function f(){var t,n,r,o;if(!S.keywords)return e(A);for(o="",n=0,S.lexemesRe.lastIndex=0,r=S.lexemesRe.exec(A);r;)o+=e(A.substring(n,r.index)),t=s(S,r),t?(D+=t[1],o+=c(t[0],e(r[0]))):o+=e(r[0]),n=S.lexemesRe.lastIndex,r=S.lexemesRe.exec(A);return o+e(A.substr(n))}function l(){var t="string"==typeof S.subLanguage;if(t&&!j[S.subLanguage])return e(A);var n=t?m(S.subLanguage,A,!0,P[S.subLanguage]):b(A,S.subLanguage.length?S.subLanguage:void 0);return S.relevance>0&&(D+=n.relevance),t&&(P[S.subLanguage]=n.top),c(n.language,n.value,!1,!0)}function p(){M+=null!=S.subLanguage?l():f(),A=""}function d(t){M+=t.className?c(t.className,"",!0):"",S=Object.create(t,{parent:{value:S}})}function h(t){var e=t[0],n=t.rule;return n&&n.endSameAsBegin&&(n.endRe=a(e)),n.skip?A+=e:(n.excludeBegin&&(A+=e),p(),n.returnBegin||n.excludeBegin||(A=e)),d(n),n.returnBegin?0:e.length}function v(t){var e=t[0],n=w.substr(t.index),r=u(S,n);if(r){var o=S;o.skip?A+=e:(o.returnEnd||o.excludeEnd||(A+=e),p(),o.excludeEnd&&(A=e));do{S.className&&(M+=$),S.skip||S.subLanguage||(D+=S.relevance),S=S.parent}while(S!==r.parent);return r.starts&&(r.endSameAsBegin&&(r.starts.endRe=r.endRe),d(r.starts)),o.returnEnd?0:e.length}}function _(t,e){var n=e&&e[0];if(A+=t,null==n)return p(),0;if("begin"==x.type&&"end"==e.type&&x.index==e.index&&""===n)return A+=w.slice(e.index,e.index+1),1;if("illegal"===x.type&&""===n)return A+=w.slice(e.index,e.index+1),1;if(x=e,"begin"===e.type)return h(e);if("illegal"===e.type&&!r)throw new Error('Illegal lexeme "'+n+'" for mode "'+(S.className||"<unnamed>")+'"');if("end"===e.type){var o=v(e);if(void 0!=o)return o}return A+=n,n.length}y()||I||(I=!0,console.log("Version 9 of Highlight.js has reached EOL and is no longer supported.\nPlease upgrade or ask whatever dependency you are using to upgrade.\nhttps://github.com/highlightjs/highlight.js/issues/2877"));var w=n,x={},O=k(t);if(!O)throw console.error(q.replace("{}",t)),new Error('Unknown language: "'+t+'"');g(O);var E,S=i||O,P={},M="";for(E=S;E!==O;E=E.parent)E.className&&(M=c(E.className,"",!0)+M);var A="",D=0;try{for(var C,N,R=0;;){if(S.terminators.lastIndex=R,!(C=S.terminators.exec(w)))break;N=_(w.substring(R,C.index),C),R=C.index+N}for(_(w.substr(R)),E=S;E.parent;E=E.parent)E.className&&(M+=$);return{relevance:D,value:M,illegal:!1,language:t,top:S}}catch(n){if(n.message&&-1!==n.message.indexOf("Illegal"))return{illegal:!0,relevance:0,value:e(w)};if(F)return{relevance:0,value:e(w),language:t,top:S,errorRaised:n};throw n}}function b(t,n){n=n||W.languages||T(j);var r={relevance:0,value:e(t)},o=r;return n.filter(k).filter(D).forEach(function(e){var n=m(e,t,!1);n.language=e,n.relevance>o.relevance&&(o=n),n.relevance>r.relevance&&(o=r,r=n)}),o.language&&(r.second_best=o),r}function _(t){return W.tabReplace||W.useBR?t.replace(B,function(t,e){return W.useBR&&"\n"===t?"<br>":W.tabReplace?e.replace(/\t/g,W.tabReplace):""}):t}function w(t,e,n){var r=e?L[e]:n,o=[t.trim()];return t.match(/\bhljs\b/)||o.push("hljs"),-1===t.indexOf(r)&&o.push(r),o.join(" ").trim()}function x(t){var e,n,r,o,u,f=a(t);i(f)||(W.useBR?(e=document.createElement("div"),e.innerHTML=t.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n")):e=t,u=e.textContent,r=f?m(f,u,!0):b(u),n=s(e),n.length&&(o=document.createElement("div"),o.innerHTML=r.value,r.value=c(n,s(o),u)),r.value=_(r.value),t.innerHTML=r.value,t.className=w(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 O(t){W=u(W,t)}function E(){if(!E.called){E.called=!0;var t=document.querySelectorAll("pre code");R.forEach.call(t,x)}}function S(){window.addEventListener("DOMContentLoaded",E,!1),window.addEventListener("load",E,!1)}function P(e,n){var r;try{r=n(t)}catch(t){if(console.error("Language definition for '{}' could not be registered.".replace("{}",e)),!F)throw t;console.error(t),r=V}j[e]=r,p(r),r.rawDefinition=n.bind(null,t),r.aliases&&r.aliases.forEach(function(t){L[t]=e})}function M(){return T(j)}function A(t){var e=k(t);if(e)return e;throw new Error("The '{}' language is required, but not loaded.".replace("{}",t))}function k(t){return t=(t||"").toLowerCase(),j[t]||j[L[t]]}function D(t){var e=k(t);return e&&!e.disableAutodetect}function C(t){Object.freeze(t);var e="function"==typeof t;return Object.getOwnPropertyNames(t).forEach(function(n){!t.hasOwnProperty(n)||null===t[n]||"object"!=typeof t[n]&&"function"!=typeof t[n]||e&&("caller"===n||"callee"===n||"arguments"===n)||Object.isFrozen(t[n])||C(t[n])}),t}var N,I=!1,R=[],T=Object.keys,j=Object.create(null),L=Object.create(null),F=!0,U=/^(no-?highlight|plain|text)$/i,z=/\blang(?:uage)?-([\w-]+)\b/i,B=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,$="</span>",q="Could not find the language '{}', did you forget to load/include a language module?",W={hideUpgradeWarningAcceptNoSupportOrSecurityUpdates:!1,classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},K="of and for in not or if then".split(" "),V={disableAutodetect:!0};return t.highlight=m,t.highlightAuto=b,t.fixMarkup=_,t.highlightBlock=x,t.configure=O,t.initHighlighting=E,t.initHighlightingOnLoad=S,t.registerLanguage=P,t.listLanguages=M,t.getLanguage=k,t.requireLanguage=A,t.autoDetection=D,t.inherit=u,t.debugMode=function(){F=!1},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 o=t.inherit({className:"comment",begin:e,end:n,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.BACKSLASH_ESCAPE,t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.PHRASAL_WORDS_MODE,t.COMMENT,t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,t.HASH_COMMENT_MODE,t.NUMBER_MODE,t.C_NUMBER_MODE,t.BINARY_NUMBER_MODE,t.CSS_NUMBER_MODE,t.REGEXP_MODE,t.TITLE_MODE,t.UNDERSCORE_TITLE_MODE,t.METHOD_GUARD].forEach(function(t){C(t)}),t})}).call(e,n("W2nU"))},"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}},"77Ug":function(t,e,n){"use strict";if(n("bUqO")){var r=n("V3l/"),o=n("OzIq"),i=n("zgIt"),a=n("Ds5P"),u=n("07k+"),s=n("LrcN"),c=n("rFzY"),f=n("9GpA"),l=n("fU25"),p=n("2p1q"),d=n("A16L"),h=n("oeih"),v=n("BbyF"),g=n("8D8H"),y=n("zo/l"),m=n("s4j0"),b=n("WBcL"),_=n("wC1N"),w=n("UKM+"),x=n("FryR"),O=n("9vb1"),E=n("7ylX"),S=n("KOrd"),P=n("WcO1").f,M=n("SHe9"),A=n("ulTY"),k=n("kkCw"),D=n("LhTa"),C=n("ot5s"),N=n("7O1s"),I=n("WgSQ"),R=n("bN1p"),T=n("qkyc"),j=n("CEne"),L=n("zCYm"),F=n("DPsE"),U=n("lDLk"),z=n("x9zv"),B=U.f,$=z.f,q=o.RangeError,W=o.TypeError,K=o.Uint8Array,V=Array.prototype,G=s.ArrayBuffer,X=s.DataView,Y=D(0),H=D(2),Q=D(3),Z=D(4),J=D(5),tt=D(6),et=C(!0),nt=C(!1),rt=I.values,ot=I.keys,it=I.entries,at=V.lastIndexOf,ut=V.reduce,st=V.reduceRight,ct=V.join,ft=V.sort,lt=V.slice,pt=V.toString,dt=V.toLocaleString,ht=k("iterator"),vt=k("toStringTag"),gt=A("typed_constructor"),yt=A("def_constructor"),mt=u.CONSTR,bt=u.TYPED,_t=u.VIEW,wt=D(1,function(t,e){return Pt(N(t,t[yt]),e)}),xt=i(function(){return 1===new K(new Uint16Array([1]).buffer)[0]}),Ot=!!K&&!!K.prototype.set&&i(function(){new K(1).set({})}),Et=function(t,e){var n=h(t);if(n<0||n%e)throw q("Wrong offset!");return n},St=function(t){if(w(t)&&bt in t)return t;throw W(t+" is not a typed array!")},Pt=function(t,e){if(!(w(t)&&gt in t))throw W("It is not a typed array constructor!");return new t(e)},Mt=function(t,e){return At(N(t,t[yt]),e)},At=function(t,e){for(var n=0,r=e.length,o=Pt(t,r);r>n;)o[n]=e[n++];return o},kt=function(t,e,n){B(t,e,{get:function(){return this._d[n]}})},Dt=function(t){var e,n,r,o,i,a,u=x(t),s=arguments.length,f=s>1?arguments[1]:void 0,l=void 0!==f,p=M(u);if(void 0!=p&&!O(p)){for(a=p.call(u),r=[],e=0;!(i=a.next()).done;e++)r.push(i.value);u=r}for(l&&s>2&&(f=c(f,arguments[2],2)),e=0,n=v(u.length),o=Pt(this,n);n>e;e++)o[e]=l?f(u[e],e):u[e];return o},Ct=function(){for(var t=0,e=arguments.length,n=Pt(this,e);e>t;)n[t]=arguments[t++];return n},Nt=!!K&&i(function(){dt.call(new K(1))}),It=function(){return dt.apply(Nt?lt.call(St(this)):St(this),arguments)},Rt={copyWithin:function(t,e){return F.call(St(this),t,e,arguments.length>2?arguments[2]:void 0)},every:function(t){return Z(St(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return L.apply(St(this),arguments)},filter:function(t){return Mt(this,H(St(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return J(St(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(St(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){Y(St(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return nt(St(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return et(St(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return ct.apply(St(this),arguments)},lastIndexOf:function(t){return at.apply(St(this),arguments)},map:function(t){return wt(St(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ut.apply(St(this),arguments)},reduceRight:function(t){return st.apply(St(this),arguments)},reverse:function(){for(var t,e=this,n=St(e).length,r=Math.floor(n/2),o=0;o<r;)t=e[o],e[o++]=e[--n],e[n]=t;return e},some:function(t){return Q(St(this),t,arguments.length>1?arguments[1]:void 0)},sort:function(t){return ft.call(St(this),t)},subarray:function(t,e){var n=St(this),r=n.length,o=y(t,r);return new(N(n,n[yt]))(n.buffer,n.byteOffset+o*n.BYTES_PER_ELEMENT,v((void 0===e?r:y(e,r))-o))}},Tt=function(t,e){return Mt(this,lt.call(St(this),t,e))},jt=function(t){St(this);var e=Et(arguments[1],1),n=this.length,r=x(t),o=v(r.length),i=0;if(o+e>n)throw q("Wrong length!");for(;i<o;)this[e+i]=r[i++]},Lt={entries:function(){return it.call(St(this))},keys:function(){return ot.call(St(this))},values:function(){return rt.call(St(this))}},Ft=function(t,e){return w(t)&&t[bt]&&"symbol"!=typeof e&&e in t&&String(+e)==String(e)},Ut=function(t,e){return Ft(t,e=m(e,!0))?l(2,t[e]):$(t,e)},zt=function(t,e,n){return!(Ft(t,e=m(e,!0))&&w(n)&&b(n,"value"))||b(n,"get")||b(n,"set")||n.configurable||b(n,"writable")&&!n.writable||b(n,"enumerable")&&!n.enumerable?B(t,e,n):(t[e]=n.value,t)};mt||(z.f=Ut,U.f=zt),a(a.S+a.F*!mt,"Object",{getOwnPropertyDescriptor:Ut,defineProperty:zt}),i(function(){pt.call({})})&&(pt=dt=function(){return ct.call(this)});var Bt=d({},Rt);d(Bt,Lt),p(Bt,ht,Lt.values),d(Bt,{slice:Tt,set:jt,constructor:function(){},toString:pt,toLocaleString:It}),kt(Bt,"buffer","b"),kt(Bt,"byteOffset","o"),kt(Bt,"byteLength","l"),kt(Bt,"length","e"),B(Bt,vt,{get:function(){return this[bt]}}),t.exports=function(t,e,n,s){s=!!s;var c=t+(s?"Clamped":"")+"Array",l="get"+t,d="set"+t,h=o[c],y=h||{},m=h&&S(h),b=!h||!u.ABV,x={},O=h&&h.prototype,M=function(t,n){var r=t._d;return r.v[l](n*e+r.o,xt)},A=function(t,n,r){var o=t._d;s&&(r=(r=Math.round(r))<0?0:r>255?255:255&r),o.v[d](n*e+o.o,r,xt)},k=function(t,e){B(t,e,{get:function(){return M(this,e)},set:function(t){return A(this,e,t)},enumerable:!0})};b?(h=n(function(t,n,r,o){f(t,h,c,"_d");var i,a,u,s,l=0,d=0;if(w(n)){if(!(n instanceof G||"ArrayBuffer"==(s=_(n))||"SharedArrayBuffer"==s))return bt in n?At(h,n):Dt.call(h,n);i=n,d=Et(r,e);var y=n.byteLength;if(void 0===o){if(y%e)throw q("Wrong length!");if((a=y-d)<0)throw q("Wrong length!")}else if((a=v(o)*e)+d>y)throw q("Wrong length!");u=a/e}else u=g(n),a=u*e,i=new G(a);for(p(t,"_d",{b:i,o:d,l:a,e:u,v:new X(i)});l<u;)k(t,l++)}),O=h.prototype=E(Bt),p(O,"constructor",h)):i(function(){h(1)})&&i(function(){new h(-1)})&&T(function(t){new h,new h(null),new h(1.5),new h(t)},!0)||(h=n(function(t,n,r,o){f(t,h,c);var i;return w(n)?n instanceof G||"ArrayBuffer"==(i=_(n))||"SharedArrayBuffer"==i?void 0!==o?new y(n,Et(r,e),o):void 0!==r?new y(n,Et(r,e)):new y(n):bt in n?At(h,n):Dt.call(h,n):new y(g(n))}),Y(m!==Function.prototype?P(y).concat(P(m)):P(y),function(t){t in h||p(h,t,y[t])}),h.prototype=O,r||(O.constructor=h));var D=O[ht],C=!!D&&("values"==D.name||void 0==D.name),N=Lt.values;p(h,gt,!0),p(O,bt,c),p(O,_t,!0),p(O,yt,h),(s?new h(1)[vt]==c:vt in O)||B(O,vt,{get:function(){return c}}),x[c]=h,a(a.G+a.W+a.F*(h!=y),x),a(a.S,c,{BYTES_PER_ELEMENT:e}),a(a.S+a.F*i(function(){y.of.call(h,1)}),c,{from:Dt,of:Ct}),"BYTES_PER_ELEMENT"in O||p(O,"BYTES_PER_ELEMENT",e),a(a.P,c,Rt),j(c),a(a.P+a.F*Ot,c,{set:jt}),a(a.P+a.F*!C,c,Lt),r||O.toString==pt||(O.toString=pt),a(a.P+a.F*i(function(){new h(1).slice()}),c,{slice:Tt}),a(a.P+a.F*(i(function(){return[1,2].toLocaleString()!=new h([1,2]).toLocaleString()})||!i(function(){O.toLocaleString.call([1,2])})),c,{toLocaleString:It}),R[c]=C?D:N,r||C||p(O,ht,N)}}else t.exports=function(){}},"7Jvp":function(t,e,n){function r(t){return isFinite(t=+t)&&0!=t?t<0?-r(-t):Math.log(t+Math.sqrt(t*t+1)):t}var o=n("Ds5P"),i=Math.asinh;o(o.S+o.F*!(i&&1/i(0)>0),"Math",{asinh:r})},"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)},"7O1s":function(t,e,n){var r=n("DIVP"),o=n("XSOZ"),i=n("kkCw")("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||void 0==(n=r(a)[i])?e:o(n)}},"7UMu":function(t,e,n){var r=n("R9M2");t.exports=Array.isArray||function(t){return"Array"==r(t)}},"7gX0":function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},"7ylX":function(t,e,n){var r=n("DIVP"),o=n("twxM"),i=n("QKXm"),a=n("mZON")("IE_PROTO"),u=function(){},s=function(){var t,e=n("jhxf")("iframe"),r=i.length;for(e.style.display="none",n("d075").appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),s=t.F;r--;)delete s.prototype[i[r]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(u.prototype=r(t),n=new u,u.prototype=null,n[a]=t):n=s(),void 0===e?n:o(n,e)}},"81dZ":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("d075"),i=n("ydD5"),a=n("zo/l"),u=n("BbyF"),s=[].slice;r(r.P+r.F*n("zgIt")(function(){o&&s.call(o)}),"Array",{slice:function(t,e){var n=u(this.length),r=i(this);if(e=void 0===e?n:e,"Array"==r)return s.call(this,t,e);for(var o=a(t,n),c=a(e,n),f=u(c-o),l=new Array(f),p=0;p<f;p++)l[p]="String"==r?this.charAt(o+p):this[o+p];return l}})},"82Mu":function(t,e,n){var r=n("7KvD"),o=n("L42u").set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,u=r.Promise,s="process"==n("R9M2")(a);t.exports=function(){var t,e,n,c=function(){var r,o;for(s&&(r=a.domain)&&r.exit();t;){o=t.fn,t=t.next;try{o()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(s)n=function(){a.nextTick(c)};else if(!i||r.navigator&&r.navigator.standalone)if(u&&u.resolve){var f=u.resolve(void 0);n=function(){f.then(c)}}else n=function(){o.call(r,c)};else{var l=!0,p=document.createTextNode("");new i(c).observe(p,{characterData:!0}),n=function(){p.data=l=!l}}return function(r){var o={fn:r,next:void 0};e&&(e.next=o),t||(t=o,n()),e=o}}},"82of":function(t,e,n){"use strict";n("y325")("fontcolor",function(t){return function(e){return t(this,"font","color",e)}})},"880/":function(t,e,n){t.exports=n("hJx8")},"8D8H":function(t,e,n){var r=n("oeih"),o=n("BbyF");t.exports=function(t){if(void 0===t)return 0;var e=r(t),n=o(e);if(e!==n)throw RangeError("Wrong length!");return n}},"8Np7":function(t,e,n){"use strict";n("y325")("anchor",function(t){return function(e){return t(this,"a","name",e)}})},"8WbS":function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=n("KOrd"),a=r.has,u=r.key,s=function(t,e,n){if(a(t,e,n))return!0;var r=i(e);return null!==r&&s(t,r,n)};r.exp({hasMetadata:function(t,e){return s(t,o(e),arguments.length<3?void 0:u(arguments[2]))}})},"8fhx":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("FryR"),i=n("s4j0");r(r.P+r.F*n("zgIt")(function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})}),"Date",{toJSON:function(t){var e=o(this),n=i(e);return"number"!=typeof n||isFinite(n)?e.toISOString():null}})},"8qzu":function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("WlpS")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return t&&t.__esModule?t:{default:t}}(n),o=function(){return r.default.Date.now()};e.default=o,t.exports=e.default})},"8t38":function(t,e,n){var r=n("OzIq").parseFloat,o=n("Ymdd").trim;t.exports=1/r(n("Xduv")+"-0")!=-1/0?function(t){var e=o(String(t),3),n=r(e);return 0===n&&"-"==e.charAt(0)?-0:n}:r},"94VQ":function(t,e,n){"use strict";var r=n("Yobk"),o=n("X8DO"),i=n("e6n0"),a={};n("hJx8")(a,n("dSzd")("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:o(1,n)}),i(t,e+" Iterator")}},"9GpA":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}},"9Yib":function(t,e,n){n("3g/S")("asyncIterator")},"9mGU":function(t,e,n){var r=n("Ds5P"),o=n("DIVP"),i=Object.preventExtensions;r(r.S,"Reflect",{preventExtensions:function(t){o(t);try{return i&&i(t),!0}catch(t){return!1}}})},"9mmO":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("07k+"),i=n("LrcN"),a=n("DIVP"),u=n("zo/l"),s=n("BbyF"),c=n("UKM+"),f=n("OzIq").ArrayBuffer,l=n("7O1s"),p=i.ArrayBuffer,d=i.DataView,h=o.ABV&&f.isView,v=p.prototype.slice,g=o.VIEW;r(r.G+r.W+r.F*(f!==p),{ArrayBuffer:p}),r(r.S+r.F*!o.CONSTR,"ArrayBuffer",{isView:function(t){return h&&h(t)||c(t)&&g in t}}),r(r.P+r.U+r.F*n("zgIt")(function(){return!new p(2).slice(1,void 0).byteLength}),"ArrayBuffer",{slice:function(t,e){if(void 0!==v&&void 0===e)return v.call(a(this),t);for(var n=a(this).byteLength,r=u(t,n),o=u(void 0===e?n:e,n),i=new(l(this,p))(s(o-r)),c=new d(this),f=new d(i),h=0;r<o;)f.setUint8(h++,c.getUint8(r++));return i}}),n("CEne")("ArrayBuffer")},"9vb1":function(t,e,n){var r=n("bN1p"),o=n("kkCw")("iterator"),i=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||i[o]===t)}},"9vc3":function(t,e,n){var r=n("Ds5P");r(r.P,"Array",{copyWithin:n("DPsE")}),n("RhFG")("copyWithin")},"9xIj":function(t,e,n){var r=n("Ds5P"),o=n("x78i");r(r.S+r.F*(o!=Math.expm1),"Math",{expm1:o})},"A0n/":function(t,e,n){"use strict";var r=n("OzIq"),o=n("WBcL"),i=n("bUqO"),a=n("Ds5P"),u=n("R3AP"),s=n("1aA0").KEY,c=n("zgIt"),f=n("VWgF"),l=n("yYvK"),p=n("ulTY"),d=n("kkCw"),h=n("M8WE"),v=n("3g/S"),g=n("C+Ps"),y=n("XO1R"),m=n("DIVP"),b=n("UKM+"),_=n("PHqh"),w=n("s4j0"),x=n("fU25"),O=n("7ylX"),E=n("bG/2"),S=n("x9zv"),P=n("lDLk"),M=n("Qh14"),A=S.f,k=P.f,D=E.f,C=r.Symbol,N=r.JSON,I=N&&N.stringify,R=d("_hidden"),T=d("toPrimitive"),j={}.propertyIsEnumerable,L=f("symbol-registry"),F=f("symbols"),U=f("op-symbols"),z=Object.prototype,B="function"==typeof C,$=r.QObject,q=!$||!$.prototype||!$.prototype.findChild,W=i&&c(function(){return 7!=O(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=A(z,e);r&&delete z[e],k(t,e,n),r&&t!==z&&k(z,e,r)}:k,K=function(t){var e=F[t]=O(C.prototype);return e._k=t,e},V=B&&"symbol"==typeof C.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof C},G=function(t,e,n){return t===z&&G(U,e,n),m(t),e=w(e,!0),m(n),o(F,e)?(n.enumerable?(o(t,R)&&t[R][e]&&(t[R][e]=!1),n=O(n,{enumerable:x(0,!1)})):(o(t,R)||k(t,R,x(1,{})),t[R][e]=!0),W(t,e,n)):k(t,e,n)},X=function(t,e){m(t);for(var n,r=g(e=_(e)),o=0,i=r.length;i>o;)G(t,n=r[o++],e[n]);return t},Y=function(t,e){return void 0===e?O(t):X(O(t),e)},H=function(t){var e=j.call(this,t=w(t,!0));return!(this===z&&o(F,t)&&!o(U,t))&&(!(e||!o(this,t)||!o(F,t)||o(this,R)&&this[R][t])||e)},Q=function(t,e){if(t=_(t),e=w(e,!0),t!==z||!o(F,e)||o(U,e)){var n=A(t,e);return!n||!o(F,e)||o(t,R)&&t[R][e]||(n.enumerable=!0),n}},Z=function(t){for(var e,n=D(_(t)),r=[],i=0;n.length>i;)o(F,e=n[i++])||e==R||e==s||r.push(e);return r},J=function(t){for(var e,n=t===z,r=D(n?U:_(t)),i=[],a=0;r.length>a;)!o(F,e=r[a++])||n&&!o(z,e)||i.push(F[e]);return i};B||(C=function(){if(this instanceof C)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===z&&e.call(U,n),o(this,R)&&o(this[R],t)&&(this[R][t]=!1),W(this,t,x(1,n))};return i&&q&&W(z,t,{configurable:!0,set:e}),K(t)},u(C.prototype,"toString",function(){return this._k}),S.f=Q,P.f=G,n("WcO1").f=E.f=Z,n("Y1aA").f=H,n("Y1N3").f=J,i&&!n("V3l/")&&u(z,"propertyIsEnumerable",H,!0),h.f=function(t){return K(d(t))}),a(a.G+a.W+a.F*!B,{Symbol:C});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)d(tt[et++]);for(var nt=M(d.store),rt=0;nt.length>rt;)v(nt[rt++]);a(a.S+a.F*!B,"Symbol",{for:function(t){return o(L,t+="")?L[t]:L[t]=C(t)},keyFor:function(t){if(!V(t))throw TypeError(t+" is not a symbol!");for(var e in L)if(L[e]===t)return e},useSetter:function(){q=!0},useSimple:function(){q=!1}}),a(a.S+a.F*!B,"Object",{create:Y,defineProperty:G,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:Z,getOwnPropertySymbols:J}),N&&a(a.S+a.F*(!B||c(function(){var t=C();return"[null]"!=I([t])||"{}"!=I({a:t})||"{}"!=I(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(b(e)||void 0!==t)&&!V(t))return y(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!V(e))return e}),r[1]=e,I.apply(N,r)}}),C.prototype[T]||n("2p1q")(C.prototype,T,C.prototype.valueOf),l(C,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},A16L:function(t,e,n){var r=n("R3AP");t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},A1ng:function(t,e,n){var r=n("Ds5P"),o=n("n982"),i=Math.abs;r(r.S,"Number",{isSafeInteger:function(t){return o(t)&&i(t)<=9007199254740991}})},A52B:function(t,e,n){var r=n("x9zv"),o=n("Ds5P"),i=n("DIVP");o(o.S,"Reflect",{getOwnPropertyDescriptor:function(t,e){return r.f(i(t),e)}})},AkTE:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("FryR"),i=n("s4j0"),a=n("KOrd"),u=n("x9zv").f;n("bUqO")&&r(r.P+n("dm6P"),"Object",{__lookupSetter__:function(t){var e,n=o(this),r=i(t,!0);do{if(e=u(n,r))return e.set}while(n=a(n))}})},B3Xn:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{imulh:function(t,e){var n=+t,r=+e,o=65535&n,i=65535&r,a=n>>16,u=r>>16,s=(a*i>>>0)+(o*i>>>16);return a*u+(s>>16)+((o*u>>>0)+(65535&s)>>16)}})},BOYP:function(t,e,n){n("0j1G")("WeakSet")},BbyF:function(t,e,n){var r=n("oeih"),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},BwfY:function(t,e,n){n("fWfb"),n("M6a0"),n("OYls"),n("QWe/"),t.exports=n("FeBl").Symbol},"C+4B":function(t,e,n){var r=n("PHqh"),o=n("x9zv").f;n("3i66")("getOwnPropertyDescriptor",function(){return function(t,e){return o(r(t),e)}})},"C+Ps":function(t,e,n){var r=n("Qh14"),o=n("Y1N3"),i=n("Y1aA");t.exports=function(t){var e=r(t),n=o.f;if(n)for(var a,u=n(t),s=i.f,c=0;u.length>c;)s.call(t,a=u[c++])&&e.push(a);return e}},"CEO+":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("LhTa")(0),i=n("NNrz")([].forEach,!0);r(r.P+r.F*!i,"Array",{forEach:function(t){return o(this,t,arguments[1])}})},CEne:function(t,e,n){"use strict";var r=n("OzIq"),o=n("lDLk"),i=n("bUqO"),a=n("kkCw")("species");t.exports=function(t){var e=r[t];i&&e&&!e[a]&&o.f(e,a,{configurable:!0,get:function(){return this}})}},"CVR+":function(t,e,n){var r=n("Ds5P"),o=n("XSOZ"),i=n("DIVP"),a=(n("OzIq").Reflect||{}).apply,u=Function.apply;r(r.S+r.F*!n("zgIt")(function(){a(function(){})}),"Reflect",{apply:function(t,e,n){var r=o(t),s=i(n);return a?a(r,e,s):u.call(r,e,s)}})},CXw9:function(t,e,n){"use strict";var r,o,i,a,u=n("O4g8"),s=n("7KvD"),c=n("+ZMJ"),f=n("RY/4"),l=n("kM2E"),p=n("EqjI"),d=n("lOnJ"),h=n("2KxR"),v=n("NWt+"),g=n("t8x9"),y=n("L42u").set,m=n("82Mu")(),b=n("qARP"),_=n("dNDb"),w=n("iUbK"),x=n("fJUb"),O=s.TypeError,E=s.process,S=E&&E.versions,P=S&&S.v8||"",M=s.Promise,A="process"==f(E),k=function(){},D=o=b.f,C=!!function(){try{var t=M.resolve(1),e=(t.constructor={})[n("dSzd")("species")]=function(t){t(k,k)};return(A||"function"==typeof PromiseRejectionEvent)&&t.then(k)instanceof e&&0!==P.indexOf("6.6")&&-1===w.indexOf("Chrome/66")}catch(t){}}(),N=function(t){var e;return!(!p(t)||"function"!=typeof(e=t.then))&&e},I=function(t,e){if(!t._n){t._n=!0;var n=t._c;m(function(){for(var r=t._v,o=1==t._s,i=0;n.length>i;)!function(e){var n,i,a,u=o?e.ok:e.fail,s=e.resolve,c=e.reject,f=e.domain;try{u?(o||(2==t._h&&j(t),t._h=1),!0===u?n=r:(f&&f.enter(),n=u(r),f&&(f.exit(),a=!0)),n===e.promise?c(O("Promise-chain cycle")):(i=N(n))?i.call(n,s,c):s(n)):c(r)}catch(t){f&&!a&&f.exit(),c(t)}}(n[i++]);t._c=[],t._n=!1,e&&!t._h&&R(t)})}},R=function(t){y.call(s,function(){var e,n,r,o=t._v,i=T(t);if(i&&(e=_(function(){A?E.emit("unhandledRejection",o,t):(n=s.onunhandledrejection)?n({promise:t,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)}),t._h=A||T(t)?2:1),t._a=void 0,i&&e.e)throw e.v})},T=function(t){return 1!==t._h&&0===(t._a||t._c).length},j=function(t){y.call(s,function(){var e;A?E.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})})},L=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()),I(e,!0))},F=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw O("Promise can't be resolved itself");(e=N(t))?m(function(){var r={_w:n,_d:!1};try{e.call(t,c(F,r,1),c(L,r,1))}catch(t){L.call(r,t)}}):(n._v=t,n._s=1,I(n,!1))}catch(t){L.call({_w:n,_d:!1},t)}}};C||(M=function(t){h(this,M,"Promise","_h"),d(t),r.call(this);try{t(c(F,this,1),c(L,this,1))}catch(t){L.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")(M.prototype,{then:function(t,e){var n=D(g(this,M));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=A?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&I(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),i=function(){var t=new r;this.promise=t,this.resolve=c(F,t,1),this.reject=c(L,t,1)},b.f=D=function(t){return t===M||t===a?new i(t):o(t)}),l(l.G+l.W+l.F*!C,{Promise:M}),n("e6n0")(M,"Promise"),n("bRrM")("Promise"),a=n("FeBl").Promise,l(l.S+l.F*!C,"Promise",{reject:function(t){var e=D(this);return(0,e.reject)(t),e.promise}}),l(l.S+l.F*(u||!C),"Promise",{resolve:function(t){return x(u&&this===a?M:this,t)}}),l(l.S+l.F*!(C&&n("dY0y")(function(t){M.all(t).catch(k)})),"Promise",{all:function(t){var e=this,n=D(e),r=n.resolve,o=n.reject,i=_(function(){var n=[],i=0,a=1;v(t,!1,function(t){var u=i++,s=!1;n.push(void 0),a++,e.resolve(t).then(function(t){s||(s=!0,n[u]=t,--a||r(n))},o)}),--a||r(n)});return i.e&&o(i.v),n.promise},race:function(t){var e=this,n=D(e),r=n.reject,o=_(function(){v(t,!1,function(t){e.resolve(t).then(n.resolve,r)})});return o.e&&r(o.v),n.promise}})},Cdx3:function(t,e,n){var r=n("sB3e"),o=n("lktj");n("uqUo")("keys",function(){return function(t){return o(r(t))}})},CvWX:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("BbyF"),i=n("kqpo"),a="".startsWith;r(r.P+r.F*n("1ETD")("startsWith"),"String",{startsWith:function(t){var e=i(this,t,"startsWith"),n=o(Math.min(arguments.length>1?arguments[1]:void 0,e.length)),r=String(t);return a?a.call(e,r,n):e.slice(n,n+r.length)===r}})},D2L2:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},DIVP:function(t,e,n){var r=n("UKM+");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},DPsE:function(t,e,n){"use strict";var r=n("FryR"),o=n("zo/l"),i=n("BbyF");t.exports=[].copyWithin||function(t,e){var n=r(this),a=i(n.length),u=o(t,a),s=o(e,a),c=arguments.length>2?arguments[2]:void 0,f=Math.min((void 0===c?a:o(c,a))-s,a-u),l=1;for(s<u&&u<s+f&&(l=-1,s+=f-1,u+=f-1);f-- >0;)s in n?n[u]=n[s]:delete n[u],u+=l,s+=l;return n}},DQfQ:function(t,e,n){var r=n("Ds5P");r(r.G,{global:n("OzIq")})},Dgii:function(t,e,n){"use strict";var r=n("lDLk").f,o=n("7ylX"),i=n("A16L"),a=n("rFzY"),u=n("9GpA"),s=n("vmSO"),c=n("uc2A"),f=n("KB1o"),l=n("CEne"),p=n("bUqO"),d=n("1aA0").fastKey,h=n("zq/X"),v=p?"_s":"size",g=function(t,e){var n,r=d(e);if("F"!==r)return t._i[r];for(n=t._f;n;n=n.n)if(n.k==e)return n};t.exports={getConstructor:function(t,e,n,c){var f=t(function(t,r){u(t,f,e,"_i"),t._t=e,t._i=o(null),t._f=void 0,t._l=void 0,t[v]=0,void 0!=r&&s(r,n,t[c],t)});return i(f.prototype,{clear:function(){for(var t=h(this,e),n=t._i,r=t._f;r;r=r.n)r.r=!0,r.p&&(r.p=r.p.n=void 0),delete n[r.i];t._f=t._l=void 0,t[v]=0},delete:function(t){var n=h(this,e),r=g(n,t);if(r){var o=r.n,i=r.p;delete n._i[r.i],r.r=!0,i&&(i.n=o),o&&(o.p=i),n._f==r&&(n._f=o),n._l==r&&(n._l=i),n[v]--}return!!r},forEach:function(t){h(this,e);for(var n,r=a(t,arguments.length>1?arguments[1]:void 0,3);n=n?n.n:this._f;)for(r(n.v,n.k,this);n&&n.r;)n=n.p},has:function(t){return!!g(h(this,e),t)}}),p&&r(f.prototype,"size",{get:function(){return h(this,e)[v]}}),f},def:function(t,e,n){var r,o,i=g(t,e);return i?i.v=n:(t._l=i={i:o=d(e,!0),k:e,v:n,p:r=t._l,n:void 0,r:!1},t._f||(t._f=i),r&&(r.n=i),t[v]++,"F"!==o&&(t._i[o]=i)),t},getEntry:g,setStrong:function(t,e,n){c(t,e,function(t,n){this._t=h(t,e),this._k=n,this._l=void 0},function(){for(var t=this,e=t._k,n=t._l;n&&n.r;)n=n.p;return t._t&&(t._l=n=n?n.n:t._t._f)?"keys"==e?f(0,n.k):"values"==e?f(0,n.v):f(0,[n.k,n.v]):(t._t=void 0,f(1))},n?"entries":"values",!n,!0),l(e)}}},Ds5P:function(t,e,n){var r=n("OzIq"),o=n("7gX0"),i=n("2p1q"),a=n("R3AP"),u=n("rFzY"),s=function(t,e,n){var c,f,l,p,d=t&s.F,h=t&s.G,v=t&s.S,g=t&s.P,y=t&s.B,m=h?r:v?r[e]||(r[e]={}):(r[e]||{}).prototype,b=h?o:o[e]||(o[e]={}),_=b.prototype||(b.prototype={});h&&(n=e);for(c in n)f=!d&&m&&void 0!==m[c],l=(f?m:n)[c],p=y&&f?u(l,r):g&&"function"==typeof l?u(Function.call,l):l,m&&a(m,c,l,t&s.U),b[c]!=l&&i(b,c,p),g&&_[c]!=l&&(_[c]=l)};r.core=o,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},DuR2:function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},EGZi:function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},EWrS:function(t,e,n){"use strict";n("y325")("sub",function(t){return function(){return t(this,"sub","","")}})},"EZ+5":function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=n("XSOZ"),a=r.key,u=r.set;r.exp({metadata:function(t,e){return function(n,r){u(t,e,(void 0!==r?o:i)(n),a(r))}}})},"EZG+":function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("WlpS")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return t&&t.__esModule?t:{default:t}}(n),o=r.default.Symbol;e.default=o,t.exports=e.default})},EqBC:function(t,e,n){"use strict";var r=n("kM2E"),o=n("FeBl"),i=n("7KvD"),a=n("t8x9"),u=n("fJUb");r(r.P+r.R,"Promise",{finally:function(t){var e=a(this,o.Promise||i.Promise),n="function"==typeof t;return this.then(n?function(n){return u(e,t()).then(function(){return n})}:t,n?function(n){return u(e,t()).then(function(){throw n})}:t)}})},EqjI:function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},EuXz:function(t,e,n){var r=n("lDLk").f,o=Function.prototype,i=/^\s*function ([^ (]*)/;"name"in o||n("bUqO")&&r(o,"name",{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(t){return""}}})},EvFb:function(t,e,n){var r=n("Ds5P"),o=n("8t38");r(r.G+r.F*(parseFloat!=o),{parseFloat:o})},F1ui:function(t,e,n){var r=n("Ds5P"),o=Math.PI/180;r(r.S,"Math",{radians:function(t){return t*o}})},F3sI:function(t,e,n){var r=n("Ds5P"),o=n("PHqh"),i=n("BbyF");r(r.S,"String",{raw:function(t){for(var e=o(t.raw),n=i(e.length),r=arguments.length,a=[],u=0;n>u;)a.push(String(e[u++])),u<r&&a.push(String(arguments[u]));return a.join("")}})},FKfb:function(t,e,n){var r=n("Ds5P"),o=n("lKE8")(!0);r(r.S,"Object",{entries:function(t){return o(t)}})},"FZ+f":function(t,e){function n(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var i=r(o);return[n].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([i]).join("\n")}return[n].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},FaZr:function(t,e,n){"use strict";n("pd+2");var r=n("DIVP"),o=n("0pGU"),i=n("bUqO"),a=/./.toString,u=function(t){n("R3AP")(RegExp.prototype,"toString",t,!0)};n("zgIt")(function(){return"/a/b"!=a.call({source:"a",flags:"b"})})?u(function(){var t=r(this);return"/".concat(t.source,"/","flags"in t?t.flags:!i&&t instanceof RegExp?o.call(t):void 0)}):"toString"!=a.name&&u(function(){return a.call(this)})},FeBl:function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},FkIZ:function(t,e,n){var r=n("XSOZ"),o=n("FryR"),i=n("Q6Nf"),a=n("BbyF");t.exports=function(t,e,n,u,s){r(e);var c=o(t),f=i(c),l=a(c.length),p=s?l-1:0,d=s?-1:1;if(n<2)for(;;){if(p in f){u=f[p],p+=d;break}if(p+=d,s?p<0:l<=p)throw TypeError("Reduce of empty array with no initial value")}for(;s?p>=0:l>p;p+=d)p in f&&(u=e(u,f[p],p,c));return u}},FryR:function(t,e,n){var r=n("/whu");t.exports=function(t){return Object(r(t))}},GdJY:function(t,e){t.exports=function(t){var e={literal:"true false null"},n=[t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE],r=[t.QUOTE_STRING_MODE,t.C_NUMBER_MODE],o={end:",",endsWithParent:!0,excludeEnd:!0,contains:r,keywords:e},i={begin:"{",end:"}",contains:[{className:"attr",begin:/"/,end:/"/,contains:[t.BACKSLASH_ESCAPE],illegal:"\\n"},t.inherit(o,{begin:/:/})].concat(n),illegal:"\\S"},a={begin:"\\[",end:"\\]",contains:[t.inherit(o)],illegal:"\\S"};return r.push(i,a),n.forEach(function(t){r.push(t)}),{contains:r,keywords:e,illegal:"\\S"}}},Gh7F:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("kqpo");r(r.P+r.F*n("1ETD")("includes"),"String",{includes:function(t){return!!~o(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},H0mh:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{trunc:function(t){return(t>0?Math.floor:Math.ceil)(t)}})},H7zx:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{signbit:function(t){return(t=+t)!=t?t:0==t?1/t==1/0:t>0}})},Hhm4:function(t,e,n){var r=n("Ds5P");r(r.S+r.F*!n("bUqO"),"Object",{defineProperties:n("twxM")})},"Hl+4":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{sign:n("cwmK")})},IFpc:function(t,e,n){"use strict";function r(t,e,n,c,f,l,p,d){for(var h,v,g=f,y=0,m=!!p&&u(p,d,3);y<c;){if(y in n){if(h=m?m(n[y],y,e):n[y],v=!1,i(h)&&(v=h[s],v=void 0!==v?!!v:o(h)),v&&l>0)g=r(t,e,h,a(h.length),g,l-1)-1;else{if(g>=9007199254740991)throw TypeError();t[g]=h}g++}y++}return g}var o=n("XO1R"),i=n("UKM+"),a=n("BbyF"),u=n("rFzY"),s=n("kkCw")("isConcatSpreadable");t.exports=r},IMUI:function(t,e,n){var r=n("Ds5P");r(r.S,"Array",{isArray:n("XO1R")})},IRJ3:function(t,e,n){"use strict";var r=n("7ylX"),o=n("fU25"),i=n("yYvK"),a={};n("2p1q")(a,n("kkCw")("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:o(1,n)}),i(t,e+" Iterator")}},IZDm:function(t,e){t.exports=function(t){var e={begin:"<>",end:"</>"},n={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/},r="[A-Za-z$_][0-9A-Za-z$_]*",o={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},i={className:"number",variants:[{begin:"\\b(0[bB][01]+)n?"},{begin:"\\b(0[oO][0-7]+)n?"},{begin:t.C_NUMBER_RE+"n?"}],relevance:0},a={className:"subst",begin:"\\$\\{",end:"\\}",keywords:o,contains:[]},u={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[t.BACKSLASH_ESCAPE,a],subLanguage:"xml"}},s={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[t.BACKSLASH_ESCAPE,a],subLanguage:"css"}},c={className:"string",begin:"`",end:"`",contains:[t.BACKSLASH_ESCAPE,a]};a.contains=[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,u,s,c,i,t.REGEXP_MODE];var f=a.contains.concat([t.C_BLOCK_COMMENT_MODE,t.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx","mjs","cjs"],keywords:o,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,u,s,c,t.C_LINE_COMMENT_MODE,t.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+",contains:[{className:"type",begin:"\\{",end:"\\}",relevance:0},{className:"variable",begin:r+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),t.C_BLOCK_COMMENT_MODE,i,{begin:/[{,\n]\s*/,relevance:0,contains:[{begin:r+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:r,relevance:0}]}]},{begin:"("+t.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,t.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+r+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:r},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:o,contains:f}]}]},{className:"",begin:/\s/,end:/\s*/,skip:!0},{variants:[{begin:e.begin,end:e.end},{begin:n.begin,end:n.end}],subLanguage:"xml",contains:[{begin:n.begin,end:n.end,skip:!0,contains:["self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[t.inherit(t.TITLE_MODE,{begin:r}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:f}],illegal:/\[|%/},{begin:/\$[(.]/},t.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},t.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor get set",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}},Ibhu:function(t,e,n){var r=n("D2L2"),o=n("TcQ7"),i=n("vFc/")(!1),a=n("ax3d")("IE_PROTO");t.exports=function(t,e){var n,u=o(t),s=0,c=[];for(n in u)n!=a&&r(u,n)&&c.push(n);for(;e.length>s;)r(u,n=e[s++])&&(~i(c,n)||c.push(n));return c}},"J+j9":function(t,e,n){"use strict";n("y325")("fixed",function(t){return function(){return t(this,"tt","","")}})},J2ob:function(t,e,n){"use strict";n("y325")("sup",function(t){return function(){return t(this,"sup","","")}})},JG34:function(t,e,n){var r=n("Ds5P"),o=n("DIVP"),i=Object.isExtensible;r(r.S,"Reflect",{isExtensible:function(t){return o(t),!i||i(t)}})},JJ3w:function(t,e,n){n("0j1G")("Map")},K0JP:function(t,e,n){n("77Ug")("Int32",4,function(t){return function(e,n,r){return t(this,e,n,r)}})},KB1o:function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},KOrd:function(t,e,n){var r=n("WBcL"),o=n("FryR"),i=n("mZON")("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},Kh4W:function(t,e,n){e.f=n("dSzd")},L42u:function(t,e,n){var r,o,i,a=n("+ZMJ"),u=n("knuC"),s=n("RPLV"),c=n("ON07"),f=n("7KvD"),l=f.process,p=f.setImmediate,d=f.clearImmediate,h=f.MessageChannel,v=f.Dispatch,g=0,y={},m=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},b=function(t){m.call(t.data)};p&&d||(p=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return y[++g]=function(){u("function"==typeof t?t:Function(t),e)},r(g),g},d=function(t){delete y[t]},"process"==n("R9M2")(l)?r=function(t){l.nextTick(a(m,t,1))}:v&&v.now?r=function(t){v.now(a(m,t,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):f.addEventListener&&"function"==typeof postMessage&&!f.importScripts?(r=function(t){f.postMessage(t+"","*")},f.addEventListener("message",b,!1)):r="onreadystatechange"in c("script")?function(t){s.appendChild(c("script")).onreadystatechange=function(){s.removeChild(this),m.call(t)}}:function(t){setTimeout(a(m,t,1),0)}),t.exports={set:p,clear:d}},LF1K:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("EZG+")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";function r(t){var e=a.call(t,s),n=t[s];try{t[s]=void 0;var r=!0}catch(t){}var o=u.call(t);return r&&(e?t[s]=n:delete t[s]),o}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n),i=Object.prototype,a=i.hasOwnProperty,u=i.toString,s=o.default?o.default.toStringTag:void 0;e.default=r,t.exports=e.default})},LG56:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{isNaN:function(t){return t!=t}})},LKZe:function(t,e,n){var r=n("NpIQ"),o=n("X8DO"),i=n("TcQ7"),a=n("MmMw"),u=n("D2L2"),s=n("SfB7"),c=Object.getOwnPropertyDescriptor;e.f=n("+E39")?c:function(t,e){if(t=i(t),e=a(e,!0),s)try{return c(t,e)}catch(t){}if(u(t,e))return o(!r.f.call(t,e),t[e])}},"LRL/":function(t,e,n){"use strict";n("Ymdd")("trimRight",function(t){return function(){return t(this,2)}},"trimEnd")},La7N:function(t,e,n){n("0j1G")("WeakMap")},LhTa:function(t,e,n){var r=n("rFzY"),o=n("Q6Nf"),i=n("FryR"),a=n("BbyF"),u=n("plSV");t.exports=function(t,e){var n=1==t,s=2==t,c=3==t,f=4==t,l=6==t,p=5==t||l,d=e||u;return function(e,u,h){for(var v,g,y=i(e),m=o(y),b=r(u,h,3),_=a(m.length),w=0,x=n?d(e,_):s?d(e,0):void 0;_>w;w++)if((p||w in m)&&(v=m[w],g=b(v,w,y),t))if(n)x[w]=g;else if(g)switch(t){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(f)return!1;return l?-1:c||f?f:x}}},LlNE:function(t,e,n){var r=n("Ds5P"),o=Math.exp;r(r.S,"Math",{cosh:function(t){return(o(t=+t)+o(-t))/2}})},Lqg1:function(t,e,n){var r=n("Ds5P"),o=Math.imul;r(r.S+r.F*n("zgIt")(function(){return-5!=o(4294967295,5)||2!=o.length}),"Math",{imul:function(t,e){var n=+t,r=+e,o=65535&n,i=65535&r;return 0|o*i+((65535&n>>>16)*i+o*(65535&r>>>16)<<16>>>0)}})},LrcN:function(t,e,n){"use strict";function r(t,e,n){var r,o,i,a=new Array(n),u=8*n-e-1,s=(1<<u)-1,c=s>>1,f=23===e?F(2,-24)-F(2,-77):0,l=0,p=t<0||0===t&&1/t<0?1:0;for(t=L(t),t!=t||t===T?(o=t!=t?1:0,r=s):(r=U(z(t)/B),t*(i=F(2,-r))<1&&(r--,i*=2),t+=r+c>=1?f/i:f*F(2,1-c),t*i>=2&&(r++,i/=2),r+c>=s?(o=0,r=s):r+c>=1?(o=(t*i-1)*F(2,e),r+=c):(o=t*F(2,c-1)*F(2,e),r=0));e>=8;a[l++]=255&o,o/=256,e-=8);for(r=r<<e|o,u+=e;u>0;a[l++]=255&r,r/=256,u-=8);return a[--l]|=128*p,a}function o(t,e,n){var r,o=8*n-e-1,i=(1<<o)-1,a=i>>1,u=o-7,s=n-1,c=t[s--],f=127&c;for(c>>=7;u>0;f=256*f+t[s],s--,u-=8);for(r=f&(1<<-u)-1,f>>=-u,u+=e;u>0;r=256*r+t[s],s--,u-=8);if(0===f)f=1-a;else{if(f===i)return r?NaN:c?-T:T;r+=F(2,e),f-=a}return(c?-1:1)*r*F(2,f-e)}function i(t){return t[3]<<24|t[2]<<16|t[1]<<8|t[0]}function a(t){return[255&t]}function u(t){return[255&t,t>>8&255]}function s(t){return[255&t,t>>8&255,t>>16&255,t>>24&255]}function c(t){return r(t,52,8)}function f(t){return r(t,23,4)}function l(t,e,n){P(t[k],e,{get:function(){return this[n]}})}function p(t,e,n,r){var o=+n,i=E(o);if(i+e>t[q])throw R(D);var a=t[$]._b,u=i+t[W],s=a.slice(u,u+e);return r?s:s.reverse()}function d(t,e,n,r,o,i){var a=+n,u=E(a);if(u+e>t[q])throw R(D);for(var s=t[$]._b,c=u+t[W],f=r(+o),l=0;l<e;l++)s[c+l]=f[i?l:e-l-1]}var h=n("OzIq"),v=n("bUqO"),g=n("V3l/"),y=n("07k+"),m=n("2p1q"),b=n("A16L"),_=n("zgIt"),w=n("9GpA"),x=n("oeih"),O=n("BbyF"),E=n("8D8H"),S=n("WcO1").f,P=n("lDLk").f,M=n("zCYm"),A=n("yYvK"),k="prototype",D="Wrong index!",C=h.ArrayBuffer,N=h.DataView,I=h.Math,R=h.RangeError,T=h.Infinity,j=C,L=I.abs,F=I.pow,U=I.floor,z=I.log,B=I.LN2,$=v?"_b":"buffer",q=v?"_l":"byteLength",W=v?"_o":"byteOffset";if(y.ABV){if(!_(function(){C(1)})||!_(function(){new C(-1)})||_(function(){return new C,new C(1.5),new C(NaN),"ArrayBuffer"!=C.name})){C=function(t){return w(this,C),new j(E(t))};for(var K,V=C[k]=j[k],G=S(j),X=0;G.length>X;)(K=G[X++])in C||m(C,K,j[K]);g||(V.constructor=C)}var Y=new N(new C(2)),H=N[k].setInt8;Y.setInt8(0,2147483648),Y.setInt8(1,2147483649),!Y.getInt8(0)&&Y.getInt8(1)||b(N[k],{setInt8:function(t,e){H.call(this,t,e<<24>>24)},setUint8:function(t,e){H.call(this,t,e<<24>>24)}},!0)}else C=function(t){w(this,C,"ArrayBuffer");var e=E(t);this._b=M.call(new Array(e),0),this[q]=e},N=function(t,e,n){w(this,N,"DataView"),w(t,C,"DataView");var r=t[q],o=x(e);if(o<0||o>r)throw R("Wrong offset!");if(n=void 0===n?r-o:O(n),o+n>r)throw R("Wrong length!");this[$]=t,this[W]=o,this[q]=n},v&&(l(C,"byteLength","_l"),l(N,"buffer","_b"),l(N,"byteLength","_l"),l(N,"byteOffset","_o")),b(N[k],{getInt8:function(t){return p(this,1,t)[0]<<24>>24},getUint8:function(t){return p(this,1,t)[0]},getInt16:function(t){var e=p(this,2,t,arguments[1]);return(e[1]<<8|e[0])<<16>>16},getUint16:function(t){var e=p(this,2,t,arguments[1]);return e[1]<<8|e[0]},getInt32:function(t){return i(p(this,4,t,arguments[1]))},getUint32:function(t){return i(p(this,4,t,arguments[1]))>>>0},getFloat32:function(t){return o(p(this,4,t,arguments[1]),23,4)},getFloat64:function(t){return o(p(this,8,t,arguments[1]),52,8)},setInt8:function(t,e){d(this,1,t,a,e)},setUint8:function(t,e){d(this,1,t,a,e)},setInt16:function(t,e){d(this,2,t,u,e,arguments[2])},setUint16:function(t,e){d(this,2,t,u,e,arguments[2])},setInt32:function(t,e){d(this,4,t,s,e,arguments[2])},setUint32:function(t,e){d(this,4,t,s,e,arguments[2])},setFloat32:function(t,e){d(this,4,t,f,e,arguments[2])},setFloat64:function(t,e){d(this,8,t,c,e,arguments[2])}});A(C,"ArrayBuffer"),A(N,"DataView"),m(N[k],y.VIEW,!0),e.ArrayBuffer=C,e.DataView=N},M6a0:function(t,e){},M8WE:function(t,e,n){e.f=n("kkCw")},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)}},MfeA:function(t,e,n){n("Vg1y")("match",1,function(t,e,n){return[function(n){"use strict";var r=t(this),o=void 0==n?void 0:n[e];return void 0!==o?o.call(n,r):new RegExp(n)[e](String(r))},n]})},Mhyx:function(t,e,n){var r=n("/bQp"),o=n("dSzd")("iterator"),i=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||i[o]===t)}},MjHD:function(t,e,n){var r=n("Ds5P"),o=n("x78i"),i=Math.exp;r(r.S+r.F*n("zgIt")(function(){return-2e-17!=!Math.sinh(-2e-17)}),"Math",{sinh:function(t){return Math.abs(t=+t)<1?(o(t)-o(-t))/2:(i(t-1)-i(-t-1))*(Math.E/2)}})},MmMw:function(t,e,n){var r=n("EqjI");t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},MsuQ:function(t,e,n){"use strict";var r=n("Dgii"),o=n("zq/X");t.exports=n("0Rih")("Map",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{get:function(t){var e=r.getEntry(o(this,"Map"),t);return e&&e.v},set:function(t,e){return r.def(o(this,"Map"),0===t?0:t,e)}},r,!0)},MyjO:function(t,e,n){n("77Ug")("Uint8",1,function(t){return function(e,n,r){return t(this,e,n,r)}},!0)},N4KQ:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{log2:function(t){return Math.log(t)/Math.LN2}})},NHaJ:function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=n("KOrd"),a=r.has,u=r.get,s=r.key,c=function(t,e,n){if(a(t,e,n))return u(t,e,n);var r=i(e);return null!==r?c(t,r,n):void 0};r.exp({getMetadata:function(t,e){return c(t,o(e),arguments.length<3?void 0:s(arguments[2]))}})},NNrz:function(t,e,n){"use strict";var r=n("zgIt");t.exports=function(t,e){return!!t&&r(function(){e?t.call(null,function(){},1):t.call(null)})}},"NWt+":function(t,e,n){var r=n("+ZMJ"),o=n("msXi"),i=n("Mhyx"),a=n("77Pl"),u=n("QRG4"),s=n("3fs2"),c={},f={},e=t.exports=function(t,e,n,l,p){var d,h,v,g,y=p?function(){return t}:s(t),m=r(n,l,e?2:1),b=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(i(y)){for(d=u(t.length);d>b;b++)if((g=e?m(a(h=t[b])[0],h[1]):m(t[b]))===c||g===f)return g}else for(v=y.call(t);!(h=v.next()).done;)if((g=o(v,m,h.value,e))===c||g===f)return g};e.BREAK=c,e.RETURN=f},NfZy:function(t,e,n){n("77Ug")("Uint32",4,function(t){return function(e,n,r){return t(this,e,n,r)}})},Nkrw:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("LhTa")(4);r(r.P+r.F*!n("NNrz")([].every,!0),"Array",{every:function(t){return o(this,t,arguments[1])}})},No4x:function(t,e,n){var r=n("Ds5P");r(r.P,"Array",{fill:n("zCYm")}),n("RhFG")("fill")},NpIQ:function(t,e){e.f={}.propertyIsEnumerable},O4g8:function(t,e){t.exports=!0},ON07:function(t,e,n){var r=n("EqjI"),o=n("7KvD").document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},OYls:function(t,e,n){n("crlp")("asyncIterator")},OgTs:function(t,e,n){var r=n("OzIq").parseInt,o=n("Ymdd").trim,i=n("Xduv"),a=/^[-+]?0[xX]/;t.exports=8!==r(i+"08")||22!==r(i+"0x16")?function(t,e){var n=o(String(t),3);return r(n,e>>>0||(a.test(n)?16:10))}:r},OzIq: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)},PHCx:function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},PHqh:function(t,e,n){var r=n("Q6Nf"),o=n("/whu");t.exports=function(t){return r(o(t))}},PbPd:function(t,e,n){"use strict";var r=n("UKM+"),o=n("KOrd"),i=n("kkCw")("hasInstance"),a=Function.prototype;i in a||n("lDLk").f(a,i,{value:function(t){if("function"!=typeof this||!r(t))return!1;if(!r(this.prototype))return t instanceof this;for(;t=o(t);)if(this.prototype===t)return!0;return!1}})},PuTd:function(t,e,n){var r=n("Ds5P"),o=n("KOrd"),i=n("DIVP");r(r.S,"Reflect",{getPrototypeOf:function(t){return o(i(t))}})},PzxK:function(t,e,n){var r=n("D2L2"),o=n("sB3e"),i=n("ax3d")("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},"Q/CP":function(t,e,n){n("CEne")("Array")},Q6Nf:function(t,e,n){var r=n("ydD5");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},QBuC:function(t,e,n){"use strict";var r=n("OzIq"),o=n("WBcL"),i=n("ydD5"),a=n("kic5"),u=n("s4j0"),s=n("zgIt"),c=n("WcO1").f,f=n("x9zv").f,l=n("lDLk").f,p=n("Ymdd").trim,d=r.Number,h=d,v=d.prototype,g="Number"==i(n("7ylX")(v)),y="trim"in String.prototype,m=function(t){var e=u(t,!1);if("string"==typeof e&&e.length>2){e=y?e.trim():p(e,3);var n,r,o,i=e.charCodeAt(0);if(43===i||45===i){if(88===(n=e.charCodeAt(2))||120===n)return NaN}else if(48===i){switch(e.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+e}for(var a,s=e.slice(2),c=0,f=s.length;c<f;c++)if((a=s.charCodeAt(c))<48||a>o)return NaN;return parseInt(s,r)}}return+e};if(!d(" 0o1")||!d("0b1")||d("+0x1")){d=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof d&&(g?s(function(){v.valueOf.call(n)}):"Number"!=i(n))?a(new h(m(e)),n,d):m(e)};for(var b,_=n("bUqO")?c(h):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),w=0;_.length>w;w++)o(h,b=_[w])&&!o(d,b)&&l(d,b,f(h,b));d.prototype=v,v.constructor=d,n("R3AP")(r,"Number",d)}},QG7u:function(t,e,n){var r=n("vmSO");t.exports=function(t,e){var n=[];return r(t,!1,n.push,n,e),n}},QKXm:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},QRG4:function(t,e,n){var r=n("UuGF"),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},QWLi:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("oeih"),i=n("fS0v"),a=n("xAdt"),u=1..toFixed,s=Math.floor,c=[0,0,0,0,0,0],f="Number.toFixed: incorrect invocation!",l=function(t,e){for(var n=-1,r=e;++n<6;)r+=t*c[n],c[n]=r%1e7,r=s(r/1e7)},p=function(t){for(var e=6,n=0;--e>=0;)n+=c[e],c[e]=s(n/t),n=n%t*1e7},d=function(){for(var t=6,e="";--t>=0;)if(""!==e||0===t||0!==c[t]){var n=String(c[t]);e=""===e?n:e+a.call("0",7-n.length)+n}return e},h=function(t,e,n){return 0===e?n:e%2==1?h(t,e-1,n*t):h(t*t,e/2,n)},v=function(t){for(var e=0,n=t;n>=4096;)e+=12,n/=4096;for(;n>=2;)e+=1,n/=2;return e};r(r.P+r.F*(!!u&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!n("zgIt")(function(){u.call({})})),"Number",{toFixed:function(t){var e,n,r,u,s=i(this,f),c=o(t),g="",y="0";if(c<0||c>20)throw RangeError(f);if(s!=s)return"NaN";if(s<=-1e21||s>=1e21)return String(s);if(s<0&&(g="-",s=-s),s>1e-21)if(e=v(s*h(2,69,1))-69,n=e<0?s*h(2,-e,1):s/h(2,e,1),n*=4503599627370496,(e=52-e)>0){for(l(0,n),r=c;r>=7;)l(1e7,0),r-=7;for(l(h(10,r,1),0),r=e-1;r>=23;)p(1<<23),r-=23;p(1<<r),l(1,1),p(2),y=d()}else l(0,n),l(1<<-e,0),y=d()+a.call("0",c);return c>0?(u=y.length,y=g+(u<=c?"0."+a.call("0",c-u)+y:y.slice(0,u-c)+"."+y.slice(u-c))):y=g+y,y}})},"QWe/":function(t,e,n){n("crlp")("observable")},QaEu:function(t,e,n){var r=n("Ds5P");r(r.S,"Date",{now:function(){return(new Date).getTime()}})},QcWB:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("w6Dh"),i=n("SDXa");r(r.S,"Promise",{try:function(t){var e=o.f(this),n=i(t);return(n.e?e.reject:e.resolve)(n.v),e.promise}})},Qh14:function(t,e,n){var r=n("ReGu"),o=n("QKXm");t.exports=Object.keys||function(t){return r(t,o)}},QzLV:function(t,e,n){var r=n("Ds5P");r(r.S+r.F*!n("bUqO"),"Object",{defineProperty:n("lDLk").f})},R1FX:function(t,e){t.exports=function(t){return{aliases:["console"],contains:[{className:"meta",begin:"^\\s{0,3}[/\\w\\d\\[\\]()@-]*[>%$#]",starts:{end:"$",subLanguage:"bash"}}]}}},R3AP:function(t,e,n){var r=n("OzIq"),o=n("2p1q"),i=n("WBcL"),a=n("ulTY")("src"),u=Function.toString,s=(""+u).split("toString");n("7gX0").inspectSource=function(t){return u.call(t)},(t.exports=function(t,e,n,u){var c="function"==typeof n;c&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(c&&(i(n,a)||o(n,a,t[e]?""+t[e]:s.join(String(e)))),t===r?t[e]=n:u?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[a]||u.call(this)})},R3KI:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{iaddh:function(t,e,n,r){var o=t>>>0,i=e>>>0,a=n>>>0;return i+(r>>>0)+((o&a|(o|a)&~(o+a>>>0))>>>31)|0}})},R4pa:function(t,e,n){"use strict";n("y325")("big",function(t){return function(){return t(this,"big","","")}})},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"),o=n("dSzd")("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),o))?n:i?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},Racj:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("49qz")(!1);r(r.P,"String",{codePointAt:function(t){return o(this,t)}})},ReGu:function(t,e,n){var r=n("WBcL"),o=n("PHqh"),i=n("ot5s")(!1),a=n("mZON")("IE_PROTO");t.exports=function(t,e){var n,u=o(t),s=0,c=[];for(n in u)n!=a&&r(u,n)&&c.push(n);for(;e.length>s;)r(u,n=e[s++])&&(~i(c,n)||c.push(n));return c}},RhFG:function(t,e,n){var r=n("kkCw")("unscopables"),o=Array.prototype;void 0==o[r]&&n("2p1q")(o,r,{}),t.exports=function(t){o[r][t]=!0}},Rk41:function(t,e,n){var r=Date.prototype,o=r.toString,i=r.getTime;new Date(NaN)+""!="Invalid Date"&&n("R3AP")(r,"toString",function(){var t=i.call(this);return t===t?o.call(this):"Invalid Date"})},Rrel:function(t,e,n){var r=n("TcQ7"),o=n("n0T6").f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(t){try{return o(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==i.call(t)?u(t):o(r(t))}},Rw4K:function(t,e,n){var r=n("Ds5P");r(r.S,"Reflect",{ownKeys:n("YUr7")})},Rz2z:function(t,e){t.exports=Math.log1p||function(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},"S+E/":function(t,e,n){var r=n("Ds5P"),o=n("OgTs");r(r.G+r.F*(parseInt!=o),{parseInt:o})},S82l:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},SDXa:function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},SHe9:function(t,e,n){var r=n("wC1N"),o=n("kkCw")("iterator"),i=n("bN1p");t.exports=n("7gX0").getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},SPtU:function(t,e,n){function r(t,e){var n,u,f=arguments.length<3?t:arguments[2];return c(t)===f?t[e]:(n=o.f(t,e))?a(n,"value")?n.value:void 0!==n.get?n.get.call(f):void 0:s(u=i(t))?r(u,e,f):void 0}var o=n("x9zv"),i=n("KOrd"),a=n("WBcL"),u=n("Ds5P"),s=n("UKM+"),c=n("DIVP");u(u.S,"Reflect",{get:r})},SRCy:function(t,e,n){var r=n("Ds5P"),o=n("x78i"),i=Math.exp;r(r.S,"Math",{tanh:function(t){var e=o(t=+t),n=o(-t);return e==1/0?1:n==1/0?-1:(e-n)/(i(t)+i(-t))}})},"SU+a":function(t,e,n){"use strict";n("y325")("small",function(t){return function(){return t(this,"small","","")}})},Sejc:function(t,e,n){var r,o,i,a=n("rFzY"),u=n("PHCx"),s=n("d075"),c=n("jhxf"),f=n("OzIq"),l=f.process,p=f.setImmediate,d=f.clearImmediate,h=f.MessageChannel,v=f.Dispatch,g=0,y={},m=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},b=function(t){m.call(t.data)};p&&d||(p=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return y[++g]=function(){u("function"==typeof t?t:Function(t),e)},r(g),g},d=function(t){delete y[t]},"process"==n("ydD5")(l)?r=function(t){l.nextTick(a(m,t,1))}:v&&v.now?r=function(t){v.now(a(m,t,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):f.addEventListener&&"function"==typeof postMessage&&!f.importScripts?(r=function(t){f.postMessage(t+"","*")},f.addEventListener("message",b,!1)):r="onreadystatechange"in c("script")?function(t){s.appendChild(c("script")).onreadystatechange=function(){s.removeChild(this),m.call(t)}}:function(t){setTimeout(a(m,t,1),0)}),t.exports={set:p,clear:d}},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})},Stuz:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{EPSILON:Math.pow(2,-52)})},TFWu:function(t,e,n){n("77Ug")("Uint8",1,function(t){return function(e,n,r){return t(this,e,n,r)}})},THnP:function(t,e,n){n("77Ug")("Uint16",2,function(t){return function(e,n,r){return t(this,e,n,r)}})},TcQ7:function(t,e,n){var r=n("MU5D"),o=n("52gC");t.exports=function(t){return r(o(t))}},"U+VG":function(t,e,n){var r=n("Ds5P"),o=n("ydD5");r(r.S,"Error",{isError:function(t){return"Error"===o(t)}})},U5ju:function(t,e,n){n("M6a0"),n("zQR9"),n("+tPU"),n("CXw9"),n("EqBC"),n("jKW+"),t.exports=n("FeBl").Promise},U6qc:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("LhTa")(6),i="findIndex",a=!0;i in[]&&Array(1)[i](function(){a=!1}),r(r.P+r.F*a,"Array",{findIndex:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n("RhFG")(i)},UJiG:function(t,e,n){"use strict";n("y325")("link",function(t){return function(e){return t(this,"a","href",e)}})},"UKM+":function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},UbXY:function(t,e,n){var r=n("Ds5P"),o=n("Y7Tz");r(r.P+r.F*(Date.prototype.toISOString!==o),"Date",{toISOString:o})},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)}},"V/H1":function(t,e,n){"use strict";var r=n("fJSx"),o=n("zq/X");n("0Rih")("WeakSet",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return r.def(o(this,"WeakSet"),t,!0)}},r,!1,!0)},V07c:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("+oTD")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";function r(t){return t?t.slice(0,(0,o.default)(t)+1).replace(i,""):t}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n),i=/^\s+/;e.default=r,t.exports=e.default})},V3HO:function(t,e){t.exports=function(t){return{aliases:["md","mkdown","mkd"],contains:[{className:"section",variants:[{begin:"^#{1,6}",end:"$"},{begin:"^.+?\\n[=-]{2,}$"}]},{begin:"<",end:">",subLanguage:"xml",relevance:0},{className:"bullet",begin:"^\\s*([*+-]|(\\d+\\.))\\s+"},{className:"strong",begin:"[*_]{2}.+?[*_]{2}"},{className:"emphasis",variants:[{begin:"\\*.+?\\*"},{begin:"_.+?_",relevance:0}]},{className:"quote",begin:"^>\\s+",end:"$"},{className:"code",variants:[{begin:"^```\\w*\\s*$",end:"^```[ ]*$"},{begin:"`.+?`"},{begin:"^( {4}|\\t)",end:"$",relevance:0}]},{begin:"^[-\\*]{3,}",end:"$"},{begin:"\\[.+?\\][\\(\\[].*?[\\)\\]]",returnBegin:!0,contains:[{className:"string",begin:"\\[",end:"\\]",excludeBegin:!0,returnEnd:!0,relevance:0},{className:"link",begin:"\\]\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0},{className:"symbol",begin:"\\]\\[",end:"\\]",excludeBegin:!0,excludeEnd:!0}],relevance:10},{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]}]}}},"V3l/":function(t,e){t.exports=!1},VTn2:function(t,e,n){var r=n("UKM+"),o=n("1aA0").onFreeze;n("3i66")("freeze",function(t){return function(e){return t&&r(e)?t(o(e)):e}})},"VU/8":function(t,e){t.exports=function(t,e,n,r,o){var i,a=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(i=t,a=t.default);var s="function"==typeof a?a.options:a;e&&(s.render=e.render,s.staticRenderFns=e.staticRenderFns),r&&(s._scopeId=r);var c;if(o?(c=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(o)},s._ssrRegister=c):n&&(c=n),c){var f=s.functional,l=f?s.render:s.beforeCreate;f?s.render=function(t,e){return c.call(e),l(t,e)}:s.beforeCreate=l?[].concat(l,c):[c]}return{esModule:i,exports:a,options:s}}},VWgF:function(t,e,n){var r=n("7gX0"),o=n("OzIq"),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n("V3l/")?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},Vg1y:function(t,e,n){"use strict";var r=n("2p1q"),o=n("R3AP"),i=n("zgIt"),a=n("/whu"),u=n("kkCw");t.exports=function(t,e,n){var s=u(t),c=n(a,s,""[t]),f=c[0],l=c[1];i(function(){var e={};return e[s]=function(){return 7},7!=""[t](e)})&&(o(String.prototype,t,f),r(RegExp.prototype,s,2==e?function(t,e){return l.call(t,this,e)}:function(t){return l.call(t,this)}))}},VjuZ:function(t,e,n){n("Vg1y")("replace",2,function(t,e,n){return[function(r,o){"use strict";var i=t(this),a=void 0==r?void 0:r[e];return void 0!==a?a.call(r,i,o):n.call(String(i),r,o)},n]})},"W/IU":function(t,e,n){var r=n("UKM+"),o=n("1aA0").onFreeze;n("3i66")("seal",function(t){return function(e){return t&&r(e)?t(o(e)):e}})},W0pi:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{DEG_PER_RAD:Math.PI/180})},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 o(t){if(f===setTimeout)return setTimeout(t,0);if((f===n||!f)&&setTimeout)return f=setTimeout,setTimeout(t,0);try{return f(t,0)}catch(e){try{return f.call(null,t,0)}catch(e){return f.call(this,t,0)}}}function i(t){if(l===clearTimeout)return clearTimeout(t);if((l===r||!l)&&clearTimeout)return l=clearTimeout,clearTimeout(t);try{return l(t)}catch(e){try{return l.call(null,t)}catch(e){return l.call(this,t)}}}function a(){v&&d&&(v=!1,d.length?h=d.concat(h):g=-1,h.length&&u())}function u(){if(!v){var t=o(a);v=!0;for(var e=h.length;e;){for(d=h,h=[];++g<e;)d&&d[g].run();g=-1,e=h.length}d=null,v=!1,i(t)}}function s(t,e){this.fun=t,this.array=e}function c(){}var f,l,p=t.exports={};!function(){try{f="function"==typeof setTimeout?setTimeout:n}catch(t){f=n}try{l="function"==typeof clearTimeout?clearTimeout:r}catch(t){l=r}}();var d,h=[],v=!1,g=-1;p.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];h.push(new s(t,e)),1!==h.length||v||o(u)},s.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=c,p.addListener=c,p.once=c,p.off=c,p.removeListener=c,p.removeAllListeners=c,p.emit=c,p.prependListener=c,p.prependOnceListener=c,p.listeners=function(t){return[]},p.binding=function(t){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(t){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},W4Z6:function(t,e,n){var r=n("FryR"),o=n("KOrd");n("3i66")("getPrototypeOf",function(){return function(t){return o(r(t))}})},WBcL:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},WY8G:function(t,e){t.exports=Math.scale||function(t,e,n,r,o){return 0===arguments.length||t!=t||e!=e||n!=n||r!=r||o!=o?NaN:t===1/0||t===-1/0?t:(t-e)*(o-r)/(n-e)+r}},WcO1:function(t,e,n){var r=n("ReGu"),o=n("QKXm").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},WgSQ:function(t,e,n){"use strict";var r=n("RhFG"),o=n("KB1o"),i=n("bN1p"),a=n("PHqh");t.exports=n("uc2A")(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):"keys"==e?o(0,n):"values"==e?o(0,t[n]):o(0,[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},Wi1D:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("YhKd"),n("8qzu"),n("q9cE")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function a(t,e,n){function r(e){var n=m,r=b;return m=b=void 0,E=e,w=t.apply(r,n)}function o(t){return E=t,x=setTimeout(d,e),S?r(t):w}function i(t){var n=t-O,r=t-E,o=e-n;return P?p(o,_-r):o}function a(t){var n=t-O,r=t-E;return void 0===O||n>=e||n<0||P&&r>=_}function d(){var t=(0,s.default)();if(a(t))return h(t);x=setTimeout(d,i(t))}function h(t){return x=void 0,M&&m?r(t):(m=b=void 0,w)}function v(){void 0!==x&&clearTimeout(x),E=0,m=O=b=x=void 0}function g(){return void 0===x?w:h((0,s.default)())}function y(){var t=(0,s.default)(),n=a(t);if(m=arguments,b=this,O=t,n){if(void 0===x)return o(O);if(P)return clearTimeout(x),x=setTimeout(d,e),r(O)}return void 0===x&&(x=setTimeout(d,e)),w}var m,b,_,w,x,O,E=0,S=!1,P=!1,M=!0;if("function"!=typeof t)throw new TypeError(f);return e=(0,c.default)(e)||0,(0,u.default)(n)&&(S=!!n.leading,P="maxWait"in n,_=P?l((0,c.default)(n.maxWait)||0,e):_,M="trailing"in n?!!n.trailing:M),y.cancel=v,y.flush=g,y}Object.defineProperty(e,"__esModule",{value:!0});var u=i(n),s=i(r),c=i(o),f="Expected a function",l=Math.max,p=Math.min;e.default=a,t.exports=e.default})},WiIn:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},WlpS:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("pFYg"),n("nSxQ")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=o(n),a=o(r),u="object"==("undefined"==typeof self?"undefined":(0,i.default)(self))&&self&&self.Object===Object&&self,s=a.default||u||Function("return this")();e.default=s,t.exports=e.default})},WpPb:function(t,e,n){var r=n("UKM+");n("3i66")("isFrozen",function(t){return function(e){return!r(e)||!!t&&t(e)}})},WpTh:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("LhTa")(5),i=!0;"find"in[]&&Array(1).find(function(){i=!1}),r(r.P+r.F*i,"Array",{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n("RhFG")("find")},Wwne:function(t,e,n){n("r2E/"),t.exports=n("7gX0").RegExp.escape},"X/Hz":function(t,e,n){"use strict";n("y325")("fontsize",function(t){return function(e){return t(this,"font","size",e)}})},X0mE:function(t,e,n){var r,o,i;!function(n,a){o=[t,e],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t){return o.call(t)}Object.defineProperty(e,"__esModule",{value:!0});var r=Object.prototype,o=r.toString;e.default=n,t.exports=e.default})},X6NR:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{clamp:function(t,e,n){return Math.min(n,Math.max(e,t))}})},X7aK:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("DIVP"),i=function(t){this._t=o(t),this._i=0;var e,n=this._k=[];for(e in t)n.push(e)};n("IRJ3")(i,"Object",function(){var t,e=this,n=e._k;do{if(e._i>=n.length)return{value:void 0,done:!0}}while(!((t=n[e._i++])in e._t));return{value:t,done:!1}}),r(r.S,"Reflect",{enumerate:function(t){return new i(t)}})},X8DO:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},XO1R:function(t,e,n){var r=n("ydD5");t.exports=Array.isArray||function(t){return"Array"==r(t)}},XSOZ:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},XXBo:function(t,e,n){var r=n("wC1N"),o=n("QG7u");t.exports=function(t){return function(){if(r(this)!=t)throw TypeError(t+"#toJSON isn't generic");return o(this)}}},Xc4G:function(t,e,n){var r=n("lktj"),o=n("1kS7"),i=n("NpIQ");t.exports=function(t){var e=r(t),n=o.f;if(n)for(var a,u=n(t),s=i.f,c=0;u.length>c;)s.call(t,a=u[c++])&&e.push(a);return e}},Xduv:function(t,e){t.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},XtiL:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{isInteger:n("n982")})},XvUs:function(t,e,n){var r=n("DIVP");t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(e){var i=t.return;throw void 0!==i&&r(i.call(t)),e}}},Y1N3:function(t,e){e.f=Object.getOwnPropertySymbols},Y1S0:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("BbyF"),i=n("kqpo"),a="".endsWith;r(r.P+r.F*n("1ETD")("endsWith"),"String",{endsWith:function(t){var e=i(this,t,"endsWith"),n=arguments.length>1?arguments[1]:void 0,r=o(e.length),u=void 0===n?r:Math.min(o(n),r),s=String(t);return a?a.call(e,s,u):e.slice(u-s.length,u)===s}})},Y1aA:function(t,e){e.f={}.propertyIsEnumerable},Y5ex:function(t,e,n){var r=n("UKM+"),o=n("1aA0").onFreeze;n("3i66")("preventExtensions",function(t){return function(e){return t&&r(e)?t(o(e)):e}})},Y7Tz:function(t,e,n){"use strict";var r=n("zgIt"),o=Date.prototype.getTime,i=Date.prototype.toISOString,a=function(t){return t>9?t:"0"+t};t.exports=r(function(){return"0385-07-25T07:06:39.999Z"!=i.call(new Date(-5e13-1))})||!r(function(){i.call(new Date(NaN))})?function(){if(!isFinite(o.call(this)))throw RangeError("Invalid time value");var t=this,e=t.getUTCFullYear(),n=t.getUTCMilliseconds(),r=e<0?"-":e>9999?"+":"";return r+("00000"+Math.abs(e)).slice(r?-6:-4)+"-"+a(t.getUTCMonth()+1)+"-"+a(t.getUTCDate())+"T"+a(t.getUTCHours())+":"+a(t.getUTCMinutes())+":"+a(t.getUTCSeconds())+"."+(n>99?n:"0"+a(n))+"Z"}:i},YByk:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("pFYg")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";function r(t){return null!=t&&"object"==(void 0===t?"undefined":(0,o.default)(t))}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=r,t.exports=e.default})},YUr7:function(t,e,n){var r=n("WcO1"),o=n("Y1N3"),i=n("DIVP"),a=n("OzIq").Reflect;t.exports=a&&a.ownKeys||function(t){var e=r.f(i(t)),n=o.f;return n?e.concat(n(t)):e}},"YVn/":function(t,e,n){var r=n("Ds5P"),o=n("lKE8")(!1);r(r.S,"Object",{values:function(t){return o(t)}})},Ygg6:function(t,e,n){n("iKpr")("Set")},YhKd:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("pFYg")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";function r(t){var e=void 0===t?"undefined":(0,o.default)(t);return null!=t&&("object"==e||"function"==e)}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=r,t.exports=e.default})},Ymdd:function(t,e,n){var r=n("Ds5P"),o=n("/whu"),i=n("zgIt"),a=n("Xduv"),u="["+a+"]",s="​…",c=RegExp("^"+u+u+"*"),f=RegExp(u+u+"*$"),l=function(t,e,n){var o={},u=i(function(){return!!a[t]()||s[t]()!=s}),c=o[t]=u?e(p):a[t];n&&(o[n]=c),r(r.P+r.F*u,"String",o)},p=l.trim=function(t,e){return t=String(o(t)),1&e&&(t=t.replace(c,"")),2&e&&(t=t.replace(f,"")),t};t.exports=l},Yobk:function(t,e,n){var r=n("77Pl"),o=n("qio6"),i=n("xnc9"),a=n("ax3d")("IE_PROTO"),u=function(){},s=function(){var t,e=n("ON07")("iframe"),r=i.length;for(e.style.display="none",n("RPLV").appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),s=t.F;r--;)delete s.prototype[i[r]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(u.prototype=r(t),n=new u,u.prototype=null,n[a]=t):n=s(),void 0===e?n:o(n,e)}},ZDXm:function(t,e,n){"use strict";var r,o=n("LhTa")(0),i=n("R3AP"),a=n("1aA0"),u=n("oYd7"),s=n("fJSx"),c=n("UKM+"),f=n("zgIt"),l=n("zq/X"),p=a.getWeak,d=Object.isExtensible,h=s.ufstore,v={},g=function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(t){if(c(t)){var e=p(t);return!0===e?h(l(this,"WeakMap")).get(t):e?e[this._i]:void 0}},set:function(t,e){return s.def(l(this,"WeakMap"),t,e)}},m=t.exports=n("0Rih")("WeakMap",g,y,s,!0,!0);f(function(){return 7!=(new m).set((Object.freeze||Object)(v),7).get(v)})&&(r=s.getConstructor(g,"WeakMap"),u(r.prototype,y),a.NEED=!0,o(["delete","has","get","set"],function(t){var e=m.prototype,n=e[t];i(e,t,function(e,o){if(c(e)&&!d(e)){this._f||(this._f=new r);var i=this._f[t](e,o);return"set"==t?this:i}return n.call(this,e,o)})}))},ZRJK:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("zgIt"),i=n("fS0v"),a=1..toPrecision;r(r.P+r.F*(o(function(){return"1"!==a.call(1,void 0)})||!o(function(){a.call({})})),"Number",{toPrecision:function(t){var e=i(this,"Number#toPrecision: incorrect invocation!");return void 0===t?a.call(e):a.call(e,t)}})},ZtwE:function(t,e,n){"use strict";var r=n("XSOZ"),o=n("UKM+"),i=n("PHCx"),a=[].slice,u={},s=function(t,e,n){if(!(e in u)){for(var r=[],o=0;o<e;o++)r[o]="a["+o+"]";u[e]=Function("F,a","return new F("+r.join(",")+")")}return u[e](t,n)};t.exports=Function.bind||function(t){var e=r(this),n=a.call(arguments,1),u=function(){var r=n.concat(a.call(arguments));return this instanceof u?s(e,r.length,r):i(e,r,t)};return o(e.prototype)&&(u.prototype=e.prototype),u}},Zzip:function(t,e,n){t.exports={default:n("/n6Q"),__esModule:!0}},aJ2J:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},aM0T:function(t,e,n){var r=n("Ds5P"),o=n("g36u")(),i=n("OzIq").process,a="process"==n("ydD5")(i);r(r.G,{asap:function(t){var e=a&&i.domain;o(e?e.bind(t):t)}})},altv:function(t,e,n){var r=n("Ds5P"),o=n("8t38");r(r.S+r.F*(Number.parseFloat!=o),"Number",{parseFloat:o})},arGp:function(t,e,n){var r=n("Ds5P");r(r.P+r.R,"Set",{toJSON:n("XXBo")("Set")})},ax3d:function(t,e,n){var r=n("e8AB")("keys"),o=n("3Eo+");t.exports=function(t){return r[t]||(r[t]=o(t))}},"bG/2":function(t,e,n){var r=n("PHqh"),o=n("WcO1").f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(t){try{return o(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==i.call(t)?u(t):o(r(t))}},bN1p:function(t,e){t.exports={}},bRrM:function(t,e,n){"use strict";var r=n("7KvD"),o=n("FeBl"),i=n("evD5"),a=n("+E39"),u=n("dSzd")("species");t.exports=function(t){var e="function"==typeof o[t]?o[t]:r[t];a&&e&&!e[u]&&i.f(e,u,{configurable:!0,get:function(){return this}})}},bSML:function(t,e,n){"use strict";var r=n("lDLk"),o=n("fU25");t.exports=function(t,e,n){e in t?r.f(t,e,o(0,n)):t[e]=n}},bUY0:function(t,e,n){function r(t,e,n){var s,p,d=arguments.length<4?t:arguments[3],h=i.f(f(t),e);if(!h){if(l(p=a(t)))return r(p,e,n,d);h=c(0)}if(u(h,"value")){if(!1===h.writable||!l(d))return!1;if(s=i.f(d,e)){if(s.get||s.set||!1===s.writable)return!1;s.value=n,o.f(d,e,s)}else o.f(d,e,c(0,n));return!0}return void 0!==h.set&&(h.set.call(d,n),!0)}var o=n("lDLk"),i=n("x9zv"),a=n("KOrd"),u=n("WBcL"),s=n("Ds5P"),c=n("fU25"),f=n("DIVP"),l=n("UKM+");s(s.S,"Reflect",{set:r})},bUqO:function(t,e,n){t.exports=!n("zgIt")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},beEN:function(t,e,n){"use strict";var r=n("rFzY"),o=n("Ds5P"),i=n("FryR"),a=n("XvUs"),u=n("9vb1"),s=n("BbyF"),c=n("bSML"),f=n("SHe9");o(o.S+o.F*!n("qkyc")(function(t){Array.from(t)}),"Array",{from:function(t){var e,n,o,l,p=i(t),d="function"==typeof this?this:Array,h=arguments.length,v=h>1?arguments[1]:void 0,g=void 0!==v,y=0,m=f(p);if(g&&(v=r(v,h>2?arguments[2]:void 0,2)),void 0==m||d==Array&&u(m))for(e=s(p.length),n=new d(e);e>y;y++)c(n,y,g?v(p[y],y):p[y]);else for(l=m.call(p),n=new d;!(o=l.next()).done;y++)c(n,y,g?a(l,v,[o.value,y],!0):o.value);return n.length=y,n}})},boo2:function(t,e,n){var r=n("UKM+"),o=n("XO1R"),i=n("kkCw")("species");t.exports=function(t){var e;return o(t)&&(e=t.constructor,"function"!=typeof e||e!==Array&&!o(e.prototype)||(e=void 0),r(e)&&null===(e=e[i])&&(e=void 0)),void 0===e?Array:e}},bqOW:function(t,e,n){var r=n("Ds5P"),o=n("zo/l"),i=String.fromCharCode,a=String.fromCodePoint;r(r.S+r.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(t){for(var e,n=[],r=arguments.length,a=0;r>a;){if(e=+arguments[a++],o(e,1114111)!==e)throw RangeError(e+" is not a valid code point");n.push(e<65536?i(e):i(55296+((e-=65536)>>10),e%1024+56320))}return n.join("")}})},crlp:function(t,e,n){var r=n("7KvD"),o=n("FeBl"),i=n("O4g8"),a=n("Kh4W"),u=n("evD5").f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||u(e,t,{value:a.f(t)})}},cwmK:function(t,e){t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},d075:function(t,e,n){var r=n("OzIq").document;t.exports=r&&r.documentElement},dNDb:function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},dSUw:function(t,e,n){"use strict";var r=n("Dgii"),o=n("zq/X");t.exports=n("0Rih")("Set",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return r.def(o(this,"Set"),t=0===t?0:t,t)}},r)},dSzd:function(t,e,n){var r=n("e8AB")("wks"),o=n("3Eo+"),i=n("7KvD").Symbol,a="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))}).store=r},dTzs:function(t,e,n){n("77Ug")("Float32",4,function(t){return function(e,n,r){return t(this,e,n,r)}})},dULJ:function(t,e,n){var r=n("Ds5P"),o=n("OgTs");r(r.S+r.F*(Number.parseInt!=o),"Number",{parseInt:o})},dY0y:function(t,e,n){var r=n("dSzd")("iterator"),o=!1;try{var i=[7][r]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},t(i)}catch(t){}return n}},dich:function(t,e,n){var r=n("Ds5P"),o=n("Sejc");r(r.G+r.B,{setImmediate:o.set,clearImmediate:o.clear})},"dm+7":function(t,e,n){var r=n("Ds5P");r(r.S,"Reflect",{has:function(t,e){return e in t}})},dm6P:function(t,e,n){"use strict";t.exports=n("V3l/")||!n("zgIt")(function(){var t=Math.random();__defineSetter__.call(null,t,function(){}),delete n("OzIq")[t]})},dxQb:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("FryR"),i=n("XSOZ"),a=n("lDLk");n("bUqO")&&r(r.P+n("dm6P"),"Object",{__defineSetter__:function(t,e){a.f(o(this),t,{set:i(e),enumerable:!0,configurable:!0})}})},e6n0:function(t,e,n){var r=n("evD5").f,o=n("D2L2"),i=n("dSzd")("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},e8AB:function(t,e,n){var r=n("FeBl"),o=n("7KvD"),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n("O4g8")?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},eC2H:function(t,e,n){n("3i66")("getOwnPropertyNames",function(){return n("bG/2").f})},eVIH:function(t,e,n){"use strict";n("y325")("italics",function(t){return function(){return t(this,"i","","")}})},evD5:function(t,e,n){var r=n("77Pl"),o=n("SfB7"),i=n("MmMw"),a=Object.defineProperty;e.f=n("+E39")?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},fJSx:function(t,e,n){"use strict";var r=n("A16L"),o=n("1aA0").getWeak,i=n("DIVP"),a=n("UKM+"),u=n("9GpA"),s=n("vmSO"),c=n("LhTa"),f=n("WBcL"),l=n("zq/X"),p=c(5),d=c(6),h=0,v=function(t){return t._l||(t._l=new g)},g=function(){this.a=[]},y=function(t,e){return p(t.a,function(t){return t[0]===e})};g.prototype={get:function(t){var e=y(this,t);if(e)return e[1]},has:function(t){return!!y(this,t)},set:function(t,e){var n=y(this,t);n?n[1]=e:this.a.push([t,e])},delete:function(t){var e=d(this.a,function(e){return e[0]===t});return~e&&this.a.splice(e,1),!!~e}},t.exports={getConstructor:function(t,e,n,i){var c=t(function(t,r){u(t,c,e,"_i"),t._t=e,t._i=h++,t._l=void 0,void 0!=r&&s(r,n,t[i],t)});return r(c.prototype,{delete:function(t){if(!a(t))return!1;var n=o(t);return!0===n?v(l(this,e)).delete(t):n&&f(n,this._i)&&delete n[this._i]},has:function(t){if(!a(t))return!1;var n=o(t);return!0===n?v(l(this,e)).has(t):n&&f(n,this._i)}}),c},def:function(t,e,n){var r=o(i(e),!0);return!0===r?v(t).set(e,n):r[t._i]=n,t},ufstore:v}},fJUb:function(t,e,n){var r=n("77Pl"),o=n("EqjI"),i=n("qARP");t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},fLuG:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("pFYg"),n("wqbf"),n("YByk")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function a(t){return"symbol"==(void 0===t?"undefined":(0,u.default)(t))||(0,c.default)(t)&&(0,s.default)(t)==f}Object.defineProperty(e,"__esModule",{value:!0});var u=i(n),s=i(r),c=i(o),f="[object Symbol]";e.default=a,t.exports=e.default})},fOdq:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("LhTa")(2);r(r.P+r.F*!n("NNrz")([].filter,!0),"Array",{filter:function(t){return o(this,t,arguments[1])}})},fS0v:function(t,e,n){var r=n("ydD5");t.exports=function(t,e){if("number"!=typeof t&&"Number"!=r(t))throw TypeError(e);return+t}},fU25:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},fWfb:function(t,e,n){"use strict";var r=n("7KvD"),o=n("D2L2"),i=n("+E39"),a=n("kM2E"),u=n("880/"),s=n("06OY").KEY,c=n("S82l"),f=n("e8AB"),l=n("e6n0"),p=n("3Eo+"),d=n("dSzd"),h=n("Kh4W"),v=n("crlp"),g=n("Xc4G"),y=n("7UMu"),m=n("77Pl"),b=n("EqjI"),_=n("TcQ7"),w=n("MmMw"),x=n("X8DO"),O=n("Yobk"),E=n("Rrel"),S=n("LKZe"),P=n("evD5"),M=n("lktj"),A=S.f,k=P.f,D=E.f,C=r.Symbol,N=r.JSON,I=N&&N.stringify,R=d("_hidden"),T=d("toPrimitive"),j={}.propertyIsEnumerable,L=f("symbol-registry"),F=f("symbols"),U=f("op-symbols"),z=Object.prototype,B="function"==typeof C,$=r.QObject,q=!$||!$.prototype||!$.prototype.findChild,W=i&&c(function(){return 7!=O(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=A(z,e);r&&delete z[e],k(t,e,n),r&&t!==z&&k(z,e,r)}:k,K=function(t){var e=F[t]=O(C.prototype);return e._k=t,e},V=B&&"symbol"==typeof C.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof C},G=function(t,e,n){return t===z&&G(U,e,n),m(t),e=w(e,!0),m(n),o(F,e)?(n.enumerable?(o(t,R)&&t[R][e]&&(t[R][e]=!1),n=O(n,{enumerable:x(0,!1)})):(o(t,R)||k(t,R,x(1,{})),t[R][e]=!0),W(t,e,n)):k(t,e,n)},X=function(t,e){m(t);for(var n,r=g(e=_(e)),o=0,i=r.length;i>o;)G(t,n=r[o++],e[n]);return t},Y=function(t,e){return void 0===e?O(t):X(O(t),e)},H=function(t){var e=j.call(this,t=w(t,!0));return!(this===z&&o(F,t)&&!o(U,t))&&(!(e||!o(this,t)||!o(F,t)||o(this,R)&&this[R][t])||e)},Q=function(t,e){if(t=_(t),e=w(e,!0),t!==z||!o(F,e)||o(U,e)){var n=A(t,e);return!n||!o(F,e)||o(t,R)&&t[R][e]||(n.enumerable=!0),n}},Z=function(t){for(var e,n=D(_(t)),r=[],i=0;n.length>i;)o(F,e=n[i++])||e==R||e==s||r.push(e);return r},J=function(t){for(var e,n=t===z,r=D(n?U:_(t)),i=[],a=0;r.length>a;)!o(F,e=r[a++])||n&&!o(z,e)||i.push(F[e]);return i};B||(C=function(){if(this instanceof C)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===z&&e.call(U,n),o(this,R)&&o(this[R],t)&&(this[R][t]=!1),W(this,t,x(1,n))};return i&&q&&W(z,t,{configurable:!0,set:e}),K(t)},u(C.prototype,"toString",function(){return this._k}),S.f=Q,P.f=G,n("n0T6").f=E.f=Z,n("NpIQ").f=H,n("1kS7").f=J,i&&!n("O4g8")&&u(z,"propertyIsEnumerable",H,!0),h.f=function(t){return K(d(t))}),a(a.G+a.W+a.F*!B,{Symbol:C});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)d(tt[et++]);for(var nt=M(d.store),rt=0;nt.length>rt;)v(nt[rt++]);a(a.S+a.F*!B,"Symbol",{for:function(t){return o(L,t+="")?L[t]:L[t]=C(t)},keyFor:function(t){if(!V(t))throw TypeError(t+" is not a symbol!");for(var e in L)if(L[e]===t)return e},useSetter:function(){q=!0},useSimple:function(){q=!1}}),a(a.S+a.F*!B,"Object",{create:Y,defineProperty:G,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:Z,getOwnPropertySymbols:J}),N&&a(a.S+a.F*(!B||c(function(){var t=C();return"[null]"!=I([t])||"{}"!=I({a:t})||"{}"!=I(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(b(e)||void 0!==t)&&!V(t))return y(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!V(e))return e}),r[1]=e,I.apply(N,r)}}),C.prototype[T]||n("hJx8")(C.prototype,T,C.prototype.valueOf),l(C,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},fZjL:function(t,e,n){t.exports={default:n("jFbC"),__esModule:!0}},fkB2:function(t,e,n){var r=n("UuGF"),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},fx22:function(t,e,n){for(var r=n("WgSQ"),o=n("Qh14"),i=n("R3AP"),a=n("OzIq"),u=n("2p1q"),s=n("bN1p"),c=n("kkCw"),f=c("iterator"),l=c("toStringTag"),p=s.Array,d={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},h=o(d),v=0;v<h.length;v++){var g,y=h[v],m=d[y],b=a[y],_=b&&b.prototype;if(_&&(_[f]||u(_,f,p),_[l]||u(_,l,y),s[y]=p,m))for(g in r)_[g]||i(_,g,r[g],!0)}},"g/m8":function(t,e,n){var r=n("cwmK"),o=Math.pow,i=o(2,-52),a=o(2,-23),u=o(2,127)*(2-a),s=o(2,-126),c=function(t){return t+1/i-1/i};t.exports=Math.fround||function(t){var e,n,o=Math.abs(t),f=r(t);return o<s?f*c(o/s/a)*s*a:(e=(1+a/i)*o,n=e-(e-o),n>u||n!=n?f*(1/0):f*n)}},g36u:function(t,e,n){var r=n("OzIq"),o=n("Sejc").set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,u=r.Promise,s="process"==n("ydD5")(a);t.exports=function(){var t,e,n,c=function(){var r,o;for(s&&(r=a.domain)&&r.exit();t;){o=t.fn,t=t.next;try{o()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(s)n=function(){a.nextTick(c)};else if(!i||r.navigator&&r.navigator.standalone)if(u&&u.resolve){var f=u.resolve(void 0);n=function(){f.then(c)}}else n=function(){o.call(r,c)};else{var l=!0,p=document.createTextNode("");new i(c).observe(p,{characterData:!0}),n=function(){p.data=l=!l}}return function(r){var o={fn:r,next:void 0};e&&(e.next=o),t||(t=o,n()),e=o}}},gPva:function(t,e,n){var r=n("UKM+");n("3i66")("isExtensible",function(t){return function(e){return!!r(e)&&(!t||t(e))}})},gYYG:function(t,e,n){"use strict";var r=n("wC1N"),o={};o[n("kkCw")("toStringTag")]="z",o+""!="[object z]"&&n("R3AP")(Object.prototype,"toString",function(){return"[object "+r(this)+"]"},!0)},gbyG:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("ot5s")(!0);r(r.P,"Array",{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n("RhFG")("includes")},gvDt:function(t,e,n){var r=n("UKM+"),o=n("DIVP"),i=function(t,e){if(o(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,r){try{r=n("rFzY")(Function.call,n("x9zv").f(Object.prototype,"__proto__").set,2),r(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return i(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:i}},h65t:function(t,e,n){var r=n("UuGF"),o=n("52gC");t.exports=function(t){return function(e,n){var i,a,u=String(o(e)),s=r(n),c=u.length;return s<0||s>=c?t?"":void 0:(i=u.charCodeAt(s),i<55296||i>56319||s+1===c||(a=u.charCodeAt(s+1))<56320||a>57343?t?u.charAt(s):i:t?u.slice(s,s+2):a-56320+(i-55296<<10)+65536)}}},h7Xi:function(t,e,n){var r=n("Ds5P");r(r.P+r.R,"Map",{toJSON:n("XXBo")("Map")})},hJx8:function(t,e,n){var r=n("evD5"),o=n("X8DO");t.exports=n("+E39")?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},i039:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{umulh:function(t,e){var n=+t,r=+e,o=65535&n,i=65535&r,a=n>>>16,u=r>>>16,s=(a*i>>>0)+(o*i>>>16);return a*u+(s>>>16)+((o*u>>>0)+(65535&s)>>>16)}})},i68Q:function(t,e,n){var r=n("Ds5P");r(r.S,"Object",{create:n("7ylX")})},iKpr:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("XSOZ"),i=n("rFzY"),a=n("vmSO");t.exports=function(t){r(r.S,t,{from:function(t){var e,n,r,u,s=arguments[1];return o(this),e=void 0!==s,e&&o(s),void 0==t?new this:(n=[],e?(r=0,u=i(s,arguments[2],2),a(t,!1,function(t){n.push(u(t,r++))})):a(t,!1,n.push,n),new this(n))}})}},iM2X:function(t,e,n){"use strict";n("y325")("bold",function(t){return function(){return t(this,"b","","")}})},iUbK:function(t,e,n){var r=n("7KvD"),o=r.navigator;t.exports=o&&o.userAgent||""},izbv:function(t,e){t.exports=function(t){var e={begin:/[\w-]+\(/,returnBegin:!0,contains:[{className:"built_in",begin:/[\w-]+/},{begin:/\(/,end:/\)/,contains:[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE]}]},n={className:"attribute",begin:/\S/,end:":",excludeEnd:!0,starts:{endsWithParent:!0,excludeEnd:!0,contains:[e,t.CSS_NUMBER_MODE,t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,t.C_BLOCK_COMMENT_MODE,{className:"number",begin:"#[0-9A-Fa-f]+"},{className:"meta",begin:"!important"}]}},r=/@\-?\w[\w]*(\-\w+)*/,o={begin:/(?:[A-Z\_\.\-]+|--[a-zA-Z0-9_-]+)\s*:/,returnBegin:!0,end:";",endsWithParent:!0,contains:[n]};return{case_insensitive:!0,illegal:/[=\/|'\$]/,contains:[t.C_BLOCK_COMMENT_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/},{className:"selector-class",begin:/\.[A-Za-z0-9_-]+/},{className:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE]},{className:"selector-pseudo",begin:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{begin:"@(page|font-face)",lexemes:"@[a-z-]+",keywords:"@page @font-face"},{begin:"@",end:"[{;]",illegal:/:/,returnBegin:!0,contains:[{className:"keyword",begin:r},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:"and or not only",contains:[{begin:/[a-z-]+:/,className:"attribute"},t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE]}]},{className:"selector-tag",begin:"[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0},{begin:"{",end:"}",illegal:/\S/,contains:[t.C_BLOCK_COMMENT_MODE,o]}]}}},"j/Lv":function(t,e,n){var r=n("Ds5P");r(r.S,"System",{global:n("OzIq")})},j1ja:function(t,e,n){"use strict";(function(t){function e(t,e,n){t[e]||Object[r](t,e,{writable:!0,configurable:!0,value:n})}if(n("4M2W"),n("zkX4"),n("Wwne"),t._babelPolyfill)throw new Error("only one instance of babel-polyfill is allowed");t._babelPolyfill=!0;var r="defineProperty";e(String.prototype,"padLeft","".padStart),e(String.prototype,"padRight","".padEnd),"pop,reverse,shift,keys,values,entries,indexOf,every,some,forEach,map,filter,find,findIndex,includes,join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill".split(",").forEach(function(t){[][t]&&e(Array,t,Function.call.bind([][t]))})}).call(e,n("DuR2"))},j42X:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("PHqh"),i=[].join;r(r.P+r.F*(n("Q6Nf")!=Object||!n("NNrz")(i)),"Array",{join:function(t){return i.call(o(this),void 0===t?",":t)}})},jB26:function(t,e,n){"use strict";var r=n("DIVP"),o=n("s4j0");t.exports=function(t){if("string"!==t&&"number"!==t&&"default"!==t)throw TypeError("Incorrect hint");return o(r(this),"number"!=t)}},jFbC:function(t,e,n){n("Cdx3"),t.exports=n("FeBl").Object.keys},"jKW+":function(t,e,n){"use strict";var r=n("kM2E"),o=n("qARP"),i=n("dNDb");r(r.S,"Promise",{try:function(t){var e=o.f(this),n=i(t);return(n.e?e.reject:e.resolve)(n.v),e.promise}})},jhxf:function(t,e,n){var r=n("UKM+"),o=n("OzIq").document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},jrHM:function(t,e,n){var r=n("Ds5P");r(r.S,"Object",{setPrototypeOf:n("gvDt").set})},kBOG:function(t,e,n){var r=n("Ds5P"),o=n("cwmK");r(r.S,"Math",{cbrt:function(t){return o(t=+t)*Math.pow(Math.abs(t),1/3)}})},kM2E:function(t,e,n){var r=n("7KvD"),o=n("FeBl"),i=n("+ZMJ"),a=n("hJx8"),u=n("D2L2"),s=function(t,e,n){var c,f,l,p=t&s.F,d=t&s.G,h=t&s.S,v=t&s.P,g=t&s.B,y=t&s.W,m=d?o:o[e]||(o[e]={}),b=m.prototype,_=d?r:h?r[e]:(r[e]||{}).prototype;d&&(n=e);for(c in n)(f=!p&&_&&void 0!==_[c])&&u(m,c)||(l=f?_[c]:n[c],m[c]=d&&"function"!=typeof _[c]?n[c]:g&&f?i(l,r):y&&_[c]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):v&&"function"==typeof l?i(Function.call,l):l,v&&((m.virtual||(m.virtual={}))[c]=l,t&s.R&&b&&!b[c]&&a(b,c,l)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},kic5:function(t,e,n){var r=n("UKM+"),o=n("gvDt").set;t.exports=function(t,e,n){var i,a=e.constructor;return a!==n&&"function"==typeof a&&(i=a.prototype)!==n.prototype&&r(i)&&o&&o(t,i),t}},kkCw:function(t,e,n){var r=n("VWgF")("wks"),o=n("ulTY"),i=n("OzIq").Symbol,a="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))}).store=r},knuC:function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},kqpo:function(t,e,n){var r=n("u0PK"),o=n("/whu");t.exports=function(t,e,n){if(r(e))throw TypeError("String#"+n+" doesn't accept regex!");return String(o(t))}},kxFB:function(t,e){t.exports=function(t){return"string"!=typeof t?t:(/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),/["'() \t\n]/.test(t)?'"'+t.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':t)}},l7j4:function(t,e){t.exports=function(t){var e={className:"variable",begin:"\\$"+t.IDENT_RE},n={className:"number",begin:"#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})"},r=["charset","css","debug","extend","font-face","for","import","include","media","mixin","page","warn","while"],o=["after","before","first-letter","first-line","active","first-child","focus","hover","lang","link","visited"],i=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],a=["align-content","align-items","align-self","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","auto","backface-visibility","background","background-attachment","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","clear","clip","clip-path","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","font","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-variant-ligatures","font-weight","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inherit","initial","justify-content","left","letter-spacing","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","marks","mask","max-height","max-width","min-height","min-width","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","perspective","perspective-origin","pointer-events","position","quotes","resize","right","tab-size","table-layout","text-align","text-align-last","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-indent","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","white-space","widows","width","word-break","word-spacing","word-wrap","z-index"];return{aliases:["styl"],case_insensitive:!1,keywords:"if else for in",illegal:"("+["\\?","(\\bReturn\\b)","(\\bEnd\\b)","(\\bend\\b)","(\\bdef\\b)",";","#\\s","\\*\\s","===\\s","\\|","%"].join("|")+")",contains:[t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,n,{begin:"\\.[a-zA-Z][a-zA-Z0-9_-]*(?=[\\.\\s\\n\\[\\:,])",className:"selector-class"},{begin:"\\#[a-zA-Z][a-zA-Z0-9_-]*(?=[\\.\\s\\n\\[\\:,])",className:"selector-id"},{begin:"\\b("+i.join("|")+")(?=[\\.\\s\\n\\[\\:,])",className:"selector-tag"},{begin:"&?:?:\\b("+o.join("|")+")(?=[\\.\\s\\n\\[\\:,])"},{begin:"@("+r.join("|")+")\\b"},e,t.CSS_NUMBER_MODE,t.NUMBER_MODE,{className:"function",begin:"^[a-zA-Z][a-zA-Z0-9_-]*\\(.*\\)",illegal:"[\\n]",returnBegin:!0,contains:[{className:"title",begin:"\\b[a-zA-Z][a-zA-Z0-9_-]*"},{className:"params",begin:/\(/,end:/\)/,contains:[n,e,t.APOS_STRING_MODE,t.CSS_NUMBER_MODE,t.NUMBER_MODE,t.QUOTE_STRING_MODE]}]},{className:"attribute",begin:"\\b("+a.reverse().join("|")+")\\b",starts:{end:/;|$/,contains:[n,e,t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE,t.NUMBER_MODE,t.C_BLOCK_COMMENT_MODE],illegal:/\./,relevance:0}}]}}},lDLk:function(t,e,n){var r=n("DIVP"),o=n("xZa+"),i=n("s4j0"),a=Object.defineProperty;e.f=n("bUqO")?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},lKE8:function(t,e,n){var r=n("Qh14"),o=n("PHqh"),i=n("Y1aA").f;t.exports=function(t){return function(e){for(var n,a=o(e),u=r(a),s=u.length,c=0,f=[];s>c;)i.call(a,n=u[c++])&&f.push(t?[n,a[n]]:a[n]);return f}}},lOnJ:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},lbHh:function(t,e,n){var r,o;!function(i){var a=!1;if(r=i,void 0!==(o="function"==typeof r?r.call(e,n,e,t):r)&&(t.exports=o),a=!0,t.exports=i(),a=!0,!a){var u=window.Cookies,s=window.Cookies=i();s.noConflict=function(){return window.Cookies=u,s}}}(function(){function t(){for(var t=0,e={};t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}function e(n){function r(e,o,i){var a;if("undefined"!=typeof document){if(arguments.length>1){if(i=t({path:"/"},r.defaults,i),"number"==typeof i.expires){var u=new Date;u.setMilliseconds(u.getMilliseconds()+864e5*i.expires),i.expires=u}i.expires=i.expires?i.expires.toUTCString():"";try{a=JSON.stringify(o),/^[\{\[]/.test(a)&&(o=a)}catch(t){}o=n.write?n.write(o,e):encodeURIComponent(String(o)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),e=encodeURIComponent(String(e)),e=e.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),e=e.replace(/[\(\)]/g,escape);var s="";for(var c in i)i[c]&&(s+="; "+c,!0!==i[c]&&(s+="="+i[c]));return document.cookie=e+"="+o+s}e||(a={});for(var f=document.cookie?document.cookie.split("; "):[],l=/(%[0-9A-Z]{2})+/g,p=0;p<f.length;p++){var d=f[p].split("="),h=d.slice(1).join("=");this.json||'"'!==h.charAt(0)||(h=h.slice(1,-1));try{var v=d[0].replace(l,decodeURIComponent);if(h=n.read?n.read(h,v):n(h,v)||h.replace(l,decodeURIComponent),this.json)try{h=JSON.parse(h)}catch(t){}if(e===v){a=h;break}e||(a[v]=h)}catch(t){}}return a}}return r.set=r,r.get=function(t){return r.call(r,t)},r.getJSON=function(){return r.apply({json:!0},[].slice.call(arguments))},r.defaults={},r.remove=function(e,n){r(e,"",t(n,{expires:-1}))},r.withConverter=e,r}return e(function(){})})},lkT3:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("FkIZ");r(r.P+r.F*!n("NNrz")([].reduceRight,!0),"Array",{reduceRight:function(t){return o(this,t,arguments.length,arguments[1],!0)}})},lktj:function(t,e,n){var r=n("Ibhu"),o=n("xnc9");t.exports=Object.keys||function(t){return r(t,o)}},lnZN:function(t,e,n){var r=n("OzIq"),o=n("kic5"),i=n("lDLk").f,a=n("WcO1").f,u=n("u0PK"),s=n("0pGU"),c=r.RegExp,f=c,l=c.prototype,p=/a/g,d=/a/g,h=new c(p)!==p;if(n("bUqO")&&(!h||n("zgIt")(function(){return d[n("kkCw")("match")]=!1,c(p)!=p||c(d)==d||"/a/i"!=c(p,"i")}))){c=function(t,e){var n=this instanceof c,r=u(t),i=void 0===e;return!n&&r&&t.constructor===c&&i?t:o(h?new f(r&&!i?t.source:t,e):f((r=t instanceof c)?t.source:t,r&&i?s.call(t):e),n?this:l,c)};for(var v=a(f),g=0;v.length>g;)!function(t){t in c||i(c,t,{configurable:!0,get:function(){return f[t]},set:function(e){f[t]=e}})}(v[g++]);l.constructor=c,c.prototype=l,n("R3AP")(r,"RegExp",c)}n("CEne")("RegExp")},lyhN:function(t,e,n){var r=n("Ds5P"),o=Math.atanh;r(r.S+r.F*!(o&&1/o(-0)<0),"Math",{atanh:function(t){return 0==(t=+t)?t:Math.log((1+t)/(1-t))/2}})},m6Yj:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{fround:n("g/m8")})},m8F4:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("2VSL"),i=n("41xE");r(r.P+r.F*/Version\/10\.\d+(\.\d+)? Safari\//.test(i),"String",{padEnd:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!1)}})},mJx5:function(t,e,n){n("Vg1y")("split",2,function(t,e,r){"use strict";var o=n("u0PK"),i=r,a=[].push,u="length";if("c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1)[u]||2!="ab".split(/(?:ab)*/)[u]||4!=".".split(/(.?)(.?)/)[u]||".".split(/()()/)[u]>1||"".split(/.?/)[u]){var s=void 0===/()??/.exec("")[1];r=function(t,e){var n=String(this);if(void 0===t&&0===e)return[];if(!o(t))return i.call(n,t,e);var r,c,f,l,p,d=[],h=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,g=void 0===e?4294967295:e>>>0,y=new RegExp(t.source,h+"g");for(s||(r=new RegExp("^"+y.source+"$(?!\\s)",h));(c=y.exec(n))&&!((f=c.index+c[0][u])>v&&(d.push(n.slice(v,c.index)),!s&&c[u]>1&&c[0].replace(r,function(){for(p=1;p<arguments[u]-2;p++)void 0===arguments[p]&&(c[p]=void 0)}),c[u]>1&&c.index<n[u]&&a.apply(d,c.slice(1)),l=c[0][u],v=f,d[u]>=g));)y.lastIndex===c.index&&y.lastIndex++;return v===n[u]?!l&&y.test("")||d.push(""):d.push(n.slice(v)),d[u]>g?d.slice(0,g):d}}else"0".split(void 0,0)[u]&&(r=function(t,e){return void 0===t&&0===e?[]:i.call(this,t,e)});return[function(n,o){var i=t(this),a=void 0==n?void 0:n[e];return void 0!==a?a.call(n,i,o):r.call(String(i),n,o)},r]})},mTp7:function(t,e,n){var r=n("Ds5P"),o=n("gvDt");o&&r(r.S,"Reflect",{setPrototypeOf:function(t,e){o.check(t,e);try{return o.set(t,e),!0}catch(t){return!1}}})},mZON:function(t,e,n){var r=n("VWgF")("keys"),o=n("ulTY");t.exports=function(t){return r[t]||(r[t]=o(t))}},mhn7:function(t,e,n){"use strict";n("Ymdd")("trim",function(t){return function(){return t(this,3)}})},msXi:function(t,e,n){var r=n("77Pl");t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(e){var i=t.return;throw void 0!==i&&r(i.call(t)),e}}},mypn:function(t,e,n){(function(t,e){!function(t,n){"use strict";function r(t){"function"!=typeof t&&(t=new Function(""+t));for(var e=new Array(arguments.length-1),n=0;n<e.length;n++)e[n]=arguments[n+1];var r={callback:t,args:e};return c[s]=r,u(s),s++}function o(t){delete c[t]}function i(t){var e=t.callback,r=t.args;switch(r.length){case 0:e();break;case 1:e(r[0]);break;case 2:e(r[0],r[1]);break;case 3:e(r[0],r[1],r[2]);break;default:e.apply(n,r)}}function a(t){if(f)setTimeout(a,0,t);else{var e=c[t];if(e){f=!0;try{i(e)}finally{o(t),f=!1}}}}if(!t.setImmediate){var u,s=1,c={},f=!1,l=t.document,p=Object.getPrototypeOf&&Object.getPrototypeOf(t);p=p&&p.setTimeout?p:t,"[object process]"==={}.toString.call(t.process)?function(){u=function(t){e.nextTick(function(){a(t)})}}():function(){if(t.postMessage&&!t.importScripts){var e=!0,n=t.onmessage;return t.onmessage=function(){e=!1},t.postMessage("","*"),t.onmessage=n,e}}()?function(){var e="setImmediate$"+Math.random()+"$",n=function(n){n.source===t&&"string"==typeof n.data&&0===n.data.indexOf(e)&&a(+n.data.slice(e.length))};t.addEventListener?t.addEventListener("message",n,!1):t.attachEvent("onmessage",n),u=function(n){t.postMessage(e+n,"*")}}():t.MessageChannel?function(){var t=new MessageChannel;t.port1.onmessage=function(t){a(t.data)},u=function(e){t.port2.postMessage(e)}}():l&&"onreadystatechange"in l.createElement("script")?function(){var t=l.documentElement;u=function(e){var n=l.createElement("script");n.onreadystatechange=function(){a(e),n.onreadystatechange=null,t.removeChild(n),n=null},t.appendChild(n)}}():function(){u=function(t){setTimeout(a,0,t)}}(),p.setImmediate=r,p.clearImmediate=o}}("undefined"==typeof self?void 0===t?this:t:self)}).call(e,n("DuR2"),n("W2nU"))},n0T6:function(t,e,n){var r=n("Ibhu"),o=n("xnc9").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},n12u:function(t,e,n){var r=n("Ds5P");r(r.S+r.F,"Object",{assign:n("oYd7")})},n982:function(t,e,n){var r=n("UKM+"),o=Math.floor;t.exports=function(t){return!r(t)&&isFinite(t)&&o(t)===t}},nP5o:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("Wi1D"),n("YhKd")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function i(t,e,n){var r=!0,o=!0;if("function"!=typeof t)throw new TypeError(s);return(0,u.default)(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),(0,a.default)(t,e,{leading:r,maxWait:e,trailing:o})}Object.defineProperty(e,"__esModule",{value:!0});var a=o(n),u=o(r),s="Expected a function";e.default=i,t.exports=e.default})},nRs1:function(t,e,n){var r=n("Ds5P");r(r.S,"Object",{is:n("4IZP")})},nSxQ:function(t,e,n){(function(r){var o,i,a;!function(r,u){i=[t,e,n("pFYg")],o=u,void 0!==(a="function"==typeof o?o.apply(e,i):o)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n),i="object"==(void 0===r?"undefined":(0,o.default)(r))&&r&&r.Object===Object&&r;e.default=i,t.exports=e.default})}).call(e,n("DuR2"))},nh2o:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("OzIq"),i=n("7gX0"),a=n("g36u")(),u=n("kkCw")("observable"),s=n("XSOZ"),c=n("DIVP"),f=n("9GpA"),l=n("A16L"),p=n("2p1q"),d=n("vmSO"),h=d.RETURN,v=function(t){return null==t?void 0:s(t)},g=function(t){var e=t._c;e&&(t._c=void 0,e())},y=function(t){return void 0===t._o},m=function(t){y(t)||(t._o=void 0,g(t))},b=function(t,e){c(t),this._c=void 0,this._o=t,t=new _(this);try{var n=e(t),r=n;null!=n&&("function"==typeof n.unsubscribe?n=function(){r.unsubscribe()}:s(n),this._c=n)}catch(e){return void t.error(e)}y(this)&&g(this)};b.prototype=l({},{unsubscribe:function(){m(this)}});var _=function(t){this._s=t};_.prototype=l({},{next:function(t){var e=this._s;if(!y(e)){var n=e._o;try{var r=v(n.next);if(r)return r.call(n,t)}catch(t){try{m(e)}finally{throw t}}}},error:function(t){var e=this._s;if(y(e))throw t;var n=e._o;e._o=void 0;try{var r=v(n.error);if(!r)throw t;t=r.call(n,t)}catch(t){try{g(e)}finally{throw t}}return g(e),t},complete:function(t){var e=this._s;if(!y(e)){var n=e._o;e._o=void 0;try{var r=v(n.complete);t=r?r.call(n,t):void 0}catch(t){try{g(e)}finally{throw t}}return g(e),t}}});var w=function(t){f(this,w,"Observable","_f")._f=s(t)};l(w.prototype,{subscribe:function(t){return new b(t,this._f)},forEach:function(t){var e=this;return new(i.Promise||o.Promise)(function(n,r){s(t);var o=e.subscribe({next:function(e){try{return t(e)}catch(t){r(t),o.unsubscribe()}},error:r,complete:n})})}}),l(w,{from:function(t){var e="function"==typeof this?this:w,n=v(c(t)[u]);if(n){var r=c(n.call(t));return r.constructor===e?r:new e(function(t){return r.subscribe(t)})}return new e(function(e){var n=!1;return a(function(){if(!n){try{if(d(t,!1,function(t){if(e.next(t),n)return h})===h)return}catch(t){if(n)throw t;return void e.error(t)}e.complete()}}),function(){n=!0}})},of:function(){for(var t=0,e=arguments.length,n=new Array(e);t<e;)n[t]=arguments[t++];return new("function"==typeof this?this:w)(function(t){var e=!1;return a(function(){if(!e){for(var r=0;r<n.length;++r)if(t.next(n[r]),e)return;t.complete()}}),function(){e=!0}})}}),p(w.prototype,u,function(){return this}),r(r.G,{Observable:w}),n("CEne")("Observable")},nphH:function(t,e,n){var r=n("DIVP"),o=n("UKM+"),i=n("w6Dh");t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},nqOf:function(t,e){t.exports=function(t,e){var n=e===Object(e)?function(t){return e[t]}:e;return function(e){return String(e).replace(t,n)}}},oF0V:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("IFpc"),i=n("FryR"),a=n("BbyF"),u=n("XSOZ"),s=n("plSV");r(r.P,"Array",{flatMap:function(t){var e,n,r=i(this);return u(t),e=a(r.length),n=s(r,0),o(n,r,r,e,0,1,t,arguments[1]),n}}),n("RhFG")("flatMap")},oHKp:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("PHqh"),i=n("oeih"),a=n("BbyF"),u=[].lastIndexOf,s=!!u&&1/[1].lastIndexOf(1,-0)<0;r(r.P+r.F*(s||!n("NNrz")(u)),"Array",{lastIndexOf:function(t){if(s)return u.apply(this,arguments)||0;var e=o(this),n=a(e.length),r=n-1;for(arguments.length>1&&(r=Math.min(r,i(arguments[1]))),r<0&&(r=n+r);r>=0;r--)if(r in e&&e[r]===t)return r||0;return-1}})},oYd7:function(t,e,n){"use strict";var r=n("Qh14"),o=n("Y1N3"),i=n("Y1aA"),a=n("FryR"),u=n("Q6Nf"),s=Object.assign;t.exports=!s||n("zgIt")(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=s({},t)[n]||Object.keys(s({},e)).join("")!=r})?function(t,e){for(var n=a(t),s=arguments.length,c=1,f=o.f,l=i.f;s>c;)for(var p,d=u(arguments[c++]),h=f?r(d).concat(f(d)):r(d),v=h.length,g=0;v>g;)l.call(d,p=h[g++])&&(n[p]=d[p]);return n}:s},oYp4:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("FryR"),i=n("XSOZ"),a=n("lDLk");n("bUqO")&&r(r.P+n("dm6P"),"Object",{__defineGetter__:function(t,e){a.f(o(this),t,{get:i(e),enumerable:!0,configurable:!0})}})},oeih:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},ot5s:function(t,e,n){var r=n("PHqh"),o=n("BbyF"),i=n("zo/l");t.exports=function(t){return function(e,n,a){var u,s=r(e),c=o(s.length),f=i(a,c);if(t&&n!=n){for(;c>f;)if((u=s[f++])!=u)return!0}else for(;c>f;f++)if((t||f in s)&&s[f]===n)return t||f||0;return!t&&-1}}},pFYg:function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var o=n("Zzip"),i=r(o),a=n("5QVw"),u=r(a),s="function"==typeof u.default&&"symbol"==typeof i.default?function(t){return typeof t}:function(t){return t&&"function"==typeof u.default&&t.constructor===u.default&&t!==u.default.prototype?"symbol":typeof t};e.default="function"==typeof u.default&&"symbol"===s(i.default)?function(t){return void 0===t?"undefined":s(t)}:function(t){return t&&"function"==typeof u.default&&t.constructor===u.default&&t!==u.default.prototype?"symbol":void 0===t?"undefined":s(t)}},pWGb:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{log1p:n("Rz2z")})},"pd+2":function(t,e,n){n("bUqO")&&"g"!=/./g.flags&&n("lDLk").f(RegExp.prototype,"flags",{configurable:!0,get:n("0pGU")})},plSV:function(t,e,n){var r=n("boo2");t.exports=function(t,e){return new(r(t))(e)}},q9cE:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("V07c"),n("YhKd"),n("fLuG")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function a(t){if("number"==typeof t)return t;if((0,c.default)(t))return f;if((0,s.default)(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=(0,s.default)(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=(0,u.default)(t);var n=p.test(t);return n||d.test(t)?h(t.slice(2),n?2:8):l.test(t)?f:+t}Object.defineProperty(e,"__esModule",{value:!0});var u=i(n),s=i(r),c=i(o),f=NaN,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,d=/^0o[0-7]+$/i,h=parseInt;e.default=a,t.exports=e.default})},qARP:function(t,e,n){"use strict";function r(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=o(e),this.reject=o(n)}var o=n("lOnJ");t.exports.f=function(t){return new r(t)}},"qZb+":function(t,e,n){n("0j1G")("Set")},qdHU:function(t,e,n){n("iKpr")("WeakSet")},qio6:function(t,e,n){var r=n("evD5"),o=n("77Pl"),i=n("lktj");t.exports=n("+E39")?Object.defineProperties:function(t,e){o(t);for(var n,a=i(e),u=a.length,s=0;u>s;)r.f(t,n=a[s++],e[n]);return t}},qkyc:function(t,e,n){var r=n("kkCw")("iterator"),o=!1;try{var i=[7][r]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},t(i)}catch(t){}return n}},qtRy:function(t,e,n){n("77Ug")("Int16",2,function(t){return function(e,n,r){return t(this,e,n,r)}})},qwQ3:function(t,e,n){n("Vg1y")("search",1,function(t,e,n){return[function(n){"use strict";var r=t(this),o=void 0==n?void 0:n[e];return void 0!==o?o.call(n,r):new RegExp(n)[e](String(r))},n]})},"r2E/":function(t,e,n){var r=n("Ds5P"),o=n("nqOf")(/[\\^$*+?.()|[\]{}]/g,"\\$&");r(r.S,"RegExp",{escape:function(t){return o(t)}})},rFzY:function(t,e,n){var r=n("XSOZ");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,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},rjj0:function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=f[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(i(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],o=0;o<n.parts.length;o++)a.push(i(n.parts[o]));f[n.id]={id:n.id,refs:1,parts:a}}}}function o(){var t=document.createElement("style");return t.type="text/css",l.appendChild(t),t}function i(t){var e,n,r=document.querySelector("style["+y+'~="'+t.id+'"]');if(r){if(h)return v;r.parentNode.removeChild(r)}if(m){var i=d++;r=p||(p=o()),e=a.bind(null,r,i,!1),n=a.bind(null,r,i,!0)}else r=o(),e=u.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function a(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=b(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function u(t,e){var n=e.css,r=e.media,o=e.sourceMap;if(r&&t.setAttribute("media",r),g.ssrId&&t.setAttribute(y,e.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var s="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!s)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=n("tTVk"),f={},l=s&&(document.head||document.getElementsByTagName("head")[0]),p=null,d=0,h=!1,v=function(){},g=null,y="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n,o){h=n,g=o||{};var i=c(t,e);return r(i),function(e){for(var n=[],o=0;o<i.length;o++){var a=i[o],u=f[a.id];u.refs--,n.push(u)}e?(i=c(t,e),r(i)):i=[];for(var o=0;o<n.length;o++){var u=n[o];if(0===u.refs){for(var s=0;s<u.parts.length;s++)u.parts[s]();delete f[u.id]}}}};var b=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},s4j0:function(t,e,n){var r=n("UKM+");t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},sB3e:function(t,e,n){var r=n("52gC");t.exports=function(t){return Object(r(t))}},sc7i:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("/whu"),i=n("BbyF"),a=n("u0PK"),u=n("0pGU"),s=RegExp.prototype,c=function(t,e){this._r=t,this._s=e};n("IRJ3")(c,"RegExp String",function(){var t=this._r.exec(this._s);return{value:t,done:null===t}}),r(r.P,"String",{matchAll:function(t){if(o(this),!a(t))throw TypeError(t+" is not a regexp!");var e=String(this),n="flags"in s?String(t.flags):u.call(t),r=new RegExp(t.source,~n.indexOf("g")?n:"g"+n);return r.lastIndex=i(t.lastIndex),new c(r,e)}})},"smQ+":function(t,e,n){"use strict";var r=n("Ds5P"),o=n("2VSL"),i=n("41xE");r(r.P+r.F*/Version\/10\.\d+(\.\d+)? Safari\//.test(i),"String",{padStart:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!0)}})},t8x9:function(t,e,n){var r=n("77Pl"),o=n("lOnJ"),i=n("dSzd")("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||void 0==(n=r(a)[i])?e:o(n)}},tJwI:function(t,e,n){var r=n("FryR"),o=n("Qh14");n("3i66")("keys",function(){return function(t){return o(r(t))}})},tTVk:function(t,e){t.exports=function(t,e){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],a=i[0],u=i[1],s=i[2],c=i[3],f={id:t+":"+o,css:u,media:s,sourceMap:c};r[a]?r[a].parts.push(f):n.push(r[a]={id:a,parts:[f]})}return n}},taNN:function(t,e,n){var r=n("Ds5P"),o=180/Math.PI;r(r.S,"Math",{degrees:function(t){return t*o}})},tqSY:function(t,e,n){var r=n("Ds5P");r(r.P,"String",{repeat:n("xAdt")})},twxM:function(t,e,n){var r=n("lDLk"),o=n("DIVP"),i=n("Qh14");t.exports=n("bUqO")?Object.defineProperties:function(t,e){o(t);for(var n,a=i(e),u=a.length,s=0;u>s;)r.f(t,n=a[s++],e[n]);return t}},u0PK:function(t,e,n){var r=n("UKM+"),o=n("ydD5"),i=n("kkCw")("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},uDYd:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("XSOZ"),i=n("FryR"),a=n("zgIt"),u=[].sort,s=[1,2,3];r(r.P+r.F*(a(function(){s.sort(void 0)})||!a(function(){s.sort(null)})||!n("NNrz")(u)),"Array",{sort:function(t){return void 0===t?u.call(i(this)):u.call(i(this),o(t))}})},uEEG:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{scale:n("WY8G")})},uc2A:function(t,e,n){"use strict";var r=n("V3l/"),o=n("Ds5P"),i=n("R3AP"),a=n("2p1q"),u=n("bN1p"),s=n("IRJ3"),c=n("yYvK"),f=n("KOrd"),l=n("kkCw")("iterator"),p=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,e,n,h,v,g,y){s(n,e,h);var m,b,_,w=function(t){if(!p&&t in S)return S[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},x=e+" Iterator",O="values"==v,E=!1,S=t.prototype,P=S[l]||S["@@iterator"]||v&&S[v],M=P||w(v),A=v?O?w("entries"):M:void 0,k="Array"==e?S.entries||P:P;if(k&&(_=f(k.call(new t)))!==Object.prototype&&_.next&&(c(_,x,!0),r||"function"==typeof _[l]||a(_,l,d)),O&&P&&"values"!==P.name&&(E=!0,M=function(){return P.call(this)}),r&&!y||!p&&!E&&S[l]||a(S,l,M),u[e]=M,u[x]=d,v)if(m={values:O?M:w("values"),keys:g?M:w("keys"),entries:A},y)for(b in m)b in S||i(S,b,m[b]);else o(o.P+o.F*(p||E),e,m);return m}},ulTY:function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},uqUo:function(t,e,n){var r=n("kM2E"),o=n("FeBl"),i=n("S82l");t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],a={};a[t]=e(n),r(r.S+r.F*i(function(){n(1)}),"Object",a)}},v2lb:function(t,e,n){var r=n("Ds5P"),o=n("Rz2z"),i=Math.sqrt,a=Math.acosh;r(r.S+r.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(t){return(t=+t)<1?NaN:t>94906265.62425156?Math.log(t)+Math.LN2:o(t-1+i(t-1)*i(t+1))}})},v3hU:function(t,e,n){var r=n("dSUw"),o=n("QG7u"),i=n("wCso"),a=n("DIVP"),u=n("KOrd"),s=i.keys,c=i.key,f=function(t,e){var n=s(t,e),i=u(t);if(null===i)return n;var a=f(i,e);return a.length?n.length?o(new r(n.concat(a))):a:n};i.exp({getMetadataKeys:function(t){return f(a(t),arguments.length<2?void 0:c(arguments[1]))}})},v8VU:function(t,e,n){var r=n("OzIq"),o=n("Ds5P"),i=n("41xE"),a=[].slice,u=/MSIE .\./.test(i),s=function(t){return function(e,n){var r=arguments.length>2,o=!!r&&a.call(arguments,2);return t(r?function(){("function"==typeof e?e:Function(e)).apply(this,o)}:e,n)}};o(o.G+o.B+o.F*u,{setTimeout:s(r.setTimeout),setInterval:s(r.setInterval)})},v90c:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("IFpc"),i=n("FryR"),a=n("BbyF"),u=n("oeih"),s=n("plSV");r(r.P,"Array",{flatten:function(){var t=arguments[0],e=i(this),n=a(e.length),r=s(e,0);return o(r,e,e,n,0,void 0===t?1:u(t)),r}}),n("RhFG")("flatten")},"vFc/":function(t,e,n){var r=n("TcQ7"),o=n("QRG4"),i=n("fkB2");t.exports=function(t){return function(e,n,a){var u,s=r(e),c=o(s.length),f=i(a,c);if(t&&n!=n){for(;c>f;)if((u=s[f++])!=u)return!0}else for(;c>f;f++)if((t||f in s)&&s[f]===n)return t||f||0;return!t&&-1}}},"vIB/":function(t,e,n){"use strict";var r=n("O4g8"),o=n("kM2E"),i=n("880/"),a=n("hJx8"),u=n("/bQp"),s=n("94VQ"),c=n("e6n0"),f=n("PzxK"),l=n("dSzd")("iterator"),p=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,e,n,h,v,g,y){s(n,e,h);var m,b,_,w=function(t){if(!p&&t in S)return S[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},x=e+" Iterator",O="values"==v,E=!1,S=t.prototype,P=S[l]||S["@@iterator"]||v&&S[v],M=P||w(v),A=v?O?w("entries"):M:void 0,k="Array"==e?S.entries||P:P;if(k&&(_=f(k.call(new t)))!==Object.prototype&&_.next&&(c(_,x,!0),r||"function"==typeof _[l]||a(_,l,d)),O&&P&&"values"!==P.name&&(E=!0,M=function(){return P.call(this)}),r&&!y||!p&&!E&&S[l]||a(S,l,M),u[e]=M,u[x]=d,v)if(m={values:O?M:w("values"),keys:g?M:w("keys"),entries:A},y)for(b in m)b in S||i(S,b,m[b]);else o(o.P+o.F*(p||E),e,m);return m}},vmSO:function(t,e,n){var r=n("rFzY"),o=n("XvUs"),i=n("9vb1"),a=n("DIVP"),u=n("BbyF"),s=n("SHe9"),c={},f={},e=t.exports=function(t,e,n,l,p){var d,h,v,g,y=p?function(){return t}:s(t),m=r(n,l,e?2:1),b=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(i(y)){for(d=u(t.length);d>b;b++)if((g=e?m(a(h=t[b])[0],h[1]):m(t[b]))===c||g===f)return g}else for(v=y.call(t);!(h=v.next()).done;)if((g=o(v,m,h.value,e))===c||g===f)return g};e.BREAK=c,e.RETURN=f},vmSu:function(t,e,n){var r=n("Ds5P"),o=n("7ylX"),i=n("XSOZ"),a=n("DIVP"),u=n("UKM+"),s=n("zgIt"),c=n("ZtwE"),f=(n("OzIq").Reflect||{}).construct,l=s(function(){function t(){}return!(f(function(){},[],t)instanceof t)}),p=!s(function(){f(function(){})});r(r.S+r.F*(l||p),"Reflect",{construct:function(t,e){i(t),a(e);var n=arguments.length<3?t:i(arguments[2]);if(p&&!l)return f(t,e,n);if(t==n){switch(e.length){case 0:return new t;case 1:return new t(e[0]);case 2:return new t(e[0],e[1]);case 3:return new t(e[0],e[1],e[2]);case 4:return new t(e[0],e[1],e[2],e[3])}var r=[null];return r.push.apply(r,e),new(c.apply(t,r))}var s=n.prototype,d=o(u(s)?s:Object.prototype),h=Function.apply.call(t,d,e);return u(h)?h:d}})},vnWP:function(t,e,n){var r=n("Ds5P"),o=n("WY8G"),i=n("g/m8");r(r.S,"Math",{fscale:function(t,e,n,r,a){return i(o(t,e,n,r,a))}})},vsh6:function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=r.keys,a=r.key;r.exp({getOwnMetadataKeys:function(t){return i(o(t),arguments.length<2?void 0:a(arguments[1]))}})},"vu/c":function(t,e,n){n("3g/S")("observable")},w6Dh:function(t,e,n){"use strict";function r(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=o(e),this.reject=o(n)}var o=n("XSOZ");t.exports.f=function(t){return new r(t)}},w6W7:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("LhTa")(1);r(r.P+r.F*!n("NNrz")([].map,!0),"Array",{map:function(t){return o(this,t,arguments[1])}})},wC1N:function(t,e,n){var r=n("ydD5"),o=n("kkCw")("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),o))?n:i?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},wCso:function(t,e,n){var r=n("MsuQ"),o=n("Ds5P"),i=n("VWgF")("metadata"),a=i.store||(i.store=new(n("ZDXm"))),u=function(t,e,n){var o=a.get(t);if(!o){if(!n)return;a.set(t,o=new r)}var i=o.get(e);if(!i){if(!n)return;o.set(e,i=new r)}return i},s=function(t,e,n){var r=u(e,n,!1);return void 0!==r&&r.has(t)},c=function(t,e,n){var r=u(e,n,!1);return void 0===r?void 0:r.get(t)},f=function(t,e,n,r){u(n,r,!0).set(t,e)},l=function(t,e){var n=u(t,e,!1),r=[];return n&&n.forEach(function(t,e){r.push(e)}),r},p=function(t){return void 0===t||"symbol"==typeof t?t:String(t)},d=function(t){o(o.S,"Reflect",t)};t.exports={store:a,map:u,has:s,get:c,set:f,keys:l,key:p,exp:d}},wVdn:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("LhTa")(3);r(r.P+r.F*!n("NNrz")([].some,!0),"Array",{some:function(t){return o(this,t,arguments[1])}})},wnRD:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("FkIZ");r(r.P+r.F*!n("NNrz")([].reduce,!0),"Array",{reduce:function(t){return o(this,t,arguments.length,arguments[1],!1)}})},wqbf:function(t,e,n){var r,o,i;!function(a,u){o=[t,e,n("EZG+"),n("LF1K"),n("X0mE")],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function a(t){return null==t?void 0===t?l:f:p&&p in Object(t)?(0,s.default)(t):(0,c.default)(t)}Object.defineProperty(e,"__esModule",{value:!0});var u=i(n),s=i(r),c=i(o),f="[object Null]",l="[object Undefined]",p=u.default?u.default.toStringTag:void 0;e.default=a,t.exports=e.default})},wrs0:function(t,e,n){var r=n("Ds5P"),o=Math.abs;r(r.S,"Math",{hypot:function(t,e){for(var n,r,i=0,a=0,u=arguments.length,s=0;a<u;)n=o(arguments[a++]),s<n?(r=s/n,i=i*r*r+1,s=n):n>0?(r=n/s,i+=r*r):i+=n;return s===1/0?1/0:s*Math.sqrt(i)}})},x78i:function(t,e){var n=Math.expm1;t.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||-2e-17!=n(-2e-17)?function(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:n},x9zv:function(t,e,n){var r=n("Y1aA"),o=n("fU25"),i=n("PHqh"),a=n("s4j0"),u=n("WBcL"),s=n("xZa+"),c=Object.getOwnPropertyDescriptor;e.f=n("bUqO")?c:function(t,e){if(t=i(t),e=a(e,!0),s)try{return c(t,e)}catch(t){}if(u(t,e))return o(!r.f.call(t,e),t[e])}},xAdt:function(t,e,n){"use strict";var r=n("oeih"),o=n("/whu");t.exports=function(t){var e=String(o(this)),n="",i=r(t);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(e+=e))1&i&&(n+=e);return n}},xCpI:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("FryR"),i=n("s4j0"),a=n("KOrd"),u=n("x9zv").f;n("bUqO")&&r(r.P+n("dm6P"),"Object",{__lookupGetter__:function(t){var e,n=o(this),r=i(t,!0);do{if(e=u(n,r))return e.get}while(n=a(n))}})},xGkn:function(t,e,n){"use strict";var r=n("4mcu"),o=n("EGZi"),i=n("/bQp"),a=n("TcQ7");t.exports=n("vIB/")(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):"keys"==e?o(0,n):"values"==e?o(0,t[n]):o(0,[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},"xH/j":function(t,e,n){var r=n("hJx8");t.exports=function(t,e,n){for(var o in e)n&&t[o]?t[o]=e[o]:r(t,o,e[o]);return t}},xMpm:function(t,e,n){"use strict";var r=n("Ds5P"),o=n("bSML");r(r.S+r.F*n("zgIt")(function(){function t(){}return!(Array.of.call(t)instanceof t)}),"Array",{of:function(){for(var t=0,e=arguments.length,n=new("function"==typeof this?this:Array)(e);e>t;)o(n,t,arguments[t++]);return n.length=e,n}})},xONB:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{clz32:function(t){return(t>>>=0)?31-Math.floor(Math.log(t+.5)*Math.LOG2E):32}})},"xZa+":function(t,e,n){t.exports=!n("bUqO")&&!n("zgIt")(function(){return 7!=Object.defineProperty(n("jhxf")("div"),"a",{get:function(){return 7}}).a})},xn9I:function(t,e,n){"use strict";n("Ymdd")("trimLeft",function(t){return function(){return t(this,1)}},"trimStart")},xnc9:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},y325:function(t,e,n){var r=n("Ds5P"),o=n("zgIt"),i=n("/whu"),a=/"/g,u=function(t,e,n,r){var o=String(i(t)),u="<"+e;return""!==n&&(u+=" "+n+'="'+String(r).replace(a,"&quot;")+'"'),u+">"+o+"</"+e+">"};t.exports=function(t,e){var n={};n[t]=e(u),r(r.P+r.F*o(function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}),"String",n)}},y9m4:function(t,e,n){"use strict";var r,o,i,a,u=n("V3l/"),s=n("OzIq"),c=n("rFzY"),f=n("wC1N"),l=n("Ds5P"),p=n("UKM+"),d=n("XSOZ"),h=n("9GpA"),v=n("vmSO"),g=n("7O1s"),y=n("Sejc").set,m=n("g36u")(),b=n("w6Dh"),_=n("SDXa"),w=n("41xE"),x=n("nphH"),O=s.TypeError,E=s.process,S=E&&E.versions,P=S&&S.v8||"",M=s.Promise,A="process"==f(E),k=function(){},D=o=b.f,C=!!function(){try{var t=M.resolve(1),e=(t.constructor={})[n("kkCw")("species")]=function(t){t(k,k)};return(A||"function"==typeof PromiseRejectionEvent)&&t.then(k)instanceof e&&0!==P.indexOf("6.6")&&-1===w.indexOf("Chrome/66")}catch(t){}}(),N=function(t){var e;return!(!p(t)||"function"!=typeof(e=t.then))&&e},I=function(t,e){if(!t._n){t._n=!0;var n=t._c;m(function(){for(var r=t._v,o=1==t._s,i=0;n.length>i;)!function(e){var n,i,a,u=o?e.ok:e.fail,s=e.resolve,c=e.reject,f=e.domain;try{u?(o||(2==t._h&&j(t),t._h=1),!0===u?n=r:(f&&f.enter(),n=u(r),f&&(f.exit(),a=!0)),n===e.promise?c(O("Promise-chain cycle")):(i=N(n))?i.call(n,s,c):s(n)):c(r)}catch(t){f&&!a&&f.exit(),c(t)}}(n[i++]);t._c=[],t._n=!1,e&&!t._h&&R(t)})}},R=function(t){y.call(s,function(){var e,n,r,o=t._v,i=T(t);if(i&&(e=_(function(){A?E.emit("unhandledRejection",o,t):(n=s.onunhandledrejection)?n({promise:t,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)}),t._h=A||T(t)?2:1),t._a=void 0,i&&e.e)throw e.v})},T=function(t){return 1!==t._h&&0===(t._a||t._c).length},j=function(t){y.call(s,function(){var e;A?E.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})})},L=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()),I(e,!0))},F=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw O("Promise can't be resolved itself");(e=N(t))?m(function(){var r={_w:n,_d:!1};try{e.call(t,c(F,r,1),c(L,r,1))}catch(t){L.call(r,t)}}):(n._v=t,n._s=1,I(n,!1))}catch(t){L.call({_w:n,_d:!1},t)}}};C||(M=function(t){h(this,M,"Promise","_h"),d(t),r.call(this);try{t(c(F,this,1),c(L,this,1))}catch(t){L.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("A16L")(M.prototype,{then:function(t,e){var n=D(g(this,M));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=A?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&I(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),i=function(){var t=new r;this.promise=t,this.resolve=c(F,t,1),this.reject=c(L,t,1)},b.f=D=function(t){return t===M||t===a?new i(t):o(t)}),l(l.G+l.W+l.F*!C,{Promise:M}),n("yYvK")(M,"Promise"),n("CEne")("Promise"),a=n("7gX0").Promise,l(l.S+l.F*!C,"Promise",{reject:function(t){var e=D(this);return(0,e.reject)(t),e.promise}}),l(l.S+l.F*(u||!C),"Promise",{resolve:function(t){return x(u&&this===a?M:this,t)}}),l(l.S+l.F*!(C&&n("qkyc")(function(t){M.all(t).catch(k)})),"Promise",{all:function(t){var e=this,n=D(e),r=n.resolve,o=n.reject,i=_(function(){var n=[],i=0,a=1;v(t,!1,function(t){var u=i++,s=!1;n.push(void 0),a++,e.resolve(t).then(function(t){s||(s=!0,n[u]=t,--a||r(n))},o)}),--a||r(n)});return i.e&&o(i.v),n.promise},race:function(t){var e=this,n=D(e),r=n.reject,o=_(function(){v(t,!1,function(t){e.resolve(t).then(n.resolve,r)})});return o.e&&r(o.v),n.promise}})},yJ2x:function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=r.key,a=r.set;r.exp({defineMetadata:function(t,e,n,r){a(t,e,o(n),i(r))}})},yOtE:function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=r.has,a=r.key;r.exp({hasOwnMetadata:function(t,e){return i(t,o(e),arguments.length<3?void 0:a(arguments[2]))}})},yYvK:function(t,e,n){var r=n("lDLk").f,o=n("WBcL"),i=n("kkCw")("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},ydD5:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},yuXV:function(t,e,n){var r=n("Ds5P"),o=n("OzIq").isFinite;r(r.S,"Number",{isFinite:function(t){return"number"==typeof t&&o(t)}})},yx1U:function(t,e,n){var r=n("Ds5P"),o=n("x9zv").f,i=n("DIVP");r(r.S,"Reflect",{deleteProperty:function(t,e){var n=o(i(t),e);return!(n&&!n.configurable)&&delete t[e]}})},zCYm:function(t,e,n){"use strict";var r=n("FryR"),o=n("zo/l"),i=n("BbyF");t.exports=function(t){for(var e=r(this),n=i(e.length),a=arguments.length,u=o(a>1?arguments[1]:void 0,n),s=a>2?arguments[2]:void 0,c=void 0===s?n:o(s,n);c>u;)e[u++]=t;return e}},zQR9:function(t,e,n){"use strict";var r=n("h65t")(!0);n("vIB/")(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},zZHq:function(t,e,n){var r=n("wCso"),o=n("DIVP"),i=r.get,a=r.key;r.exp({getOwnMetadata:function(t,e){return i(t,o(e),arguments.length<3?void 0:a(arguments[2]))}})},zgIt:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},zkX4:function(t,e,n){(function(e){!function(e){"use strict";function n(t,e,n,r){var i=e&&e.prototype instanceof o?e:o,a=Object.create(i.prototype),u=new d(r||[]);return a._invoke=c(t,n,u),a}function r(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}function o(){}function i(){}function a(){}function u(t){["next","throw","return"].forEach(function(e){t[e]=function(t){return this._invoke(e,t)}})}function s(t){function n(e,o,i,a){var u=r(t[e],t,o);if("throw"!==u.type){var s=u.arg,c=s.value;return c&&"object"==typeof c&&m.call(c,"__await")?Promise.resolve(c.__await).then(function(t){n("next",t,i,a)},function(t){n("throw",t,i,a)}):Promise.resolve(c).then(function(t){s.value=t,i(s)},a)}a(u.arg)}function o(t,e){function r(){return new Promise(function(r,o){n(t,e,r,o)})}return i=i?i.then(r,r):r()}"object"==typeof e.process&&e.process.domain&&(n=e.process.domain.bind(n));var i;this._invoke=o}function c(t,e,n){var o=S;return function(i,a){if(o===M)throw new Error("Generator is already running");if(o===A){if("throw"===i)throw a;return v()}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var s=f(u,n);if(s){if(s===k)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===S)throw o=A,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=M;var c=r(t,e,n);if("normal"===c.type){if(o=n.done?A:P,c.arg===k)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(o=A,n.method="throw",n.arg=c.arg)}}}function f(t,e){var n=t.iterator[e.method];if(n===g){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=g,f(t,e),"throw"===e.method))return k;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return k}var o=r(n,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,k;var i=o.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=g),e.delegate=null,k):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,k)}function l(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function p(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function d(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(l,this),this.reset(!0)}function h(t){if(t){var e=t[_];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,r=function e(){for(;++n<t.length;)if(m.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=g,e.done=!0,e};return r.next=r}}return{next:v}}function v(){return{value:g,done:!0}}var g,y=Object.prototype,m=y.hasOwnProperty,b="function"==typeof Symbol?Symbol:{},_=b.iterator||"@@iterator",w=b.asyncIterator||"@@asyncIterator",x=b.toStringTag||"@@toStringTag",O="object"==typeof t,E=e.regeneratorRuntime;if(E)return void(O&&(t.exports=E));E=e.regeneratorRuntime=O?t.exports:{},E.wrap=n;var S="suspendedStart",P="suspendedYield",M="executing",A="completed",k={},D={};D[_]=function(){return this};var C=Object.getPrototypeOf,N=C&&C(C(h([])));N&&N!==y&&m.call(N,_)&&(D=N);var I=a.prototype=o.prototype=Object.create(D);i.prototype=I.constructor=a,a.constructor=i,a[x]=i.displayName="GeneratorFunction",E.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===i||"GeneratorFunction"===(e.displayName||e.name))},E.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,a):(t.__proto__=a,x in t||(t[x]="GeneratorFunction")),t.prototype=Object.create(I),t},E.awrap=function(t){return{__await:t}},u(s.prototype),s.prototype[w]=function(){return this},E.AsyncIterator=s,E.async=function(t,e,r,o){var i=new s(n(t,e,r,o));return E.isGeneratorFunction(e)?i:i.next().then(function(t){return t.done?t.value:i.next()})},u(I),I[x]="Generator",I[_]=function(){return this},I.toString=function(){return"[object Generator]"},E.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},E.values=h,d.prototype={constructor:d,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=g,this.done=!1,this.delegate=null,this.method="next",this.arg=g,this.tryEntries.forEach(p),!t)for(var e in this)"t"===e.charAt(0)&&m.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=g)},stop:function(){this.done=!0;var t=this.tryEntries[0],e=t.completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){function e(e,r){return i.type="throw",i.arg=t,n.next=e,r&&(n.method="next",n.arg=g),!!r}if(this.done)throw t;for(var n=this,r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var a=m.call(o,"catchLoc"),u=m.call(o,"finallyLoc");if(a&&u){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&m.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=t,i.arg=e,o?(this.method="next",this.next=o.finallyLoc,k):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),k},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),p(n),k}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;p(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:h(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=g),k}}}("object"==typeof e?e:"object"==typeof window?window:"object"==typeof self?self:this)}).call(e,n("DuR2"))},zmx7:function(t,e,n){var r=n("Ds5P"),o=n("YUr7"),i=n("PHqh"),a=n("x9zv"),u=n("bSML");r(r.S,"Object",{getOwnPropertyDescriptors:function(t){for(var e,n,r=i(t),s=a.f,c=o(r),f={},l=0;c.length>l;)void 0!==(n=s(r,e=c[l++]))&&u(f,e,n);return f}})},"zo/l":function(t,e,n){var r=n("oeih"),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},"zq/X":function(t,e,n){var r=n("UKM+");t.exports=function(t,e){if(!r(t)||t._t!==e)throw TypeError("Incompatible receiver, "+e+" required!");return t}}});
\ No newline at end of file
diff --git a/docs/js/vendor.74ba6ad505ab341877be.js b/docs/js/vendor.74ba6ad505ab341877be.js
deleted file mode 100644
index 7657fae89..000000000
--- a/docs/js/vendor.74ba6ad505ab341877be.js
+++ /dev/null
@@ -1,6 +0,0 @@
-webpackJsonp([92],{"+2+s":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("49qz")(!0);r(r.P,"String",{at:function(t){return i(this,t)}})},"+CM9":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("ot5s")(!1),o=[].indexOf,a=!!o&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(a||!n("NNrz")(o)),"Array",{indexOf:function(t){return a?o.apply(this,arguments)||0:i(this,t,arguments[1])}})},"+E39":function(t,e,n){t.exports=!n("S82l")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},"+Mt+":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("7gX0"),o=n("OzIq"),a=n("7O1s"),u=n("nphH");r(r.P+r.R,"Promise",{finally:function(t){var e=a(this,i.Promise||o.Promise),n="function"==typeof t;return this.then(n?function(n){return u(e,t()).then(function(){return n})}:t,n?function(n){return u(e,t()).then(function(){throw n})}:t)}})},"+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"),a=n("dSzd")("toStringTag"),u="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(","),s=0;s<u.length;s++){var c=u[s],f=r[c],l=f&&f.prototype;l&&!l[a]&&i(l,a,c),o[c]=o.Array}},"+vXH":function(t,e,n){n("77Ug")("Float64",8,function(t){return function(e,n,r){return t(this,e,n,r)}})},"+yjc":function(t,e,n){var r=n("UKM+");n("3i66")("isSealed",function(t){return function(e){return!r(e)||!!t&&t(e)}})},"//Fk":function(t,e,n){t.exports={default:n("U5ju"),__esModule:!0}},"/5sW":function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t,n){function r(t){return void 0===t||null===t}function i(t){return void 0!==t&&null!==t}function o(t){return!0===t}function a(t){return!1===t}function u(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function s(t){return null!==t&&"object"==typeof t}function c(t){return"[object Object]"===mr.call(t)}function f(t){return"[object RegExp]"===mr.call(t)}function l(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function d(t){var e=parseFloat(t);return isNaN(e)?t:e}function h(t,e){for(var n=Object.create(null),r=t.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}function v(t,e){if(t.length){var n=t.indexOf(e);if(n>-1)return t.splice(n,1)}}function g(t,e){return _r.call(t,e)}function y(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function m(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<t.length;n++)t[n]&&w(e,t[n]);return e}function O(t,e,n){}function E(t,e){if(t===e)return!0;var n=s(t),r=s(e);if(!n||!r)return!n&&!r&&String(t)===String(e);try{var i=Array.isArray(t),o=Array.isArray(e);if(i&&o)return t.length===e.length&&t.every(function(t,n){return E(t,e[n])});if(i||o)return!1;var a=Object.keys(t),u=Object.keys(e);return a.length===u.length&&a.every(function(n){return E(t[n],e[n])})}catch(t){return!1}}function S(t,e){for(var n=0;n<t.length;n++)if(E(t[n],e))return n;return-1}function P(t){var e=!1;return function(){e||(e=!0,t.apply(this,arguments))}}function M(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function A(t,e,n,r){Object.defineProperty(t,e,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function k(t){if(!Ir.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}function D(t){return"function"==typeof t&&/native code/.test(t.toString())}function C(t){Jr.target&&ti.push(Jr.target),Jr.target=t}function N(){Jr.target=ti.pop()}function I(t){return new ei(void 0,void 0,void 0,String(t))}function R(t){var e=new ei(t.tag,t.data,t.children,t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.isCloned=!0,e}function T(t){ui=t}function j(t,e,n){t.__proto__=e}function L(t,e,n){for(var r=0,i=n.length;r<i;r++){var o=n[r];A(t,o,e[o])}}function F(t,e){if(s(t)&&!(t instanceof ei)){var n;return g(t,"__ob__")&&t.__ob__ instanceof si?n=t.__ob__:ui&&!Xr()&&(Array.isArray(t)||c(t))&&Object.isExtensible(t)&&!t._isVue&&(n=new si(t)),e&&n&&n.vmCount++,n}}function U(t,e,n,r,i){var o=new Jr,a=Object.getOwnPropertyDescriptor(t,e);if(!a||!1!==a.configurable){var u=a&&a.get;u||2!==arguments.length||(n=t[e]);var s=a&&a.set,c=!i&&F(n);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=u?u.call(t):n;return Jr.target&&(o.depend(),c&&(c.dep.depend(),Array.isArray(e)&&$(e))),e},set:function(e){var r=u?u.call(t):n;e===r||e!==e&&r!==r||(s?s.call(t,e):n=e,c=!i&&F(e),o.notify())}})}}function z(t,e,n){if(Array.isArray(t)&&l(e))return t.length=Math.max(t.length,e),t.splice(e,1,n),n;if(e in t&&!(e in Object.prototype))return t[e]=n,n;var r=t.__ob__;return t._isVue||r&&r.vmCount?n:r?(U(r.value,e,n),r.dep.notify(),n):(t[e]=n,n)}function B(t,e){if(Array.isArray(t)&&l(e))return void t.splice(e,1);var n=t.__ob__;t._isVue||n&&n.vmCount||g(t,e)&&(delete t[e],n&&n.dep.notify())}function $(t){for(var e=void 0,n=0,r=t.length;n<r;n++)e=t[n],e&&e.__ob__&&e.__ob__.dep.depend(),Array.isArray(e)&&$(e)}function q(t,e){if(!e)return t;for(var n,r,i,o=Object.keys(e),a=0;a<o.length;a++)n=o[a],r=t[n],i=e[n],g(t,n)?c(r)&&c(i)&&q(r,i):z(t,n,i);return t}function W(t,e,n){return n?function(){var r="function"==typeof e?e.call(n,n):e,i="function"==typeof t?t.call(n,n):t;return r?q(r,i):i}:e?t?function(){return q("function"==typeof e?e.call(this,this):e,"function"==typeof t?t.call(this,this):t)}:e:t}function K(t,e){return e?t?t.concat(e):Array.isArray(e)?e:[e]:t}function G(t,e,n,r){var i=Object.create(t||null);return e?w(i,e):i}function V(t,e){var n=t.props;if(n){var r,i,o,a={};if(Array.isArray(n))for(r=n.length;r--;)"string"==typeof(i=n[r])&&(o=xr(i),a[o]={type:null});else if(c(n))for(var u in n)i=n[u],o=xr(u),a[o]=c(i)?i:{type:i};t.props=a}}function X(t,e){var n=t.inject;if(n){var r=t.inject={};if(Array.isArray(n))for(var i=0;i<n.length;i++)r[n[i]]={from:n[i]};else if(c(n))for(var o in n){var a=n[o];r[o]=c(a)?w({from:o},a):{from:a}}}}function Y(t){var e=t.directives;if(e)for(var n in e){var r=e[n];"function"==typeof r&&(e[n]={bind:r,update:r})}}function H(t,e,n){function r(r){var i=ci[r]||pi;s[r]=i(t[r],e[r],n,r)}"function"==typeof e&&(e=e.options),V(e,n),X(e,n),Y(e);var i=e.extends;if(i&&(t=H(t,i,n)),e.mixins)for(var o=0,a=e.mixins.length;o<a;o++)t=H(t,e.mixins[o],n);var u,s={};for(u in t)r(u);for(u in e)g(t,u)||r(u);return s}function Q(t,e,n,r){if("string"==typeof n){var i=t[e];if(g(i,n))return i[n];var o=xr(n);if(g(i,o))return i[o];var a=Or(o);if(g(i,a))return i[a];return i[n]||i[o]||i[a]}}function Z(t,e,n,r){var i=e[t],o=!g(n,t),a=n[t],u=nt(Boolean,i.type);if(u>-1)if(o&&!g(i,"default"))a=!1;else if(""===a||a===Sr(t)){var s=nt(String,i.type);(s<0||u<s)&&(a=!0)}if(void 0===a){a=J(r,i,t);var c=ui;T(!0),F(a),T(c)}return a}function J(t,e,n){if(g(e,"default")){var r=e.default;return t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t._props[n]?t._props[n]:"function"==typeof r&&"Function"!==tt(e.type)?r.call(t):r}}function tt(t){var e=t&&t.toString().match(/^\s*function (\w+)/);return e?e[1]:""}function et(t,e){return tt(t)===tt(e)}function nt(t,e){if(!Array.isArray(e))return et(e,t)?0:-1;for(var n=0,r=e.length;n<r;n++)if(et(e[n],t))return n;return-1}function rt(t,e,n){if(e)for(var r=e;r=r.$parent;){var i=r.$options.errorCaptured;if(i)for(var o=0;o<i.length;o++)try{var a=!1===i[o].call(r,t,e,n);if(a)return}catch(t){it(t,r,"errorCaptured hook")}}it(t,e,n)}function it(t,e,n){if(Nr.errorHandler)try{return Nr.errorHandler.call(null,t,e,n)}catch(t){ot(t,null,"config.errorHandler")}ot(t,e,n)}function ot(t,e,n){if(!Tr&&!jr||"undefined"==typeof console)throw t;console.error(t)}function at(){hi=!1;var t=di.slice(0);di.length=0;for(var e=0;e<t.length;e++)t[e]()}function ut(t){return t._withTask||(t._withTask=function(){vi=!0;var e=t.apply(null,arguments);return vi=!1,e})}function st(t,e){var n;if(di.push(function(){if(t)try{t.call(e)}catch(t){rt(t,e,"nextTick")}else n&&n(e)}),hi||(hi=!0,vi?li():fi()),!t&&"undefined"!=typeof Promise)return new Promise(function(t){n=t})}function ct(t){ft(t,_i),_i.clear()}function ft(t,e){var n,r,i=Array.isArray(t);if(!(!i&&!s(t)||Object.isFrozen(t)||t instanceof ei)){if(t.__ob__){var o=t.__ob__.dep.id;if(e.has(o))return;e.add(o)}if(i)for(n=t.length;n--;)ft(t[n],e);else for(r=Object.keys(t),n=r.length;n--;)ft(t[r[n]],e)}}function lt(t){function e(){var t=arguments,n=e.fns;if(!Array.isArray(n))return n.apply(null,arguments);for(var r=n.slice(),i=0;i<r.length;i++)r[i].apply(null,t)}return e.fns=t,e}function pt(t,e,n,i,o){var a,u,s,c;for(a in t)u=t[a],s=e[a],c=wi(a),r(u)||(r(s)?(r(u.fns)&&(u=t[a]=lt(u)),n(c.name,u,c.once,c.capture,c.passive,c.params)):u!==s&&(s.fns=u,t[a]=s));for(a in e)r(t[a])&&(c=wi(a),i(c.name,e[a],c.capture))}function dt(t,e,n){function a(){n.apply(this,arguments),v(u.fns,a)}t instanceof ei&&(t=t.data.hook||(t.data.hook={}));var u,s=t[e];r(s)?u=lt([a]):i(s.fns)&&o(s.merged)?(u=s,u.fns.push(a)):u=lt([s,a]),u.merged=!0,t[e]=u}function ht(t,e,n){var o=e.options.props;if(!r(o)){var a={},u=t.attrs,s=t.props;if(i(u)||i(s))for(var c in o){var f=Sr(c);vt(a,s,c,f,!0)||vt(a,u,c,f,!1)}return a}}function vt(t,e,n,r,o){if(i(e)){if(g(e,n))return t[n]=e[n],o||delete e[n],!0;if(g(e,r))return t[n]=e[r],o||delete e[r],!0}return!1}function gt(t){for(var e=0;e<t.length;e++)if(Array.isArray(t[e]))return Array.prototype.concat.apply([],t);return t}function yt(t){return u(t)?[I(t)]:Array.isArray(t)?bt(t):void 0}function mt(t){return i(t)&&i(t.text)&&a(t.isComment)}function bt(t,e){var n,a,s,c,f=[];for(n=0;n<t.length;n++)a=t[n],r(a)||"boolean"==typeof a||(s=f.length-1,c=f[s],Array.isArray(a)?a.length>0&&(a=bt(a,(e||"")+"_"+n),mt(a[0])&&mt(c)&&(f[s]=I(c.text+a[0].text),a.shift()),f.push.apply(f,a)):u(a)?mt(c)?f[s]=I(c.text+a):""!==a&&f.push(I(a)):mt(a)&&mt(c)?f[s]=I(c.text+a.text):(o(t._isVList)&&i(a.tag)&&r(a.key)&&i(e)&&(a.key="__vlist"+e+"_"+n+"__"),f.push(a)));return f}function _t(t,e){return(t.__esModule||Hr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),s(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 a=t.contexts=[n],u=!0,c=function(){for(var t=0,e=a.length;t<e;t++)a[t].$forceUpdate()},f=P(function(n){t.resolved=_t(n,e),u||c()}),l=P(function(e){i(t.errorComp)&&(t.error=!0,c())}),p=t(f,l);return s(p)&&("function"==typeof p.then?r(t.resolved)&&p.then(f,l):i(p.component)&&"function"==typeof p.component.then&&(p.component.then(f,l),i(p.error)&&(t.errorComp=_t(p.error,e)),i(p.loading)&&(t.loadingComp=_t(p.loading,e),0===p.delay?t.loading=!0:setTimeout(function(){r(t.resolved)&&r(t.error)&&(t.loading=!0,c())},p.delay||200)),i(p.timeout)&&setTimeout(function(){r(t.resolved)&&l(null)},p.timeout))),u=!1,t.loading?t.loadingComp:t.resolved}t.contexts.push(n)}function Ot(t){return t.isComment&&t.asyncFactory}function Et(t){if(Array.isArray(t))for(var e=0;e<t.length;e++){var n=t[e];if(i(n)&&(i(n.componentOptions)||Ot(n)))return n}}function St(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&At(t,e)}function Pt(t,e,n){n?bi.$once(t,e):bi.$on(t,e)}function Mt(t,e){bi.$off(t,e)}function At(t,e,n){bi=t,pt(e,n||{},Pt,Mt,t),bi=void 0}function kt(t,e){var n={};if(!t)return n;for(var r=0,i=t.length;r<i;r++){var o=t[r],a=o.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,o.context!==e&&o.fnContext!==e||!a||null==a.slot)(n.default||(n.default=[])).push(o);else{var u=a.slot,s=n[u]||(n[u]=[]);"template"===o.tag?s.push.apply(s,o.children||[]):s.push(o)}}for(var c in n)n[c].every(Dt)&&delete n[c];return n}function Dt(t){return t.isComment&&!t.asyncFactory||" "===t.text}function Ct(t,e){e=e||{};for(var n=0;n<t.length;n++)Array.isArray(t[n])?Ct(t[n],e):e[t[n].key]=t[n].fn;return e}function Nt(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}function It(t,e,n){t.$el=e,t.$options.render||(t.$options.render=ri),Ft(t,"beforeMount");var r;return r=function(){t._update(t._render(),n)},new Di(t,r,O,null,!0),n=!1,null==t.$vnode&&(t._isMounted=!0,Ft(t,"mounted")),t}function Rt(t,e,n,r,i){var o=!!(i||t.$options._renderChildren||r.data.scopedSlots||t.$scopedSlots!==yr);if(t.$options._parentVnode=r,t.$vnode=r,t._vnode&&(t._vnode.parent=r),t.$options._renderChildren=i,t.$attrs=r.data.attrs||yr,t.$listeners=n||yr,e&&t.$options.props){T(!1);for(var a=t._props,u=t.$options._propKeys||[],s=0;s<u.length;s++){var c=u[s],f=t.$options.props;a[c]=Z(c,f,e,t)}T(!0),t.$options.propsData=e}n=n||yr;var l=t.$options._parentListeners;t.$options._parentListeners=n,At(t,n,l),o&&(t.$slots=kt(i,r.context),t.$forceUpdate())}function Tt(t){for(;t&&(t=t.$parent);)if(t._inactive)return!0;return!1}function jt(t,e){if(e){if(t._directInactive=!1,Tt(t))return}else if(t._directInactive)return;if(t._inactive||null===t._inactive){t._inactive=!1;for(var n=0;n<t.$children.length;n++)jt(t.$children[n]);Ft(t,"activated")}}function Lt(t,e){if(!(e&&(t._directInactive=!0,Tt(t))||t._inactive)){t._inactive=!0;for(var n=0;n<t.$children.length;n++)Lt(t.$children[n]);Ft(t,"deactivated")}}function Ft(t,e){C();var n=t.$options[e];if(n)for(var r=0,i=n.length;r<i;r++)try{n[r].call(t)}catch(n){rt(n,t,e+" hook")}t._hasHookEvent&&t.$emit("hook:"+e),N()}function Ut(){Ai=Oi.length=Ei.length=0,Si={},Pi=Mi=!1}function zt(){Mi=!0;var t,e;for(Oi.sort(function(t,e){return t.id-e.id}),Ai=0;Ai<Oi.length;Ai++)t=Oi[Ai],e=t.id,Si[e]=null,t.run();var n=Ei.slice(),r=Oi.slice();Ut(),qt(n),Bt(r),Yr&&Nr.devtools&&Yr.emit("flush")}function Bt(t){for(var e=t.length;e--;){var n=t[e],r=n.vm;r._watcher===n&&r._isMounted&&Ft(r,"updated")}}function $t(t){t._inactive=!1,Ei.push(t)}function qt(t){for(var e=0;e<t.length;e++)t[e]._inactive=!0,jt(t[e],!0)}function Wt(t){var e=t.id;if(null==Si[e]){if(Si[e]=!0,Mi){for(var n=Oi.length-1;n>Ai&&Oi[n].id>t.id;)n--;Oi.splice(n+1,0,t)}else Oi.push(t);Pi||(Pi=!0,st(zt))}}function Kt(t,e,n){Ci.get=function(){return this[e][n]},Ci.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Ci)}function Gt(t){t._watchers=[];var e=t.$options;e.props&&Vt(t,e.props),e.methods&&Jt(t,e.methods),e.data?Xt(t):F(t._data={},!0),e.computed&&Ht(t,e.computed),e.watch&&e.watch!==qr&&te(t,e.watch)}function Vt(t,e){var n=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[];!t.$parent||T(!1);for(var o in e)!function(o){i.push(o);var a=Z(o,e,n,t);U(r,o,a),o in t||Kt(t,"_props",o)}(o);T(!0)}function Xt(t){var e=t.$options.data;e=t._data="function"==typeof e?Yt(e,t):e||{},c(e)||(e={});for(var n=Object.keys(e),r=t.$options.props,i=(t.$options.methods,n.length);i--;){var o=n[i];r&&g(r,o)||M(o)||Kt(t,"_data",o)}F(e,!0)}function Yt(t,e){C();try{return t.call(e,e)}catch(t){return rt(t,e,"data()"),{}}finally{N()}}function Ht(t,e){var n=t._computedWatchers=Object.create(null),r=Xr();for(var i in e){var o=e[i],a="function"==typeof o?o:o.get;r||(n[i]=new Di(t,a||O,O,Ni)),i in t||Qt(t,i,o)}}function Qt(t,e,n){var r=!Xr();"function"==typeof n?(Ci.get=r?Zt(e):n,Ci.set=O):(Ci.get=n.get?r&&!1!==n.cache?Zt(e):n.get:O,Ci.set=n.set?n.set:O),Object.defineProperty(t,e,Ci)}function Zt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),Jr.target&&e.depend(),e.value}}function Jt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?O:Pr(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<r.length;i++)ee(t,n,r[i]);else ee(t,n,r)}}function ee(t,e,n,r){return c(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,r)}function ne(t){var e=t.$options.provide;e&&(t._provided="function"==typeof e?e.call(t):e)}function re(t){var e=ie(t.$options.inject,t);e&&(T(!1),Object.keys(e).forEach(function(n){U(t,n,e[n])}),T(!0))}function ie(t,e){if(t){for(var n=Object.create(null),r=Hr?Reflect.ownKeys(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}):Object.keys(t),i=0;i<r.length;i++){for(var o=r[i],a=t[o].from,u=e;u;){if(u._provided&&g(u._provided,a)){n[o]=u._provided[a];break}u=u.$parent}if(!u&&"default"in t[o]){var s=t[o].default;n[o]="function"==typeof s?s.call(e):s}}return n}}function oe(t,e){var n,r,o,a,u;if(Array.isArray(t)||"string"==typeof t)for(n=new Array(t.length),r=0,o=t.length;r<o;r++)n[r]=e(t[r],r);else if("number"==typeof t)for(n=new Array(t),r=0;r<t;r++)n[r]=e(r+1,r);else if(s(t))for(a=Object.keys(t),n=new Array(a.length),r=0,o=a.length;r<o;r++)u=a[r],n[r]=e(t[u],u,r);return i(n)&&(n._isVList=!0),n}function ae(t,e,n,r){var i,o=this.$scopedSlots[t];if(o)n=n||{},r&&(n=w(w({},r),n)),i=o(n)||e;else{var a=this.$slots[t];a&&(a._rendered=!0),i=a||e}var u=n&&n.slot;return u?this.$createElement("template",{slot:u},i):i}function ue(t){return Q(this.$options,"filters",t,!0)||Ar}function se(t,e){return Array.isArray(t)?-1===t.indexOf(e):t!==e}function ce(t,e,n,r,i){var o=Nr.keyCodes[e]||n;return i&&r&&!Nr.keyCodes[e]?se(i,r):o?se(o,t):r?Sr(r)!==e:void 0}function fe(t,e,n,r,i){if(n)if(s(n)){Array.isArray(n)&&(n=x(n));var o;for(var a in n)!function(a){if("class"===a||"style"===a||br(a))o=t;else{var u=t.attrs&&t.attrs.type;o=r||Nr.mustUseProp(e,u,a)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={})}if(!(a in o)&&(o[a]=n[a],i)){(t.on||(t.on={}))["update:"+a]=function(t){n[a]=t}}}(a)}else;return t}function le(t,e){var n=this._staticTrees||(this._staticTrees=[]),r=n[t];return r&&!e?r:(r=n[t]=this.$options.staticRenderFns[t].call(this._renderProxy,null,this),de(r,"__static__"+t,!1),r)}function pe(t,e,n){return de(t,"__once__"+e+(n?"_"+n:""),!0),t}function de(t,e,n){if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]&&"string"!=typeof t[r]&&he(t[r],e+"_"+r,n);else he(t,e,n)}function he(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}function ve(t,e){if(e)if(c(e)){var n=t.on=t.on?w({},t.on):{};for(var r in e){var i=n[r],o=e[r];n[r]=i?[].concat(i,o):o}}else;return t}function ge(t){t._o=pe,t._n=d,t._s=p,t._l=oe,t._t=ae,t._q=E,t._i=S,t._m=le,t._f=ue,t._k=ce,t._b=fe,t._v=I,t._e=ri,t._u=Ct,t._g=ve}function ye(t,e,n,r,i){var a,u=i.options;g(r,"_uid")?(a=Object.create(r),a._original=r):(a=r,r=r._original);var s=o(u._compiled),c=!s;this.data=t,this.props=e,this.children=n,this.parent=r,this.listeners=t.on||yr,this.injections=ie(u.inject,r),this.slots=function(){return kt(n,r)},s&&(this.$options=u,this.$slots=this.slots(),this.$scopedSlots=t.scopedSlots||yr),u._scopeId?this._c=function(t,e,n,i){var o=Se(a,t,e,n,i,c);return o&&!Array.isArray(o)&&(o.fnScopeId=u._scopeId,o.fnContext=r),o}:this._c=function(t,e,n,r){return Se(a,t,e,n,r,c)}}function me(t,e,n,r,o){var a=t.options,u={},s=a.props;if(i(s))for(var c in s)u[c]=Z(c,s,e||yr);else i(n.attrs)&&_e(u,n.attrs),i(n.props)&&_e(u,n.props);var f=new ye(n,u,o,r,t),l=a.render.call(null,f._c,f);if(l instanceof ei)return be(l,n,f.parent,a);if(Array.isArray(l)){for(var p=yt(l)||[],d=new Array(p.length),h=0;h<p.length;h++)d[h]=be(p[h],n,f.parent,a);return d}}function be(t,e,n,r){var i=R(t);return i.fnContext=n,i.fnOptions=r,e.slot&&((i.data||(i.data={})).slot=e.slot),i}function _e(t,e){for(var n in e)t[xr(n)]=e[n]}function we(t,e,n,a,u){if(!r(t)){var c=n.$options._base;if(s(t)&&(t=c.extend(t)),"function"==typeof t){var f;if(r(t.cid)&&(f=t,void 0===(t=xt(f,c,n))))return wt(f,e,n,a,u);e=e||{},Ce(t),i(e.model)&&Ee(t.options,e);var l=ht(e,t,u);if(o(t.options.functional))return me(t,l,e,n,a);var p=e.on;if(e.on=e.nativeOn,o(t.options.abstract)){var d=e.slot;e={},d&&(e.slot=d)}Oe(e);var h=t.options.name||u;return new ei("vue-component-"+t.cid+(h?"-"+h:""),e,void 0,void 0,void 0,n,{Ctor:t,propsData:l,listeners:p,tag:u,children:a},f)}}}function xe(t,e,n,r){var o={_isComponent:!0,parent:e,_parentVnode:t,_parentElm:n||null,_refElm:r||null},a=t.data.inlineTemplate;return i(a)&&(o.render=a.render,o.staticRenderFns=a.staticRenderFns),new t.componentOptions.Ctor(o)}function Oe(t){for(var e=t.hook||(t.hook={}),n=0;n<Ri.length;n++){var r=Ri[n];e[r]=Ii[r]}}function Ee(t,e){var n=t.model&&t.model.prop||"value",r=t.model&&t.model.event||"input";(e.props||(e.props={}))[n]=e.model.value;var o=e.on||(e.on={});i(o[r])?o[r]=[e.model.callback].concat(o[r]):o[r]=e.model.callback}function Se(t,e,n,r,i,a){return(Array.isArray(n)||u(n))&&(i=r,r=n,n=void 0),o(a)&&(i=ji),Pe(t,e,n,r,i)}function Pe(t,e,n,r,o){if(i(n)&&i(n.__ob__))return ri();if(i(n)&&i(n.is)&&(e=n.is),!e)return ri();Array.isArray(r)&&"function"==typeof r[0]&&(n=n||{},n.scopedSlots={default:r[0]},r.length=0),o===ji?r=yt(r):o===Ti&&(r=gt(r));var a,u;if("string"==typeof e){var s;u=t.$vnode&&t.$vnode.ns||Nr.getTagNamespace(e),a=Nr.isReservedTag(e)?new ei(Nr.parsePlatformTagName(e),n,r,void 0,void 0,t):i(s=Q(t.$options,"components",e))?we(s,n,t,r,e):new ei(e,n,r,void 0,void 0,t)}else a=we(e,n,t,r);return Array.isArray(a)?a:i(a)?(i(u)&&Me(a,u),i(n)&&Ae(n),a):ri()}function Me(t,e,n){if(t.ns=e,"foreignObject"===t.tag&&(e=void 0,n=!0),i(t.children))for(var a=0,u=t.children.length;a<u;a++){var s=t.children[a];i(s.tag)&&(r(s.ns)||o(n)&&"svg"!==s.tag)&&Me(s,e,n)}}function Ae(t){s(t.style)&&ct(t.style),s(t.class)&&ct(t.class)}function ke(t){t._vnode=null,t._staticTrees=null;var e=t.$options,n=t.$vnode=e._parentVnode,r=n&&n.context;t.$slots=kt(e._renderChildren,r),t.$scopedSlots=yr,t._c=function(e,n,r,i){return Se(t,e,n,r,i,!1)},t.$createElement=function(e,n,r,i){return Se(t,e,n,r,i,!0)};var i=n&&n.data;U(t,"$attrs",i&&i.attrs||yr,null,!0),U(t,"$listeners",e._parentListeners||yr,null,!0)}function De(t,e){var n=t.$options=Object.create(t.constructor.options),r=e._parentVnode;n.parent=e.parent,n._parentVnode=r,n._parentElm=e._parentElm,n._refElm=e._refElm;var i=r.componentOptions;n.propsData=i.propsData,n._parentListeners=i.listeners,n._renderChildren=i.children,n._componentTag=i.tag,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}function Ce(t){var e=t.options;if(t.super){var n=Ce(t.super);if(n!==t.superOptions){t.superOptions=n;var r=Ne(t);r&&w(t.extendOptions,r),e=t.options=H(n,t.extendOptions),e.name&&(e.components[e.name]=t)}}return e}function Ne(t){var e,n=t.options,r=t.extendOptions,i=t.sealedOptions;for(var o in n)n[o]!==i[o]&&(e||(e={}),e[o]=Ie(n[o],r[o],i[o]));return e}function Ie(t,e,n){if(Array.isArray(t)){var r=[];n=Array.isArray(n)?n:[n],e=Array.isArray(e)?e:[e];for(var i=0;i<t.length;i++)(e.indexOf(t[i])>=0||n.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}function Re(t){this._init(t)}function Te(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 je(t){t.mixin=function(t){return this.options=H(this.options,t),this}}function Le(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,a=function(t){this._init(t)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=e++,a.options=H(n.options,t),a.super=n,a.options.props&&Fe(a),a.options.computed&&Ue(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,Dr.forEach(function(t){a[t]=n[t]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=w({},a.options),i[r]=a,a}}function Fe(t){var e=t.options.props;for(var n in e)Kt(t.prototype,"_props",n)}function Ue(t){var e=t.options.computed;for(var n in e)Qt(t.prototype,n,e[n])}function ze(t){Dr.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&c(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 $e(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!f(t)&&t.test(e)}function qe(t,e){var n=t.cache,r=t.keys,i=t._vnode;for(var o in n){var a=n[o];if(a){var u=Be(a.componentOptions);u&&!e(u)&&We(n,o,r,i)}}}function We(t,e,n,r){var i=t[e];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),t[e]=null,v(n,e)}function Ke(t){for(var e=t.data,n=t,r=t;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=Ge(r.data,e));for(;i(n=n.parent);)n&&n.data&&(e=Ge(e,n.data));return Ve(e.staticClass,e.class)}function Ge(t,e){return{staticClass:Xe(t.staticClass,e.staticClass),class:i(t.class)?[t.class,e.class]:e.class}}function Ve(t,e){return i(t)||i(e)?Xe(t,Ye(e)):""}function Xe(t,e){return t?e?t+" "+e:t:e||""}function Ye(t){return Array.isArray(t)?He(t):s(t)?Qe(t):"string"==typeof t?t:""}function He(t){for(var e,n="",r=0,o=t.length;r<o;r++)i(e=Ye(t[r]))&&""!==e&&(n&&(n+=" "),n+=e);return n}function Qe(t){var e="";for(var n in t)t[n]&&(e&&(e+=" "),e+=n);return e}function Ze(t){return to(t)?"svg":"math"===t?"math":void 0}function Je(t){if(!Tr)return!0;if(eo(t))return!1;if(t=t.toLowerCase(),null!=no[t])return no[t];var e=document.createElement(t);return t.indexOf("-")>-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(Zi[t],e)}function rn(t){return document.createTextNode(t)}function on(t){return document.createComment(t)}function an(t,e,n){t.insertBefore(e,n)}function un(t,e){t.removeChild(e)}function sn(t,e){t.appendChild(e)}function cn(t){return t.parentNode}function fn(t){return t.nextSibling}function ln(t){return t.tagName}function pn(t,e){t.textContent=e}function dn(t,e){t.setAttribute(e,"")}function hn(t,e){var n=t.data.ref;if(i(n)){var r=t.context,o=t.componentInstance||t.elm,a=r.$refs;e?Array.isArray(a[n])?v(a[n],o):a[n]===o&&(a[n]=void 0):t.data.refInFor?Array.isArray(a[n])?a[n].indexOf(o)<0&&a[n].push(o):a[n]=[o]:a[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)&&gn(t,e)||o(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function gn(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 yn(t,e,n){var r,o,a={};for(r=e;r<=n;++r)o=t[r].key,i(o)&&(a[o]=r);return a}function mn(t,e){(t.data.directives||e.data.directives)&&bn(t,e)}function bn(t,e){var n,r,i,o=t===ao,a=e===ao,u=_n(t.data.directives,t.context),s=_n(e.data.directives,e.context),c=[],f=[];for(n in s)r=u[n],i=s[n],r?(i.oldValue=r.value,xn(i,"update",e,t),i.def&&i.def.componentUpdated&&f.push(i)):(xn(i,"bind",e,t),i.def&&i.def.inserted&&c.push(i));if(c.length){var l=function(){for(var n=0;n<c.length;n++)xn(c[n],"inserted",e,t)};o?dt(e,"insert",l):l()}if(f.length&&dt(e,"postpatch",function(){for(var n=0;n<f.length;n++)xn(f[n],"componentUpdated",e,t)}),!o)for(n in u)s[n]||xn(u[n],"unbind",t,t,a)}function _n(t,e){var n=Object.create(null);if(!t)return n;var r,i;for(r=0;r<t.length;r++)i=t[r],i.modifiers||(i.modifiers=co),n[wn(i)]=i,i.def=Q(e.$options,"directives",i.name,!0);return n}function wn(t){return t.rawName||t.name+"."+Object.keys(t.modifiers||{}).join(".")}function xn(t,e,n,r,i){var o=t.def&&t.def[e];if(o)try{o(n.elm,t,n,r,i)}catch(r){rt(r,n.context,"directive "+t.name+" "+e+" hook")}}function On(t,e){var n=e.componentOptions;if(!(i(n)&&!1===n.Ctor.options.inheritAttrs||r(t.data.attrs)&&r(e.data.attrs))){var o,a,u=e.elm,s=t.data.attrs||{},c=e.data.attrs||{};i(c.__ob__)&&(c=e.data.attrs=w({},c));for(o in c)a=c[o],s[o]!==a&&En(u,o,a);(Ur||Br)&&c.value!==s.value&&En(u,"value",c.value);for(o in s)r(c[o])&&(Yi(o)?u.removeAttributeNS(Xi,Hi(o)):Gi(o)||u.removeAttribute(o))}}function En(t,e,n){t.tagName.indexOf("-")>-1?Sn(t,e,n):Vi(e)?Qi(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):Gi(e)?t.setAttribute(e,Qi(n)||"false"===n?"false":"true"):Yi(e)?Qi(n)?t.removeAttributeNS(Xi,Hi(e)):t.setAttributeNS(Xi,e,n):Sn(t,e,n)}function Sn(t,e,n){if(Qi(n))t.removeAttribute(e);else{if(Ur&&!zr&&"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 Pn(t,e){var n=e.elm,o=e.data,a=t.data;if(!(r(o.staticClass)&&r(o.class)&&(r(a)||r(a.staticClass)&&r(a.class)))){var u=Ke(e),s=n._transitionClasses;i(s)&&(u=Xe(u,Ye(s))),u!==n._prevClass&&(n.setAttribute("class",u),n._prevClass=u)}}function Mn(t){if(i(t[ho])){var e=Ur?"change":"input";t[e]=[].concat(t[ho],t[e]||[]),delete t[ho]}i(t[vo])&&(t.change=[].concat(t[vo],t.change||[]),delete t[vo])}function An(t,e,n){var r=Bi;return function i(){null!==t.apply(null,arguments)&&Dn(e,i,n,r)}}function kn(t,e,n,r,i){e=ut(e),n&&(e=An(e,t,r)),Bi.addEventListener(t,e,Wr?{capture:r,passive:i}:r)}function Dn(t,e,n,r){(r||Bi).removeEventListener(t,e._withTask||e,n)}function Cn(t,e){if(!r(t.data.on)||!r(e.data.on)){var n=e.data.on||{},i=t.data.on||{};Bi=e.elm,Mn(n),pt(n,i,kn,Dn,e.context),Bi=void 0}}function Nn(t,e){if(!r(t.data.domProps)||!r(e.data.domProps)){var n,o,a=e.elm,u=t.data.domProps||{},s=e.data.domProps||{};i(s.__ob__)&&(s=e.data.domProps=w({},s));for(n in u)r(s[n])&&(a[n]="");for(n in s){if(o=s[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),o===u[n])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===n){a._value=o;var c=r(o)?"":String(o);In(a,c)&&(a.value=c)}else a[n]=o}}}function In(t,e){return!t.composing&&("OPTION"===t.tagName||Rn(t,e)||Tn(t,e))}function Rn(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}function Tn(t,e){var n=t.value,r=t._vModifiers;if(i(r)){if(r.lazy)return!1;if(r.number)return d(n)!==d(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}function jn(t){var e=Ln(t.style);return t.staticStyle?w(t.staticStyle,e):e}function Ln(t){return Array.isArray(t)?x(t):"string"==typeof t?mo(t):t}function Fn(t,e){var n,r={};if(e)for(var i=t;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=jn(i.data))&&w(r,n);(n=jn(t.data))&&w(r,n);for(var o=t;o=o.parent;)o.data&&(n=jn(o.data))&&w(r,n);return r}function Un(t,e){var n=e.data,o=t.data;if(!(r(n.staticStyle)&&r(n.style)&&r(o.staticStyle)&&r(o.style))){var a,u,s=e.elm,c=o.staticStyle,f=o.normalizedStyle||o.style||{},l=c||f,p=Ln(e.data.style)||{};e.data.normalizedStyle=i(p.__ob__)?w({},p):p;var d=Fn(e,!0);for(u in l)r(d[u])&&wo(s,u,"");for(u in d)(a=d[u])!==l[u]&&wo(s,u,null==a?"":a)}}function zn(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 $n(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 qn(t){Io(function(){Io(t)})}function Wn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),zn(t,e))}function Kn(t,e){t._transitionClasses&&v(t._transitionClasses,e),Bn(t,e)}function Gn(t,e,n){var r=Vn(t,e),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var u=i===Mo?Do:No,s=0,c=function(){t.removeEventListener(u,f),n()},f=function(e){e.target===t&&++s>=a&&c()};setTimeout(function(){s<a&&c()},o+1),t.addEventListener(u,f)}function Vn(t,e){var n,r=window.getComputedStyle(t),i=r[ko+"Delay"].split(", "),o=r[ko+"Duration"].split(", "),a=Xn(i,o),u=r[Co+"Delay"].split(", "),s=r[Co+"Duration"].split(", "),c=Xn(u,s),f=0,l=0;return e===Mo?a>0&&(n=Mo,f=a,l=o.length):e===Ao?c>0&&(n=Ao,f=c,l=s.length):(f=Math.max(a,c),n=f>0?a>c?Mo:Ao:null,l=n?n===Mo?o.length:s.length:0),{type:n,timeout:f,propCount:l,hasTransform:n===Mo&&Ro.test(r[ko+"Property"])}}function Xn(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map(function(e,n){return Yn(e)+Yn(t[n])}))}function Yn(t){return 1e3*Number(t.slice(0,-1))}function Hn(t,e){var n=t.elm;i(n._leaveCb)&&(n._leaveCb.cancelled=!0,n._leaveCb());var o=$n(t.data.transition);if(!r(o)&&!i(n._enterCb)&&1===n.nodeType){for(var a=o.css,u=o.type,c=o.enterClass,f=o.enterToClass,l=o.enterActiveClass,p=o.appearClass,h=o.appearToClass,v=o.appearActiveClass,g=o.beforeEnter,y=o.enter,m=o.afterEnter,b=o.enterCancelled,_=o.beforeAppear,w=o.appear,x=o.afterAppear,O=o.appearCancelled,E=o.duration,S=xi,M=xi.$vnode;M&&M.parent;)M=M.parent,S=M.context;var A=!S._isMounted||!t.isRootInsert;if(!A||w||""===w){var k=A&&p?p:c,D=A&&v?v:l,C=A&&h?h:f,N=A?_||g:g,I=A&&"function"==typeof w?w:y,R=A?x||m:m,T=A?O||b:b,j=d(s(E)?E.enter:E),L=!1!==a&&!zr,F=Jn(I),U=n._enterCb=P(function(){L&&(Kn(n,C),Kn(n,D)),U.cancelled?(L&&Kn(n,k),T&&T(n)):R&&R(n),n._enterCb=null});t.data.show||dt(t,"insert",function(){var e=n.parentNode,r=e&&e._pending&&e._pending[t.key];r&&r.tag===t.tag&&r.elm._leaveCb&&r.elm._leaveCb(),I&&I(n,U)}),N&&N(n),L&&(Wn(n,k),Wn(n,D),qn(function(){Kn(n,k),U.cancelled||(Wn(n,C),F||(Zn(j)?setTimeout(U,j):Gn(n,u,U)))})),t.data.show&&(e&&e(),I&&I(n,U)),L||F||U()}}}function Qn(t,e){function n(){O.cancelled||(t.data.show||((o.parentNode._pending||(o.parentNode._pending={}))[t.key]=t),h&&h(o),_&&(Wn(o,f),Wn(o,p),qn(function(){Kn(o,f),O.cancelled||(Wn(o,l),w||(Zn(x)?setTimeout(O,x):Gn(o,c,O)))})),v&&v(o,O),_||w||O())}var o=t.elm;i(o._enterCb)&&(o._enterCb.cancelled=!0,o._enterCb());var a=$n(t.data.transition);if(r(a)||1!==o.nodeType)return e();if(!i(o._leaveCb)){var u=a.css,c=a.type,f=a.leaveClass,l=a.leaveToClass,p=a.leaveActiveClass,h=a.beforeLeave,v=a.leave,g=a.afterLeave,y=a.leaveCancelled,m=a.delayLeave,b=a.duration,_=!1!==u&&!zr,w=Jn(v),x=d(s(b)?b.leave:b),O=o._leaveCb=P(function(){o.parentNode&&o.parentNode._pending&&(o.parentNode._pending[t.key]=null),_&&(Kn(o,l),Kn(o,p)),O.cancelled?(_&&Kn(o,f),y&&y(o)):(e(),g&&g(o)),o._leaveCb=null});m?m(n):n()}}function Zn(t){return"number"==typeof t&&!isNaN(t)}function Jn(t){if(r(t))return!1;var e=t.fns;return i(e)?Jn(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function tr(t,e){!0!==e.data.show&&Hn(e)}function er(t,e,n){nr(t,e,n),(Ur||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,a,u=0,s=t.options.length;u<s;u++)if(a=t.options[u],i)o=S(r,ir(a))>-1,a.selected!==o&&(a.selected=o);else if(E(ir(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));i||(t.selectedIndex=-1)}}function rr(t,e){return e.every(function(e){return!E(e,t)})}function ir(t){return"_value"in t?t._value:t.value}function or(t){t.target.composing=!0}function ar(t){t.target.composing&&(t.target.composing=!1,ur(t.target,"input"))}function ur(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function sr(t){return!t.componentInstance||t.data&&t.data.transition?t:sr(t.componentInstance._vnode)}function cr(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?cr(Et(e.children)):t}function fr(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 lr(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function pr(t){for(;t=t.parent;)if(t.data.transition)return!0}function dr(t,e){return e.key===t.key&&e.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 gr(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.17
- * (c) 2014-2018 Evan You
- * Released under the MIT License.
- */
-var yr=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=y(function(t){return t.replace(wr,function(t,e){return e?e.toUpperCase():""})}),Or=y(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Er=/\B([A-Z])/g,Sr=y(function(t){return t.replace(Er,"-$1").toLowerCase()}),Pr=Function.prototype.bind?b:m,Mr=function(t,e,n){return!1},Ar=function(t){return t},kr="data-server-rendered",Dr=["component","directive","filter"],Cr=["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:Ar,mustUseProp:Mr,_lifecycleHooks:Cr},Ir=/[^\w.$]/,Rr="__proto__"in{},Tr="undefined"!=typeof window,jr="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Lr=jr&&WXEnvironment.platform.toLowerCase(),Fr=Tr&&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(Tr)try{var Kr={};Object.defineProperty(Kr,"passive",{get:function(){Wr=!0}}),window.addEventListener("test-passive",null,Kr)}catch(t){}var Gr,Vr,Xr=function(){return void 0===Gr&&(Gr=!Tr&&!jr&&void 0!==t&&"server"===t.process.env.VUE_ENV),Gr},Yr=Tr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Hr="undefined"!=typeof Symbol&&D(Symbol)&&"undefined"!=typeof Reflect&&D(Reflect.ownKeys);Vr="undefined"!=typeof Set&&D(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(),e=0,n=t.length;e<n;e++)t[e].update()},Jr.target=null;var ti=[],ei=function(t,e,n,r,i,o,a,u){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=i,this.ns=void 0,this.context=o,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=u,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1},ni={child:{configurable:!0}};ni.child.get=function(){return this.componentInstance},Object.defineProperties(ei.prototype,ni);var ri=function(t){void 0===t&&(t="");var e=new ei;return e.text=t,e.isComment=!0,e},ii=Array.prototype,oi=Object.create(ii);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=ii[t];A(oi,t,function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];var i,o=e.apply(this,n),a=this.__ob__;switch(t){case"push":case"unshift":i=n;break;case"splice":i=n.slice(2)}return i&&a.observeArray(i),a.dep.notify(),o})});var ai=Object.getOwnPropertyNames(oi),ui=!0,si=function(t){if(this.value=t,this.dep=new Jr,this.vmCount=0,A(t,"__ob__",this),Array.isArray(t)){(Rr?j:L)(t,oi,ai),this.observeArray(t)}else this.walk(t)};si.prototype.walk=function(t){for(var e=Object.keys(t),n=0;n<e.length;n++)U(t,e[n])},si.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)F(t[e])};var ci=Nr.optionMergeStrategies;ci.data=function(t,e,n){return n?W(t,e,n):e&&"function"!=typeof e?t:W(t,e)},Cr.forEach(function(t){ci[t]=K}),Dr.forEach(function(t){ci[t+"s"]=G}),ci.watch=function(t,e,n,r){if(t===qr&&(t=void 0),e===qr&&(e=void 0),!e)return Object.create(t||null);if(!t)return e;var i={};w(i,t);for(var o in e){var a=i[o],u=e[o];a&&!Array.isArray(a)&&(a=[a]),i[o]=a?a.concat(u):Array.isArray(u)?u:[u]}return i},ci.props=ci.methods=ci.inject=ci.computed=function(t,e,n,r){if(!t)return e;var i=Object.create(null);return w(i,t),e&&w(i,e),i},ci.provide=W;var fi,li,pi=function(t,e){return void 0===e?t:e},di=[],hi=!1,vi=!1;if(void 0!==n&&D(n))li=function(){n(at)};else if("undefined"==typeof MessageChannel||!D(MessageChannel)&&"[object MessageChannelConstructor]"!==MessageChannel.toString())li=function(){setTimeout(at,0)};else{var gi=new MessageChannel,yi=gi.port2;gi.port1.onmessage=at,li=function(){yi.postMessage(1)}}if("undefined"!=typeof Promise&&D(Promise)){var mi=Promise.resolve();fi=function(){mi.then(at),$r&&setTimeout(O)}}else fi=li;var bi,_i=new Vr,wi=y(function(t){var e="&"===t.charAt(0);t=e?t.slice(1):t;var n="~"===t.charAt(0);t=n?t.slice(1):t;var r="!"===t.charAt(0);return t=r?t.slice(1):t,{name:t,once:n,capture:r,passive:e}}),xi=null,Oi=[],Ei=[],Si={},Pi=!1,Mi=!1,Ai=0,ki=0,Di=function(t,e,n,r,i){this.vm=t,i&&(t._watcher=this),t._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++ki,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new Vr,this.newDepIds=new Vr,this.expression="","function"==typeof e?this.getter=e:(this.getter=k(e),this.getter||(this.getter=function(){})),this.value=this.lazy?void 0:this.get()};Di.prototype.get=function(){C(this);var t,e=this.vm;try{t=this.getter.call(e,e)}catch(t){if(!this.user)throw t;rt(t,e,'getter for watcher "'+this.expression+'"')}finally{this.deep&&ct(t),N(),this.cleanupDeps()}return t},Di.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},Di.prototype.cleanupDeps=function(){for(var t=this,e=this.deps.length;e--;){var n=t.deps[e];t.newDepIds.has(n.id)||n.removeSub(t)}var r=this.depIds;this.depIds=this.newDepIds,this.newDepIds=r,this.newDepIds.clear(),r=this.deps,this.deps=this.newDeps,this.newDeps=r,this.newDeps.length=0},Di.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():Wt(this)},Di.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||s(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){rt(t,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,t,e)}}},Di.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Di.prototype.depend=function(){for(var t=this,e=this.deps.length;e--;)t.deps[e].depend()},Di.prototype.teardown=function(){var t=this;if(this.active){this.vm._isBeingDestroyed||v(this.vm._watchers,this);for(var e=this.deps.length;e--;)t.deps[e].removeSub(t);this.active=!1}};var Ci={enumerable:!0,configurable:!0,get:O,set:O},Ni={lazy:!0};ge(ye.prototype);var Ii={init:function(t,e,n,r){if(t.componentInstance&&!t.componentInstance._isDestroyed&&t.data.keepAlive){var i=t;Ii.prepatch(i,i)}else{(t.componentInstance=xe(t,xi,n,r)).$mount(e?t.elm:void 0,e)}},prepatch:function(t,e){var n=e.componentOptions;Rt(e.componentInstance=t.componentInstance,n.propsData,n.listeners,e,n.children)},insert:function(t){var e=t.context,n=t.componentInstance;n._isMounted||(n._isMounted=!0,Ft(n,"mounted")),t.data.keepAlive&&(e._isMounted?$t(n):jt(n,!0))},destroy:function(t){var e=t.componentInstance;e._isDestroyed||(t.data.keepAlive?Lt(e,!0):e.$destroy())}},Ri=Object.keys(Ii),Ti=1,ji=2,Li=0;!function(t){t.prototype._init=function(t){var e=this;e._uid=Li++,e._isVue=!0,t&&t._isComponent?De(e,t):e.$options=H(Ce(e.constructor),t||{},e),e._renderProxy=e,e._self=e,Nt(e),St(e),ke(e),Ft(e,"beforeCreate"),re(e),Gt(e),ne(e),Ft(e,"created"),e.$options.el&&e.$mount(e.$options.el)}}(Re),function(t){var e={};e.get=function(){return this._data};var n={};n.get=function(){return this._props},Object.defineProperty(t.prototype,"$data",e),Object.defineProperty(t.prototype,"$props",n),t.prototype.$set=z,t.prototype.$delete=B,t.prototype.$watch=function(t,e,n){var r=this;if(c(e))return ee(r,t,e,n);n=n||{},n.user=!0;var i=new Di(r,t,e,n);return n.immediate&&e.call(r,i.value),function(){i.teardown()}}}(Re),function(t){var e=/^hook:/;t.prototype.$on=function(t,n){var r=this,i=this;if(Array.isArray(t))for(var o=0,a=t.length;o<a;o++)r.$on(t[o],n);else(i._events[t]||(i._events[t]=[])).push(n),e.test(t)&&(i._hasHookEvent=!0);return i},t.prototype.$once=function(t,e){function n(){r.$off(t,n),e.apply(r,arguments)}var r=this;return n.fn=e,r.$on(t,n),r},t.prototype.$off=function(t,e){var n=this,r=this;if(!arguments.length)return r._events=Object.create(null),r;if(Array.isArray(t)){for(var i=0,o=t.length;i<o;i++)n.$off(t[i],e);return r}var a=r._events[t];if(!a)return r;if(!e)return r._events[t]=null,r;if(e)for(var u,s=a.length;s--;)if((u=a[s])===e||u.fn===e){a.splice(s,1);break}return r},t.prototype.$emit=function(t){var e=this,n=e._events[t];if(n){n=n.length>1?_(n):n;for(var r=_(arguments,1),i=0,o=n.length;i<o;i++)try{n[i].apply(e,r)}catch(n){rt(n,e,'event handler for "'+t+'"')}}return e}}(Re),function(t){t.prototype._update=function(t,e){var n=this;n._isMounted&&Ft(n,"beforeUpdate");var r=n.$el,i=n._vnode,o=xi;xi=n,n._vnode=t,i?n.$el=n.__patch__(i,t):(n.$el=n.__patch__(n.$el,t,e,!1,n.$options._parentElm,n.$options._refElm),n.$options._parentElm=n.$options._refElm=null),xi=o,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},t.prototype.$forceUpdate=function(){var t=this;t._watcher&&t._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){Ft(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||v(e.$children,t),t._watcher&&t._watcher.teardown();for(var n=t._watchers.length;n--;)t._watchers[n].teardown();t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,t.__patch__(t._vnode,null),Ft(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.$vnode&&(t.$vnode.parent=null)}}}(Re),function(t){ge(t.prototype),t.prototype.$nextTick=function(t){return st(t,this)},t.prototype._render=function(){var t=this,e=t.$options,n=e.render,r=e._parentVnode;r&&(t.$scopedSlots=r.data.scopedSlots||yr),t.$vnode=r;var i;try{i=n.call(t._renderProxy,t.$createElement)}catch(e){rt(e,t,"render"),i=t._vnode}return i instanceof ei||(i=ri()),i.parent=r,i}}(Re);var Fi=[String,RegExp,Array],Ui={name:"keep-alive",abstract:!0,props:{include:Fi,exclude:Fi,max:[String,Number]},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){var t=this;for(var e in t.cache)We(t.cache,e,t.keys)},mounted:function(){var t=this;this.$watch("include",function(e){qe(t,function(t){return $e(e,t)})}),this.$watch("exclude",function(e){qe(t,function(t){return!$e(e,t)})})},render:function(){var t=this.$slots.default,e=Et(t),n=e&&e.componentOptions;if(n){var r=Be(n),i=this,o=i.include,a=i.exclude;if(o&&(!r||!$e(o,r))||a&&r&&$e(a,r))return e;var u=this,s=u.cache,c=u.keys,f=null==e.key?n.Ctor.cid+(n.tag?"::"+n.tag:""):e.key;s[f]?(e.componentInstance=s[f].componentInstance,v(c,f),c.push(f)):(s[f]=e,c.push(f),this.max&&c.length>parseInt(this.max)&&We(s,c[0],c,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},zi={KeepAlive:Ui};!function(t){var e={};e.get=function(){return Nr},Object.defineProperty(t,"config",e),t.util={warn:Qr,extend:w,mergeOptions:H,defineReactive:U},t.set=z,t.delete=B,t.nextTick=st,t.options=Object.create(null),Dr.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,zi),Te(t),je(t),Le(t),ze(t)}(Re),Object.defineProperty(Re.prototype,"$isServer",{get:Xr}),Object.defineProperty(Re.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Re,"FunctionalRenderContext",{value:ye}),Re.version="2.5.17";var Bi,$i,qi=h("style,class"),Wi=h("input,textarea,option,select,progress"),Ki=function(t,e,n){return"value"===n&&Wi(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Gi=h("contenteditable,draggable,spellcheck"),Vi=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"),Xi="http://www.w3.org/1999/xlink",Yi=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Hi=function(t){return Yi(t)?t.slice(6,t.length):""},Qi=function(t){return null==t||!1===t},Zi={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Ji=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"),to=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),eo=function(t){return Ji(t)||to(t)},no=Object.create(null),ro=h("text,number,password,search,email,tel,url"),io=Object.freeze({createElement:en,createElementNS:nn,createTextNode:rn,createComment:on,insertBefore:an,removeChild:un,appendChild:sn,parentNode:cn,nextSibling:fn,tagName:ln,setTextContent:pn,setStyleScope:dn}),oo={create:function(t,e){hn(e)},update:function(t,e){t.data.ref!==e.data.ref&&(hn(t,!0),hn(e))},destroy:function(t){hn(t,!0)}},ao=new ei("",{},[]),uo=["create","activate","update","remove","destroy"],so={create:mn,update:mn,destroy:function(t){mn(t,ao)}},co=Object.create(null),fo=[oo,so],lo={create:On,update:On},po={create:Pn,update:Pn},ho="__r",vo="__c",go={create:Cn,update:Cn},yo={create:Nn,update:Nn},mo=y(function(t){var e={},n=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(r);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),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=Oo(e);if(Array.isArray(n))for(var i=0,o=n.length;i<o;i++)t.style[r]=n[i];else t.style[r]=n}},xo=["Webkit","Moz","ms"],Oo=y(function(t){if($i=$i||document.createElement("div").style,"filter"!==(t=xr(t))&&t in $i)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<xo.length;n++){var r=xo[n]+e;if(r in $i)return r}}),Eo={create:Un,update:Un},So=y(function(t){return{enterClass:t+"-enter",enterToClass:t+"-enter-to",enterActiveClass:t+"-enter-active",leaveClass:t+"-leave",leaveToClass:t+"-leave-to",leaveActiveClass:t+"-leave-active"}}),Po=Tr&&!zr,Mo="transition",Ao="animation",ko="transition",Do="transitionend",Co="animation",No="animationend";Po&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ko="WebkitTransition",Do="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Co="WebkitAnimation",No="webkitAnimationEnd"));var Io=Tr?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()},Ro=/\b(transform|all)(,|$)/,To=Tr?{create:tr,activate:tr,remove:function(t,e){!0!==t.data.show?Qn(t,e):e()}}:{},jo=[lo,po,go,yo,Eo,To],Lo=jo.concat(fo),Fo=function(t){function e(t){return new ei(C.tagName(t).toLowerCase(),{},[],void 0,t)}function n(t,e){function n(){0==--n.listeners&&a(t)}return n.listeners=e,n}function a(t){var e=C.parentNode(t);i(e)&&C.removeChild(e,t)}function s(t,e,n,r,a,u,s){if(i(t.elm)&&i(u)&&(t=u[s]=R(t)),t.isRootInsert=!a,!c(t,e,n,r)){var f=t.data,l=t.children,h=t.tag;i(h)?(t.elm=t.ns?C.createElementNS(t.ns,h):C.createElement(h,t),y(t),d(t,l,e),i(f)&&g(t,e),p(n,t.elm,r)):o(t.isComment)?(t.elm=C.createComment(t.text),p(n,t.elm,r)):(t.elm=C.createTextNode(t.text),p(n,t.elm,r))}}function c(t,e,n,r){var a=t.data;if(i(a)){var u=i(t.componentInstance)&&a.keepAlive;if(i(a=a.hook)&&i(a=a.init)&&a(t,!1,n,r),i(t.componentInstance))return f(t,e),o(u)&&l(t,e,n,r),!0}}function f(t,e){i(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,v(t)?(g(t,e),y(t)):(hn(t),e.push(t))}function l(t,e,n,r){for(var o,a=t;a.componentInstance;)if(a=a.componentInstance._vnode,i(o=a.data)&&i(o=o.transition)){for(o=0;o<k.activate.length;++o)k.activate[o](ao,a);e.push(a);break}p(n,t.elm,r)}function p(t,e,n){i(t)&&(i(n)?n.parentNode===t&&C.insertBefore(t,e,n):C.appendChild(t,e))}function d(t,e,n){if(Array.isArray(e))for(var r=0;r<e.length;++r)s(e[r],n,t.elm,null,!0,e,r);else u(t.text)&&C.appendChild(t.elm,C.createTextNode(String(t.text)))}function v(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return i(t.tag)}function g(t,e){for(var n=0;n<k.create.length;++n)k.create[n](ao,t);M=t.data.hook,i(M)&&(i(M.create)&&M.create(ao,t),i(M.insert)&&e.push(t))}function y(t){var e;if(i(e=t.fnScopeId))C.setStyleScope(t.elm,e);else for(var n=t;n;)i(e=n.context)&&i(e=e.$options._scopeId)&&C.setStyleScope(t.elm,e),n=n.parent;i(e=xi)&&e!==t.context&&e!==t.fnContext&&i(e=e.$options._scopeId)&&C.setStyleScope(t.elm,e)}function m(t,e,n,r,i,o){for(;r<=i;++r)s(n[r],o,t,e,!1,n,r)}function b(t){var e,n,r=t.data;if(i(r))for(i(e=r.hook)&&i(e=e.destroy)&&e(t),e=0;e<k.destroy.length;++e)k.destroy[e](t);if(i(e=t.children))for(n=0;n<t.children.length;++n)b(t.children[n])}function _(t,e,n,r){for(;n<=r;++n){var o=e[n];i(o)&&(i(o.tag)?(w(o),b(o)):a(o.elm))}}function w(t,e){if(i(e)||i(t.data)){var r,o=k.remove.length+1;for(i(e)?e.listeners+=o:e=n(t.elm,o),i(r=t.componentInstance)&&i(r=r._vnode)&&i(r.data)&&w(r,e),r=0;r<k.remove.length;++r)k.remove[r](t,e);i(r=t.data.hook)&&i(r=r.remove)?r(t,e):e()}else a(t.elm)}function x(t,e,n,o,a){for(var u,c,f,l,p=0,d=0,h=e.length-1,v=e[0],g=e[h],y=n.length-1,b=n[0],w=n[y],x=!a;p<=h&&d<=y;)r(v)?v=e[++p]:r(g)?g=e[--h]:vn(v,b)?(E(v,b,o),v=e[++p],b=n[++d]):vn(g,w)?(E(g,w,o),g=e[--h],w=n[--y]):vn(v,w)?(E(v,w,o),x&&C.insertBefore(t,v.elm,C.nextSibling(g.elm)),v=e[++p],w=n[--y]):vn(g,b)?(E(g,b,o),x&&C.insertBefore(t,g.elm,v.elm),g=e[--h],b=n[++d]):(r(u)&&(u=yn(e,p,h)),c=i(b.key)?u[b.key]:O(b,e,p,h),r(c)?s(b,o,t,v.elm,!1,n,d):(f=e[c],vn(f,b)?(E(f,b,o),e[c]=void 0,x&&C.insertBefore(t,f.elm,v.elm)):s(b,o,t,v.elm,!1,n,d)),b=n[++d]);p>h?(l=r(n[y+1])?null:n[y+1].elm,m(t,l,n,d,y,o)):d>y&&_(t,e,p,h)}function O(t,e,n,r){for(var o=n;o<r;o++){var a=e[o];if(i(a)&&vn(t,a))return o}}function E(t,e,n,a){if(t!==e){var u=e.elm=t.elm;if(o(t.isAsyncPlaceholder))return void(i(e.asyncFactory.resolved)?P(t.elm,e,n):e.isAsyncPlaceholder=!0);if(o(e.isStatic)&&o(t.isStatic)&&e.key===t.key&&(o(e.isCloned)||o(e.isOnce)))return void(e.componentInstance=t.componentInstance);var s,c=e.data;i(c)&&i(s=c.hook)&&i(s=s.prepatch)&&s(t,e);var f=t.children,l=e.children;if(i(c)&&v(e)){for(s=0;s<k.update.length;++s)k.update[s](t,e);i(s=c.hook)&&i(s=s.update)&&s(t,e)}r(e.text)?i(f)&&i(l)?f!==l&&x(u,f,l,n,a):i(l)?(i(t.text)&&C.setTextContent(u,""),m(u,null,l,0,l.length-1,n)):i(f)?_(u,f,0,f.length-1):i(t.text)&&C.setTextContent(u,""):t.text!==e.text&&C.setTextContent(u,e.text),i(c)&&i(s=c.hook)&&i(s=s.postpatch)&&s(t,e)}}function S(t,e,n){if(o(n)&&i(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r<e.length;++r)e[r].data.hook.insert(e[r])}function P(t,e,n,r){var a,u=e.tag,s=e.data,c=e.children;if(r=r||s&&s.pre,e.elm=t,o(e.isComment)&&i(e.asyncFactory))return e.isAsyncPlaceholder=!0,!0;if(i(s)&&(i(a=s.hook)&&i(a=a.init)&&a(e,!0),i(a=e.componentInstance)))return f(e,n),!0;if(i(u)){if(i(c))if(t.hasChildNodes())if(i(a=s)&&i(a=a.domProps)&&i(a=a.innerHTML)){if(a!==t.innerHTML)return!1}else{for(var l=!0,p=t.firstChild,h=0;h<c.length;h++){if(!p||!P(p,c[h],n,r)){l=!1;break}p=p.nextSibling}if(!l||p)return!1}else d(e,c,n);if(i(s)){var v=!1;for(var y in s)if(!N(y)){v=!0,g(e,n);break}!v&&s.class&&ct(s.class)}}else t.data!==e.text&&(t.data=e.text);return!0}var M,A,k={},D=t.modules,C=t.nodeOps;for(M=0;M<uo.length;++M)for(k[uo[M]]=[],A=0;A<D.length;++A)i(D[A][uo[M]])&&k[uo[M]].push(D[A][uo[M]]);var N=h("attrs,class,staticClass,staticStyle,key");return function(t,n,a,u,c,f){if(r(n))return void(i(t)&&b(t));var l=!1,p=[];if(r(t))l=!0,s(n,p,c,f);else{var d=i(t.nodeType);if(!d&&vn(t,n))E(t,n,p,u);else{if(d){if(1===t.nodeType&&t.hasAttribute(kr)&&(t.removeAttribute(kr),a=!0),o(a)&&P(t,n,p))return S(n,p,!0),t;t=e(t)}var h=t.elm,g=C.parentNode(h);if(s(n,p,h._leaveCb?null:g,C.nextSibling(h)),i(n.parent))for(var y=n.parent,m=v(n);y;){for(var w=0;w<k.destroy.length;++w)k.destroy[w](y);if(y.elm=n.elm,m){for(var x=0;x<k.create.length;++x)k.create[x](ao,y);var O=y.data.hook.insert;if(O.merged)for(var M=1;M<O.fns.length;M++)O.fns[M]()}else hn(y);y=y.parent}i(g)?_(g,[t],0,0):i(t.tag)&&b(t)}}return S(n,p,l),n.elm}}({nodeOps:io,modules:Lo});zr&&document.addEventListener("selectionchange",function(){var t=document.activeElement;t&&t.vmodel&&ur(t,"input")});var Uo={inserted:function(t,e,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?dt(n,"postpatch",function(){Uo.componentUpdated(t,e,n)}):er(t,e,n.context),t._vOptions=[].map.call(t.options,ir)):("textarea"===n.tag||ro(t.type))&&(t._vModifiers=e.modifiers,e.modifiers.lazy||(t.addEventListener("compositionstart",or),t.addEventListener("compositionend",ar),t.addEventListener("change",ar),zr&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){er(t,e,n.context);var r=t._vOptions,i=t._vOptions=[].map.call(t.options,ir);if(i.some(function(t,e){return!E(t,r[e])})){(t.multiple?e.value.some(function(t){return rr(t,i)}):e.value!==e.oldValue&&rr(e.value,i))&&ur(t,"change")}}}},zo={bind:function(t,e,n){var r=e.value;n=sr(n);var i=n.data&&n.data.transition,o=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&i?(n.data.show=!0,Hn(n,function(){t.style.display=o})):t.style.display=r?o:"none"},update:function(t,e,n){var r=e.value;!r!=!e.oldValue&&(n=sr(n),n.data&&n.data.transition?(n.data.show=!0,r?Hn(n,function(){t.style.display=t.__vOriginalDisplay}):Qn(n,function(){t.style.display="none"})):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,i){i||(t.style.display=t.__vOriginalDisplay)}},Bo={model:Uo,show:zo},$o={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]},qo={name:"transition",props:$o,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(function(t){return t.tag||Ot(t)}),n.length)){var r=this.mode,i=n[0];if(pr(this.$vnode))return i;var o=cr(i);if(!o)return i;if(this._leaving)return lr(t,i);var a="__transition-"+this._uid+"-";o.key=null==o.key?o.isComment?a+"comment":a+o.tag:u(o.key)?0===String(o.key).indexOf(a)?o.key:a+o.key:o.key;var s=(o.data||(o.data={})).transition=fr(this),c=this._vnode,f=cr(c);if(o.data.directives&&o.data.directives.some(function(t){return"show"===t.name})&&(o.data.show=!0),f&&f.data&&!dr(o,f)&&!Ot(f)&&(!f.componentInstance||!f.componentInstance._vnode.isComment)){var l=f.data.transition=w({},s);if("out-in"===r)return this._leaving=!0,dt(l,"afterLeave",function(){e._leaving=!1,e.$forceUpdate()}),lr(t,i);if("in-out"===r){if(Ot(o))return c;var p,d=function(){p()};dt(s,"afterEnter",d),dt(s,"enterCancelled",d),dt(l,"delayLeave",function(t){p=t})}}return i}}},Wo=w({tag:String,moveClass:String},$o);delete Wo.mode;var Ko={props:Wo,render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],o=this.children=[],a=fr(this),u=0;u<i.length;u++){var s=i[u];if(s.tag)if(null!=s.key&&0!==String(s.key).indexOf("__vlist"))o.push(s),n[s.key]=s,(s.data||(s.data={})).transition=a;else;}if(r){for(var c=[],f=[],l=0;l<r.length;l++){var p=r[l];p.data.transition=a,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?c.push(p):f.push(p)}this.kept=t(e,null,c),this.removed=f}return t(e,null,o)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";t.length&&this.hasMove(t[0].elm,e)&&(t.forEach(hr),t.forEach(vr),t.forEach(gr),this._reflow=document.body.offsetHeight,t.forEach(function(t){if(t.data.moved){var n=t.elm,r=n.style;Wn(n,e),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(Do,n._moveCb=function t(r){r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(Do,t),n._moveCb=null,Kn(n,e))})}}))},methods:{hasMove:function(t,e){if(!Po)return!1;if(this._hasMove)return this._hasMove;var n=t.cloneNode();t._transitionClasses&&t._transitionClasses.forEach(function(t){Bn(n,t)}),zn(n,e),n.style.display="none",this.$el.appendChild(n);var r=Vn(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}},Go={Transition:qo,TransitionGroup:Ko};Re.config.mustUseProp=Ki,Re.config.isReservedTag=eo,Re.config.isReservedAttr=qi,Re.config.getTagNamespace=Ze,Re.config.isUnknownElement=Je,w(Re.options.directives,Bo),w(Re.options.components,Go),Re.prototype.__patch__=Tr?Fo:O,Re.prototype.$mount=function(t,e){return t=t&&Tr?tn(t):void 0,It(this,t,e)},Tr&&setTimeout(function(){Nr.devtools&&Yr&&Yr.emit("init",Re)},0),e.default=Re}.call(e,n("DuR2"),n("162o").setImmediate)},"/bQp":function(t,e){t.exports={}},"/n6Q":function(t,e,n){n("zQR9"),n("+tPU"),t.exports=n("Kh4W").f("iterator")},"/ocq":function(t,e,n){"use strict";function r(t,e){}function i(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function o(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0}}function a(t,e){for(var n in e)t[n]=e[n];return t}function u(t,e,n){void 0===e&&(e={});var r,i=n||s;try{r=i(t||"")}catch(t){r={}}for(var o in e)r[o]=e[o];return r}function s(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),r=zt(n.shift()),i=n.length>0?zt(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 c(t){var e=t?Object.keys(t).map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return Ut(e);if(Array.isArray(n)){var r=[];return n.forEach(function(t){void 0!==t&&(null===t?r.push(Ut(e)):r.push(Ut(e)+"="+Ut(t)))}),r.join("&")}return Ut(e)+"="+Ut(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function f(t,e,n,r){var i=r&&r.options.stringifyQuery,o=e.query||{};try{o=l(o)}catch(t){}var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:o,params:e.params||{},fullPath:d(e,i),matched:t?p(t):[]};return n&&(a.redirectedFrom=d(n,i)),Object.freeze(a)}function l(t){if(Array.isArray(t))return t.map(l);if(t&&"object"==typeof t){var e={};for(var n in t)e[n]=l(t[n]);return e}return t}function p(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function d(t,e){var n=t.path,r=t.query;void 0===r&&(r={});var i=t.hash;void 0===i&&(i="");var o=e||c;return(n||"/")+o(r)+i}function h(t,e){return e===$t?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 g(t,e){return 0===t.path.replace(Bt,"/").indexOf(e.path.replace(Bt,"/"))&&(!e.hash||t.hash===e.hash)&&y(t.query,e.query)}function y(t,e){for(var n in e)if(!(n in t))return!1;return!0}function 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 e,n=0;n<t.length;n++){if(e=t[n],"a"===e.tag)return e;if(e.children&&(e=b(e.children)))return e}}function _(t){if(!_.installed||Rt!==t){_.installed=!0,Rt=t;var e=function(t){return void 0!==t},n=function(t,n){var r=t.$options._parentVnode;e(r)&&e(r=r.data)&&e(r=r.registerRouteInstance)&&r(t,n)};t.mixin({beforeCreate:function(){e(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,n(this,this)},destroyed:function(){n(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("router-view",Tt),t.component("router-link",Kt);var r=t.config.optionMergeStrategies;r.beforeRouteEnter=r.beforeRouteLeave=r.beforeRouteUpdate=r.created}}function w(t,e,n){var r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;var i=e.split("/");n&&i[i.length-1]||i.pop();for(var o=t.replace(/^\//,"").split("/"),a=0;a<o.length;a++){var u=o[a];".."===u?i.pop():"."!==u&&i.push(u)}return""!==i[0]&&i.unshift(""),i.join("/")}function x(t){var e="",n="",r=t.indexOf("#");r>=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 O(t){return t.replace(/\/\//g,"/")}function E(t,e){for(var n,r=[],i=0,o=0,a="",u=e&&e.delimiter||"/";null!=(n=Jt.exec(t));){var s=n[0],c=n[1],f=n.index;if(a+=t.slice(o,f),o=f+s.length,c)a+=c[1];else{var l=t[o],p=n[2],d=n[3],h=n[4],v=n[5],g=n[6],y=n[7];a&&(r.push(a),a="");var m=null!=p&&null!=l&&l!==p,b="+"===g||"*"===g,_="?"===g||"*"===g,w=n[2]||u,x=h||v;r.push({name:d||i++,prefix:p||"",delimiter:w,optional:_,repeat:b,partial:m,asterisk:!!y,pattern:x?D(x):y?".*":"[^"+k(w)+"]+?"})}}return o<t.length&&(a+=t.substr(o)),a&&r.push(a),r}function S(t,e){return A(E(t,e))}function P(t){return encodeURI(t).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function M(t){return encodeURI(t).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function A(t){for(var e=new Array(t.length),n=0;n<t.length;n++)"object"==typeof t[n]&&(e[n]=new RegExp("^(?:"+t[n].pattern+")$"));return function(n,r){for(var i="",o=n||{},a=r||{},u=a.pretty?P:encodeURIComponent,s=0;s<t.length;s++){var c=t[s];if("string"!=typeof c){var f,l=o[c.name];if(null==l){if(c.optional){c.partial&&(i+=c.prefix);continue}throw new TypeError('Expected "'+c.name+'" to be defined')}if(Vt(l)){if(!c.repeat)throw new TypeError('Expected "'+c.name+'" to not repeat, but received `'+JSON.stringify(l)+"`");if(0===l.length){if(c.optional)continue;throw new TypeError('Expected "'+c.name+'" to not be empty')}for(var p=0;p<l.length;p++){if(f=u(l[p]),!e[s].test(f))throw new TypeError('Expected all "'+c.name+'" to match "'+c.pattern+'", but received `'+JSON.stringify(f)+"`");i+=(0===p?c.prefix:c.delimiter)+f}}else{if(f=c.asterisk?M(l):u(l),!e[s].test(f))throw new TypeError('Expected "'+c.name+'" to match "'+c.pattern+'", but received "'+f+'"');i+=c.prefix+f}}else i+=c}return i}}function k(t){return t.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function D(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function C(t,e){return t.keys=e,t}function N(t){return t.sensitive?"":"i"}function I(t,e){var n=t.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)e.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return C(t,e)}function R(t,e,n){for(var r=[],i=0;i<t.length;i++)r.push(L(t[i],e,n).source);return C(new RegExp("(?:"+r.join("|")+")",N(n)),e)}function T(t,e,n){return j(E(t,n),e,n)}function j(t,e,n){Vt(e)||(n=e||n,e=[]),n=n||{};for(var r=n.strict,i=!1!==n.end,o="",a=0;a<t.length;a++){var u=t[a];if("string"==typeof u)o+=k(u);else{var s=k(u.prefix),c="(?:"+u.pattern+")";e.push(u),u.repeat&&(c+="(?:"+s+c+")*"),c=u.optional?u.partial?s+"("+c+")?":"(?:"+s+"("+c+"))?":s+"("+c+")",o+=c}}var f=k(n.delimiter||"/"),l=o.slice(-f.length)===f;return r||(o=(l?o.slice(0,-f.length):o)+"(?:"+f+"(?=$))?"),o+=i?"$":r&&l?"":"(?="+f+"|$)",C(new RegExp("^"+o,N(n)),e)}function L(t,e,n){return Vt(e)||(n=e||n,e=[]),n=n||{},t instanceof RegExp?I(t,e):Vt(t)?R(t,e,n):T(t,e,n)}function F(t,e,n){try{return(te[t]||(te[t]=Xt.compile(t)))(e||{},{pretty:!0})}catch(t){return""}}function U(t,e,n,r){var i=e||[],o=n||Object.create(null),a=r||Object.create(null);t.forEach(function(t){z(i,o,a,t)});for(var u=0,s=i.length;u<s;u++)"*"===i[u]&&(i.push(i.splice(u,1)[0]),s--,u--);return{pathList:i,pathMap:o,nameMap:a}}function z(t,e,n,r,i,o){var a=r.path,u=r.name,s=r.pathToRegexpOptions||{},c=$(a,i,s.strict);"boolean"==typeof r.caseSensitive&&(s.sensitive=r.caseSensitive);var f={path:c,regex:B(c,s),components:r.components||{default:r.component},instances:{},name:u,parent:i,matchAs:o,redirect:r.redirect,beforeEnter:r.beforeEnter,meta:r.meta||{},props:null==r.props?{}:r.components?r.props:{default:r.props}};if(r.children&&r.children.forEach(function(r){var i=o?O(o+"/"+r.path):void 0;z(t,e,n,r,f,i)}),void 0!==r.alias){(Array.isArray(r.alias)?r.alias:[r.alias]).forEach(function(o){var a={path:o,children:r.children};z(t,e,n,a,i,f.path||"/")})}e[f.path]||(t.push(f.path),e[f.path]=f),u&&(n[u]||(n[u]=f))}function B(t,e){var n=Xt(t,[],e);return n}function $(t,e,n){return n||(t=t.replace(/\/$/,"")),"/"===t[0]?t:null==e?t:O(e.path+"/"+t)}function q(t,e,n,r){var i="string"==typeof t?{path:t}:t;if(i.name||i._normalized)return i;if(!i.path&&i.params&&e){i=W({},i),i._normalized=!0;var o=W(W({},e.params),i.params);if(e.name)i.name=e.name,i.params=o;else if(e.matched.length){var a=e.matched[e.matched.length-1].path;i.path=F(a,o,"path "+e.path)}return i}var s=x(i.path||""),c=e&&e.path||"/",f=s.path?w(s.path,c,n||i.append):c,l=u(s.query,i.query,r&&r.options.parseQuery),p=i.hash||s.hash;return p&&"#"!==p.charAt(0)&&(p="#"+p),{_normalized:!0,path:f,query:l,hash:p}}function W(t,e){for(var n in e)t[n]=e[n];return t}function K(t,e){function n(t){U(t,s,c,l)}function r(t,n,r){var i=q(t,n,!1,e),o=i.name;if(o){var u=l[o];if(!u)return a(null,i);var f=u.regex.keys.filter(function(t){return!t.optional}).map(function(t){return t.name});if("object"!=typeof i.params&&(i.params={}),n&&"object"==typeof n.params)for(var p in n.params)!(p in i.params)&&f.indexOf(p)>-1&&(i.params[p]=n.params[p]);if(u)return i.path=F(u.path,i.params,'named route "'+o+'"'),a(u,i,r)}else if(i.path){i.params={};for(var d=0;d<s.length;d++){var h=s[d],v=c[h];if(G(v.regex,i.path,i.params))return a(v,i,r)}}return a(null,i)}function i(t,n){var i=t.redirect,o="function"==typeof i?i(f(t,n,null,e)):i;if("string"==typeof o&&(o={path:o}),!o||"object"!=typeof o)return a(null,n);var u=o,s=u.name,c=u.path,p=n.query,d=n.hash,h=n.params;if(p=u.hasOwnProperty("query")?u.query:p,d=u.hasOwnProperty("hash")?u.hash:d,h=u.hasOwnProperty("params")?u.params:h,s){l[s];return r({_normalized:!0,name:s,query:p,hash:d,params:h},void 0,n)}if(c){var v=V(c,t);return r({_normalized:!0,path:F(v,h,'redirect route with path "'+v+'"'),query:p,hash:d},void 0,n)}return a(null,n)}function o(t,e,n){var i=F(n,e.params,'aliased route with path "'+n+'"'),o=r({_normalized:!0,path:i});if(o){var u=o.matched,s=u[u.length-1];return e.params=o.params,a(s,e)}return a(null,e)}function a(t,n,r){return t&&t.redirect?i(t,r||n):t&&t.matchAs?o(t,n,t.matchAs):f(t,n,r,e)}var u=U(t),s=u.pathList,c=u.pathMap,l=u.nameMap;return{match:r,addRoutes:n}}function G(t,e,n){var r=e.match(t);if(!r)return!1;if(!n)return!0;for(var i=1,o=r.length;i<o;++i){var a=t.keys[i-1],u="string"==typeof r[i]?decodeURIComponent(r[i]):r[i];a&&(n[a.name]=u)}return!0}function V(t,e){return w(t,e.parent?e.parent.path:"/",!0)}function X(){window.history.replaceState({key:ot()},""),window.addEventListener("popstate",function(t){H(),t.state&&t.state.key&&at(t.state.key)})}function Y(t,e,n,r){if(t.app){var i=t.options.scrollBehavior;i&&t.app.$nextTick(function(){var t=Q(),o=i(e,n,r?t:null);o&&("function"==typeof o.then?o.then(function(e){rt(e,t)}).catch(function(t){}):rt(o,t))})}}function H(){var t=ot();t&&(ee[t]={x:window.pageXOffset,y:window.pageYOffset})}function Q(){var t=ot();if(t)return ee[t]}function Z(t,e){var n=document.documentElement,r=n.getBoundingClientRect(),i=t.getBoundingClientRect();return{x:i.left-r.left-e.x,y:i.top-r.top-e.y}}function J(t){return nt(t.x)||nt(t.y)}function tt(t){return{x:nt(t.x)?t.x:window.pageXOffset,y:nt(t.y)?t.y:window.pageYOffset}}function et(t){return{x:nt(t.x)?t.x:0,y:nt(t.y)?t.y:0}}function nt(t){return"number"==typeof t}function rt(t,e){var n="object"==typeof t;if(n&&"string"==typeof t.selector){var r=document.querySelector(t.selector);if(r){var i=t.offset&&"object"==typeof t.offset?t.offset:{};i=et(i),e=Z(r,i)}else J(t)&&(e=tt(t))}else n&&J(t)&&(e=tt(t));e&&window.scrollTo(e.x,e.y)}function it(){return re.now().toFixed(3)}function ot(){return ie}function at(t){ie=t}function ut(t,e){H();var n=window.history;try{e?n.replaceState({key:ie},"",t):(ie=it(),n.pushState({key:ie},"",t))}catch(n){window.location[e?"replace":"assign"](t)}}function st(t){ut(t,!0)}function ct(t,e,n){var r=function(i){i>=t.length?n():t[i]?e(t[i],function(){r(i+1)}):r(i+1)};r(0)}function ft(t){return function(e,n,r){var o=!1,a=0,u=null;lt(t,function(t,e,n,s){if("function"==typeof t&&void 0===t.cid){o=!0,a++;var c,f=ht(function(e){dt(e)&&(e=e.default),t.resolved="function"==typeof e?e:Rt.extend(e),n.components[s]=e,--a<=0&&r()}),l=ht(function(t){var e="Failed to resolve async component "+s+": "+t;u||(u=i(t)?t:new Error(e),r(u))});try{c=t(f,l)}catch(t){l(t)}if(c)if("function"==typeof c.then)c.then(f,l);else{var p=c.component;p&&"function"==typeof p.then&&p.then(f,l)}}}),o||r()}}function lt(t,e){return pt(t.map(function(t){return Object.keys(t.components).map(function(n){return e(t.components[n],t.instances[n],t,n)})}))}function pt(t){return Array.prototype.concat.apply([],t)}function dt(t){return t.__esModule||oe&&"Module"===t[Symbol.toStringTag]}function ht(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(Gt){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 gt(t,e){var n,r=Math.max(t.length,e.length);for(n=0;n<r&&t[n]===e[n];n++);return{updated:e.slice(0,n),activated:e.slice(n),deactivated:t.slice(n)}}function yt(t,e,n,r){var i=lt(t,function(t,r,i,o){var a=mt(t,e);if(a)return Array.isArray(a)?a.map(function(t){return n(t,r,i,o)}):n(a,r,i,o)});return pt(r?i.reverse():i)}function mt(t,e){return"function"!=typeof t&&(t=Rt.extend(t)),t.options[e]}function bt(t){return yt(t,"beforeRouteLeave",wt,!0)}function _t(t){return yt(t,"beforeRouteUpdate",wt)}function wt(t,e){if(e)return function(){return t.apply(e,arguments)}}function xt(t,e,n){return yt(t,"beforeRouteEnter",function(t,r,i,o){return Ot(t,i,o,e,n)})}function Ot(t,e,n,r,i){return function(o,a,u){return t(o,a,function(t){u(t),"function"==typeof t&&r.push(function(){Et(t,e.instances,n,i)})})}}function Et(t,e,n,r){e[n]?t(e[n]):r()&&setTimeout(function(){Et(t,e,n,r)},16)}function St(t){var e=window.location.pathname;return t&&0===e.indexOf(t)&&(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}function Pt(t){var e=St(t);if(!/^\/#/.test(e))return window.location.replace(O(t+"/#"+e)),!0}function Mt(){var t=At();return"/"===t.charAt(0)||(Ct("/"+t),!1)}function At(){var t=window.location.href,e=t.indexOf("#");return-1===e?"":t.slice(e+1)}function kt(t){var e=window.location.href,n=e.indexOf("#");return(n>=0?e.slice(0,n):e)+"#"+t}function Dt(t){ne?ut(kt(t)):window.location.hash=t}function Ct(t){ne?st(kt(t)):window.location.replace(kt(t))}function Nt(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}function It(t,e,n){var r="hash"===n?"#"+e:e;return t?O(t+"/"+r):r}Object.defineProperty(e,"__esModule",{value:!0});var Rt,Tt={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,u=e.data;u.routerView=!0;for(var s=i.$createElement,c=n.name,f=i.$route,l=i._routerViewCache||(i._routerViewCache={}),p=0,d=!1;i&&i._routerRoot!==i;)i.$vnode&&i.$vnode.data.routerView&&p++,i._inactive&&(d=!0),i=i.$parent;if(u.routerViewDepth=p,d)return s(l[c],u,r);var h=f.matched[p];if(!h)return l[c]=null,s();var v=l[c]=h.components[c];u.registerRouteInstance=function(t,e){var n=h.instances[c];(e&&n!==t||!e&&n===t)&&(h.instances[c]=e)},(u.hook||(u.hook={})).prepatch=function(t,e){h.instances[c]=e.componentInstance};var g=u.props=o(f,h.props&&h.props[c]);if(g){g=u.props=a({},g);var y=u.attrs=u.attrs||{};for(var m in g)v.props&&m in v.props||(y[m]=g[m],delete g[m])}return s(v,u,r)}},jt=/[!'()*]/g,Lt=function(t){return"%"+t.charCodeAt(0).toString(16)},Ft=/%2C/g,Ut=function(t){return encodeURIComponent(t).replace(jt,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 e=this,n=this.$router,r=this.$route,i=n.resolve(this.to,r,this.append),o=i.location,a=i.route,u=i.href,s={},c=n.options.linkActiveClass,l=n.options.linkExactActiveClass,p=null==c?"router-link-active":c,d=null==l?"router-link-exact-active":l,v=null==this.activeClass?p:this.activeClass,y=null==this.exactActiveClass?d:this.exactActiveClass,_=o.path?f(null,o,null,n):a;s[y]=h(r,_),s[v]=this.exact?s[y]:g(r,_);var w=function(t){m(t)&&(e.replace?n.replace(o):n.push(o))},x={click:m};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var O={class:s};if("a"===this.tag)O.on=x,O.attrs={href:u};else{var E=b(this.$slots.default);if(E){E.isStatic=!1;var S=Rt.util.extend;(E.data=S({},E.data)).on=x;(E.data.attrs=S({},E.data.attrs)).href=u}else O.on=x}return t(this.tag,O,this.$slots.default)}},Gt="undefined"!=typeof window,Vt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Xt=L,Yt=E,Ht=S,Qt=A,Zt=j,Jt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Xt.parse=Yt,Xt.compile=Ht,Xt.tokensToFunction=Qt,Xt.tokensToRegExp=Zt;var te=Object.create(null),ee=Object.create(null),ne=Gt&&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=Gt&&window.performance&&window.performance.now?window.performance:Date,ie=it(),oe="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,ae=function(t,e){this.router=t,this.base=vt(e),this.current=$t,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};ae.prototype.listen=function(t){this.cb=t},ae.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},ae.prototype.onError=function(t){this.errorCbs.push(t)},ae.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)}))})},ae.prototype.confirmTransition=function(t,e,n){var o=this,a=this.current,u=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(h(t,a)&&t.matched.length===a.matched.length)return this.ensureURL(),u();var s=gt(this.current.matched,t.matched),c=s.updated,f=s.deactivated,l=s.activated,p=[].concat(bt(f),this.router.beforeHooks,_t(c),l.map(function(t){return t.beforeEnter}),ft(l));this.pending=t;var d=function(e,n){if(o.pending!==t)return u();try{e(t,a,function(t){!1===t||i(t)?(o.ensureURL(!0),u(t)):"string"==typeof t||"object"==typeof t&&("string"==typeof t.path||"string"==typeof t.name)?(u(),"object"==typeof t&&t.replace?o.replace(t):o.push(t)):n(t)})}catch(t){u(t)}};ct(p,d,function(){var n=[];ct(xt(l,n,function(){return o.current===t}).concat(o.router.resolveHooks),d,function(){if(o.pending!==t)return u();o.pending=null,e(t),o.router.app&&o.router.app.$nextTick(function(){n.forEach(function(t){t()})})})})},ae.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 ue=function(t){function e(e,n){var r=this;t.call(this,e,n);var i=e.options.scrollBehavior;i&&X();var o=St(this.base);window.addEventListener("popstate",function(t){var n=r.current,a=St(r.base);r.current===$t&&a===o||r.transitionTo(a,function(t){i&&Y(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){ut(O(r.base+t.fullPath)),Y(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){st(O(r.base+t.fullPath)),Y(r.router,t,o,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(St(this.base)!==this.current.fullPath){var e=O(this.base+this.current.fullPath);t?ut(e):st(e)}},e.prototype.getCurrentLocation=function(){return St(this.base)},e}(ae),se=function(t){function e(e,n,r){t.call(this,e,n),r&&Pt(this.base)||Mt()}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&&X(),window.addEventListener(ne?"popstate":"hashchange",function(){var e=t.current;Mt()&&t.transitionTo(At(),function(n){r&&Y(t.router,n,e,!0),ne||Ct(n.fullPath)})})},e.prototype.push=function(t,e,n){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){Dt(t.fullPath),Y(r.router,t,o,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){Ct(t.fullPath),Y(r.router,t,o,!1),e&&e(t)},n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;At()!==e&&(t?Dt(e):Ct(e))},e.prototype.getCurrentLocation=function(){return At()},e}(ae),ce=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}(ae),fe=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 e=t.mode||"hash";switch(this.fallback="history"===e&&!ne&&!1!==t.fallback,this.fallback&&(e="hash"),Gt||(e="abstract"),this.mode=e,e){case"history":this.history=new ue(this,t.base);break;case"hash":this.history=new se(this,t.base,this.fallback);break;case"abstract":this.history=new ce(this,t.base)}},le={currentRoute:{configurable:!0}};fe.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},le.currentRoute.get=function(){return this.history&&this.history.current},fe.prototype.init=function(t){var e=this;if(this.apps.push(t),!this.app){this.app=t;var n=this.history;if(n instanceof ue)n.transitionTo(n.getCurrentLocation());else if(n instanceof se){var r=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},fe.prototype.beforeEach=function(t){return Nt(this.beforeHooks,t)},fe.prototype.beforeResolve=function(t){return Nt(this.resolveHooks,t)},fe.prototype.afterEach=function(t){return Nt(this.afterHooks,t)},fe.prototype.onReady=function(t,e){this.history.onReady(t,e)},fe.prototype.onError=function(t){this.history.onError(t)},fe.prototype.push=function(t,e,n){this.history.push(t,e,n)},fe.prototype.replace=function(t,e,n){this.history.replace(t,e,n)},fe.prototype.go=function(t){this.history.go(t)},fe.prototype.back=function(){this.go(-1)},fe.prototype.forward=function(){this.go(1)},fe.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]})})):[]},fe.prototype.resolve=function(t,e,n){var r=q(t,e||this.history.current,n,this),i=this.match(r,e),o=i.redirectedFrom||i.fullPath;return{location:r,route:i,href:It(this.history.base,o,this.mode),normalizedTo:r,resolved:i}},fe.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==$t&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(fe.prototype,le),fe.install=_,fe.version="2.8.1",Gt&&window.Vue&&window.Vue.use(fe),e.default=fe},"/whu":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},"06OY":function(t,e,n){var r=n("3Eo+")("meta"),i=n("EqjI"),o=n("D2L2"),a=n("evD5").f,u=0,s=Object.isExtensible||function(){return!0},c=!n("S82l")(function(){return s(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,e){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,r)){if(!s(t))return"F";if(!e)return"E";f(t)}return t[r].i},p=function(t,e){if(!o(t,r)){if(!s(t))return!0;if(!e)return!1;f(t)}return t[r].w},d=function(t){return c&&h.NEED&&s(t)&&!o(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"07k+":function(t,e,n){for(var r,i=n("OzIq"),o=n("2p1q"),a=n("ulTY"),u=a("typed_array"),s=a("view"),c=!(!i.ArrayBuffer||!i.DataView),f=c,l=0,p="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");l<9;)(r=i[p[l++]])?(o(r.prototype,u,!0),o(r.prototype,s,!0)):f=!1;t.exports={ABV:c,CONSTR:f,TYPED:u,VIEW:s}},"0Rih":function(t,e,n){"use strict";var r=n("OzIq"),i=n("Ds5P"),o=n("R3AP"),a=n("A16L"),u=n("1aA0"),s=n("vmSO"),c=n("9GpA"),f=n("UKM+"),l=n("zgIt"),p=n("qkyc"),d=n("yYvK"),h=n("kic5");t.exports=function(t,e,n,v,g,y){var m=r[t],b=m,_=g?"set":"add",w=b&&b.prototype,x={},O=function(t){var e=w[t];o(w,t,"delete"==t?function(t){return!(y&&!f(t))&&e.call(this,0===t?0:t)}:"has"==t?function(t){return!(y&&!f(t))&&e.call(this,0===t?0:t)}:"get"==t?function(t){return y&&!f(t)?void 0:e.call(this,0===t?0:t)}:"add"==t?function(t){return e.call(this,0===t?0:t),this}:function(t,n){return e.call(this,0===t?0:t,n),this})};if("function"==typeof b&&(y||w.forEach&&!l(function(){(new b).entries().next()}))){var E=new b,S=E[_](y?{}:-0,1)!=E,P=l(function(){E.has(1)}),M=p(function(t){new b(t)}),A=!y&&l(function(){for(var t=new b,e=5;e--;)t[_](e,e);return!t.has(-0)});M||(b=e(function(e,n){c(e,b,t);var r=h(new m,e,b);return void 0!=n&&s(n,g,r[_],r),r}),b.prototype=w,w.constructor=b),(P||A)&&(O("delete"),O("has"),g&&O("get")),(A||S)&&O(_),y&&w.clear&&delete w.clear}else b=v.getConstructor(e,t,g,_),a(b.prototype,n),u.NEED=!0;return d(b,t),x[t]=b,i(i.G+i.W+i.F*(b!=m),x),y||v.setStrong(b,t,g),b}},"0j1G":function(t,e,n){"use strict";var r=n("Ds5P");t.exports=function(t){r(r.S,t,{of:function(){for(var t=arguments.length,e=new Array(t);t--;)e[t]=arguments[t];return new this(e)}})}},"0pGU":function(t,e,n){"use strict";var r=n("DIVP");t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},"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"))},"1A13":function(t,e,n){"use strict";var r=n("49qz")(!0);n("uc2A")(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},"1ETD":function(t,e,n){var r=n("kkCw")("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[r]=!1,!"/./"[t](e)}catch(t){}}return!0}},"1aA0":function(t,e,n){var r=n("ulTY")("meta"),i=n("UKM+"),o=n("WBcL"),a=n("lDLk").f,u=0,s=Object.isExtensible||function(){return!0},c=!n("zgIt")(function(){return s(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,e){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,r)){if(!s(t))return"F";if(!e)return"E";f(t)}return t[r].i},p=function(t,e){if(!o(t,r)){if(!s(t))return!0;if(!e)return!1;f(t)}return t[r].w},d=function(t){return c&&h.NEED&&s(t)&&!o(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"1ip3":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},"1kS7":function(t,e){e.f=Object.getOwnPropertySymbols},"1uLP":function(t,e,n){var r=n("Ds5P");r(r.G+r.W+r.F*!n("07k+").ABV,{DataView:n("LrcN").DataView})},"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}},"2VSL":function(t,e,n){var r=n("BbyF"),i=n("xAdt"),o=n("/whu");t.exports=function(t,e,n,a){var u=String(o(t)),s=u.length,c=void 0===n?" ":String(n),f=r(e);if(f<=s||""==c)return u;var l=f-s,p=i.call(c,Math.ceil(l/c.length));return p.length>l&&(p=p.slice(0,l)),a?p+u:u+p}},"2p1q":function(t,e,n){var r=n("lDLk"),i=n("fU25");t.exports=n("bUqO")?function(t,e,n){return r.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,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))}},"3QrE":function(t,e,n){var r=n("Ds5P");r(r.P,"Function",{bind:n("ZtwE")})},"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)]}},"3g/S":function(t,e,n){var r=n("OzIq"),i=n("7gX0"),o=n("V3l/"),a=n("M8WE"),u=n("lDLk").f;t.exports=function(t){var e=i.Symbol||(i.Symbol=o?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||u(e,t,{value:a.f(t)})}},"3i66":function(t,e,n){var r=n("Ds5P"),i=n("7gX0"),o=n("zgIt");t.exports=function(t,e){var n=(i.Object||{})[t]||Object[t],a={};a[t]=e(n),r(r.S+r.F*o(function(){n(1)}),"Object",a)}},"3q4u":function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=r.key,a=r.map,u=r.store;r.exp({deleteMetadata:function(t,e){var n=arguments.length<3?void 0:o(arguments[2]),r=a(i(e),n,!1);if(void 0===r||!r.delete(t))return!1;if(r.size)return!0;var s=u.get(e);return s.delete(n),!!s.size||u.delete(e)}})},"3s83":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{RAD_PER_DEG:180/Math.PI})},"41xE":function(t,e,n){var r=n("OzIq"),i=r.navigator;t.exports=i&&i.userAgent||""},"49qz":function(t,e,n){var r=n("oeih"),i=n("/whu");t.exports=function(t){return function(e,n){var o,a,u=String(i(e)),s=r(n),c=u.length;return s<0||s>=c?t?"":void 0:(o=u.charCodeAt(s),o<55296||o>56319||s+1===c||(a=u.charCodeAt(s+1))<56320||a>57343?t?u.charAt(s):o:t?u.slice(s,s+2):a-56320+(o-55296<<10)+65536)}}},"4IZP":function(t,e){t.exports=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e}},"4M2W":function(t,e,n){n("A0n/"),n("i68Q"),n("QzLV"),n("Hhm4"),n("C+4B"),n("W4Z6"),n("tJwI"),n("eC2H"),n("VTn2"),n("W/IU"),n("Y5ex"),n("WpPb"),n("+yjc"),n("gPva"),n("n12u"),n("nRs1"),n("jrHM"),n("gYYG"),n("3QrE"),n("EuXz"),n("PbPd"),n("S+E/"),n("EvFb"),n("QBuC"),n("QWLi"),n("ZRJK"),n("Stuz"),n("yuXV"),n("XtiL"),n("LG56"),n("A1ng"),n("WiIn"),n("aJ2J"),n("altv"),n("dULJ"),n("v2lb"),n("7Jvp"),n("lyhN"),n("kBOG"),n("xONB"),n("LlNE"),n("9xIj"),n("m6Yj"),n("wrs0"),n("Lqg1"),n("1ip3"),n("pWGb"),n("N4KQ"),n("Hl+4"),n("MjHD"),n("SRCy"),n("H0mh"),n("bqOW"),n("F3sI"),n("mhn7"),n("1A13"),n("Racj"),n("Y1S0"),n("Gh7F"),n("tqSY"),n("CvWX"),n("8Np7"),n("R4pa"),n("4RlI"),n("iM2X"),n("J+j9"),n("82of"),n("X/Hz"),n("eVIH"),n("UJiG"),n("SU+a"),n("5iw+"),n("EWrS"),n("J2ob"),n("QaEu"),n("8fhx"),n("UbXY"),n("Rk41"),n("4Q0w"),n("IMUI"),n("beEN"),n("xMpm"),n("j42X"),n("81dZ"),n("uDYd"),n("CEO+"),n("w6W7"),n("fOdq"),n("wVdn"),n("Nkrw"),n("wnRD"),n("lkT3"),n("+CM9"),n("oHKp"),n("9vc3"),n("No4x"),n("WpTh"),n("U6qc"),n("Q/CP"),n("WgSQ"),n("lnZN"),n("FaZr"),n("pd+2"),n("MfeA"),n("VjuZ"),n("qwQ3"),n("mJx5"),n("y9m4"),n("MsuQ"),n("dSUw"),n("ZDXm"),n("V/H1"),n("9mmO"),n("1uLP"),n("52Wt"),n("TFWu"),n("MyjO"),n("qtRy"),n("THnP"),n("K0JP"),n("NfZy"),n("dTzs"),n("+vXH"),n("CVR+"),n("vmSu"),n("4ZU1"),n("yx1U"),n("X7aK"),n("SPtU"),n("A52B"),n("PuTd"),n("dm+7"),n("JG34"),n("Rw4K"),n("9mGU"),n("bUY0"),n("mTp7"),n("gbyG"),n("oF0V"),n("v90c"),n("+2+s"),n("smQ+"),n("m8F4"),n("xn9I"),n("LRL/"),n("sc7i"),n("9Yib"),n("vu/c"),n("zmx7"),n("YVn/"),n("FKfb"),n("oYp4"),n("dxQb"),n("xCpI"),n("AkTE"),n("h7Xi"),n("arGp"),n("JJ3w"),n("qZb+"),n("La7N"),n("BOYP"),n("4rmF"),n("Ygg6"),n("6Xxs"),n("qdHU"),n("DQfQ"),n("j/Lv"),n("U+VG"),n("X6NR"),n("W0pi"),n("taNN"),n("vnWP"),n("R3KI"),n("6iMJ"),n("B3Xn"),n("3s83"),n("F1ui"),n("uEEG"),n("i039"),n("H7zx"),n("+Mt+"),n("QcWB"),n("yJ2x"),n("3q4u"),n("NHaJ"),n("v3hU"),n("zZHq"),n("vsh6"),n("8WbS"),n("yOtE"),n("EZ+5"),n("aM0T"),n("nh2o"),n("v8VU"),n("dich"),n("fx22"),t.exports=n("7gX0")},"4Q0w":function(t,e,n){var r=n("kkCw")("toPrimitive"),i=Date.prototype;r in i||n("2p1q")(i,r,n("jB26"))},"4RlI":function(t,e,n){"use strict";n("y325")("blink",function(t){return function(){return t(this,"blink","","")}})},"4ZU1":function(t,e,n){var r=n("lDLk"),i=n("Ds5P"),o=n("DIVP"),a=n("s4j0");i(i.S+i.F*n("zgIt")(function(){Reflect.defineProperty(r.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function(t,e,n){o(t),e=a(e,!0),o(n);try{return r.f(t,e,n),!0}catch(t){return!1}}})},"4mcu":function(t,e){t.exports=function(){}},"4rmF":function(t,e,n){n("iKpr")("Map")},"52Wt":function(t,e,n){n("77Ug")("Int8",1,function(t){return function(e,n,r){return t(this,e,n,r)}})},"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}},"5iw+":function(t,e,n){"use strict";n("y325")("strike",function(t){return function(){return t(this,"strike","","")}})},"6STP":function(t,e){t.exports=function(t){var e={className:"symbol",begin:"&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;"},n={begin:"\\s",contains:[{className:"meta-keyword",begin:"#?[a-z_][a-z1-9_-]+",illegal:"\\n"}]},r=t.inherit(n,{begin:"\\(",end:"\\)"}),i=t.inherit(t.APOS_STRING_MODE,{className:"meta-string"}),o=t.inherit(t.QUOTE_STRING_MODE,{className:"meta-string"}),a={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:"[A-Za-z0-9\\._:-]+",relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[e]},{begin:/'/,end:/'/,contains:[e]},{begin:/[^\s"'=<>`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,contains:[{className:"meta",begin:"<![a-z]",end:">",relevance:10,contains:[n,o,i,r,{begin:"\\[",end:"\\]",contains:[{className:"meta",begin:"<![a-z]",end:">",contains:[n,r,o,i]}]}]},t.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},e,{className:"meta",begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0},t.inherit(t.APOS_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0}),t.inherit(t.QUOTE_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0})]},{className:"tag",begin:"<style(?=\\s|>)",end:">",keywords:{name:"style"},contains:[a],starts:{end:"</style>",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"<script(?=\\s|>)",end:">",keywords:{name:"script"},contains:[a],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"tag",begin:"</?",end:"/?>",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},a]}]}}},"6Xxs":function(t,e,n){n("iKpr")("WeakMap")},"6iMJ":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{isubh:function(t,e,n,r){var i=t>>>0,o=e>>>0,a=n>>>0;return o-(r>>>0)-((~i&a|~(i^a)&i-a>>>0)>>>31)|0}})},"70Rd":function(t,e,n){(function(n){var r,i;!function(n){var o="object"==typeof window&&window||"object"==typeof self&&self;void 0===e||e.nodeType?o&&(o.hljs=n({}),r=[],void 0!==(i=function(){return o.hljs}.apply(e,r))&&(t.exports=i)):n(e)}(function(t){function e(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function r(t){return t.nodeName.toLowerCase()}function i(t,e){var n=t&&t.exec(e);return n&&0===n.index}function o(t){return U.test(t)}function a(t){var e,n,r,i,a=t.className+" ";if(a+=t.parentNode?t.parentNode.className:"",n=z.exec(a)){var u=k(n[1]);return u||(console.warn(q.replace("{}",n[1])),console.warn("Falling back to no-highlight mode for this block.",t)),u?n[1]:"no-highlight"}for(a=a.split(/\s+/),e=0,r=a.length;e<r;e++)if(i=a[e],o(i)||k(i))return i}function u(t){var e,n={},r=Array.prototype.slice.call(arguments,1);for(e in t)n[e]=t[e];return r.forEach(function(t){for(e in t)n[e]=t[e]}),n}function s(t){var e=[];return function t(n,i){for(var o=n.firstChild;o;o=o.nextSibling)3===o.nodeType?i+=o.nodeValue.length:1===o.nodeType&&(e.push({event:"start",offset:i,node:o}),i=t(o,i),r(o).match(/br|hr|img|input/)||e.push({event:"stop",offset:i,node:o}));return i}(t,0),e}function c(t,n,i){function o(){return t.length&&n.length?t[0].offset!==n[0].offset?t[0].offset<n[0].offset?t:n:"start"===n[0].event?t:n:t.length?t:n}function a(t){function n(t){return" "+t.nodeName+'="'+e(t.value).replace(/"/g,"&quot;")+'"'}f+="<"+r(t)+R.map.call(t.attributes,n).join("")+">"}function u(t){f+="</"+r(t)+">"}function s(t){("start"===t.event?a:u)(t.node)}for(var c=0,f="",l=[];t.length||n.length;){var p=o();if(f+=e(i.substring(c,p[0].offset)),c=p[0].offset,p===t){l.reverse().forEach(u);do{s(p.splice(0,1)[0]),p=o()}while(p===t&&p.length&&p[0].offset===c);l.reverse().forEach(a)}else"start"===p[0].event?l.push(p[0].node):l.pop(),s(p.splice(0,1)[0])}return f+e(i.substr(c))}function f(t){return!!t&&(t.endsWithParent||f(t.starts))}function l(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(e){return u(t,{variants:null},e)})),t.cached_variants?t.cached_variants:f(t)?[u(t,{starts:t.starts?u(t.starts):null})]:Object.isFrozen(t)?[u(t)]:[t]}function p(t){if(N&&!t.langApiRestored){t.langApiRestored=!0;for(var e in N)t[e]&&(t[N[e]]=t[e]);(t.contains||[]).concat(t.variants||[]).forEach(p)}}function d(t,e){function n(t,n){e&&(n=n.toLowerCase()),n.split(" ").forEach(function(e){var n=e.split("|");r[n[0]]=[t,h(n[0],n[1])]})}var r={};return"string"==typeof t?n("keyword",t):T(t).forEach(function(e){n(e,t[e])}),r}function h(t,e){return e?Number(e):v(t)?0:1}function v(t){return-1!=K.indexOf(t.toLowerCase())}function g(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(t){return new RegExp(t.toString()+"|").exec("").length-1}function i(t,n){for(var r=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./,i=0,o="",a=0;a<t.length;a++){i+=1;var u=i,s=e(t[a]);for(a>0&&(o+=n),o+="(";s.length>0;){var c=r.exec(s);if(null==c){o+=s;break}o+=s.substring(0,c.index),s=s.substring(c.index+c[0].length),"\\"==c[0][0]&&c[1]?o+="\\"+String(Number(c[1])+u):(o+=c[0],"("==c[0]&&i++)}o+=")"}return o}function o(t){function e(t,e){u[f]=t,s.push([t,e]),f+=r(e)+1}for(var o,a,u={},s=[],c={},f=1,l=0;l<t.contains.length;l++){var p;a=t.contains[l],p=a.beginKeywords?"\\.?(?:"+a.begin+")\\.?":a.begin,e(a,p)}t.terminator_end&&e("end",t.terminator_end),t.illegal&&e("illegal",t.illegal);var d=s.map(function(t){return t[1]});return o=n(i(d,"|"),!0),c.lastIndex=0,c.exec=function(e){var n;if(0===s.length)return null;o.lastIndex=c.lastIndex;var r=o.exec(e);if(!r)return null;for(var i=0;i<r.length;i++)if(void 0!=r[i]&&void 0!=u[""+i]){n=u[""+i];break}return"string"==typeof n?(r.type=n,r.extra=[t.illegal,t.terminator_end]):(r.type="begin",r.rule=n),r},c}function a(r,i){r.compiled||(r.compiled=!0,r.keywords=r.keywords||r.beginKeywords,r.keywords&&(r.keywords=d(r.keywords,t.case_insensitive)),r.lexemesRe=n(r.lexemes||/\w+/,!0),i&&(r.beginKeywords&&(r.begin="\\b("+r.beginKeywords.split(" ").join("|")+")\\b"),r.begin||(r.begin=/\B|\b/),r.beginRe=n(r.begin),r.endSameAsBegin&&(r.end=r.begin),r.end||r.endsWithParent||(r.end=/\B|\b/),r.end&&(r.endRe=n(r.end)),r.terminator_end=e(r.end)||"",r.endsWithParent&&i.terminator_end&&(r.terminator_end+=(r.end?"|":"")+i.terminator_end)),r.illegal&&(r.illegalRe=n(r.illegal)),null==r.relevance&&(r.relevance=1),r.contains||(r.contains=[]),r.contains=Array.prototype.concat.apply([],r.contains.map(function(t){return l("self"===t?r:t)})),r.contains.forEach(function(t){a(t,r)}),r.starts&&a(r.starts,i),r.terminators=o(r))}if(t.contains&&-1!=t.contains.indexOf("self")){if(!F)throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");t.contains=t.contains.filter(function(t){return"self"!=t})}a(t)}function y(){return!!W.hideUpgradeWarningAcceptNoSupportOrSecurityUpdates||(!("object"!=typeof n||!Object({NODE_ENV:"production"}).HLJS_HIDE_UPGRADE_WARNING)||void 0)}function m(t,n,r,o){function a(t){return new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")}function u(t,e){if(i(t.endRe,e)){for(;t.endsParent&&t.parent;)t=t.parent;return t}if(t.endsWithParent)return u(t.parent,e)}function s(t,e){var n=O.case_insensitive?e[0].toLowerCase():e[0];return t.keywords.hasOwnProperty(n)&&t.keywords[n]}function c(t,e,n,r){if(!n&&""===e)return"";if(!t)return e;var i=r?"":W.classPrefix,o='<span class="'+i,a=n?"":$;return(o+=t+'">')+e+a}function f(){var t,n,r,i;if(!S.keywords)return e(A);for(i="",n=0,S.lexemesRe.lastIndex=0,r=S.lexemesRe.exec(A);r;)i+=e(A.substring(n,r.index)),t=s(S,r),t?(D+=t[1],i+=c(t[0],e(r[0]))):i+=e(r[0]),n=S.lexemesRe.lastIndex,r=S.lexemesRe.exec(A);return i+e(A.substr(n))}function l(){var t="string"==typeof S.subLanguage;if(t&&!j[S.subLanguage])return e(A);var n=t?m(S.subLanguage,A,!0,P[S.subLanguage]):b(A,S.subLanguage.length?S.subLanguage:void 0);return S.relevance>0&&(D+=n.relevance),t&&(P[S.subLanguage]=n.top),c(n.language,n.value,!1,!0)}function p(){M+=null!=S.subLanguage?l():f(),A=""}function d(t){M+=t.className?c(t.className,"",!0):"",S=Object.create(t,{parent:{value:S}})}function h(t){var e=t[0],n=t.rule;return n&&n.endSameAsBegin&&(n.endRe=a(e)),n.skip?A+=e:(n.excludeBegin&&(A+=e),p(),n.returnBegin||n.excludeBegin||(A=e)),d(n),n.returnBegin?0:e.length}function v(t){var e=t[0],n=w.substr(t.index),r=u(S,n);if(r){var i=S;i.skip?A+=e:(i.returnEnd||i.excludeEnd||(A+=e),p(),i.excludeEnd&&(A=e));do{S.className&&(M+=$),S.skip||S.subLanguage||(D+=S.relevance),S=S.parent}while(S!==r.parent);return r.starts&&(r.endSameAsBegin&&(r.starts.endRe=r.endRe),d(r.starts)),i.returnEnd?0:e.length}}function _(t,e){var n=e&&e[0];if(A+=t,null==n)return p(),0;if("begin"==x.type&&"end"==e.type&&x.index==e.index&&""===n)return A+=w.slice(e.index,e.index+1),1;if("illegal"===x.type&&""===n)return A+=w.slice(e.index,e.index+1),1;if(x=e,"begin"===e.type)return h(e);if("illegal"===e.type&&!r)throw new Error('Illegal lexeme "'+n+'" for mode "'+(S.className||"<unnamed>")+'"');if("end"===e.type){var i=v(e);if(void 0!=i)return i}return A+=n,n.length}y()||I||(I=!0,console.log("Version 9 of Highlight.js has reached EOL and is no longer supported.\nPlease upgrade or ask whatever dependency you are using to upgrade.\nhttps://github.com/highlightjs/highlight.js/issues/2877"));var w=n,x={},O=k(t);if(!O)throw console.error(q.replace("{}",t)),new Error('Unknown language: "'+t+'"');g(O);var E,S=o||O,P={},M="";for(E=S;E!==O;E=E.parent)E.className&&(M=c(E.className,"",!0)+M);var A="",D=0;try{for(var C,N,R=0;;){if(S.terminators.lastIndex=R,!(C=S.terminators.exec(w)))break;N=_(w.substring(R,C.index),C),R=C.index+N}for(_(w.substr(R)),E=S;E.parent;E=E.parent)E.className&&(M+=$);return{relevance:D,value:M,illegal:!1,language:t,top:S}}catch(n){if(n.message&&-1!==n.message.indexOf("Illegal"))return{illegal:!0,relevance:0,value:e(w)};if(F)return{relevance:0,value:e(w),language:t,top:S,errorRaised:n};throw n}}function b(t,n){n=n||W.languages||T(j);var r={relevance:0,value:e(t)},i=r;return n.filter(k).filter(D).forEach(function(e){var n=m(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 _(t){return W.tabReplace||W.useBR?t.replace(B,function(t,e){return W.useBR&&"\n"===t?"<br>":W.tabReplace?e.replace(/\t/g,W.tabReplace):""}):t}function w(t,e,n){var r=e?L[e]:n,i=[t.trim()];return t.match(/\bhljs\b/)||i.push("hljs"),-1===t.indexOf(r)&&i.push(r),i.join(" ").trim()}function x(t){var e,n,r,i,u,f=a(t);o(f)||(W.useBR?(e=document.createElement("div"),e.innerHTML=t.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n")):e=t,u=e.textContent,r=f?m(f,u,!0):b(u),n=s(e),n.length&&(i=document.createElement("div"),i.innerHTML=r.value,r.value=c(n,s(i),u)),r.value=_(r.value),t.innerHTML=r.value,t.className=w(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 O(t){W=u(W,t)}function E(){if(!E.called){E.called=!0;var t=document.querySelectorAll("pre code");R.forEach.call(t,x)}}function S(){window.addEventListener("DOMContentLoaded",E,!1),window.addEventListener("load",E,!1)}function P(e,n){var r;try{r=n(t)}catch(t){if(console.error("Language definition for '{}' could not be registered.".replace("{}",e)),!F)throw t;console.error(t),r=G}j[e]=r,p(r),r.rawDefinition=n.bind(null,t),r.aliases&&r.aliases.forEach(function(t){L[t]=e})}function M(){return T(j)}function A(t){var e=k(t);if(e)return e;throw new Error("The '{}' language is required, but not loaded.".replace("{}",t))}function k(t){return t=(t||"").toLowerCase(),j[t]||j[L[t]]}function D(t){var e=k(t);return e&&!e.disableAutodetect}function C(t){Object.freeze(t);var e="function"==typeof t;return Object.getOwnPropertyNames(t).forEach(function(n){!t.hasOwnProperty(n)||null===t[n]||"object"!=typeof t[n]&&"function"!=typeof t[n]||e&&("caller"===n||"callee"===n||"arguments"===n)||Object.isFrozen(t[n])||C(t[n])}),t}var N,I=!1,R=[],T=Object.keys,j=Object.create(null),L=Object.create(null),F=!0,U=/^(no-?highlight|plain|text)$/i,z=/\blang(?:uage)?-([\w-]+)\b/i,B=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,$="</span>",q="Could not find the language '{}', did you forget to load/include a language module?",W={hideUpgradeWarningAcceptNoSupportOrSecurityUpdates:!1,classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},K="of and for in not or if then".split(" "),G={disableAutodetect:!0};return t.highlight=m,t.highlightAuto=b,t.fixMarkup=_,t.highlightBlock=x,t.configure=O,t.initHighlighting=E,t.initHighlightingOnLoad=S,t.registerLanguage=P,t.listLanguages=M,t.getLanguage=k,t.requireLanguage=A,t.autoDetection=D,t.inherit=u,t.debugMode=function(){F=!1},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.BACKSLASH_ESCAPE,t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.PHRASAL_WORDS_MODE,t.COMMENT,t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,t.HASH_COMMENT_MODE,t.NUMBER_MODE,t.C_NUMBER_MODE,t.BINARY_NUMBER_MODE,t.CSS_NUMBER_MODE,t.REGEXP_MODE,t.TITLE_MODE,t.UNDERSCORE_TITLE_MODE,t.METHOD_GUARD].forEach(function(t){C(t)}),t})}).call(e,n("W2nU"))},"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}},"77Ug":function(t,e,n){"use strict";if(n("bUqO")){var r=n("V3l/"),i=n("OzIq"),o=n("zgIt"),a=n("Ds5P"),u=n("07k+"),s=n("LrcN"),c=n("rFzY"),f=n("9GpA"),l=n("fU25"),p=n("2p1q"),d=n("A16L"),h=n("oeih"),v=n("BbyF"),g=n("8D8H"),y=n("zo/l"),m=n("s4j0"),b=n("WBcL"),_=n("wC1N"),w=n("UKM+"),x=n("FryR"),O=n("9vb1"),E=n("7ylX"),S=n("KOrd"),P=n("WcO1").f,M=n("SHe9"),A=n("ulTY"),k=n("kkCw"),D=n("LhTa"),C=n("ot5s"),N=n("7O1s"),I=n("WgSQ"),R=n("bN1p"),T=n("qkyc"),j=n("CEne"),L=n("zCYm"),F=n("DPsE"),U=n("lDLk"),z=n("x9zv"),B=U.f,$=z.f,q=i.RangeError,W=i.TypeError,K=i.Uint8Array,G=Array.prototype,V=s.ArrayBuffer,X=s.DataView,Y=D(0),H=D(2),Q=D(3),Z=D(4),J=D(5),tt=D(6),et=C(!0),nt=C(!1),rt=I.values,it=I.keys,ot=I.entries,at=G.lastIndexOf,ut=G.reduce,st=G.reduceRight,ct=G.join,ft=G.sort,lt=G.slice,pt=G.toString,dt=G.toLocaleString,ht=k("iterator"),vt=k("toStringTag"),gt=A("typed_constructor"),yt=A("def_constructor"),mt=u.CONSTR,bt=u.TYPED,_t=u.VIEW,wt=D(1,function(t,e){return Pt(N(t,t[yt]),e)}),xt=o(function(){return 1===new K(new Uint16Array([1]).buffer)[0]}),Ot=!!K&&!!K.prototype.set&&o(function(){new K(1).set({})}),Et=function(t,e){var n=h(t);if(n<0||n%e)throw q("Wrong offset!");return n},St=function(t){if(w(t)&&bt in t)return t;throw W(t+" is not a typed array!")},Pt=function(t,e){if(!(w(t)&&gt in t))throw W("It is not a typed array constructor!");return new t(e)},Mt=function(t,e){return At(N(t,t[yt]),e)},At=function(t,e){for(var n=0,r=e.length,i=Pt(t,r);r>n;)i[n]=e[n++];return i},kt=function(t,e,n){B(t,e,{get:function(){return this._d[n]}})},Dt=function(t){var e,n,r,i,o,a,u=x(t),s=arguments.length,f=s>1?arguments[1]:void 0,l=void 0!==f,p=M(u);if(void 0!=p&&!O(p)){for(a=p.call(u),r=[],e=0;!(o=a.next()).done;e++)r.push(o.value);u=r}for(l&&s>2&&(f=c(f,arguments[2],2)),e=0,n=v(u.length),i=Pt(this,n);n>e;e++)i[e]=l?f(u[e],e):u[e];return i},Ct=function(){for(var t=0,e=arguments.length,n=Pt(this,e);e>t;)n[t]=arguments[t++];return n},Nt=!!K&&o(function(){dt.call(new K(1))}),It=function(){return dt.apply(Nt?lt.call(St(this)):St(this),arguments)},Rt={copyWithin:function(t,e){return F.call(St(this),t,e,arguments.length>2?arguments[2]:void 0)},every:function(t){return Z(St(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return L.apply(St(this),arguments)},filter:function(t){return Mt(this,H(St(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return J(St(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(St(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){Y(St(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return nt(St(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return et(St(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return ct.apply(St(this),arguments)},lastIndexOf:function(t){return at.apply(St(this),arguments)},map:function(t){return wt(St(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ut.apply(St(this),arguments)},reduceRight:function(t){return st.apply(St(this),arguments)},reverse:function(){for(var t,e=this,n=St(e).length,r=Math.floor(n/2),i=0;i<r;)t=e[i],e[i++]=e[--n],e[n]=t;return e},some:function(t){return Q(St(this),t,arguments.length>1?arguments[1]:void 0)},sort:function(t){return ft.call(St(this),t)},subarray:function(t,e){var n=St(this),r=n.length,i=y(t,r);return new(N(n,n[yt]))(n.buffer,n.byteOffset+i*n.BYTES_PER_ELEMENT,v((void 0===e?r:y(e,r))-i))}},Tt=function(t,e){return Mt(this,lt.call(St(this),t,e))},jt=function(t){St(this);var e=Et(arguments[1],1),n=this.length,r=x(t),i=v(r.length),o=0;if(i+e>n)throw q("Wrong length!");for(;o<i;)this[e+o]=r[o++]},Lt={entries:function(){return ot.call(St(this))},keys:function(){return it.call(St(this))},values:function(){return rt.call(St(this))}},Ft=function(t,e){return w(t)&&t[bt]&&"symbol"!=typeof e&&e in t&&String(+e)==String(e)},Ut=function(t,e){return Ft(t,e=m(e,!0))?l(2,t[e]):$(t,e)},zt=function(t,e,n){return!(Ft(t,e=m(e,!0))&&w(n)&&b(n,"value"))||b(n,"get")||b(n,"set")||n.configurable||b(n,"writable")&&!n.writable||b(n,"enumerable")&&!n.enumerable?B(t,e,n):(t[e]=n.value,t)};mt||(z.f=Ut,U.f=zt),a(a.S+a.F*!mt,"Object",{getOwnPropertyDescriptor:Ut,defineProperty:zt}),o(function(){pt.call({})})&&(pt=dt=function(){return ct.call(this)});var Bt=d({},Rt);d(Bt,Lt),p(Bt,ht,Lt.values),d(Bt,{slice:Tt,set:jt,constructor:function(){},toString:pt,toLocaleString:It}),kt(Bt,"buffer","b"),kt(Bt,"byteOffset","o"),kt(Bt,"byteLength","l"),kt(Bt,"length","e"),B(Bt,vt,{get:function(){return this[bt]}}),t.exports=function(t,e,n,s){s=!!s;var c=t+(s?"Clamped":"")+"Array",l="get"+t,d="set"+t,h=i[c],y=h||{},m=h&&S(h),b=!h||!u.ABV,x={},O=h&&h.prototype,M=function(t,n){var r=t._d;return r.v[l](n*e+r.o,xt)},A=function(t,n,r){var i=t._d;s&&(r=(r=Math.round(r))<0?0:r>255?255:255&r),i.v[d](n*e+i.o,r,xt)},k=function(t,e){B(t,e,{get:function(){return M(this,e)},set:function(t){return A(this,e,t)},enumerable:!0})};b?(h=n(function(t,n,r,i){f(t,h,c,"_d");var o,a,u,s,l=0,d=0;if(w(n)){if(!(n instanceof V||"ArrayBuffer"==(s=_(n))||"SharedArrayBuffer"==s))return bt in n?At(h,n):Dt.call(h,n);o=n,d=Et(r,e);var y=n.byteLength;if(void 0===i){if(y%e)throw q("Wrong length!");if((a=y-d)<0)throw q("Wrong length!")}else if((a=v(i)*e)+d>y)throw q("Wrong length!");u=a/e}else u=g(n),a=u*e,o=new V(a);for(p(t,"_d",{b:o,o:d,l:a,e:u,v:new X(o)});l<u;)k(t,l++)}),O=h.prototype=E(Bt),p(O,"constructor",h)):o(function(){h(1)})&&o(function(){new h(-1)})&&T(function(t){new h,new h(null),new h(1.5),new h(t)},!0)||(h=n(function(t,n,r,i){f(t,h,c);var o;return w(n)?n instanceof V||"ArrayBuffer"==(o=_(n))||"SharedArrayBuffer"==o?void 0!==i?new y(n,Et(r,e),i):void 0!==r?new y(n,Et(r,e)):new y(n):bt in n?At(h,n):Dt.call(h,n):new y(g(n))}),Y(m!==Function.prototype?P(y).concat(P(m)):P(y),function(t){t in h||p(h,t,y[t])}),h.prototype=O,r||(O.constructor=h));var D=O[ht],C=!!D&&("values"==D.name||void 0==D.name),N=Lt.values;p(h,gt,!0),p(O,bt,c),p(O,_t,!0),p(O,yt,h),(s?new h(1)[vt]==c:vt in O)||B(O,vt,{get:function(){return c}}),x[c]=h,a(a.G+a.W+a.F*(h!=y),x),a(a.S,c,{BYTES_PER_ELEMENT:e}),a(a.S+a.F*o(function(){y.of.call(h,1)}),c,{from:Dt,of:Ct}),"BYTES_PER_ELEMENT"in O||p(O,"BYTES_PER_ELEMENT",e),a(a.P,c,Rt),j(c),a(a.P+a.F*Ot,c,{set:jt}),a(a.P+a.F*!C,c,Lt),r||O.toString==pt||(O.toString=pt),a(a.P+a.F*o(function(){new h(1).slice()}),c,{slice:Tt}),a(a.P+a.F*(o(function(){return[1,2].toLocaleString()!=new h([1,2]).toLocaleString()})||!o(function(){O.toLocaleString.call([1,2])})),c,{toLocaleString:It}),R[c]=C?D:N,r||C||p(O,ht,N)}}else t.exports=function(){}},"7Jvp":function(t,e,n){function r(t){return isFinite(t=+t)&&0!=t?t<0?-r(-t):Math.log(t+Math.sqrt(t*t+1)):t}var i=n("Ds5P"),o=Math.asinh;i(i.S+i.F*!(o&&1/o(0)>0),"Math",{asinh:r})},"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)},"7O1s":function(t,e,n){var r=n("DIVP"),i=n("XSOZ"),o=n("kkCw")("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||void 0==(n=r(a)[o])?e:i(n)}},"7UMu":function(t,e,n){var r=n("R9M2");t.exports=Array.isArray||function(t){return"Array"==r(t)}},"7gX0":function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},"7ylX":function(t,e,n){var r=n("DIVP"),i=n("twxM"),o=n("QKXm"),a=n("mZON")("IE_PROTO"),u=function(){},s=function(){var t,e=n("jhxf")("iframe"),r=o.length;for(e.style.display="none",n("d075").appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),s=t.F;r--;)delete s.prototype[o[r]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(u.prototype=r(t),n=new u,u.prototype=null,n[a]=t):n=s(),void 0===e?n:i(n,e)}},"81dZ":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("d075"),o=n("ydD5"),a=n("zo/l"),u=n("BbyF"),s=[].slice;r(r.P+r.F*n("zgIt")(function(){i&&s.call(i)}),"Array",{slice:function(t,e){var n=u(this.length),r=o(this);if(e=void 0===e?n:e,"Array"==r)return s.call(this,t,e);for(var i=a(t,n),c=a(e,n),f=u(c-i),l=new Array(f),p=0;p<f;p++)l[p]="String"==r?this.charAt(i+p):this[i+p];return l}})},"82Mu":function(t,e,n){var r=n("7KvD"),i=n("L42u").set,o=r.MutationObserver||r.WebKitMutationObserver,a=r.process,u=r.Promise,s="process"==n("R9M2")(a);t.exports=function(){var t,e,n,c=function(){var r,i;for(s&&(r=a.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(s)n=function(){a.nextTick(c)};else if(!o||r.navigator&&r.navigator.standalone)if(u&&u.resolve){var f=u.resolve(void 0);n=function(){f.then(c)}}else n=function(){i.call(r,c)};else{var l=!0,p=document.createTextNode("");new o(c).observe(p,{characterData:!0}),n=function(){p.data=l=!l}}return function(r){var i={fn:r,next:void 0};e&&(e.next=i),t||(t=i,n()),e=i}}},"82of":function(t,e,n){"use strict";n("y325")("fontcolor",function(t){return function(e){return t(this,"font","color",e)}})},"880/":function(t,e,n){t.exports=n("hJx8")},"8D8H":function(t,e,n){var r=n("oeih"),i=n("BbyF");t.exports=function(t){if(void 0===t)return 0;var e=r(t),n=i(e);if(e!==n)throw RangeError("Wrong length!");return n}},"8Np7":function(t,e,n){"use strict";n("y325")("anchor",function(t){return function(e){return t(this,"a","name",e)}})},"8WbS":function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=n("KOrd"),a=r.has,u=r.key,s=function(t,e,n){if(a(t,e,n))return!0;var r=o(e);return null!==r&&s(t,r,n)};r.exp({hasMetadata:function(t,e){return s(t,i(e),arguments.length<3?void 0:u(arguments[2]))}})},"8fhx":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("FryR"),o=n("s4j0");r(r.P+r.F*n("zgIt")(function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})}),"Date",{toJSON:function(t){var e=i(this),n=o(e);return"number"!=typeof n||isFinite(n)?e.toISOString():null}})},"8qzu":function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("WlpS")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return t&&t.__esModule?t:{default:t}}(n),i=function(){return r.default.Date.now()};e.default=i,t.exports=e.default})},"8t38":function(t,e,n){var r=n("OzIq").parseFloat,i=n("Ymdd").trim;t.exports=1/r(n("Xduv")+"-0")!=-1/0?function(t){var e=i(String(t),3),n=r(e);return 0===n&&"-"==e.charAt(0)?-0:n}:r},"94VQ":function(t,e,n){"use strict";var r=n("Yobk"),i=n("X8DO"),o=n("e6n0"),a={};n("hJx8")(a,n("dSzd")("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:i(1,n)}),o(t,e+" Iterator")}},"9GpA":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}},"9Yib":function(t,e,n){n("3g/S")("asyncIterator")},"9mGU":function(t,e,n){var r=n("Ds5P"),i=n("DIVP"),o=Object.preventExtensions;r(r.S,"Reflect",{preventExtensions:function(t){i(t);try{return o&&o(t),!0}catch(t){return!1}}})},"9mmO":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("07k+"),o=n("LrcN"),a=n("DIVP"),u=n("zo/l"),s=n("BbyF"),c=n("UKM+"),f=n("OzIq").ArrayBuffer,l=n("7O1s"),p=o.ArrayBuffer,d=o.DataView,h=i.ABV&&f.isView,v=p.prototype.slice,g=i.VIEW;r(r.G+r.W+r.F*(f!==p),{ArrayBuffer:p}),r(r.S+r.F*!i.CONSTR,"ArrayBuffer",{isView:function(t){return h&&h(t)||c(t)&&g in t}}),r(r.P+r.U+r.F*n("zgIt")(function(){return!new p(2).slice(1,void 0).byteLength}),"ArrayBuffer",{slice:function(t,e){if(void 0!==v&&void 0===e)return v.call(a(this),t);for(var n=a(this).byteLength,r=u(t,n),i=u(void 0===e?n:e,n),o=new(l(this,p))(s(i-r)),c=new d(this),f=new d(o),h=0;r<i;)f.setUint8(h++,c.getUint8(r++));return o}}),n("CEne")("ArrayBuffer")},"9vb1":function(t,e,n){var r=n("bN1p"),i=n("kkCw")("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||o[i]===t)}},"9vc3":function(t,e,n){var r=n("Ds5P");r(r.P,"Array",{copyWithin:n("DPsE")}),n("RhFG")("copyWithin")},"9xIj":function(t,e,n){var r=n("Ds5P"),i=n("x78i");r(r.S+r.F*(i!=Math.expm1),"Math",{expm1:i})},"A0n/":function(t,e,n){"use strict";var r=n("OzIq"),i=n("WBcL"),o=n("bUqO"),a=n("Ds5P"),u=n("R3AP"),s=n("1aA0").KEY,c=n("zgIt"),f=n("VWgF"),l=n("yYvK"),p=n("ulTY"),d=n("kkCw"),h=n("M8WE"),v=n("3g/S"),g=n("C+Ps"),y=n("XO1R"),m=n("DIVP"),b=n("UKM+"),_=n("PHqh"),w=n("s4j0"),x=n("fU25"),O=n("7ylX"),E=n("bG/2"),S=n("x9zv"),P=n("lDLk"),M=n("Qh14"),A=S.f,k=P.f,D=E.f,C=r.Symbol,N=r.JSON,I=N&&N.stringify,R=d("_hidden"),T=d("toPrimitive"),j={}.propertyIsEnumerable,L=f("symbol-registry"),F=f("symbols"),U=f("op-symbols"),z=Object.prototype,B="function"==typeof C,$=r.QObject,q=!$||!$.prototype||!$.prototype.findChild,W=o&&c(function(){return 7!=O(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=A(z,e);r&&delete z[e],k(t,e,n),r&&t!==z&&k(z,e,r)}:k,K=function(t){var e=F[t]=O(C.prototype);return e._k=t,e},G=B&&"symbol"==typeof C.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof C},V=function(t,e,n){return t===z&&V(U,e,n),m(t),e=w(e,!0),m(n),i(F,e)?(n.enumerable?(i(t,R)&&t[R][e]&&(t[R][e]=!1),n=O(n,{enumerable:x(0,!1)})):(i(t,R)||k(t,R,x(1,{})),t[R][e]=!0),W(t,e,n)):k(t,e,n)},X=function(t,e){m(t);for(var n,r=g(e=_(e)),i=0,o=r.length;o>i;)V(t,n=r[i++],e[n]);return t},Y=function(t,e){return void 0===e?O(t):X(O(t),e)},H=function(t){var e=j.call(this,t=w(t,!0));return!(this===z&&i(F,t)&&!i(U,t))&&(!(e||!i(this,t)||!i(F,t)||i(this,R)&&this[R][t])||e)},Q=function(t,e){if(t=_(t),e=w(e,!0),t!==z||!i(F,e)||i(U,e)){var n=A(t,e);return!n||!i(F,e)||i(t,R)&&t[R][e]||(n.enumerable=!0),n}},Z=function(t){for(var e,n=D(_(t)),r=[],o=0;n.length>o;)i(F,e=n[o++])||e==R||e==s||r.push(e);return r},J=function(t){for(var e,n=t===z,r=D(n?U:_(t)),o=[],a=0;r.length>a;)!i(F,e=r[a++])||n&&!i(z,e)||o.push(F[e]);return o};B||(C=function(){if(this instanceof C)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===z&&e.call(U,n),i(this,R)&&i(this[R],t)&&(this[R][t]=!1),W(this,t,x(1,n))};return o&&q&&W(z,t,{configurable:!0,set:e}),K(t)},u(C.prototype,"toString",function(){return this._k}),S.f=Q,P.f=V,n("WcO1").f=E.f=Z,n("Y1aA").f=H,n("Y1N3").f=J,o&&!n("V3l/")&&u(z,"propertyIsEnumerable",H,!0),h.f=function(t){return K(d(t))}),a(a.G+a.W+a.F*!B,{Symbol:C});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)d(tt[et++]);for(var nt=M(d.store),rt=0;nt.length>rt;)v(nt[rt++]);a(a.S+a.F*!B,"Symbol",{for:function(t){return i(L,t+="")?L[t]:L[t]=C(t)},keyFor:function(t){if(!G(t))throw TypeError(t+" is not a symbol!");for(var e in L)if(L[e]===t)return e},useSetter:function(){q=!0},useSimple:function(){q=!1}}),a(a.S+a.F*!B,"Object",{create:Y,defineProperty:V,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:Z,getOwnPropertySymbols:J}),N&&a(a.S+a.F*(!B||c(function(){var t=C();return"[null]"!=I([t])||"{}"!=I({a:t})||"{}"!=I(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],i=1;arguments.length>i;)r.push(arguments[i++]);if(n=e=r[1],(b(e)||void 0!==t)&&!G(t))return y(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!G(e))return e}),r[1]=e,I.apply(N,r)}}),C.prototype[T]||n("2p1q")(C.prototype,T,C.prototype.valueOf),l(C,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},A16L:function(t,e,n){var r=n("R3AP");t.exports=function(t,e,n){for(var i in e)r(t,i,e[i],n);return t}},A1ng:function(t,e,n){var r=n("Ds5P"),i=n("n982"),o=Math.abs;r(r.S,"Number",{isSafeInteger:function(t){return i(t)&&o(t)<=9007199254740991}})},A52B:function(t,e,n){var r=n("x9zv"),i=n("Ds5P"),o=n("DIVP");i(i.S,"Reflect",{getOwnPropertyDescriptor:function(t,e){return r.f(o(t),e)}})},AkTE:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("FryR"),o=n("s4j0"),a=n("KOrd"),u=n("x9zv").f;n("bUqO")&&r(r.P+n("dm6P"),"Object",{__lookupSetter__:function(t){var e,n=i(this),r=o(t,!0);do{if(e=u(n,r))return e.set}while(n=a(n))}})},B3Xn:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{imulh:function(t,e){var n=+t,r=+e,i=65535&n,o=65535&r,a=n>>16,u=r>>16,s=(a*o>>>0)+(i*o>>>16);return a*u+(s>>16)+((i*u>>>0)+(65535&s)>>16)}})},BOYP:function(t,e,n){n("0j1G")("WeakSet")},BbyF:function(t,e,n){var r=n("oeih"),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},BwfY:function(t,e,n){n("fWfb"),n("M6a0"),n("OYls"),n("QWe/"),t.exports=n("FeBl").Symbol},"C+4B":function(t,e,n){var r=n("PHqh"),i=n("x9zv").f;n("3i66")("getOwnPropertyDescriptor",function(){return function(t,e){return i(r(t),e)}})},"C+Ps":function(t,e,n){var r=n("Qh14"),i=n("Y1N3"),o=n("Y1aA");t.exports=function(t){var e=r(t),n=i.f;if(n)for(var a,u=n(t),s=o.f,c=0;u.length>c;)s.call(t,a=u[c++])&&e.push(a);return e}},"CEO+":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("LhTa")(0),o=n("NNrz")([].forEach,!0);r(r.P+r.F*!o,"Array",{forEach:function(t){return i(this,t,arguments[1])}})},CEne:function(t,e,n){"use strict";var r=n("OzIq"),i=n("lDLk"),o=n("bUqO"),a=n("kkCw")("species");t.exports=function(t){var e=r[t];o&&e&&!e[a]&&i.f(e,a,{configurable:!0,get:function(){return this}})}},"CVR+":function(t,e,n){var r=n("Ds5P"),i=n("XSOZ"),o=n("DIVP"),a=(n("OzIq").Reflect||{}).apply,u=Function.apply;r(r.S+r.F*!n("zgIt")(function(){a(function(){})}),"Reflect",{apply:function(t,e,n){var r=i(t),s=o(n);return a?a(r,e,s):u.call(r,e,s)}})},CXw9:function(t,e,n){"use strict";var r,i,o,a,u=n("O4g8"),s=n("7KvD"),c=n("+ZMJ"),f=n("RY/4"),l=n("kM2E"),p=n("EqjI"),d=n("lOnJ"),h=n("2KxR"),v=n("NWt+"),g=n("t8x9"),y=n("L42u").set,m=n("82Mu")(),b=n("qARP"),_=n("dNDb"),w=n("iUbK"),x=n("fJUb"),O=s.TypeError,E=s.process,S=E&&E.versions,P=S&&S.v8||"",M=s.Promise,A="process"==f(E),k=function(){},D=i=b.f,C=!!function(){try{var t=M.resolve(1),e=(t.constructor={})[n("dSzd")("species")]=function(t){t(k,k)};return(A||"function"==typeof PromiseRejectionEvent)&&t.then(k)instanceof e&&0!==P.indexOf("6.6")&&-1===w.indexOf("Chrome/66")}catch(t){}}(),N=function(t){var e;return!(!p(t)||"function"!=typeof(e=t.then))&&e},I=function(t,e){if(!t._n){t._n=!0;var n=t._c;m(function(){for(var r=t._v,i=1==t._s,o=0;n.length>o;)!function(e){var n,o,a,u=i?e.ok:e.fail,s=e.resolve,c=e.reject,f=e.domain;try{u?(i||(2==t._h&&j(t),t._h=1),!0===u?n=r:(f&&f.enter(),n=u(r),f&&(f.exit(),a=!0)),n===e.promise?c(O("Promise-chain cycle")):(o=N(n))?o.call(n,s,c):s(n)):c(r)}catch(t){f&&!a&&f.exit(),c(t)}}(n[o++]);t._c=[],t._n=!1,e&&!t._h&&R(t)})}},R=function(t){y.call(s,function(){var e,n,r,i=t._v,o=T(t);if(o&&(e=_(function(){A?E.emit("unhandledRejection",i,t):(n=s.onunhandledrejection)?n({promise:t,reason:i}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",i)}),t._h=A||T(t)?2:1),t._a=void 0,o&&e.e)throw e.v})},T=function(t){return 1!==t._h&&0===(t._a||t._c).length},j=function(t){y.call(s,function(){var e;A?E.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})})},L=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()),I(e,!0))},F=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw O("Promise can't be resolved itself");(e=N(t))?m(function(){var r={_w:n,_d:!1};try{e.call(t,c(F,r,1),c(L,r,1))}catch(t){L.call(r,t)}}):(n._v=t,n._s=1,I(n,!1))}catch(t){L.call({_w:n,_d:!1},t)}}};C||(M=function(t){h(this,M,"Promise","_h"),d(t),r.call(this);try{t(c(F,this,1),c(L,this,1))}catch(t){L.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")(M.prototype,{then:function(t,e){var n=D(g(this,M));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=A?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&I(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new r;this.promise=t,this.resolve=c(F,t,1),this.reject=c(L,t,1)},b.f=D=function(t){return t===M||t===a?new o(t):i(t)}),l(l.G+l.W+l.F*!C,{Promise:M}),n("e6n0")(M,"Promise"),n("bRrM")("Promise"),a=n("FeBl").Promise,l(l.S+l.F*!C,"Promise",{reject:function(t){var e=D(this);return(0,e.reject)(t),e.promise}}),l(l.S+l.F*(u||!C),"Promise",{resolve:function(t){return x(u&&this===a?M:this,t)}}),l(l.S+l.F*!(C&&n("dY0y")(function(t){M.all(t).catch(k)})),"Promise",{all:function(t){var e=this,n=D(e),r=n.resolve,i=n.reject,o=_(function(){var n=[],o=0,a=1;v(t,!1,function(t){var u=o++,s=!1;n.push(void 0),a++,e.resolve(t).then(function(t){s||(s=!0,n[u]=t,--a||r(n))},i)}),--a||r(n)});return o.e&&i(o.v),n.promise},race:function(t){var e=this,n=D(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))}})},CvWX:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("BbyF"),o=n("kqpo"),a="".startsWith;r(r.P+r.F*n("1ETD")("startsWith"),"String",{startsWith:function(t){var e=o(this,t,"startsWith"),n=i(Math.min(arguments.length>1?arguments[1]:void 0,e.length)),r=String(t);return a?a.call(e,r,n):e.slice(n,n+r.length)===r}})},D2L2:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},DIVP:function(t,e,n){var r=n("UKM+");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},DPsE:function(t,e,n){"use strict";var r=n("FryR"),i=n("zo/l"),o=n("BbyF");t.exports=[].copyWithin||function(t,e){var n=r(this),a=o(n.length),u=i(t,a),s=i(e,a),c=arguments.length>2?arguments[2]:void 0,f=Math.min((void 0===c?a:i(c,a))-s,a-u),l=1;for(s<u&&u<s+f&&(l=-1,s+=f-1,u+=f-1);f-- >0;)s in n?n[u]=n[s]:delete n[u],u+=l,s+=l;return n}},DQfQ:function(t,e,n){var r=n("Ds5P");r(r.G,{global:n("OzIq")})},Dgii:function(t,e,n){"use strict";var r=n("lDLk").f,i=n("7ylX"),o=n("A16L"),a=n("rFzY"),u=n("9GpA"),s=n("vmSO"),c=n("uc2A"),f=n("KB1o"),l=n("CEne"),p=n("bUqO"),d=n("1aA0").fastKey,h=n("zq/X"),v=p?"_s":"size",g=function(t,e){var n,r=d(e);if("F"!==r)return t._i[r];for(n=t._f;n;n=n.n)if(n.k==e)return n};t.exports={getConstructor:function(t,e,n,c){var f=t(function(t,r){u(t,f,e,"_i"),t._t=e,t._i=i(null),t._f=void 0,t._l=void 0,t[v]=0,void 0!=r&&s(r,n,t[c],t)});return o(f.prototype,{clear:function(){for(var t=h(this,e),n=t._i,r=t._f;r;r=r.n)r.r=!0,r.p&&(r.p=r.p.n=void 0),delete n[r.i];t._f=t._l=void 0,t[v]=0},delete:function(t){var n=h(this,e),r=g(n,t);if(r){var i=r.n,o=r.p;delete n._i[r.i],r.r=!0,o&&(o.n=i),i&&(i.p=o),n._f==r&&(n._f=i),n._l==r&&(n._l=o),n[v]--}return!!r},forEach:function(t){h(this,e);for(var n,r=a(t,arguments.length>1?arguments[1]:void 0,3);n=n?n.n:this._f;)for(r(n.v,n.k,this);n&&n.r;)n=n.p},has:function(t){return!!g(h(this,e),t)}}),p&&r(f.prototype,"size",{get:function(){return h(this,e)[v]}}),f},def:function(t,e,n){var r,i,o=g(t,e);return o?o.v=n:(t._l=o={i:i=d(e,!0),k:e,v:n,p:r=t._l,n:void 0,r:!1},t._f||(t._f=o),r&&(r.n=o),t[v]++,"F"!==i&&(t._i[i]=o)),t},getEntry:g,setStrong:function(t,e,n){c(t,e,function(t,n){this._t=h(t,e),this._k=n,this._l=void 0},function(){for(var t=this,e=t._k,n=t._l;n&&n.r;)n=n.p;return t._t&&(t._l=n=n?n.n:t._t._f)?"keys"==e?f(0,n.k):"values"==e?f(0,n.v):f(0,[n.k,n.v]):(t._t=void 0,f(1))},n?"entries":"values",!n,!0),l(e)}}},Ds5P:function(t,e,n){var r=n("OzIq"),i=n("7gX0"),o=n("2p1q"),a=n("R3AP"),u=n("rFzY"),s=function(t,e,n){var c,f,l,p,d=t&s.F,h=t&s.G,v=t&s.S,g=t&s.P,y=t&s.B,m=h?r:v?r[e]||(r[e]={}):(r[e]||{}).prototype,b=h?i:i[e]||(i[e]={}),_=b.prototype||(b.prototype={});h&&(n=e);for(c in n)f=!d&&m&&void 0!==m[c],l=(f?m:n)[c],p=y&&f?u(l,r):g&&"function"==typeof l?u(Function.call,l):l,m&&a(m,c,l,t&s.U),b[c]!=l&&o(b,c,p),g&&_[c]!=l&&(_[c]=l)};r.core=i,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},DuR2:function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},EGZi:function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},EWrS:function(t,e,n){"use strict";n("y325")("sub",function(t){return function(){return t(this,"sub","","")}})},"EZ+5":function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=n("XSOZ"),a=r.key,u=r.set;r.exp({metadata:function(t,e){return function(n,r){u(t,e,(void 0!==r?i:o)(n),a(r))}}})},"EZG+":function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("WlpS")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return t&&t.__esModule?t:{default:t}}(n),i=r.default.Symbol;e.default=i,t.exports=e.default})},EqBC:function(t,e,n){"use strict";var r=n("kM2E"),i=n("FeBl"),o=n("7KvD"),a=n("t8x9"),u=n("fJUb");r(r.P+r.R,"Promise",{finally:function(t){var e=a(this,i.Promise||o.Promise),n="function"==typeof t;return this.then(n?function(n){return u(e,t()).then(function(){return n})}:t,n?function(n){return u(e,t()).then(function(){throw n})}:t)}})},EqjI:function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},EuXz:function(t,e,n){var r=n("lDLk").f,i=Function.prototype,o=/^\s*function ([^ (]*)/;"name"in i||n("bUqO")&&r(i,"name",{configurable:!0,get:function(){try{return(""+this).match(o)[1]}catch(t){return""}}})},EvFb:function(t,e,n){var r=n("Ds5P"),i=n("8t38");r(r.G+r.F*(parseFloat!=i),{parseFloat:i})},F1ui:function(t,e,n){var r=n("Ds5P"),i=Math.PI/180;r(r.S,"Math",{radians:function(t){return t*i}})},F3sI:function(t,e,n){var r=n("Ds5P"),i=n("PHqh"),o=n("BbyF");r(r.S,"String",{raw:function(t){for(var e=i(t.raw),n=o(e.length),r=arguments.length,a=[],u=0;n>u;)a.push(String(e[u++])),u<r&&a.push(String(arguments[u]));return a.join("")}})},FKfb:function(t,e,n){var r=n("Ds5P"),i=n("lKE8")(!0);r(r.S,"Object",{entries:function(t){return i(t)}})},"FZ+f":function(t,e){function n(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=r(i);return[n].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([o]).join("\n")}return[n].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},FaZr:function(t,e,n){"use strict";n("pd+2");var r=n("DIVP"),i=n("0pGU"),o=n("bUqO"),a=/./.toString,u=function(t){n("R3AP")(RegExp.prototype,"toString",t,!0)};n("zgIt")(function(){return"/a/b"!=a.call({source:"a",flags:"b"})})?u(function(){var t=r(this);return"/".concat(t.source,"/","flags"in t?t.flags:!o&&t instanceof RegExp?i.call(t):void 0)}):"toString"!=a.name&&u(function(){return a.call(this)})},FeBl:function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},FkIZ:function(t,e,n){var r=n("XSOZ"),i=n("FryR"),o=n("Q6Nf"),a=n("BbyF");t.exports=function(t,e,n,u,s){r(e);var c=i(t),f=o(c),l=a(c.length),p=s?l-1:0,d=s?-1:1;if(n<2)for(;;){if(p in f){u=f[p],p+=d;break}if(p+=d,s?p<0:l<=p)throw TypeError("Reduce of empty array with no initial value")}for(;s?p>=0:l>p;p+=d)p in f&&(u=e(u,f[p],p,c));return u}},FryR:function(t,e,n){var r=n("/whu");t.exports=function(t){return Object(r(t))}},GdJY:function(t,e){t.exports=function(t){var e={literal:"true false null"},n=[t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE],r=[t.QUOTE_STRING_MODE,t.C_NUMBER_MODE],i={end:",",endsWithParent:!0,excludeEnd:!0,contains:r,keywords:e},o={begin:"{",end:"}",contains:[{className:"attr",begin:/"/,end:/"/,contains:[t.BACKSLASH_ESCAPE],illegal:"\\n"},t.inherit(i,{begin:/:/})].concat(n),illegal:"\\S"},a={begin:"\\[",end:"\\]",contains:[t.inherit(i)],illegal:"\\S"};return r.push(o,a),n.forEach(function(t){r.push(t)}),{contains:r,keywords:e,illegal:"\\S"}}},Gh7F:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("kqpo");r(r.P+r.F*n("1ETD")("includes"),"String",{includes:function(t){return!!~i(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},H0mh:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{trunc:function(t){return(t>0?Math.floor:Math.ceil)(t)}})},H7zx:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{signbit:function(t){return(t=+t)!=t?t:0==t?1/t==1/0:t>0}})},Hhm4:function(t,e,n){var r=n("Ds5P");r(r.S+r.F*!n("bUqO"),"Object",{defineProperties:n("twxM")})},"Hl+4":function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{sign:n("cwmK")})},IFpc:function(t,e,n){"use strict";function r(t,e,n,c,f,l,p,d){for(var h,v,g=f,y=0,m=!!p&&u(p,d,3);y<c;){if(y in n){if(h=m?m(n[y],y,e):n[y],v=!1,o(h)&&(v=h[s],v=void 0!==v?!!v:i(h)),v&&l>0)g=r(t,e,h,a(h.length),g,l-1)-1;else{if(g>=9007199254740991)throw TypeError();t[g]=h}g++}y++}return g}var i=n("XO1R"),o=n("UKM+"),a=n("BbyF"),u=n("rFzY"),s=n("kkCw")("isConcatSpreadable");t.exports=r},IMUI:function(t,e,n){var r=n("Ds5P");r(r.S,"Array",{isArray:n("XO1R")})},IRJ3:function(t,e,n){"use strict";var r=n("7ylX"),i=n("fU25"),o=n("yYvK"),a={};n("2p1q")(a,n("kkCw")("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:i(1,n)}),o(t,e+" Iterator")}},IZDm:function(t,e){t.exports=function(t){var e={begin:"<>",end:"</>"},n={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/},r="[A-Za-z$_][0-9A-Za-z$_]*",i={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},o={className:"number",variants:[{begin:"\\b(0[bB][01]+)n?"},{begin:"\\b(0[oO][0-7]+)n?"},{begin:t.C_NUMBER_RE+"n?"}],relevance:0},a={className:"subst",begin:"\\$\\{",end:"\\}",keywords:i,contains:[]},u={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[t.BACKSLASH_ESCAPE,a],subLanguage:"xml"}},s={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[t.BACKSLASH_ESCAPE,a],subLanguage:"css"}},c={className:"string",begin:"`",end:"`",contains:[t.BACKSLASH_ESCAPE,a]};a.contains=[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,u,s,c,o,t.REGEXP_MODE];var f=a.contains.concat([t.C_BLOCK_COMMENT_MODE,t.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx","mjs","cjs"],keywords:i,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,u,s,c,t.C_LINE_COMMENT_MODE,t.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+",contains:[{className:"type",begin:"\\{",end:"\\}",relevance:0},{className:"variable",begin:r+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),t.C_BLOCK_COMMENT_MODE,o,{begin:/[{,\n]\s*/,relevance:0,contains:[{begin:r+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:r,relevance:0}]}]},{begin:"("+t.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,t.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+r+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:r},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:i,contains:f}]}]},{className:"",begin:/\s/,end:/\s*/,skip:!0},{variants:[{begin:e.begin,end:e.end},{begin:n.begin,end:n.end}],subLanguage:"xml",contains:[{begin:n.begin,end:n.end,skip:!0,contains:["self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[t.inherit(t.TITLE_MODE,{begin:r}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:f}],illegal:/\[|%/},{begin:/\$[(.]/},t.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},t.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor get set",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}},Ibhu:function(t,e,n){var r=n("D2L2"),i=n("TcQ7"),o=n("vFc/")(!1),a=n("ax3d")("IE_PROTO");t.exports=function(t,e){var n,u=i(t),s=0,c=[];for(n in u)n!=a&&r(u,n)&&c.push(n);for(;e.length>s;)r(u,n=e[s++])&&(~o(c,n)||c.push(n));return c}},"J+j9":function(t,e,n){"use strict";n("y325")("fixed",function(t){return function(){return t(this,"tt","","")}})},J2ob:function(t,e,n){"use strict";n("y325")("sup",function(t){return function(){return t(this,"sup","","")}})},JG34:function(t,e,n){var r=n("Ds5P"),i=n("DIVP"),o=Object.isExtensible;r(r.S,"Reflect",{isExtensible:function(t){return i(t),!o||o(t)}})},JJ3w:function(t,e,n){n("0j1G")("Map")},K0JP:function(t,e,n){n("77Ug")("Int32",4,function(t){return function(e,n,r){return t(this,e,n,r)}})},KB1o:function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},KOrd:function(t,e,n){var r=n("WBcL"),i=n("FryR"),o=n("mZON")("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=i(t),r(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},Kh4W:function(t,e,n){e.f=n("dSzd")},L42u:function(t,e,n){var r,i,o,a=n("+ZMJ"),u=n("knuC"),s=n("RPLV"),c=n("ON07"),f=n("7KvD"),l=f.process,p=f.setImmediate,d=f.clearImmediate,h=f.MessageChannel,v=f.Dispatch,g=0,y={},m=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},b=function(t){m.call(t.data)};p&&d||(p=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return y[++g]=function(){u("function"==typeof t?t:Function(t),e)},r(g),g},d=function(t){delete y[t]},"process"==n("R9M2")(l)?r=function(t){l.nextTick(a(m,t,1))}:v&&v.now?r=function(t){v.now(a(m,t,1))}:h?(i=new h,o=i.port2,i.port1.onmessage=b,r=a(o.postMessage,o,1)):f.addEventListener&&"function"==typeof postMessage&&!f.importScripts?(r=function(t){f.postMessage(t+"","*")},f.addEventListener("message",b,!1)):r="onreadystatechange"in c("script")?function(t){s.appendChild(c("script")).onreadystatechange=function(){s.removeChild(this),m.call(t)}}:function(t){setTimeout(a(m,t,1),0)}),t.exports={set:p,clear:d}},LF1K:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("EZG+")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n){"use strict";function r(t){var e=a.call(t,s),n=t[s];try{t[s]=void 0;var r=!0}catch(t){}var i=u.call(t);return r&&(e?t[s]=n:delete t[s]),i}Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(n),o=Object.prototype,a=o.hasOwnProperty,u=o.toString,s=i.default?i.default.toStringTag:void 0;e.default=r,t.exports=e.default})},LG56:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{isNaN:function(t){return t!=t}})},LKZe:function(t,e,n){var r=n("NpIQ"),i=n("X8DO"),o=n("TcQ7"),a=n("MmMw"),u=n("D2L2"),s=n("SfB7"),c=Object.getOwnPropertyDescriptor;e.f=n("+E39")?c:function(t,e){if(t=o(t),e=a(e,!0),s)try{return c(t,e)}catch(t){}if(u(t,e))return i(!r.f.call(t,e),t[e])}},"LRL/":function(t,e,n){"use strict";n("Ymdd")("trimRight",function(t){return function(){return t(this,2)}},"trimEnd")},La7N:function(t,e,n){n("0j1G")("WeakMap")},LhTa:function(t,e,n){var r=n("rFzY"),i=n("Q6Nf"),o=n("FryR"),a=n("BbyF"),u=n("plSV");t.exports=function(t,e){var n=1==t,s=2==t,c=3==t,f=4==t,l=6==t,p=5==t||l,d=e||u;return function(e,u,h){for(var v,g,y=o(e),m=i(y),b=r(u,h,3),_=a(m.length),w=0,x=n?d(e,_):s?d(e,0):void 0;_>w;w++)if((p||w in m)&&(v=m[w],g=b(v,w,y),t))if(n)x[w]=g;else if(g)switch(t){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(f)return!1;return l?-1:c||f?f:x}}},LlNE:function(t,e,n){var r=n("Ds5P"),i=Math.exp;r(r.S,"Math",{cosh:function(t){return(i(t=+t)+i(-t))/2}})},Lqg1:function(t,e,n){var r=n("Ds5P"),i=Math.imul;r(r.S+r.F*n("zgIt")(function(){return-5!=i(4294967295,5)||2!=i.length}),"Math",{imul:function(t,e){var n=+t,r=+e,i=65535&n,o=65535&r;return 0|i*o+((65535&n>>>16)*o+i*(65535&r>>>16)<<16>>>0)}})},LrcN:function(t,e,n){"use strict";function r(t,e,n){var r,i,o,a=new Array(n),u=8*n-e-1,s=(1<<u)-1,c=s>>1,f=23===e?F(2,-24)-F(2,-77):0,l=0,p=t<0||0===t&&1/t<0?1:0;for(t=L(t),t!=t||t===T?(i=t!=t?1:0,r=s):(r=U(z(t)/B),t*(o=F(2,-r))<1&&(r--,o*=2),t+=r+c>=1?f/o:f*F(2,1-c),t*o>=2&&(r++,o/=2),r+c>=s?(i=0,r=s):r+c>=1?(i=(t*o-1)*F(2,e),r+=c):(i=t*F(2,c-1)*F(2,e),r=0));e>=8;a[l++]=255&i,i/=256,e-=8);for(r=r<<e|i,u+=e;u>0;a[l++]=255&r,r/=256,u-=8);return a[--l]|=128*p,a}function i(t,e,n){var r,i=8*n-e-1,o=(1<<i)-1,a=o>>1,u=i-7,s=n-1,c=t[s--],f=127&c;for(c>>=7;u>0;f=256*f+t[s],s--,u-=8);for(r=f&(1<<-u)-1,f>>=-u,u+=e;u>0;r=256*r+t[s],s--,u-=8);if(0===f)f=1-a;else{if(f===o)return r?NaN:c?-T:T;r+=F(2,e),f-=a}return(c?-1:1)*r*F(2,f-e)}function o(t){return t[3]<<24|t[2]<<16|t[1]<<8|t[0]}function a(t){return[255&t]}function u(t){return[255&t,t>>8&255]}function s(t){return[255&t,t>>8&255,t>>16&255,t>>24&255]}function c(t){return r(t,52,8)}function f(t){return r(t,23,4)}function l(t,e,n){P(t[k],e,{get:function(){return this[n]}})}function p(t,e,n,r){var i=+n,o=E(i);if(o+e>t[q])throw R(D);var a=t[$]._b,u=o+t[W],s=a.slice(u,u+e);return r?s:s.reverse()}function d(t,e,n,r,i,o){var a=+n,u=E(a);if(u+e>t[q])throw R(D);for(var s=t[$]._b,c=u+t[W],f=r(+i),l=0;l<e;l++)s[c+l]=f[o?l:e-l-1]}var h=n("OzIq"),v=n("bUqO"),g=n("V3l/"),y=n("07k+"),m=n("2p1q"),b=n("A16L"),_=n("zgIt"),w=n("9GpA"),x=n("oeih"),O=n("BbyF"),E=n("8D8H"),S=n("WcO1").f,P=n("lDLk").f,M=n("zCYm"),A=n("yYvK"),k="prototype",D="Wrong index!",C=h.ArrayBuffer,N=h.DataView,I=h.Math,R=h.RangeError,T=h.Infinity,j=C,L=I.abs,F=I.pow,U=I.floor,z=I.log,B=I.LN2,$=v?"_b":"buffer",q=v?"_l":"byteLength",W=v?"_o":"byteOffset";if(y.ABV){if(!_(function(){C(1)})||!_(function(){new C(-1)})||_(function(){return new C,new C(1.5),new C(NaN),"ArrayBuffer"!=C.name})){C=function(t){return w(this,C),new j(E(t))};for(var K,G=C[k]=j[k],V=S(j),X=0;V.length>X;)(K=V[X++])in C||m(C,K,j[K]);g||(G.constructor=C)}var Y=new N(new C(2)),H=N[k].setInt8;Y.setInt8(0,2147483648),Y.setInt8(1,2147483649),!Y.getInt8(0)&&Y.getInt8(1)||b(N[k],{setInt8:function(t,e){H.call(this,t,e<<24>>24)},setUint8:function(t,e){H.call(this,t,e<<24>>24)}},!0)}else C=function(t){w(this,C,"ArrayBuffer");var e=E(t);this._b=M.call(new Array(e),0),this[q]=e},N=function(t,e,n){w(this,N,"DataView"),w(t,C,"DataView");var r=t[q],i=x(e);if(i<0||i>r)throw R("Wrong offset!");if(n=void 0===n?r-i:O(n),i+n>r)throw R("Wrong length!");this[$]=t,this[W]=i,this[q]=n},v&&(l(C,"byteLength","_l"),l(N,"buffer","_b"),l(N,"byteLength","_l"),l(N,"byteOffset","_o")),b(N[k],{getInt8:function(t){return p(this,1,t)[0]<<24>>24},getUint8:function(t){return p(this,1,t)[0]},getInt16:function(t){var e=p(this,2,t,arguments[1]);return(e[1]<<8|e[0])<<16>>16},getUint16:function(t){var e=p(this,2,t,arguments[1]);return e[1]<<8|e[0]},getInt32:function(t){return o(p(this,4,t,arguments[1]))},getUint32:function(t){return o(p(this,4,t,arguments[1]))>>>0},getFloat32:function(t){return i(p(this,4,t,arguments[1]),23,4)},getFloat64:function(t){return i(p(this,8,t,arguments[1]),52,8)},setInt8:function(t,e){d(this,1,t,a,e)},setUint8:function(t,e){d(this,1,t,a,e)},setInt16:function(t,e){d(this,2,t,u,e,arguments[2])},setUint16:function(t,e){d(this,2,t,u,e,arguments[2])},setInt32:function(t,e){d(this,4,t,s,e,arguments[2])},setUint32:function(t,e){d(this,4,t,s,e,arguments[2])},setFloat32:function(t,e){d(this,4,t,f,e,arguments[2])},setFloat64:function(t,e){d(this,8,t,c,e,arguments[2])}});A(C,"ArrayBuffer"),A(N,"DataView"),m(N[k],y.VIEW,!0),e.ArrayBuffer=C,e.DataView=N},M6a0:function(t,e){},M8WE:function(t,e,n){e.f=n("kkCw")},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)}},MfeA:function(t,e,n){n("Vg1y")("match",1,function(t,e,n){return[function(n){"use strict";var r=t(this),i=void 0==n?void 0:n[e];return void 0!==i?i.call(n,r):new RegExp(n)[e](String(r))},n]})},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)}},MjHD:function(t,e,n){var r=n("Ds5P"),i=n("x78i"),o=Math.exp;r(r.S+r.F*n("zgIt")(function(){return-2e-17!=!Math.sinh(-2e-17)}),"Math",{sinh:function(t){return Math.abs(t=+t)<1?(i(t)-i(-t))/2:(o(t-1)-o(-t-1))*(Math.E/2)}})},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")}},MsuQ:function(t,e,n){"use strict";var r=n("Dgii"),i=n("zq/X");t.exports=n("0Rih")("Map",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{get:function(t){var e=r.getEntry(i(this,"Map"),t);return e&&e.v},set:function(t,e){return r.def(i(this,"Map"),0===t?0:t,e)}},r,!0)},MyjO:function(t,e,n){n("77Ug")("Uint8",1,function(t){return function(e,n,r){return t(this,e,n,r)}},!0)},N4KQ:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{log2:function(t){return Math.log(t)/Math.LN2}})},NHaJ:function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=n("KOrd"),a=r.has,u=r.get,s=r.key,c=function(t,e,n){if(a(t,e,n))return u(t,e,n);var r=o(e);return null!==r?c(t,r,n):void 0};r.exp({getMetadata:function(t,e){return c(t,i(e),arguments.length<3?void 0:s(arguments[2]))}})},NNrz:function(t,e,n){"use strict";var r=n("zgIt");t.exports=function(t,e){return!!t&&r(function(){e?t.call(null,function(){},1):t.call(null)})}},"NWt+":function(t,e,n){var r=n("+ZMJ"),i=n("msXi"),o=n("Mhyx"),a=n("77Pl"),u=n("QRG4"),s=n("3fs2"),c={},f={},e=t.exports=function(t,e,n,l,p){var d,h,v,g,y=p?function(){return t}:s(t),m=r(n,l,e?2:1),b=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(o(y)){for(d=u(t.length);d>b;b++)if((g=e?m(a(h=t[b])[0],h[1]):m(t[b]))===c||g===f)return g}else for(v=y.call(t);!(h=v.next()).done;)if((g=i(v,m,h.value,e))===c||g===f)return g};e.BREAK=c,e.RETURN=f},NfZy:function(t,e,n){n("77Ug")("Uint32",4,function(t){return function(e,n,r){return t(this,e,n,r)}})},Nkrw:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("LhTa")(4);r(r.P+r.F*!n("NNrz")([].every,!0),"Array",{every:function(t){return i(this,t,arguments[1])}})},No4x:function(t,e,n){var r=n("Ds5P");r(r.P,"Array",{fill:n("zCYm")}),n("RhFG")("fill")},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")},OgTs:function(t,e,n){var r=n("OzIq").parseInt,i=n("Ymdd").trim,o=n("Xduv"),a=/^[-+]?0[xX]/;t.exports=8!==r(o+"08")||22!==r(o+"0x16")?function(t,e){var n=i(String(t),3);return r(n,e>>>0||(a.test(n)?16:10))}:r},OzIq: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)},PHCx:function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},PHqh:function(t,e,n){var r=n("Q6Nf"),i=n("/whu");t.exports=function(t){return r(i(t))}},PbPd:function(t,e,n){"use strict";var r=n("UKM+"),i=n("KOrd"),o=n("kkCw")("hasInstance"),a=Function.prototype;o in a||n("lDLk").f(a,o,{value:function(t){if("function"!=typeof this||!r(t))return!1;if(!r(this.prototype))return t instanceof this;for(;t=i(t);)if(this.prototype===t)return!0;return!1}})},PuTd:function(t,e,n){var r=n("Ds5P"),i=n("KOrd"),o=n("DIVP");r(r.S,"Reflect",{getPrototypeOf:function(t){return i(o(t))}})},PzxK:function(t,e,n){var r=n("D2L2"),i=n("sB3e"),o=n("ax3d")("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=i(t),r(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},"Q/CP":function(t,e,n){n("CEne")("Array")},Q6Nf:function(t,e,n){var r=n("ydD5");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},QBuC:function(t,e,n){"use strict";var r=n("OzIq"),i=n("WBcL"),o=n("ydD5"),a=n("kic5"),u=n("s4j0"),s=n("zgIt"),c=n("WcO1").f,f=n("x9zv").f,l=n("lDLk").f,p=n("Ymdd").trim,d=r.Number,h=d,v=d.prototype,g="Number"==o(n("7ylX")(v)),y="trim"in String.prototype,m=function(t){var e=u(t,!1);if("string"==typeof e&&e.length>2){e=y?e.trim():p(e,3);var n,r,i,o=e.charCodeAt(0);if(43===o||45===o){if(88===(n=e.charCodeAt(2))||120===n)return NaN}else if(48===o){switch(e.charCodeAt(1)){case 66:case 98:r=2,i=49;break;case 79:case 111:r=8,i=55;break;default:return+e}for(var a,s=e.slice(2),c=0,f=s.length;c<f;c++)if((a=s.charCodeAt(c))<48||a>i)return NaN;return parseInt(s,r)}}return+e};if(!d(" 0o1")||!d("0b1")||d("+0x1")){d=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof d&&(g?s(function(){v.valueOf.call(n)}):"Number"!=o(n))?a(new h(m(e)),n,d):m(e)};for(var b,_=n("bUqO")?c(h):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),w=0;_.length>w;w++)i(h,b=_[w])&&!i(d,b)&&l(d,b,f(h,b));d.prototype=v,v.constructor=d,n("R3AP")(r,"Number",d)}},QG7u:function(t,e,n){var r=n("vmSO");t.exports=function(t,e){var n=[];return r(t,!1,n.push,n,e),n}},QKXm:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},QRG4:function(t,e,n){var r=n("UuGF"),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},QWLi:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("oeih"),o=n("fS0v"),a=n("xAdt"),u=1..toFixed,s=Math.floor,c=[0,0,0,0,0,0],f="Number.toFixed: incorrect invocation!",l=function(t,e){for(var n=-1,r=e;++n<6;)r+=t*c[n],c[n]=r%1e7,r=s(r/1e7)},p=function(t){for(var e=6,n=0;--e>=0;)n+=c[e],c[e]=s(n/t),n=n%t*1e7},d=function(){for(var t=6,e="";--t>=0;)if(""!==e||0===t||0!==c[t]){var n=String(c[t]);e=""===e?n:e+a.call("0",7-n.length)+n}return e},h=function(t,e,n){return 0===e?n:e%2==1?h(t,e-1,n*t):h(t*t,e/2,n)},v=function(t){for(var e=0,n=t;n>=4096;)e+=12,n/=4096;for(;n>=2;)e+=1,n/=2;return e};r(r.P+r.F*(!!u&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!n("zgIt")(function(){u.call({})})),"Number",{toFixed:function(t){var e,n,r,u,s=o(this,f),c=i(t),g="",y="0";if(c<0||c>20)throw RangeError(f);if(s!=s)return"NaN";if(s<=-1e21||s>=1e21)return String(s);if(s<0&&(g="-",s=-s),s>1e-21)if(e=v(s*h(2,69,1))-69,n=e<0?s*h(2,-e,1):s/h(2,e,1),n*=4503599627370496,(e=52-e)>0){for(l(0,n),r=c;r>=7;)l(1e7,0),r-=7;for(l(h(10,r,1),0),r=e-1;r>=23;)p(1<<23),r-=23;p(1<<r),l(1,1),p(2),y=d()}else l(0,n),l(1<<-e,0),y=d()+a.call("0",c);return c>0?(u=y.length,y=g+(u<=c?"0."+a.call("0",c-u)+y:y.slice(0,u-c)+"."+y.slice(u-c))):y=g+y,y}})},"QWe/":function(t,e,n){n("crlp")("observable")},QaEu:function(t,e,n){var r=n("Ds5P");r(r.S,"Date",{now:function(){return(new Date).getTime()}})},QcWB:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("w6Dh"),o=n("SDXa");r(r.S,"Promise",{try:function(t){var e=i.f(this),n=o(t);return(n.e?e.reject:e.resolve)(n.v),e.promise}})},Qh14:function(t,e,n){var r=n("ReGu"),i=n("QKXm");t.exports=Object.keys||function(t){return r(t,i)}},QzLV:function(t,e,n){var r=n("Ds5P");r(r.S+r.F*!n("bUqO"),"Object",{defineProperty:n("lDLk").f})},R1FX:function(t,e){t.exports=function(t){return{aliases:["console"],contains:[{className:"meta",begin:"^\\s{0,3}[/\\w\\d\\[\\]()@-]*[>%$#]",starts:{end:"$",subLanguage:"bash"}}]}}},R3AP:function(t,e,n){var r=n("OzIq"),i=n("2p1q"),o=n("WBcL"),a=n("ulTY")("src"),u=Function.toString,s=(""+u).split("toString");n("7gX0").inspectSource=function(t){return u.call(t)},(t.exports=function(t,e,n,u){var c="function"==typeof n;c&&(o(n,"name")||i(n,"name",e)),t[e]!==n&&(c&&(o(n,a)||i(n,a,t[e]?""+t[e]:s.join(String(e)))),t===r?t[e]=n:u?t[e]?t[e]=n:i(t,e,n):(delete t[e],i(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[a]||u.call(this)})},R3KI:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{iaddh:function(t,e,n,r){var i=t>>>0,o=e>>>0,a=n>>>0;return o+(r>>>0)+((i&a|(i|a)&~(i+a>>>0))>>>31)|0}})},R4pa:function(t,e,n){"use strict";n("y325")("big",function(t){return function(){return t(this,"big","","")}})},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}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),i))?n:o?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},Racj:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("49qz")(!1);r(r.P,"String",{codePointAt:function(t){return i(this,t)}})},ReGu:function(t,e,n){var r=n("WBcL"),i=n("PHqh"),o=n("ot5s")(!1),a=n("mZON")("IE_PROTO");t.exports=function(t,e){var n,u=i(t),s=0,c=[];for(n in u)n!=a&&r(u,n)&&c.push(n);for(;e.length>s;)r(u,n=e[s++])&&(~o(c,n)||c.push(n));return c}},RhFG:function(t,e,n){var r=n("kkCw")("unscopables"),i=Array.prototype;void 0==i[r]&&n("2p1q")(i,r,{}),t.exports=function(t){i[r][t]=!0}},Rk41:function(t,e,n){var r=Date.prototype,i=r.toString,o=r.getTime;new Date(NaN)+""!="Invalid Date"&&n("R3AP")(r,"toString",function(){var t=o.call(this);return t===t?i.call(this):"Invalid Date"})},Rrel:function(t,e,n){var r=n("TcQ7"),i=n("n0T6").f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(t){try{return i(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==o.call(t)?u(t):i(r(t))}},Rw4K:function(t,e,n){var r=n("Ds5P");r(r.S,"Reflect",{ownKeys:n("YUr7")})},Rz2z:function(t,e){t.exports=Math.log1p||function(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},"S+E/":function(t,e,n){var r=n("Ds5P"),i=n("OgTs");r(r.G+r.F*(parseInt!=i),{parseInt:i})},S82l:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},SDXa:function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},SHe9:function(t,e,n){var r=n("wC1N"),i=n("kkCw")("iterator"),o=n("bN1p");t.exports=n("7gX0").getIteratorMethod=function(t){if(void 0!=t)return t[i]||t["@@iterator"]||o[r(t)]}},SPtU:function(t,e,n){function r(t,e){var n,u,f=arguments.length<3?t:arguments[2];return c(t)===f?t[e]:(n=i.f(t,e))?a(n,"value")?n.value:void 0!==n.get?n.get.call(f):void 0:s(u=o(t))?r(u,e,f):void 0}var i=n("x9zv"),o=n("KOrd"),a=n("WBcL"),u=n("Ds5P"),s=n("UKM+"),c=n("DIVP");u(u.S,"Reflect",{get:r})},SRCy:function(t,e,n){var r=n("Ds5P"),i=n("x78i"),o=Math.exp;r(r.S,"Math",{tanh:function(t){var e=i(t=+t),n=i(-t);return e==1/0?1:n==1/0?-1:(e-n)/(o(t)+o(-t))}})},"SU+a":function(t,e,n){"use strict";n("y325")("small",function(t){return function(){return t(this,"small","","")}})},Sejc:function(t,e,n){var r,i,o,a=n("rFzY"),u=n("PHCx"),s=n("d075"),c=n("jhxf"),f=n("OzIq"),l=f.process,p=f.setImmediate,d=f.clearImmediate,h=f.MessageChannel,v=f.Dispatch,g=0,y={},m=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},b=function(t){m.call(t.data)};p&&d||(p=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return y[++g]=function(){u("function"==typeof t?t:Function(t),e)},r(g),g},d=function(t){delete y[t]},"process"==n("ydD5")(l)?r=function(t){l.nextTick(a(m,t,1))}:v&&v.now?r=function(t){v.now(a(m,t,1))}:h?(i=new h,o=i.port2,i.port1.onmessage=b,r=a(o.postMessage,o,1)):f.addEventListener&&"function"==typeof postMessage&&!f.importScripts?(r=function(t){f.postMessage(t+"","*")},f.addEventListener("message",b,!1)):r="onreadystatechange"in c("script")?function(t){s.appendChild(c("script")).onreadystatechange=function(){s.removeChild(this),m.call(t)}}:function(t){setTimeout(a(m,t,1),0)}),t.exports={set:p,clear:d}},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})},Stuz:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{EPSILON:Math.pow(2,-52)})},TFWu:function(t,e,n){n("77Ug")("Uint8",1,function(t){return function(e,n,r){return t(this,e,n,r)}})},THnP:function(t,e,n){n("77Ug")("Uint16",2,function(t){return function(e,n,r){return t(this,e,n,r)}})},TcQ7:function(t,e,n){var r=n("MU5D"),i=n("52gC");t.exports=function(t){return r(i(t))}},"U+VG":function(t,e,n){var r=n("Ds5P"),i=n("ydD5");r(r.S,"Error",{isError:function(t){return"Error"===i(t)}})},U5ju:function(t,e,n){n("M6a0"),n("zQR9"),n("+tPU"),n("CXw9"),n("EqBC"),n("jKW+"),t.exports=n("FeBl").Promise},U6qc:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("LhTa")(6),o="findIndex",a=!0;o in[]&&Array(1)[o](function(){a=!1}),r(r.P+r.F*a,"Array",{findIndex:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),n("RhFG")(o)},UJiG:function(t,e,n){"use strict";n("y325")("link",function(t){return function(e){return t(this,"a","href",e)}})},"UKM+":function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},UbXY:function(t,e,n){var r=n("Ds5P"),i=n("Y7Tz");r(r.P+r.F*(Date.prototype.toISOString!==i),"Date",{toISOString:i})},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)}},"V/H1":function(t,e,n){"use strict";var r=n("fJSx"),i=n("zq/X");n("0Rih")("WeakSet",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return r.def(i(this,"WeakSet"),t,!0)}},r,!1,!0)},V3HO:function(t,e){t.exports=function(t){return{aliases:["md","mkdown","mkd"],contains:[{className:"section",variants:[{begin:"^#{1,6}",end:"$"},{begin:"^.+?\\n[=-]{2,}$"}]},{begin:"<",end:">",subLanguage:"xml",relevance:0},{className:"bullet",begin:"^\\s*([*+-]|(\\d+\\.))\\s+"},{className:"strong",begin:"[*_]{2}.+?[*_]{2}"},{className:"emphasis",variants:[{begin:"\\*.+?\\*"},{begin:"_.+?_",relevance:0}]},{className:"quote",begin:"^>\\s+",end:"$"},{className:"code",variants:[{begin:"^```\\w*\\s*$",end:"^```[ ]*$"},{begin:"`.+?`"},{begin:"^( {4}|\\t)",end:"$",relevance:0}]},{begin:"^[-\\*]{3,}",end:"$"},{begin:"\\[.+?\\][\\(\\[].*?[\\)\\]]",returnBegin:!0,contains:[{className:"string",begin:"\\[",end:"\\]",excludeBegin:!0,returnEnd:!0,relevance:0},{className:"link",begin:"\\]\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0},{className:"symbol",begin:"\\]\\[",end:"\\]",excludeBegin:!0,excludeEnd:!0}],relevance:10},{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]}]}}},"V3l/":function(t,e){t.exports=!1},VTn2:function(t,e,n){var r=n("UKM+"),i=n("1aA0").onFreeze;n("3i66")("freeze",function(t){return function(e){return t&&r(e)?t(i(e)):e}})},"VU/8":function(t,e){t.exports=function(t,e,n,r,i){var o,a=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(o=t,a=t.default);var s="function"==typeof a?a.options:a;e&&(s.render=e.render,s.staticRenderFns=e.staticRenderFns),r&&(s._scopeId=r);var c;if(i?(c=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)},s._ssrRegister=c):n&&(c=n),c){var f=s.functional,l=f?s.render:s.beforeCreate;f?s.render=function(t,e){return c.call(e),l(t,e)}:s.beforeCreate=l?[].concat(l,c):[c]}return{esModule:o,exports:a,options:s}}},VWgF:function(t,e,n){var r=n("7gX0"),i=n("OzIq"),o=i["__core-js_shared__"]||(i["__core-js_shared__"]={});(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n("V3l/")?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},Vg1y:function(t,e,n){"use strict";var r=n("2p1q"),i=n("R3AP"),o=n("zgIt"),a=n("/whu"),u=n("kkCw");t.exports=function(t,e,n){var s=u(t),c=n(a,s,""[t]),f=c[0],l=c[1];o(function(){var e={};return e[s]=function(){return 7},7!=""[t](e)})&&(i(String.prototype,t,f),r(RegExp.prototype,s,2==e?function(t,e){return l.call(t,this,e)}:function(t){return l.call(t,this)}))}},VjuZ:function(t,e,n){n("Vg1y")("replace",2,function(t,e,n){return[function(r,i){"use strict";var o=t(this),a=void 0==r?void 0:r[e];return void 0!==a?a.call(r,o,i):n.call(String(o),r,i)},n]})},"W/IU":function(t,e,n){var r=n("UKM+"),i=n("1aA0").onFreeze;n("3i66")("seal",function(t){return function(e){return t&&r(e)?t(i(e)):e}})},W0pi:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{DEG_PER_RAD:Math.PI/180})},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(f===setTimeout)return setTimeout(t,0);if((f===n||!f)&&setTimeout)return f=setTimeout,setTimeout(t,0);try{return f(t,0)}catch(e){try{return f.call(null,t,0)}catch(e){return f.call(this,t,0)}}}function o(t){if(l===clearTimeout)return clearTimeout(t);if((l===r||!l)&&clearTimeout)return l=clearTimeout,clearTimeout(t);try{return l(t)}catch(e){try{return l.call(null,t)}catch(e){return l.call(this,t)}}}function a(){v&&d&&(v=!1,d.length?h=d.concat(h):g=-1,h.length&&u())}function u(){if(!v){var t=i(a);v=!0;for(var e=h.length;e;){for(d=h,h=[];++g<e;)d&&d[g].run();g=-1,e=h.length}d=null,v=!1,o(t)}}function s(t,e){this.fun=t,this.array=e}function c(){}var f,l,p=t.exports={};!function(){try{f="function"==typeof setTimeout?setTimeout:n}catch(t){f=n}try{l="function"==typeof clearTimeout?clearTimeout:r}catch(t){l=r}}();var d,h=[],v=!1,g=-1;p.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];h.push(new s(t,e)),1!==h.length||v||i(u)},s.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=c,p.addListener=c,p.once=c,p.off=c,p.removeListener=c,p.removeAllListeners=c,p.emit=c,p.prependListener=c,p.prependOnceListener=c,p.listeners=function(t){return[]},p.binding=function(t){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(t){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},W4Z6:function(t,e,n){var r=n("FryR"),i=n("KOrd");n("3i66")("getPrototypeOf",function(){return function(t){return i(r(t))}})},WBcL:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},WY8G:function(t,e){t.exports=Math.scale||function(t,e,n,r,i){return 0===arguments.length||t!=t||e!=e||n!=n||r!=r||i!=i?NaN:t===1/0||t===-1/0?t:(t-e)*(i-r)/(n-e)+r}},WcO1:function(t,e,n){var r=n("ReGu"),i=n("QKXm").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},WgSQ:function(t,e,n){"use strict";var r=n("RhFG"),i=n("KB1o"),o=n("bN1p"),a=n("PHqh");t.exports=n("uc2A")(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,i(1)):"keys"==e?i(0,n):"values"==e?i(0,t[n]):i(0,[n,t[n]])},"values"),o.Arguments=o.Array,r("keys"),r("values"),r("entries")},Wi1D:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("YhKd"),n("8qzu"),n("q9cE")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n,r,i){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function a(t,e,n){function r(e){var n=m,r=b;return m=b=void 0,E=e,w=t.apply(r,n)}function i(t){return E=t,x=setTimeout(d,e),S?r(t):w}function o(t){var n=t-O,r=t-E,i=e-n;return P?p(i,_-r):i}function a(t){var n=t-O,r=t-E;return void 0===O||n>=e||n<0||P&&r>=_}function d(){var t=(0,s.default)();if(a(t))return h(t);x=setTimeout(d,o(t))}function h(t){return x=void 0,M&&m?r(t):(m=b=void 0,w)}function v(){void 0!==x&&clearTimeout(x),E=0,m=O=b=x=void 0}function g(){return void 0===x?w:h((0,s.default)())}function y(){var t=(0,s.default)(),n=a(t);if(m=arguments,b=this,O=t,n){if(void 0===x)return i(O);if(P)return clearTimeout(x),x=setTimeout(d,e),r(O)}return void 0===x&&(x=setTimeout(d,e)),w}var m,b,_,w,x,O,E=0,S=!1,P=!1,M=!0;if("function"!=typeof t)throw new TypeError(f);return e=(0,c.default)(e)||0,(0,u.default)(n)&&(S=!!n.leading,P="maxWait"in n,_=P?l((0,c.default)(n.maxWait)||0,e):_,M="trailing"in n?!!n.trailing:M),y.cancel=v,y.flush=g,y}Object.defineProperty(e,"__esModule",{value:!0});var u=o(n),s=o(r),c=o(i),f="Expected a function",l=Math.max,p=Math.min;e.default=a,t.exports=e.default})},WiIn:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},WlpS:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("pFYg"),n("nSxQ")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n,r){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=i(n),a=i(r),u="object"==("undefined"==typeof self?"undefined":(0,o.default)(self))&&self&&self.Object===Object&&self,s=a.default||u||Function("return this")();e.default=s,t.exports=e.default})},WpPb:function(t,e,n){var r=n("UKM+");n("3i66")("isFrozen",function(t){return function(e){return!r(e)||!!t&&t(e)}})},WpTh:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("LhTa")(5),o=!0;"find"in[]&&Array(1).find(function(){o=!1}),r(r.P+r.F*o,"Array",{find:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),n("RhFG")("find")},Wwne:function(t,e,n){n("r2E/"),t.exports=n("7gX0").RegExp.escape},"X/Hz":function(t,e,n){"use strict";n("y325")("fontsize",function(t){return function(e){return t(this,"font","size",e)}})},X0mE:function(t,e,n){var r,i,o;!function(n,a){i=[t,e],r=a,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e){"use strict";function n(t){return i.call(t)}Object.defineProperty(e,"__esModule",{value:!0});var r=Object.prototype,i=r.toString;e.default=n,t.exports=e.default})},X6NR:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{clamp:function(t,e,n){return Math.min(n,Math.max(e,t))}})},X7aK:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("DIVP"),o=function(t){this._t=i(t),this._i=0;var e,n=this._k=[];for(e in t)n.push(e)};n("IRJ3")(o,"Object",function(){var t,e=this,n=e._k;do{if(e._i>=n.length)return{value:void 0,done:!0}}while(!((t=n[e._i++])in e._t));return{value:t,done:!1}}),r(r.S,"Reflect",{enumerate:function(t){return new o(t)}})},X8DO:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},XO1R:function(t,e,n){var r=n("ydD5");t.exports=Array.isArray||function(t){return"Array"==r(t)}},XSOZ:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},XXBo:function(t,e,n){var r=n("wC1N"),i=n("QG7u");t.exports=function(t){return function(){if(r(this)!=t)throw TypeError(t+"#toJSON isn't generic");return i(this)}}},Xc4G:function(t,e,n){var r=n("lktj"),i=n("1kS7"),o=n("NpIQ");t.exports=function(t){var e=r(t),n=i.f;if(n)for(var a,u=n(t),s=o.f,c=0;u.length>c;)s.call(t,a=u[c++])&&e.push(a);return e}},Xduv:function(t,e){t.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},XtiL:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{isInteger:n("n982")})},XvUs:function(t,e,n){var r=n("DIVP");t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){var o=t.return;throw void 0!==o&&r(o.call(t)),e}}},Y1N3:function(t,e){e.f=Object.getOwnPropertySymbols},Y1S0:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("BbyF"),o=n("kqpo"),a="".endsWith;r(r.P+r.F*n("1ETD")("endsWith"),"String",{endsWith:function(t){var e=o(this,t,"endsWith"),n=arguments.length>1?arguments[1]:void 0,r=i(e.length),u=void 0===n?r:Math.min(i(n),r),s=String(t);return a?a.call(e,s,u):e.slice(u-s.length,u)===s}})},Y1aA:function(t,e){e.f={}.propertyIsEnumerable},Y5ex:function(t,e,n){var r=n("UKM+"),i=n("1aA0").onFreeze;n("3i66")("preventExtensions",function(t){return function(e){return t&&r(e)?t(i(e)):e}})},Y7Tz:function(t,e,n){"use strict";var r=n("zgIt"),i=Date.prototype.getTime,o=Date.prototype.toISOString,a=function(t){return t>9?t:"0"+t};t.exports=r(function(){return"0385-07-25T07:06:39.999Z"!=o.call(new Date(-5e13-1))})||!r(function(){o.call(new Date(NaN))})?function(){if(!isFinite(i.call(this)))throw RangeError("Invalid time value");var t=this,e=t.getUTCFullYear(),n=t.getUTCMilliseconds(),r=e<0?"-":e>9999?"+":"";return r+("00000"+Math.abs(e)).slice(r?-6:-4)+"-"+a(t.getUTCMonth()+1)+"-"+a(t.getUTCDate())+"T"+a(t.getUTCHours())+":"+a(t.getUTCMinutes())+":"+a(t.getUTCSeconds())+"."+(n>99?n:"0"+a(n))+"Z"}:o},YByk:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("pFYg")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n){"use strict";function r(t){return null!=t&&"object"==(void 0===t?"undefined":(0,i.default)(t))}Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=r,t.exports=e.default})},YUr7:function(t,e,n){var r=n("WcO1"),i=n("Y1N3"),o=n("DIVP"),a=n("OzIq").Reflect;t.exports=a&&a.ownKeys||function(t){var e=r.f(o(t)),n=i.f;return n?e.concat(n(t)):e}},"YVn/":function(t,e,n){var r=n("Ds5P"),i=n("lKE8")(!1);r(r.S,"Object",{values:function(t){return i(t)}})},Ygg6:function(t,e,n){n("iKpr")("Set")},YhKd:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("pFYg")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n){"use strict";function r(t){var e=void 0===t?"undefined":(0,i.default)(t);return null!=t&&("object"==e||"function"==e)}Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=r,t.exports=e.default})},Ymdd:function(t,e,n){var r=n("Ds5P"),i=n("/whu"),o=n("zgIt"),a=n("Xduv"),u="["+a+"]",s="​…",c=RegExp("^"+u+u+"*"),f=RegExp(u+u+"*$"),l=function(t,e,n){var i={},u=o(function(){return!!a[t]()||s[t]()!=s}),c=i[t]=u?e(p):a[t];n&&(i[n]=c),r(r.P+r.F*u,"String",i)},p=l.trim=function(t,e){return t=String(i(t)),1&e&&(t=t.replace(c,"")),2&e&&(t=t.replace(f,"")),t};t.exports=l},Yobk:function(t,e,n){var r=n("77Pl"),i=n("qio6"),o=n("xnc9"),a=n("ax3d")("IE_PROTO"),u=function(){},s=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("<script>document.F=Object<\/script>"),t.close(),s=t.F;r--;)delete s.prototype[o[r]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(u.prototype=r(t),n=new u,u.prototype=null,n[a]=t):n=s(),void 0===e?n:i(n,e)}},ZDXm:function(t,e,n){"use strict";var r,i=n("LhTa")(0),o=n("R3AP"),a=n("1aA0"),u=n("oYd7"),s=n("fJSx"),c=n("UKM+"),f=n("zgIt"),l=n("zq/X"),p=a.getWeak,d=Object.isExtensible,h=s.ufstore,v={},g=function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(t){if(c(t)){var e=p(t);return!0===e?h(l(this,"WeakMap")).get(t):e?e[this._i]:void 0}},set:function(t,e){return s.def(l(this,"WeakMap"),t,e)}},m=t.exports=n("0Rih")("WeakMap",g,y,s,!0,!0);f(function(){return 7!=(new m).set((Object.freeze||Object)(v),7).get(v)})&&(r=s.getConstructor(g,"WeakMap"),u(r.prototype,y),a.NEED=!0,i(["delete","has","get","set"],function(t){var e=m.prototype,n=e[t];o(e,t,function(e,i){if(c(e)&&!d(e)){this._f||(this._f=new r);var o=this._f[t](e,i);return"set"==t?this:o}return n.call(this,e,i)})}))},ZRJK:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("zgIt"),o=n("fS0v"),a=1..toPrecision;r(r.P+r.F*(i(function(){return"1"!==a.call(1,void 0)})||!i(function(){a.call({})})),"Number",{toPrecision:function(t){var e=o(this,"Number#toPrecision: incorrect invocation!");return void 0===t?a.call(e):a.call(e,t)}})},ZtwE:function(t,e,n){"use strict";var r=n("XSOZ"),i=n("UKM+"),o=n("PHCx"),a=[].slice,u={},s=function(t,e,n){if(!(e in u)){for(var r=[],i=0;i<e;i++)r[i]="a["+i+"]";u[e]=Function("F,a","return new F("+r.join(",")+")")}return u[e](t,n)};t.exports=Function.bind||function(t){var e=r(this),n=a.call(arguments,1),u=function(){var r=n.concat(a.call(arguments));return this instanceof u?s(e,r.length,r):o(e,r,t)};return i(e.prototype)&&(u.prototype=e.prototype),u}},Zzip:function(t,e,n){t.exports={default:n("/n6Q"),__esModule:!0}},aJ2J:function(t,e,n){var r=n("Ds5P");r(r.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},aM0T:function(t,e,n){var r=n("Ds5P"),i=n("g36u")(),o=n("OzIq").process,a="process"==n("ydD5")(o);r(r.G,{asap:function(t){var e=a&&o.domain;i(e?e.bind(t):t)}})},altv:function(t,e,n){var r=n("Ds5P"),i=n("8t38");r(r.S+r.F*(Number.parseFloat!=i),"Number",{parseFloat:i})},arGp:function(t,e,n){var r=n("Ds5P");r(r.P+r.R,"Set",{toJSON:n("XXBo")("Set")})},ax3d:function(t,e,n){var r=n("e8AB")("keys"),i=n("3Eo+");t.exports=function(t){return r[t]||(r[t]=i(t))}},"bG/2":function(t,e,n){var r=n("PHqh"),i=n("WcO1").f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(t){try{return i(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==o.call(t)?u(t):i(r(t))}},bN1p:function(t,e){t.exports={}},bRrM:function(t,e,n){"use strict";var r=n("7KvD"),i=n("FeBl"),o=n("evD5"),a=n("+E39"),u=n("dSzd")("species");t.exports=function(t){var e="function"==typeof i[t]?i[t]:r[t];a&&e&&!e[u]&&o.f(e,u,{configurable:!0,get:function(){return this}})}},bSML:function(t,e,n){"use strict";var r=n("lDLk"),i=n("fU25");t.exports=function(t,e,n){e in t?r.f(t,e,i(0,n)):t[e]=n}},bUY0:function(t,e,n){function r(t,e,n){var s,p,d=arguments.length<4?t:arguments[3],h=o.f(f(t),e);if(!h){if(l(p=a(t)))return r(p,e,n,d);h=c(0)}if(u(h,"value")){if(!1===h.writable||!l(d))return!1;if(s=o.f(d,e)){if(s.get||s.set||!1===s.writable)return!1;s.value=n,i.f(d,e,s)}else i.f(d,e,c(0,n));return!0}return void 0!==h.set&&(h.set.call(d,n),!0)}var i=n("lDLk"),o=n("x9zv"),a=n("KOrd"),u=n("WBcL"),s=n("Ds5P"),c=n("fU25"),f=n("DIVP"),l=n("UKM+");s(s.S,"Reflect",{set:r})},bUqO:function(t,e,n){t.exports=!n("zgIt")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},beEN:function(t,e,n){"use strict";var r=n("rFzY"),i=n("Ds5P"),o=n("FryR"),a=n("XvUs"),u=n("9vb1"),s=n("BbyF"),c=n("bSML"),f=n("SHe9");i(i.S+i.F*!n("qkyc")(function(t){Array.from(t)}),"Array",{from:function(t){var e,n,i,l,p=o(t),d="function"==typeof this?this:Array,h=arguments.length,v=h>1?arguments[1]:void 0,g=void 0!==v,y=0,m=f(p);if(g&&(v=r(v,h>2?arguments[2]:void 0,2)),void 0==m||d==Array&&u(m))for(e=s(p.length),n=new d(e);e>y;y++)c(n,y,g?v(p[y],y):p[y]);else for(l=m.call(p),n=new d;!(i=l.next()).done;y++)c(n,y,g?a(l,v,[i.value,y],!0):i.value);return n.length=y,n}})},boo2:function(t,e,n){var r=n("UKM+"),i=n("XO1R"),o=n("kkCw")("species");t.exports=function(t){var e;return i(t)&&(e=t.constructor,"function"!=typeof e||e!==Array&&!i(e.prototype)||(e=void 0),r(e)&&null===(e=e[o])&&(e=void 0)),void 0===e?Array:e}},bqOW:function(t,e,n){var r=n("Ds5P"),i=n("zo/l"),o=String.fromCharCode,a=String.fromCodePoint;r(r.S+r.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(t){for(var e,n=[],r=arguments.length,a=0;r>a;){if(e=+arguments[a++],i(e,1114111)!==e)throw RangeError(e+" is not a valid code point");n.push(e<65536?o(e):o(55296+((e-=65536)>>10),e%1024+56320))}return n.join("")}})},crlp:function(t,e,n){var r=n("7KvD"),i=n("FeBl"),o=n("O4g8"),a=n("Kh4W"),u=n("evD5").f;t.exports=function(t){var e=i.Symbol||(i.Symbol=o?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||u(e,t,{value:a.f(t)})}},cwmK:function(t,e){t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},d075:function(t,e,n){var r=n("OzIq").document;t.exports=r&&r.documentElement},dNDb:function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},dSUw:function(t,e,n){"use strict";var r=n("Dgii"),i=n("zq/X");t.exports=n("0Rih")("Set",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return r.def(i(this,"Set"),t=0===t?0:t,t)}},r)},dSzd:function(t,e,n){var r=n("e8AB")("wks"),i=n("3Eo+"),o=n("7KvD").Symbol,a="function"==typeof o;(t.exports=function(t){return r[t]||(r[t]=a&&o[t]||(a?o:i)("Symbol."+t))}).store=r},dTzs:function(t,e,n){n("77Ug")("Float32",4,function(t){return function(e,n,r){return t(this,e,n,r)}})},dULJ:function(t,e,n){var r=n("Ds5P"),i=n("OgTs");r(r.S+r.F*(Number.parseInt!=i),"Number",{parseInt:i})},dY0y:function(t,e,n){var r=n("dSzd")("iterator"),i=!1;try{var o=[7][r]();o.return=function(){i=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!i)return!1;var n=!1;try{var o=[7],a=o[r]();a.next=function(){return{done:n=!0}},o[r]=function(){return a},t(o)}catch(t){}return n}},dich:function(t,e,n){var r=n("Ds5P"),i=n("Sejc");r(r.G+r.B,{setImmediate:i.set,clearImmediate:i.clear})},"dm+7":function(t,e,n){var r=n("Ds5P");r(r.S,"Reflect",{has:function(t,e){return e in t}})},dm6P:function(t,e,n){"use strict";t.exports=n("V3l/")||!n("zgIt")(function(){var t=Math.random();__defineSetter__.call(null,t,function(){}),delete n("OzIq")[t]})},dxQb:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("FryR"),o=n("XSOZ"),a=n("lDLk");n("bUqO")&&r(r.P+n("dm6P"),"Object",{__defineSetter__:function(t,e){a.f(i(this),t,{set:o(e),enumerable:!0,configurable:!0})}})},e6n0:function(t,e,n){var r=n("evD5").f,i=n("D2L2"),o=n("dSzd")("toStringTag");t.exports=function(t,e,n){t&&!i(t=n?t:t.prototype,o)&&r(t,o,{configurable:!0,value:e})}},e8AB:function(t,e,n){var r=n("FeBl"),i=n("7KvD"),o=i["__core-js_shared__"]||(i["__core-js_shared__"]={});(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n("O4g8")?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},eC2H:function(t,e,n){n("3i66")("getOwnPropertyNames",function(){return n("bG/2").f})},eVIH:function(t,e,n){"use strict";n("y325")("italics",function(t){return function(){return t(this,"i","","")}})},evD5:function(t,e,n){var r=n("77Pl"),i=n("SfB7"),o=n("MmMw"),a=Object.defineProperty;e.f=n("+E39")?Object.defineProperty:function(t,e,n){if(r(t),e=o(e,!0),r(n),i)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},fJSx:function(t,e,n){"use strict";var r=n("A16L"),i=n("1aA0").getWeak,o=n("DIVP"),a=n("UKM+"),u=n("9GpA"),s=n("vmSO"),c=n("LhTa"),f=n("WBcL"),l=n("zq/X"),p=c(5),d=c(6),h=0,v=function(t){return t._l||(t._l=new g)},g=function(){this.a=[]},y=function(t,e){return p(t.a,function(t){return t[0]===e})};g.prototype={get:function(t){var e=y(this,t);if(e)return e[1]},has:function(t){return!!y(this,t)},set:function(t,e){var n=y(this,t);n?n[1]=e:this.a.push([t,e])},delete:function(t){var e=d(this.a,function(e){return e[0]===t});return~e&&this.a.splice(e,1),!!~e}},t.exports={getConstructor:function(t,e,n,o){var c=t(function(t,r){u(t,c,e,"_i"),t._t=e,t._i=h++,t._l=void 0,void 0!=r&&s(r,n,t[o],t)});return r(c.prototype,{delete:function(t){if(!a(t))return!1;var n=i(t);return!0===n?v(l(this,e)).delete(t):n&&f(n,this._i)&&delete n[this._i]},has:function(t){if(!a(t))return!1;var n=i(t);return!0===n?v(l(this,e)).has(t):n&&f(n,this._i)}}),c},def:function(t,e,n){var r=i(o(e),!0);return!0===r?v(t).set(e,n):r[t._i]=n,t},ufstore:v}},fJUb:function(t,e,n){var r=n("77Pl"),i=n("EqjI"),o=n("qARP");t.exports=function(t,e){if(r(t),i(e)&&e.constructor===t)return e;var n=o.f(t);return(0,n.resolve)(e),n.promise}},fLuG:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("pFYg"),n("wqbf"),n("YByk")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n,r,i){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function a(t){return"symbol"==(void 0===t?"undefined":(0,u.default)(t))||(0,c.default)(t)&&(0,s.default)(t)==f}Object.defineProperty(e,"__esModule",{value:!0});var u=o(n),s=o(r),c=o(i),f="[object Symbol]";e.default=a,t.exports=e.default})},fOdq:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("LhTa")(2);r(r.P+r.F*!n("NNrz")([].filter,!0),"Array",{filter:function(t){return i(this,t,arguments[1])}})},fS0v:function(t,e,n){var r=n("ydD5");t.exports=function(t,e){if("number"!=typeof t&&"Number"!=r(t))throw TypeError(e);return+t}},fU25:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},fWfb:function(t,e,n){"use strict";var r=n("7KvD"),i=n("D2L2"),o=n("+E39"),a=n("kM2E"),u=n("880/"),s=n("06OY").KEY,c=n("S82l"),f=n("e8AB"),l=n("e6n0"),p=n("3Eo+"),d=n("dSzd"),h=n("Kh4W"),v=n("crlp"),g=n("Xc4G"),y=n("7UMu"),m=n("77Pl"),b=n("EqjI"),_=n("TcQ7"),w=n("MmMw"),x=n("X8DO"),O=n("Yobk"),E=n("Rrel"),S=n("LKZe"),P=n("evD5"),M=n("lktj"),A=S.f,k=P.f,D=E.f,C=r.Symbol,N=r.JSON,I=N&&N.stringify,R=d("_hidden"),T=d("toPrimitive"),j={}.propertyIsEnumerable,L=f("symbol-registry"),F=f("symbols"),U=f("op-symbols"),z=Object.prototype,B="function"==typeof C,$=r.QObject,q=!$||!$.prototype||!$.prototype.findChild,W=o&&c(function(){return 7!=O(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=A(z,e);r&&delete z[e],k(t,e,n),r&&t!==z&&k(z,e,r)}:k,K=function(t){var e=F[t]=O(C.prototype);return e._k=t,e},G=B&&"symbol"==typeof C.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof C},V=function(t,e,n){return t===z&&V(U,e,n),m(t),e=w(e,!0),m(n),i(F,e)?(n.enumerable?(i(t,R)&&t[R][e]&&(t[R][e]=!1),n=O(n,{enumerable:x(0,!1)})):(i(t,R)||k(t,R,x(1,{})),t[R][e]=!0),W(t,e,n)):k(t,e,n)},X=function(t,e){m(t);for(var n,r=g(e=_(e)),i=0,o=r.length;o>i;)V(t,n=r[i++],e[n]);return t},Y=function(t,e){return void 0===e?O(t):X(O(t),e)},H=function(t){var e=j.call(this,t=w(t,!0));return!(this===z&&i(F,t)&&!i(U,t))&&(!(e||!i(this,t)||!i(F,t)||i(this,R)&&this[R][t])||e)},Q=function(t,e){if(t=_(t),e=w(e,!0),t!==z||!i(F,e)||i(U,e)){var n=A(t,e);return!n||!i(F,e)||i(t,R)&&t[R][e]||(n.enumerable=!0),n}},Z=function(t){for(var e,n=D(_(t)),r=[],o=0;n.length>o;)i(F,e=n[o++])||e==R||e==s||r.push(e);return r},J=function(t){for(var e,n=t===z,r=D(n?U:_(t)),o=[],a=0;r.length>a;)!i(F,e=r[a++])||n&&!i(z,e)||o.push(F[e]);return o};B||(C=function(){if(this instanceof C)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===z&&e.call(U,n),i(this,R)&&i(this[R],t)&&(this[R][t]=!1),W(this,t,x(1,n))};return o&&q&&W(z,t,{configurable:!0,set:e}),K(t)},u(C.prototype,"toString",function(){return this._k}),S.f=Q,P.f=V,n("n0T6").f=E.f=Z,n("NpIQ").f=H,n("1kS7").f=J,o&&!n("O4g8")&&u(z,"propertyIsEnumerable",H,!0),h.f=function(t){return K(d(t))}),a(a.G+a.W+a.F*!B,{Symbol:C});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)d(tt[et++]);for(var nt=M(d.store),rt=0;nt.length>rt;)v(nt[rt++]);a(a.S+a.F*!B,"Symbol",{for:function(t){return i(L,t+="")?L[t]:L[t]=C(t)},keyFor:function(t){if(!G(t))throw TypeError(t+" is not a symbol!");for(var e in L)if(L[e]===t)return e},useSetter:function(){q=!0},useSimple:function(){q=!1}}),a(a.S+a.F*!B,"Object",{create:Y,defineProperty:V,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:Z,getOwnPropertySymbols:J}),N&&a(a.S+a.F*(!B||c(function(){var t=C();return"[null]"!=I([t])||"{}"!=I({a:t})||"{}"!=I(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],i=1;arguments.length>i;)r.push(arguments[i++]);if(n=e=r[1],(b(e)||void 0!==t)&&!G(t))return y(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!G(e))return e}),r[1]=e,I.apply(N,r)}}),C.prototype[T]||n("hJx8")(C.prototype,T,C.prototype.valueOf),l(C,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},fZjL:function(t,e,n){t.exports={default:n("jFbC"),__esModule:!0}},fkB2:function(t,e,n){var r=n("UuGF"),i=Math.max,o=Math.min;t.exports=function(t,e){return t=r(t),t<0?i(t+e,0):o(t,e)}},fx22:function(t,e,n){for(var r=n("WgSQ"),i=n("Qh14"),o=n("R3AP"),a=n("OzIq"),u=n("2p1q"),s=n("bN1p"),c=n("kkCw"),f=c("iterator"),l=c("toStringTag"),p=s.Array,d={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},h=i(d),v=0;v<h.length;v++){var g,y=h[v],m=d[y],b=a[y],_=b&&b.prototype;if(_&&(_[f]||u(_,f,p),_[l]||u(_,l,y),s[y]=p,m))for(g in r)_[g]||o(_,g,r[g],!0)}},"g/m8":function(t,e,n){var r=n("cwmK"),i=Math.pow,o=i(2,-52),a=i(2,-23),u=i(2,127)*(2-a),s=i(2,-126),c=function(t){return t+1/o-1/o};t.exports=Math.fround||function(t){var e,n,i=Math.abs(t),f=r(t);return i<s?f*c(i/s/a)*s*a:(e=(1+a/o)*i,n=e-(e-i),n>u||n!=n?f*(1/0):f*n)}},g36u:function(t,e,n){var r=n("OzIq"),i=n("Sejc").set,o=r.MutationObserver||r.WebKitMutationObserver,a=r.process,u=r.Promise,s="process"==n("ydD5")(a);t.exports=function(){var t,e,n,c=function(){var r,i;for(s&&(r=a.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(s)n=function(){a.nextTick(c)};else if(!o||r.navigator&&r.navigator.standalone)if(u&&u.resolve){var f=u.resolve(void 0);n=function(){f.then(c)}}else n=function(){i.call(r,c)};else{var l=!0,p=document.createTextNode("");new o(c).observe(p,{characterData:!0}),n=function(){p.data=l=!l}}return function(r){var i={fn:r,next:void 0};e&&(e.next=i),t||(t=i,n()),e=i}}},gPva:function(t,e,n){var r=n("UKM+");n("3i66")("isExtensible",function(t){return function(e){return!!r(e)&&(!t||t(e))}})},gYYG:function(t,e,n){"use strict";var r=n("wC1N"),i={};i[n("kkCw")("toStringTag")]="z",i+""!="[object z]"&&n("R3AP")(Object.prototype,"toString",function(){return"[object "+r(this)+"]"},!0)},gbyG:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("ot5s")(!0);r(r.P,"Array",{includes:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),n("RhFG")("includes")},gvDt:function(t,e,n){var r=n("UKM+"),i=n("DIVP"),o=function(t,e){if(i(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,r){try{r=n("rFzY")(Function.call,n("x9zv").f(Object.prototype,"__proto__").set,2),r(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return o(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:o}},h65t:function(t,e,n){var r=n("UuGF"),i=n("52gC");t.exports=function(t){return function(e,n){var o,a,u=String(i(e)),s=r(n),c=u.length;return s<0||s>=c?t?"":void 0:(o=u.charCodeAt(s),o<55296||o>56319||s+1===c||(a=u.charCodeAt(s+1))<56320||a>57343?t?u.charAt(s):o:t?u.slice(s,s+2):a-56320+(o-55296<<10)+65536)}}},h7Xi:function(t,e,n){var r=n("Ds5P");r(r.P+r.R,"Map",{toJSON:n("XXBo")("Map")})},hJx8:function(t,e,n){var r=n("evD5"),i=n("X8DO");t.exports=n("+E39")?function(t,e,n){return r.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},i039:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{umulh:function(t,e){var n=+t,r=+e,i=65535&n,o=65535&r,a=n>>>16,u=r>>>16,s=(a*o>>>0)+(i*o>>>16);return a*u+(s>>>16)+((i*u>>>0)+(65535&s)>>>16)}})},i68Q:function(t,e,n){var r=n("Ds5P");r(r.S,"Object",{create:n("7ylX")})},iKpr:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("XSOZ"),o=n("rFzY"),a=n("vmSO");t.exports=function(t){r(r.S,t,{from:function(t){var e,n,r,u,s=arguments[1];return i(this),e=void 0!==s,e&&i(s),void 0==t?new this:(n=[],e?(r=0,u=o(s,arguments[2],2),a(t,!1,function(t){n.push(u(t,r++))})):a(t,!1,n.push,n),new this(n))}})}},iM2X:function(t,e,n){"use strict";n("y325")("bold",function(t){return function(){return t(this,"b","","")}})},iUbK:function(t,e,n){var r=n("7KvD"),i=r.navigator;t.exports=i&&i.userAgent||""},izbv:function(t,e){t.exports=function(t){var e={begin:/[\w-]+\(/,returnBegin:!0,contains:[{className:"built_in",begin:/[\w-]+/},{begin:/\(/,end:/\)/,contains:[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE]}]},n={className:"attribute",begin:/\S/,end:":",excludeEnd:!0,starts:{endsWithParent:!0,excludeEnd:!0,contains:[e,t.CSS_NUMBER_MODE,t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,t.C_BLOCK_COMMENT_MODE,{className:"number",begin:"#[0-9A-Fa-f]+"},{className:"meta",begin:"!important"}]}},r=/@\-?\w[\w]*(\-\w+)*/,i={begin:/(?:[A-Z\_\.\-]+|--[a-zA-Z0-9_-]+)\s*:/,returnBegin:!0,end:";",endsWithParent:!0,contains:[n]};return{case_insensitive:!0,illegal:/[=\/|'\$]/,contains:[t.C_BLOCK_COMMENT_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/},{className:"selector-class",begin:/\.[A-Za-z0-9_-]+/},{className:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE]},{className:"selector-pseudo",begin:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{begin:"@(page|font-face)",lexemes:"@[a-z-]+",keywords:"@page @font-face"},{begin:"@",end:"[{;]",illegal:/:/,returnBegin:!0,contains:[{className:"keyword",begin:r},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:"and or not only",contains:[{begin:/[a-z-]+:/,className:"attribute"},t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE]}]},{className:"selector-tag",begin:"[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0},{begin:"{",end:"}",illegal:/\S/,contains:[t.C_BLOCK_COMMENT_MODE,i]}]}}},"j/Lv":function(t,e,n){var r=n("Ds5P");r(r.S,"System",{global:n("OzIq")})},j1ja:function(t,e,n){"use strict";(function(t){function e(t,e,n){t[e]||Object[r](t,e,{writable:!0,configurable:!0,value:n})}if(n("4M2W"),n("zkX4"),n("Wwne"),t._babelPolyfill)throw new Error("only one instance of babel-polyfill is allowed");t._babelPolyfill=!0;var r="defineProperty";e(String.prototype,"padLeft","".padStart),e(String.prototype,"padRight","".padEnd),"pop,reverse,shift,keys,values,entries,indexOf,every,some,forEach,map,filter,find,findIndex,includes,join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill".split(",").forEach(function(t){[][t]&&e(Array,t,Function.call.bind([][t]))})}).call(e,n("DuR2"))},j42X:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("PHqh"),o=[].join;r(r.P+r.F*(n("Q6Nf")!=Object||!n("NNrz")(o)),"Array",{join:function(t){return o.call(i(this),void 0===t?",":t)}})},jB26:function(t,e,n){"use strict";var r=n("DIVP"),i=n("s4j0");t.exports=function(t){if("string"!==t&&"number"!==t&&"default"!==t)throw TypeError("Incorrect hint");return i(r(this),"number"!=t)}},jFbC:function(t,e,n){n("Cdx3"),t.exports=n("FeBl").Object.keys},"jKW+":function(t,e,n){"use strict";var r=n("kM2E"),i=n("qARP"),o=n("dNDb");r(r.S,"Promise",{try:function(t){var e=i.f(this),n=o(t);return(n.e?e.reject:e.resolve)(n.v),e.promise}})},jhxf:function(t,e,n){var r=n("UKM+"),i=n("OzIq").document,o=r(i)&&r(i.createElement);t.exports=function(t){return o?i.createElement(t):{}}},jrHM:function(t,e,n){var r=n("Ds5P");r(r.S,"Object",{setPrototypeOf:n("gvDt").set})},kBOG:function(t,e,n){var r=n("Ds5P"),i=n("cwmK");r(r.S,"Math",{cbrt:function(t){return i(t=+t)*Math.pow(Math.abs(t),1/3)}})},kM2E:function(t,e,n){var r=n("7KvD"),i=n("FeBl"),o=n("+ZMJ"),a=n("hJx8"),u=n("D2L2"),s=function(t,e,n){var c,f,l,p=t&s.F,d=t&s.G,h=t&s.S,v=t&s.P,g=t&s.B,y=t&s.W,m=d?i:i[e]||(i[e]={}),b=m.prototype,_=d?r:h?r[e]:(r[e]||{}).prototype;d&&(n=e);for(c in n)(f=!p&&_&&void 0!==_[c])&&u(m,c)||(l=f?_[c]:n[c],m[c]=d&&"function"!=typeof _[c]?n[c]:g&&f?o(l,r):y&&_[c]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):v&&"function"==typeof l?o(Function.call,l):l,v&&((m.virtual||(m.virtual={}))[c]=l,t&s.R&&b&&!b[c]&&a(b,c,l)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},kic5:function(t,e,n){var r=n("UKM+"),i=n("gvDt").set;t.exports=function(t,e,n){var o,a=e.constructor;return a!==n&&"function"==typeof a&&(o=a.prototype)!==n.prototype&&r(o)&&i&&i(t,o),t}},kkCw:function(t,e,n){var r=n("VWgF")("wks"),i=n("ulTY"),o=n("OzIq").Symbol,a="function"==typeof o;(t.exports=function(t){return r[t]||(r[t]=a&&o[t]||(a?o:i)("Symbol."+t))}).store=r},knuC:function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},kqpo:function(t,e,n){var r=n("u0PK"),i=n("/whu");t.exports=function(t,e,n){if(r(e))throw TypeError("String#"+n+" doesn't accept regex!");return String(i(t))}},kxFB:function(t,e){t.exports=function(t){return"string"!=typeof t?t:(/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),/["'() \t\n]/.test(t)?'"'+t.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':t)}},l7j4:function(t,e){t.exports=function(t){var e={className:"variable",begin:"\\$"+t.IDENT_RE},n={className:"number",begin:"#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})"},r=["charset","css","debug","extend","font-face","for","import","include","media","mixin","page","warn","while"],i=["after","before","first-letter","first-line","active","first-child","focus","hover","lang","link","visited"],o=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],a=["align-content","align-items","align-self","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","auto","backface-visibility","background","background-attachment","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","clear","clip","clip-path","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","font","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-variant-ligatures","font-weight","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inherit","initial","justify-content","left","letter-spacing","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","marks","mask","max-height","max-width","min-height","min-width","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","perspective","perspective-origin","pointer-events","position","quotes","resize","right","tab-size","table-layout","text-align","text-align-last","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-indent","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","white-space","widows","width","word-break","word-spacing","word-wrap","z-index"];return{aliases:["styl"],case_insensitive:!1,keywords:"if else for in",illegal:"("+["\\?","(\\bReturn\\b)","(\\bEnd\\b)","(\\bend\\b)","(\\bdef\\b)",";","#\\s","\\*\\s","===\\s","\\|","%"].join("|")+")",contains:[t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,n,{begin:"\\.[a-zA-Z][a-zA-Z0-9_-]*(?=[\\.\\s\\n\\[\\:,])",className:"selector-class"},{begin:"\\#[a-zA-Z][a-zA-Z0-9_-]*(?=[\\.\\s\\n\\[\\:,])",className:"selector-id"},{begin:"\\b("+o.join("|")+")(?=[\\.\\s\\n\\[\\:,])",className:"selector-tag"},{begin:"&?:?:\\b("+i.join("|")+")(?=[\\.\\s\\n\\[\\:,])"},{begin:"@("+r.join("|")+")\\b"},e,t.CSS_NUMBER_MODE,t.NUMBER_MODE,{className:"function",begin:"^[a-zA-Z][a-zA-Z0-9_-]*\\(.*\\)",illegal:"[\\n]",returnBegin:!0,contains:[{className:"title",begin:"\\b[a-zA-Z][a-zA-Z0-9_-]*"},{className:"params",begin:/\(/,end:/\)/,contains:[n,e,t.APOS_STRING_MODE,t.CSS_NUMBER_MODE,t.NUMBER_MODE,t.QUOTE_STRING_MODE]}]},{className:"attribute",begin:"\\b("+a.reverse().join("|")+")\\b",starts:{end:/;|$/,contains:[n,e,t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE,t.NUMBER_MODE,t.C_BLOCK_COMMENT_MODE],illegal:/\./,relevance:0}}]}}},lDLk:function(t,e,n){var r=n("DIVP"),i=n("xZa+"),o=n("s4j0"),a=Object.defineProperty;e.f=n("bUqO")?Object.defineProperty:function(t,e,n){if(r(t),e=o(e,!0),r(n),i)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},lKE8:function(t,e,n){var r=n("Qh14"),i=n("PHqh"),o=n("Y1aA").f;t.exports=function(t){return function(e){for(var n,a=i(e),u=r(a),s=u.length,c=0,f=[];s>c;)o.call(a,n=u[c++])&&f.push(t?[n,a[n]]:a[n]);return f}}},lOnJ:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},lbHh:function(t,e,n){var r,i;!function(o){var a=!1;if(r=o,void 0!==(i="function"==typeof r?r.call(e,n,e,t):r)&&(t.exports=i),a=!0,t.exports=o(),a=!0,!a){var u=window.Cookies,s=window.Cookies=o();s.noConflict=function(){return window.Cookies=u,s}}}(function(){function t(){for(var t=0,e={};t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}function e(n){function r(e,i,o){var a;if("undefined"!=typeof document){if(arguments.length>1){if(o=t({path:"/"},r.defaults,o),"number"==typeof o.expires){var u=new Date;u.setMilliseconds(u.getMilliseconds()+864e5*o.expires),o.expires=u}o.expires=o.expires?o.expires.toUTCString():"";try{a=JSON.stringify(i),/^[\{\[]/.test(a)&&(i=a)}catch(t){}i=n.write?n.write(i,e):encodeURIComponent(String(i)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),e=encodeURIComponent(String(e)),e=e.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),e=e.replace(/[\(\)]/g,escape);var s="";for(var c in o)o[c]&&(s+="; "+c,!0!==o[c]&&(s+="="+o[c]));return document.cookie=e+"="+i+s}e||(a={});for(var f=document.cookie?document.cookie.split("; "):[],l=/(%[0-9A-Z]{2})+/g,p=0;p<f.length;p++){var d=f[p].split("="),h=d.slice(1).join("=");this.json||'"'!==h.charAt(0)||(h=h.slice(1,-1));try{var v=d[0].replace(l,decodeURIComponent);if(h=n.read?n.read(h,v):n(h,v)||h.replace(l,decodeURIComponent),this.json)try{h=JSON.parse(h)}catch(t){}if(e===v){a=h;break}e||(a[v]=h)}catch(t){}}return a}}return r.set=r,r.get=function(t){return r.call(r,t)},r.getJSON=function(){return r.apply({json:!0},[].slice.call(arguments))},r.defaults={},r.remove=function(e,n){r(e,"",t(n,{expires:-1}))},r.withConverter=e,r}return e(function(){})})},lkT3:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("FkIZ");r(r.P+r.F*!n("NNrz")([].reduceRight,!0),"Array",{reduceRight:function(t){return i(this,t,arguments.length,arguments[1],!0)}})},lktj:function(t,e,n){var r=n("Ibhu"),i=n("xnc9");t.exports=Object.keys||function(t){return r(t,i)}},lnZN:function(t,e,n){var r=n("OzIq"),i=n("kic5"),o=n("lDLk").f,a=n("WcO1").f,u=n("u0PK"),s=n("0pGU"),c=r.RegExp,f=c,l=c.prototype,p=/a/g,d=/a/g,h=new c(p)!==p;if(n("bUqO")&&(!h||n("zgIt")(function(){return d[n("kkCw")("match")]=!1,c(p)!=p||c(d)==d||"/a/i"!=c(p,"i")}))){c=function(t,e){var n=this instanceof c,r=u(t),o=void 0===e;return!n&&r&&t.constructor===c&&o?t:i(h?new f(r&&!o?t.source:t,e):f((r=t instanceof c)?t.source:t,r&&o?s.call(t):e),n?this:l,c)};for(var v=a(f),g=0;v.length>g;)!function(t){t in c||o(c,t,{configurable:!0,get:function(){return f[t]},set:function(e){f[t]=e}})}(v[g++]);l.constructor=c,c.prototype=l,n("R3AP")(r,"RegExp",c)}n("CEne")("RegExp")},lyhN:function(t,e,n){var r=n("Ds5P"),i=Math.atanh;r(r.S+r.F*!(i&&1/i(-0)<0),"Math",{atanh:function(t){return 0==(t=+t)?t:Math.log((1+t)/(1-t))/2}})},m6Yj:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{fround:n("g/m8")})},m8F4:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("2VSL"),o=n("41xE");r(r.P+r.F*/Version\/10\.\d+(\.\d+)? Safari\//.test(o),"String",{padEnd:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0,!1)}})},mJx5:function(t,e,n){n("Vg1y")("split",2,function(t,e,r){"use strict";var i=n("u0PK"),o=r,a=[].push,u="length";if("c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1)[u]||2!="ab".split(/(?:ab)*/)[u]||4!=".".split(/(.?)(.?)/)[u]||".".split(/()()/)[u]>1||"".split(/.?/)[u]){var s=void 0===/()??/.exec("")[1];r=function(t,e){var n=String(this);if(void 0===t&&0===e)return[];if(!i(t))return o.call(n,t,e);var r,c,f,l,p,d=[],h=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,g=void 0===e?4294967295:e>>>0,y=new RegExp(t.source,h+"g");for(s||(r=new RegExp("^"+y.source+"$(?!\\s)",h));(c=y.exec(n))&&!((f=c.index+c[0][u])>v&&(d.push(n.slice(v,c.index)),!s&&c[u]>1&&c[0].replace(r,function(){for(p=1;p<arguments[u]-2;p++)void 0===arguments[p]&&(c[p]=void 0)}),c[u]>1&&c.index<n[u]&&a.apply(d,c.slice(1)),l=c[0][u],v=f,d[u]>=g));)y.lastIndex===c.index&&y.lastIndex++;return v===n[u]?!l&&y.test("")||d.push(""):d.push(n.slice(v)),d[u]>g?d.slice(0,g):d}}else"0".split(void 0,0)[u]&&(r=function(t,e){return void 0===t&&0===e?[]:o.call(this,t,e)});return[function(n,i){var o=t(this),a=void 0==n?void 0:n[e];return void 0!==a?a.call(n,o,i):r.call(String(o),n,i)},r]})},mTp7:function(t,e,n){var r=n("Ds5P"),i=n("gvDt");i&&r(r.S,"Reflect",{setPrototypeOf:function(t,e){i.check(t,e);try{return i.set(t,e),!0}catch(t){return!1}}})},mZON:function(t,e,n){var r=n("VWgF")("keys"),i=n("ulTY");t.exports=function(t){return r[t]||(r[t]=i(t))}},mhn7:function(t,e,n){"use strict";n("Ymdd")("trim",function(t){return function(){return t(this,3)}})},msXi:function(t,e,n){var r=n("77Pl");t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){var o=t.return;throw void 0!==o&&r(o.call(t)),e}}},mypn:function(t,e,n){(function(t,e){!function(t,n){"use strict";function r(t){"function"!=typeof t&&(t=new Function(""+t));for(var e=new Array(arguments.length-1),n=0;n<e.length;n++)e[n]=arguments[n+1];var r={callback:t,args:e};return c[s]=r,u(s),s++}function i(t){delete c[t]}function o(t){var e=t.callback,r=t.args;switch(r.length){case 0:e();break;case 1:e(r[0]);break;case 2:e(r[0],r[1]);break;case 3:e(r[0],r[1],r[2]);break;default:e.apply(n,r)}}function a(t){if(f)setTimeout(a,0,t);else{var e=c[t];if(e){f=!0;try{o(e)}finally{i(t),f=!1}}}}if(!t.setImmediate){var u,s=1,c={},f=!1,l=t.document,p=Object.getPrototypeOf&&Object.getPrototypeOf(t);p=p&&p.setTimeout?p:t,"[object process]"==={}.toString.call(t.process)?function(){u=function(t){e.nextTick(function(){a(t)})}}():function(){if(t.postMessage&&!t.importScripts){var e=!0,n=t.onmessage;return t.onmessage=function(){e=!1},t.postMessage("","*"),t.onmessage=n,e}}()?function(){var e="setImmediate$"+Math.random()+"$",n=function(n){n.source===t&&"string"==typeof n.data&&0===n.data.indexOf(e)&&a(+n.data.slice(e.length))};t.addEventListener?t.addEventListener("message",n,!1):t.attachEvent("onmessage",n),u=function(n){t.postMessage(e+n,"*")}}():t.MessageChannel?function(){var t=new MessageChannel;t.port1.onmessage=function(t){a(t.data)},u=function(e){t.port2.postMessage(e)}}():l&&"onreadystatechange"in l.createElement("script")?function(){var t=l.documentElement;u=function(e){var n=l.createElement("script");n.onreadystatechange=function(){a(e),n.onreadystatechange=null,t.removeChild(n),n=null},t.appendChild(n)}}():function(){u=function(t){setTimeout(a,0,t)}}(),p.setImmediate=r,p.clearImmediate=i}}("undefined"==typeof self?void 0===t?this:t:self)}).call(e,n("DuR2"),n("W2nU"))},n0T6:function(t,e,n){var r=n("Ibhu"),i=n("xnc9").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},n12u:function(t,e,n){var r=n("Ds5P");r(r.S+r.F,"Object",{assign:n("oYd7")})},n982:function(t,e,n){var r=n("UKM+"),i=Math.floor;t.exports=function(t){return!r(t)&&isFinite(t)&&i(t)===t}},nP5o:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("Wi1D"),n("YhKd")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n,r){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t,e,n){var r=!0,i=!0;if("function"!=typeof t)throw new TypeError(s);return(0,u.default)(n)&&(r="leading"in n?!!n.leading:r,i="trailing"in n?!!n.trailing:i),(0,a.default)(t,e,{leading:r,maxWait:e,trailing:i})}Object.defineProperty(e,"__esModule",{value:!0});var a=i(n),u=i(r),s="Expected a function";e.default=o,t.exports=e.default})},nRs1:function(t,e,n){var r=n("Ds5P");r(r.S,"Object",{is:n("4IZP")})},nSxQ:function(t,e,n){(function(r){var i,o,a;!function(r,u){o=[t,e,n("pFYg")],i=u,void 0!==(a="function"==typeof i?i.apply(e,o):i)&&(t.exports=a)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(n),o="object"==(void 0===r?"undefined":(0,i.default)(r))&&r&&r.Object===Object&&r;e.default=o,t.exports=e.default})}).call(e,n("DuR2"))},nh2o:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("OzIq"),o=n("7gX0"),a=n("g36u")(),u=n("kkCw")("observable"),s=n("XSOZ"),c=n("DIVP"),f=n("9GpA"),l=n("A16L"),p=n("2p1q"),d=n("vmSO"),h=d.RETURN,v=function(t){return null==t?void 0:s(t)},g=function(t){var e=t._c;e&&(t._c=void 0,e())},y=function(t){return void 0===t._o},m=function(t){y(t)||(t._o=void 0,g(t))},b=function(t,e){c(t),this._c=void 0,this._o=t,t=new _(this);try{var n=e(t),r=n;null!=n&&("function"==typeof n.unsubscribe?n=function(){r.unsubscribe()}:s(n),this._c=n)}catch(e){return void t.error(e)}y(this)&&g(this)};b.prototype=l({},{unsubscribe:function(){m(this)}});var _=function(t){this._s=t};_.prototype=l({},{next:function(t){var e=this._s;if(!y(e)){var n=e._o;try{var r=v(n.next);if(r)return r.call(n,t)}catch(t){try{m(e)}finally{throw t}}}},error:function(t){var e=this._s;if(y(e))throw t;var n=e._o;e._o=void 0;try{var r=v(n.error);if(!r)throw t;t=r.call(n,t)}catch(t){try{g(e)}finally{throw t}}return g(e),t},complete:function(t){var e=this._s;if(!y(e)){var n=e._o;e._o=void 0;try{var r=v(n.complete);t=r?r.call(n,t):void 0}catch(t){try{g(e)}finally{throw t}}return g(e),t}}});var w=function(t){f(this,w,"Observable","_f")._f=s(t)};l(w.prototype,{subscribe:function(t){return new b(t,this._f)},forEach:function(t){var e=this;return new(o.Promise||i.Promise)(function(n,r){s(t);var i=e.subscribe({next:function(e){try{return t(e)}catch(t){r(t),i.unsubscribe()}},error:r,complete:n})})}}),l(w,{from:function(t){var e="function"==typeof this?this:w,n=v(c(t)[u]);if(n){var r=c(n.call(t));return r.constructor===e?r:new e(function(t){return r.subscribe(t)})}return new e(function(e){var n=!1;return a(function(){if(!n){try{if(d(t,!1,function(t){if(e.next(t),n)return h})===h)return}catch(t){if(n)throw t;return void e.error(t)}e.complete()}}),function(){n=!0}})},of:function(){for(var t=0,e=arguments.length,n=new Array(e);t<e;)n[t]=arguments[t++];return new("function"==typeof this?this:w)(function(t){var e=!1;return a(function(){if(!e){for(var r=0;r<n.length;++r)if(t.next(n[r]),e)return;t.complete()}}),function(){e=!0}})}}),p(w.prototype,u,function(){return this}),r(r.G,{Observable:w}),n("CEne")("Observable")},nphH:function(t,e,n){var r=n("DIVP"),i=n("UKM+"),o=n("w6Dh");t.exports=function(t,e){if(r(t),i(e)&&e.constructor===t)return e;var n=o.f(t);return(0,n.resolve)(e),n.promise}},nqOf:function(t,e){t.exports=function(t,e){var n=e===Object(e)?function(t){return e[t]}:e;return function(e){return String(e).replace(t,n)}}},oF0V:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("IFpc"),o=n("FryR"),a=n("BbyF"),u=n("XSOZ"),s=n("plSV");r(r.P,"Array",{flatMap:function(t){var e,n,r=o(this);return u(t),e=a(r.length),n=s(r,0),i(n,r,r,e,0,1,t,arguments[1]),n}}),n("RhFG")("flatMap")},oHKp:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("PHqh"),o=n("oeih"),a=n("BbyF"),u=[].lastIndexOf,s=!!u&&1/[1].lastIndexOf(1,-0)<0;r(r.P+r.F*(s||!n("NNrz")(u)),"Array",{lastIndexOf:function(t){if(s)return u.apply(this,arguments)||0;var e=i(this),n=a(e.length),r=n-1;for(arguments.length>1&&(r=Math.min(r,o(arguments[1]))),r<0&&(r=n+r);r>=0;r--)if(r in e&&e[r]===t)return r||0;return-1}})},oYd7:function(t,e,n){"use strict";var r=n("Qh14"),i=n("Y1N3"),o=n("Y1aA"),a=n("FryR"),u=n("Q6Nf"),s=Object.assign;t.exports=!s||n("zgIt")(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=s({},t)[n]||Object.keys(s({},e)).join("")!=r})?function(t,e){for(var n=a(t),s=arguments.length,c=1,f=i.f,l=o.f;s>c;)for(var p,d=u(arguments[c++]),h=f?r(d).concat(f(d)):r(d),v=h.length,g=0;v>g;)l.call(d,p=h[g++])&&(n[p]=d[p]);return n}:s},oYp4:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("FryR"),o=n("XSOZ"),a=n("lDLk");n("bUqO")&&r(r.P+n("dm6P"),"Object",{__defineGetter__:function(t,e){a.f(i(this),t,{get:o(e),enumerable:!0,configurable:!0})}})},oeih:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},ot5s:function(t,e,n){var r=n("PHqh"),i=n("BbyF"),o=n("zo/l");t.exports=function(t){return function(e,n,a){var u,s=r(e),c=i(s.length),f=o(a,c);if(t&&n!=n){for(;c>f;)if((u=s[f++])!=u)return!0}else for(;c>f;f++)if((t||f in s)&&s[f]===n)return t||f||0;return!t&&-1}}},pFYg:function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var i=n("Zzip"),o=r(i),a=n("5QVw"),u=r(a),s="function"==typeof u.default&&"symbol"==typeof o.default?function(t){return typeof t}:function(t){return t&&"function"==typeof u.default&&t.constructor===u.default&&t!==u.default.prototype?"symbol":typeof t};e.default="function"==typeof u.default&&"symbol"===s(o.default)?function(t){return void 0===t?"undefined":s(t)}:function(t){return t&&"function"==typeof u.default&&t.constructor===u.default&&t!==u.default.prototype?"symbol":void 0===t?"undefined":s(t)}},pWGb:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{log1p:n("Rz2z")})},"pd+2":function(t,e,n){n("bUqO")&&"g"!=/./g.flags&&n("lDLk").f(RegExp.prototype,"flags",{configurable:!0,get:n("0pGU")})},plSV:function(t,e,n){var r=n("boo2");t.exports=function(t,e){return new(r(t))(e)}},q9cE:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("YhKd"),n("fLuG")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n,r){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){if("number"==typeof t)return t;if((0,u.default)(t))return s;if((0,a.default)(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=(0,a.default)(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var n=l.test(t);return n||p.test(t)?d(t.slice(2),n?2:8):f.test(t)?s:+t}Object.defineProperty(e,"__esModule",{value:!0});var a=i(n),u=i(r),s=NaN,c=/^\s+|\s+$/g,f=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,p=/^0o[0-7]+$/i,d=parseInt;e.default=o,t.exports=e.default})},qARP:function(t,e,n){"use strict";function r(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=i(e),this.reject=i(n)}var i=n("lOnJ");t.exports.f=function(t){return new r(t)}},"qZb+":function(t,e,n){n("0j1G")("Set")},qdHU:function(t,e,n){n("iKpr")("WeakSet")},qio6:function(t,e,n){var r=n("evD5"),i=n("77Pl"),o=n("lktj");t.exports=n("+E39")?Object.defineProperties:function(t,e){i(t);for(var n,a=o(e),u=a.length,s=0;u>s;)r.f(t,n=a[s++],e[n]);return t}},qkyc:function(t,e,n){var r=n("kkCw")("iterator"),i=!1;try{var o=[7][r]();o.return=function(){i=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!i)return!1;var n=!1;try{var o=[7],a=o[r]();a.next=function(){return{done:n=!0}},o[r]=function(){return a},t(o)}catch(t){}return n}},qtRy:function(t,e,n){n("77Ug")("Int16",2,function(t){return function(e,n,r){return t(this,e,n,r)}})},qwQ3:function(t,e,n){n("Vg1y")("search",1,function(t,e,n){return[function(n){"use strict";var r=t(this),i=void 0==n?void 0:n[e];return void 0!==i?i.call(n,r):new RegExp(n)[e](String(r))},n]})},"r2E/":function(t,e,n){var r=n("Ds5P"),i=n("nqOf")(/[\\^$*+?.()|[\]{}]/g,"\\$&");r(r.S,"RegExp",{escape:function(t){return i(t)}})},rFzY:function(t,e,n){var r=n("XSOZ");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)}}},rjj0:function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=f[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(o(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(o(n.parts[i]));f[n.id]={id:n.id,refs:1,parts:a}}}}function i(){var t=document.createElement("style");return t.type="text/css",l.appendChild(t),t}function o(t){var e,n,r=document.querySelector("style["+y+'~="'+t.id+'"]');if(r){if(h)return v;r.parentNode.removeChild(r)}if(m){var o=d++;r=p||(p=i()),e=a.bind(null,r,o,!1),n=a.bind(null,r,o,!0)}else r=i(),e=u.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function a(t,e,n,r){var i=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=b(e,i);else{var o=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(o,a[e]):t.appendChild(o)}}function u(t,e){var n=e.css,r=e.media,i=e.sourceMap;if(r&&t.setAttribute("media",r),g.ssrId&&t.setAttribute(y,e.id),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var s="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!s)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=n("tTVk"),f={},l=s&&(document.head||document.getElementsByTagName("head")[0]),p=null,d=0,h=!1,v=function(){},g=null,y="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n,i){h=n,g=i||{};var o=c(t,e);return r(o),function(e){for(var n=[],i=0;i<o.length;i++){var a=o[i],u=f[a.id];u.refs--,n.push(u)}e?(o=c(t,e),r(o)):o=[];for(var i=0;i<n.length;i++){var u=n[i];if(0===u.refs){for(var s=0;s<u.parts.length;s++)u.parts[s]();delete f[u.id]}}}};var b=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},s4j0:function(t,e,n){var r=n("UKM+");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")}},sB3e:function(t,e,n){var r=n("52gC");t.exports=function(t){return Object(r(t))}},sc7i:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("/whu"),o=n("BbyF"),a=n("u0PK"),u=n("0pGU"),s=RegExp.prototype,c=function(t,e){this._r=t,this._s=e};n("IRJ3")(c,"RegExp String",function(){var t=this._r.exec(this._s);return{value:t,done:null===t}}),r(r.P,"String",{matchAll:function(t){if(i(this),!a(t))throw TypeError(t+" is not a regexp!");var e=String(this),n="flags"in s?String(t.flags):u.call(t),r=new RegExp(t.source,~n.indexOf("g")?n:"g"+n);return r.lastIndex=o(t.lastIndex),new c(r,e)}})},"smQ+":function(t,e,n){"use strict";var r=n("Ds5P"),i=n("2VSL"),o=n("41xE");r(r.P+r.F*/Version\/10\.\d+(\.\d+)? Safari\//.test(o),"String",{padStart:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0,!0)}})},t8x9:function(t,e,n){var r=n("77Pl"),i=n("lOnJ"),o=n("dSzd")("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||void 0==(n=r(a)[o])?e:i(n)}},tJwI:function(t,e,n){var r=n("FryR"),i=n("Qh14");n("3i66")("keys",function(){return function(t){return i(r(t))}})},tTVk:function(t,e){t.exports=function(t,e){for(var n=[],r={},i=0;i<e.length;i++){var o=e[i],a=o[0],u=o[1],s=o[2],c=o[3],f={id:t+":"+i,css:u,media:s,sourceMap:c};r[a]?r[a].parts.push(f):n.push(r[a]={id:a,parts:[f]})}return n}},taNN:function(t,e,n){var r=n("Ds5P"),i=180/Math.PI;r(r.S,"Math",{degrees:function(t){return t*i}})},tqSY:function(t,e,n){var r=n("Ds5P");r(r.P,"String",{repeat:n("xAdt")})},twxM:function(t,e,n){var r=n("lDLk"),i=n("DIVP"),o=n("Qh14");t.exports=n("bUqO")?Object.defineProperties:function(t,e){i(t);for(var n,a=o(e),u=a.length,s=0;u>s;)r.f(t,n=a[s++],e[n]);return t}},u0PK:function(t,e,n){var r=n("UKM+"),i=n("ydD5"),o=n("kkCw")("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[o])?!!e:"RegExp"==i(t))}},uDYd:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("XSOZ"),o=n("FryR"),a=n("zgIt"),u=[].sort,s=[1,2,3];r(r.P+r.F*(a(function(){s.sort(void 0)})||!a(function(){s.sort(null)})||!n("NNrz")(u)),"Array",{sort:function(t){return void 0===t?u.call(o(this)):u.call(o(this),i(t))}})},uEEG:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{scale:n("WY8G")})},uc2A:function(t,e,n){"use strict";var r=n("V3l/"),i=n("Ds5P"),o=n("R3AP"),a=n("2p1q"),u=n("bN1p"),s=n("IRJ3"),c=n("yYvK"),f=n("KOrd"),l=n("kkCw")("iterator"),p=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,e,n,h,v,g,y){s(n,e,h);var m,b,_,w=function(t){if(!p&&t in S)return S[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},x=e+" Iterator",O="values"==v,E=!1,S=t.prototype,P=S[l]||S["@@iterator"]||v&&S[v],M=P||w(v),A=v?O?w("entries"):M:void 0,k="Array"==e?S.entries||P:P;if(k&&(_=f(k.call(new t)))!==Object.prototype&&_.next&&(c(_,x,!0),r||"function"==typeof _[l]||a(_,l,d)),O&&P&&"values"!==P.name&&(E=!0,M=function(){return P.call(this)}),r&&!y||!p&&!E&&S[l]||a(S,l,M),u[e]=M,u[x]=d,v)if(m={values:O?M:w("values"),keys:g?M:w("keys"),entries:A},y)for(b in m)b in S||o(S,b,m[b]);else i(i.P+i.F*(p||E),e,m);return m}},ulTY:function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},uqUo:function(t,e,n){var r=n("kM2E"),i=n("FeBl"),o=n("S82l");t.exports=function(t,e){var n=(i.Object||{})[t]||Object[t],a={};a[t]=e(n),r(r.S+r.F*o(function(){n(1)}),"Object",a)}},v2lb:function(t,e,n){var r=n("Ds5P"),i=n("Rz2z"),o=Math.sqrt,a=Math.acosh;r(r.S+r.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(t){return(t=+t)<1?NaN:t>94906265.62425156?Math.log(t)+Math.LN2:i(t-1+o(t-1)*o(t+1))}})},v3hU:function(t,e,n){var r=n("dSUw"),i=n("QG7u"),o=n("wCso"),a=n("DIVP"),u=n("KOrd"),s=o.keys,c=o.key,f=function(t,e){var n=s(t,e),o=u(t);if(null===o)return n;var a=f(o,e);return a.length?n.length?i(new r(n.concat(a))):a:n};o.exp({getMetadataKeys:function(t){return f(a(t),arguments.length<2?void 0:c(arguments[1]))}})},v8VU:function(t,e,n){var r=n("OzIq"),i=n("Ds5P"),o=n("41xE"),a=[].slice,u=/MSIE .\./.test(o),s=function(t){return function(e,n){var r=arguments.length>2,i=!!r&&a.call(arguments,2);return t(r?function(){("function"==typeof e?e:Function(e)).apply(this,i)}:e,n)}};i(i.G+i.B+i.F*u,{setTimeout:s(r.setTimeout),setInterval:s(r.setInterval)})},v90c:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("IFpc"),o=n("FryR"),a=n("BbyF"),u=n("oeih"),s=n("plSV");r(r.P,"Array",{flatten:function(){var t=arguments[0],e=o(this),n=a(e.length),r=s(e,0);return i(r,e,e,n,0,void 0===t?1:u(t)),r}}),n("RhFG")("flatten")},"vFc/":function(t,e,n){var r=n("TcQ7"),i=n("QRG4"),o=n("fkB2");t.exports=function(t){return function(e,n,a){var u,s=r(e),c=i(s.length),f=o(a,c);if(t&&n!=n){for(;c>f;)if((u=s[f++])!=u)return!0}else for(;c>f;f++)if((t||f in s)&&s[f]===n)return t||f||0;return!t&&-1}}},"vIB/":function(t,e,n){"use strict";var r=n("O4g8"),i=n("kM2E"),o=n("880/"),a=n("hJx8"),u=n("/bQp"),s=n("94VQ"),c=n("e6n0"),f=n("PzxK"),l=n("dSzd")("iterator"),p=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,e,n,h,v,g,y){s(n,e,h);var m,b,_,w=function(t){if(!p&&t in S)return S[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},x=e+" Iterator",O="values"==v,E=!1,S=t.prototype,P=S[l]||S["@@iterator"]||v&&S[v],M=P||w(v),A=v?O?w("entries"):M:void 0,k="Array"==e?S.entries||P:P;if(k&&(_=f(k.call(new t)))!==Object.prototype&&_.next&&(c(_,x,!0),r||"function"==typeof _[l]||a(_,l,d)),O&&P&&"values"!==P.name&&(E=!0,M=function(){return P.call(this)}),r&&!y||!p&&!E&&S[l]||a(S,l,M),u[e]=M,u[x]=d,v)if(m={values:O?M:w("values"),keys:g?M:w("keys"),entries:A},y)for(b in m)b in S||o(S,b,m[b]);else i(i.P+i.F*(p||E),e,m);return m}},vmSO:function(t,e,n){var r=n("rFzY"),i=n("XvUs"),o=n("9vb1"),a=n("DIVP"),u=n("BbyF"),s=n("SHe9"),c={},f={},e=t.exports=function(t,e,n,l,p){var d,h,v,g,y=p?function(){return t}:s(t),m=r(n,l,e?2:1),b=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(o(y)){for(d=u(t.length);d>b;b++)if((g=e?m(a(h=t[b])[0],h[1]):m(t[b]))===c||g===f)return g}else for(v=y.call(t);!(h=v.next()).done;)if((g=i(v,m,h.value,e))===c||g===f)return g};e.BREAK=c,e.RETURN=f},vmSu:function(t,e,n){var r=n("Ds5P"),i=n("7ylX"),o=n("XSOZ"),a=n("DIVP"),u=n("UKM+"),s=n("zgIt"),c=n("ZtwE"),f=(n("OzIq").Reflect||{}).construct,l=s(function(){function t(){}return!(f(function(){},[],t)instanceof t)}),p=!s(function(){f(function(){})});r(r.S+r.F*(l||p),"Reflect",{construct:function(t,e){o(t),a(e);var n=arguments.length<3?t:o(arguments[2]);if(p&&!l)return f(t,e,n);if(t==n){switch(e.length){case 0:return new t;case 1:return new t(e[0]);case 2:return new t(e[0],e[1]);case 3:return new t(e[0],e[1],e[2]);case 4:return new t(e[0],e[1],e[2],e[3])}var r=[null];return r.push.apply(r,e),new(c.apply(t,r))}var s=n.prototype,d=i(u(s)?s:Object.prototype),h=Function.apply.call(t,d,e);return u(h)?h:d}})},vnWP:function(t,e,n){var r=n("Ds5P"),i=n("WY8G"),o=n("g/m8");r(r.S,"Math",{fscale:function(t,e,n,r,a){return o(i(t,e,n,r,a))}})},vsh6:function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=r.keys,a=r.key;r.exp({getOwnMetadataKeys:function(t){return o(i(t),arguments.length<2?void 0:a(arguments[1]))}})},"vu/c":function(t,e,n){n("3g/S")("observable")},w6Dh:function(t,e,n){"use strict";function r(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=i(e),this.reject=i(n)}var i=n("XSOZ");t.exports.f=function(t){return new r(t)}},w6W7:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("LhTa")(1);r(r.P+r.F*!n("NNrz")([].map,!0),"Array",{map:function(t){return i(this,t,arguments[1])}})},wC1N:function(t,e,n){var r=n("ydD5"),i=n("kkCw")("toStringTag"),o="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),i))?n:o?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},wCso:function(t,e,n){var r=n("MsuQ"),i=n("Ds5P"),o=n("VWgF")("metadata"),a=o.store||(o.store=new(n("ZDXm"))),u=function(t,e,n){var i=a.get(t);if(!i){if(!n)return;a.set(t,i=new r)}var o=i.get(e);if(!o){if(!n)return;i.set(e,o=new r)}return o},s=function(t,e,n){var r=u(e,n,!1);return void 0!==r&&r.has(t)},c=function(t,e,n){var r=u(e,n,!1);return void 0===r?void 0:r.get(t)},f=function(t,e,n,r){u(n,r,!0).set(t,e)},l=function(t,e){var n=u(t,e,!1),r=[];return n&&n.forEach(function(t,e){r.push(e)}),r},p=function(t){return void 0===t||"symbol"==typeof t?t:String(t)},d=function(t){i(i.S,"Reflect",t)};t.exports={store:a,map:u,has:s,get:c,set:f,keys:l,key:p,exp:d}},wVdn:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("LhTa")(3);r(r.P+r.F*!n("NNrz")([].some,!0),"Array",{some:function(t){return i(this,t,arguments[1])}})},wnRD:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("FkIZ");r(r.P+r.F*!n("NNrz")([].reduce,!0),"Array",{reduce:function(t){return i(this,t,arguments.length,arguments[1],!1)}})},wqbf:function(t,e,n){var r,i,o;!function(a,u){i=[t,e,n("EZG+"),n("LF1K"),n("X0mE")],r=u,void 0!==(o="function"==typeof r?r.apply(e,i):r)&&(t.exports=o)}(0,function(t,e,n,r,i){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function a(t){return null==t?void 0===t?l:f:p&&p in Object(t)?(0,s.default)(t):(0,c.default)(t)}Object.defineProperty(e,"__esModule",{value:!0});var u=o(n),s=o(r),c=o(i),f="[object Null]",l="[object Undefined]",p=u.default?u.default.toStringTag:void 0;e.default=a,t.exports=e.default})},wrs0:function(t,e,n){var r=n("Ds5P"),i=Math.abs;r(r.S,"Math",{hypot:function(t,e){for(var n,r,o=0,a=0,u=arguments.length,s=0;a<u;)n=i(arguments[a++]),s<n?(r=s/n,o=o*r*r+1,s=n):n>0?(r=n/s,o+=r*r):o+=n;return s===1/0?1/0:s*Math.sqrt(o)}})},x78i:function(t,e){var n=Math.expm1;t.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||-2e-17!=n(-2e-17)?function(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:n},x9zv:function(t,e,n){var r=n("Y1aA"),i=n("fU25"),o=n("PHqh"),a=n("s4j0"),u=n("WBcL"),s=n("xZa+"),c=Object.getOwnPropertyDescriptor;e.f=n("bUqO")?c:function(t,e){if(t=o(t),e=a(e,!0),s)try{return c(t,e)}catch(t){}if(u(t,e))return i(!r.f.call(t,e),t[e])}},xAdt:function(t,e,n){"use strict";var r=n("oeih"),i=n("/whu");t.exports=function(t){var e=String(i(this)),n="",o=r(t);if(o<0||o==1/0)throw RangeError("Count can't be negative");for(;o>0;(o>>>=1)&&(e+=e))1&o&&(n+=e);return n}},xCpI:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("FryR"),o=n("s4j0"),a=n("KOrd"),u=n("x9zv").f;n("bUqO")&&r(r.P+n("dm6P"),"Object",{__lookupGetter__:function(t){var e,n=i(this),r=o(t,!0);do{if(e=u(n,r))return e.get}while(n=a(n))}})},xGkn:function(t,e,n){"use strict";var r=n("4mcu"),i=n("EGZi"),o=n("/bQp"),a=n("TcQ7");t.exports=n("vIB/")(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,i(1)):"keys"==e?i(0,n):"values"==e?i(0,t[n]):i(0,[n,t[n]])},"values"),o.Arguments=o.Array,r("keys"),r("values"),r("entries")},"xH/j":function(t,e,n){var r=n("hJx8");t.exports=function(t,e,n){for(var i in e)n&&t[i]?t[i]=e[i]:r(t,i,e[i]);return t}},xMpm:function(t,e,n){"use strict";var r=n("Ds5P"),i=n("bSML");r(r.S+r.F*n("zgIt")(function(){function t(){}return!(Array.of.call(t)instanceof t)}),"Array",{of:function(){for(var t=0,e=arguments.length,n=new("function"==typeof this?this:Array)(e);e>t;)i(n,t,arguments[t++]);return n.length=e,n}})},xONB:function(t,e,n){var r=n("Ds5P");r(r.S,"Math",{clz32:function(t){return(t>>>=0)?31-Math.floor(Math.log(t+.5)*Math.LOG2E):32}})},"xZa+":function(t,e,n){t.exports=!n("bUqO")&&!n("zgIt")(function(){return 7!=Object.defineProperty(n("jhxf")("div"),"a",{get:function(){return 7}}).a})},xn9I:function(t,e,n){"use strict";n("Ymdd")("trimLeft",function(t){return function(){return t(this,1)}},"trimStart")},xnc9:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},y325:function(t,e,n){var r=n("Ds5P"),i=n("zgIt"),o=n("/whu"),a=/"/g,u=function(t,e,n,r){var i=String(o(t)),u="<"+e;return""!==n&&(u+=" "+n+'="'+String(r).replace(a,"&quot;")+'"'),u+">"+i+"</"+e+">"};t.exports=function(t,e){var n={};n[t]=e(u),r(r.P+r.F*i(function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}),"String",n)}},y9m4:function(t,e,n){"use strict";var r,i,o,a,u=n("V3l/"),s=n("OzIq"),c=n("rFzY"),f=n("wC1N"),l=n("Ds5P"),p=n("UKM+"),d=n("XSOZ"),h=n("9GpA"),v=n("vmSO"),g=n("7O1s"),y=n("Sejc").set,m=n("g36u")(),b=n("w6Dh"),_=n("SDXa"),w=n("41xE"),x=n("nphH"),O=s.TypeError,E=s.process,S=E&&E.versions,P=S&&S.v8||"",M=s.Promise,A="process"==f(E),k=function(){},D=i=b.f,C=!!function(){try{var t=M.resolve(1),e=(t.constructor={})[n("kkCw")("species")]=function(t){t(k,k)};return(A||"function"==typeof PromiseRejectionEvent)&&t.then(k)instanceof e&&0!==P.indexOf("6.6")&&-1===w.indexOf("Chrome/66")}catch(t){}}(),N=function(t){var e;return!(!p(t)||"function"!=typeof(e=t.then))&&e},I=function(t,e){if(!t._n){t._n=!0;var n=t._c;m(function(){for(var r=t._v,i=1==t._s,o=0;n.length>o;)!function(e){var n,o,a,u=i?e.ok:e.fail,s=e.resolve,c=e.reject,f=e.domain;try{u?(i||(2==t._h&&j(t),t._h=1),!0===u?n=r:(f&&f.enter(),n=u(r),f&&(f.exit(),a=!0)),n===e.promise?c(O("Promise-chain cycle")):(o=N(n))?o.call(n,s,c):s(n)):c(r)}catch(t){f&&!a&&f.exit(),c(t)}}(n[o++]);t._c=[],t._n=!1,e&&!t._h&&R(t)})}},R=function(t){y.call(s,function(){var e,n,r,i=t._v,o=T(t);if(o&&(e=_(function(){A?E.emit("unhandledRejection",i,t):(n=s.onunhandledrejection)?n({promise:t,reason:i}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",i)}),t._h=A||T(t)?2:1),t._a=void 0,o&&e.e)throw e.v})},T=function(t){return 1!==t._h&&0===(t._a||t._c).length},j=function(t){y.call(s,function(){var e;A?E.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})})},L=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()),I(e,!0))},F=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw O("Promise can't be resolved itself");(e=N(t))?m(function(){var r={_w:n,_d:!1};try{e.call(t,c(F,r,1),c(L,r,1))}catch(t){L.call(r,t)}}):(n._v=t,n._s=1,I(n,!1))}catch(t){L.call({_w:n,_d:!1},t)}}};C||(M=function(t){h(this,M,"Promise","_h"),d(t),r.call(this);try{t(c(F,this,1),c(L,this,1))}catch(t){L.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("A16L")(M.prototype,{then:function(t,e){var n=D(g(this,M));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=A?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&I(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new r;this.promise=t,this.resolve=c(F,t,1),this.reject=c(L,t,1)},b.f=D=function(t){return t===M||t===a?new o(t):i(t)}),l(l.G+l.W+l.F*!C,{Promise:M}),n("yYvK")(M,"Promise"),n("CEne")("Promise"),a=n("7gX0").Promise,l(l.S+l.F*!C,"Promise",{reject:function(t){var e=D(this);return(0,e.reject)(t),e.promise}}),l(l.S+l.F*(u||!C),"Promise",{resolve:function(t){return x(u&&this===a?M:this,t)}}),l(l.S+l.F*!(C&&n("qkyc")(function(t){M.all(t).catch(k)})),"Promise",{all:function(t){var e=this,n=D(e),r=n.resolve,i=n.reject,o=_(function(){var n=[],o=0,a=1;v(t,!1,function(t){var u=o++,s=!1;n.push(void 0),a++,e.resolve(t).then(function(t){s||(s=!0,n[u]=t,--a||r(n))},i)}),--a||r(n)});return o.e&&i(o.v),n.promise},race:function(t){var e=this,n=D(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}})},yJ2x:function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=r.key,a=r.set;r.exp({defineMetadata:function(t,e,n,r){a(t,e,i(n),o(r))}})},yOtE:function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=r.has,a=r.key;r.exp({hasOwnMetadata:function(t,e){return o(t,i(e),arguments.length<3?void 0:a(arguments[2]))}})},yYvK:function(t,e,n){var r=n("lDLk").f,i=n("WBcL"),o=n("kkCw")("toStringTag");t.exports=function(t,e,n){t&&!i(t=n?t:t.prototype,o)&&r(t,o,{configurable:!0,value:e})}},ydD5:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},yuXV:function(t,e,n){var r=n("Ds5P"),i=n("OzIq").isFinite;r(r.S,"Number",{isFinite:function(t){return"number"==typeof t&&i(t)}})},yx1U:function(t,e,n){var r=n("Ds5P"),i=n("x9zv").f,o=n("DIVP");r(r.S,"Reflect",{deleteProperty:function(t,e){var n=i(o(t),e);return!(n&&!n.configurable)&&delete t[e]}})},zCYm:function(t,e,n){"use strict";var r=n("FryR"),i=n("zo/l"),o=n("BbyF");t.exports=function(t){for(var e=r(this),n=o(e.length),a=arguments.length,u=i(a>1?arguments[1]:void 0,n),s=a>2?arguments[2]:void 0,c=void 0===s?n:i(s,n);c>u;)e[u++]=t;return e}},zQR9:function(t,e,n){"use strict";var r=n("h65t")(!0);n("vIB/")(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},zZHq:function(t,e,n){var r=n("wCso"),i=n("DIVP"),o=r.get,a=r.key;r.exp({getOwnMetadata:function(t,e){return o(t,i(e),arguments.length<3?void 0:a(arguments[2]))}})},zgIt:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},zkX4:function(t,e,n){(function(e){!function(e){"use strict";function n(t,e,n,r){var o=e&&e.prototype instanceof i?e:i,a=Object.create(o.prototype),u=new d(r||[]);return a._invoke=c(t,n,u),a}function r(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}function i(){}function o(){}function a(){}function u(t){["next","throw","return"].forEach(function(e){t[e]=function(t){return this._invoke(e,t)}})}function s(t){function n(e,i,o,a){var u=r(t[e],t,i);if("throw"!==u.type){var s=u.arg,c=s.value;return c&&"object"==typeof c&&m.call(c,"__await")?Promise.resolve(c.__await).then(function(t){n("next",t,o,a)},function(t){n("throw",t,o,a)}):Promise.resolve(c).then(function(t){s.value=t,o(s)},a)}a(u.arg)}function i(t,e){function r(){return new Promise(function(r,i){n(t,e,r,i)})}return o=o?o.then(r,r):r()}"object"==typeof e.process&&e.process.domain&&(n=e.process.domain.bind(n));var o;this._invoke=i}function c(t,e,n){var i=S;return function(o,a){if(i===M)throw new Error("Generator is already running");if(i===A){if("throw"===o)throw a;return v()}for(n.method=o,n.arg=a;;){var u=n.delegate;if(u){var s=f(u,n);if(s){if(s===k)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(i===S)throw i=A,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);i=M;var c=r(t,e,n);if("normal"===c.type){if(i=n.done?A:P,c.arg===k)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(i=A,n.method="throw",n.arg=c.arg)}}}function f(t,e){var n=t.iterator[e.method];if(n===g){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=g,f(t,e),"throw"===e.method))return k;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return k}var i=r(n,t.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,k;var o=i.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=g),e.delegate=null,k):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,k)}function l(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function p(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function d(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(l,this),this.reset(!0)}function h(t){if(t){var e=t[_];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,r=function e(){for(;++n<t.length;)if(m.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=g,e.done=!0,e};return r.next=r}}return{next:v}}function v(){return{value:g,done:!0}}var g,y=Object.prototype,m=y.hasOwnProperty,b="function"==typeof Symbol?Symbol:{},_=b.iterator||"@@iterator",w=b.asyncIterator||"@@asyncIterator",x=b.toStringTag||"@@toStringTag",O="object"==typeof t,E=e.regeneratorRuntime;if(E)return void(O&&(t.exports=E));E=e.regeneratorRuntime=O?t.exports:{},E.wrap=n;var S="suspendedStart",P="suspendedYield",M="executing",A="completed",k={},D={};D[_]=function(){return this};var C=Object.getPrototypeOf,N=C&&C(C(h([])));N&&N!==y&&m.call(N,_)&&(D=N);var I=a.prototype=i.prototype=Object.create(D);o.prototype=I.constructor=a,a.constructor=o,a[x]=o.displayName="GeneratorFunction",E.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===o||"GeneratorFunction"===(e.displayName||e.name))},E.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,a):(t.__proto__=a,x in t||(t[x]="GeneratorFunction")),t.prototype=Object.create(I),t},E.awrap=function(t){return{__await:t}},u(s.prototype),s.prototype[w]=function(){return this},E.AsyncIterator=s,E.async=function(t,e,r,i){var o=new s(n(t,e,r,i));return E.isGeneratorFunction(e)?o:o.next().then(function(t){return t.done?t.value:o.next()})},u(I),I[x]="Generator",I[_]=function(){return this},I.toString=function(){return"[object Generator]"},E.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},E.values=h,d.prototype={constructor:d,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=g,this.done=!1,this.delegate=null,this.method="next",this.arg=g,this.tryEntries.forEach(p),!t)for(var e in this)"t"===e.charAt(0)&&m.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=g)},stop:function(){this.done=!0;var t=this.tryEntries[0],e=t.completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){function e(e,r){return o.type="throw",o.arg=t,n.next=e,r&&(n.method="next",n.arg=g),!!r}if(this.done)throw t;for(var n=this,r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r],o=i.completion;if("root"===i.tryLoc)return e("end");if(i.tryLoc<=this.prev){var a=m.call(i,"catchLoc"),u=m.call(i,"finallyLoc");if(a&&u){if(this.prev<i.catchLoc)return e(i.catchLoc,!0);if(this.prev<i.finallyLoc)return e(i.finallyLoc)}else if(a){if(this.prev<i.catchLoc)return e(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return e(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&m.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var o=i?i.completion:{};return o.type=t,o.arg=e,i?(this.method="next",this.next=i.finallyLoc,k):this.complete(o)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),k},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),p(n),k}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var i=r.arg;p(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:h(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=g),k}}}("object"==typeof e?e:"object"==typeof window?window:"object"==typeof self?self:this)}).call(e,n("DuR2"))},zmx7:function(t,e,n){var r=n("Ds5P"),i=n("YUr7"),o=n("PHqh"),a=n("x9zv"),u=n("bSML");r(r.S,"Object",{getOwnPropertyDescriptors:function(t){for(var e,n,r=o(t),s=a.f,c=i(r),f={},l=0;c.length>l;)void 0!==(n=s(r,e=c[l++]))&&u(f,e,n);return f}})},"zo/l":function(t,e,n){var r=n("oeih"),i=Math.max,o=Math.min;t.exports=function(t,e){return t=r(t),t<0?i(t+e,0):o(t,e)}},"zq/X":function(t,e,n){var r=n("UKM+");t.exports=function(t,e){if(!r(t)||t._t!==e)throw TypeError("Incompatible receiver, "+e+" required!");return t}}});
\ No newline at end of file
diff --git a/document/components/docs/en-US/quick-start.md b/document/components/docs/en-US/quick-start.md
index 2196c07ee..4ccd526ff 100644
--- a/document/components/docs/en-US/quick-start.md
+++ b/document/components/docs/en-US/quick-start.md
@@ -267,3 +267,17 @@ import { createAPI, BetterScroll, Locale } from 'cube-ui'
   }
 </script>
 ```
+### TypeScript Development Tooling
+
+We will start to provide better support for TypeScript in v1.12.39.
+
+> If you use [Visual Studio Code](https://code.visualstudio.com/) + [Vetur](https://github.com/vuejs/vetur) for development
+
+#### TypeScript
+  TypeScript version >= [4.1](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-1.html)
+#### Visual Studio Code
+
+  Visual Studio Code version >= [1.52.0](https://github.com/vuejs/vetur/releases/tag/v0.30.3)
+
+#### Vetur
+  Vetur version >= [0.30.3](https://github.com/microsoft/vscode/releases/tag/1.52.0)
\ No newline at end of file
diff --git a/document/components/docs/en-US/rate.md b/document/components/docs/en-US/rate.md
index 32ea40172..7ceb33862 100644
--- a/document/components/docs/en-US/rate.md
+++ b/document/components/docs/en-US/rate.md
@@ -87,6 +87,7 @@ Rate component. You can customize the rating star numbers, and disable the inter
 | max | max star number | Number | - | 5 |
 | disabled | disabled status | Boolean | true/false | false |
 | justify | auto justify container's width | Boolean | true/false | false |
+| allowHalf<sup>1.12.52</sup> | whether to allow half star | Boolean | true/false | false |
 
 ### slot
 
diff --git a/document/components/docs/en-US/textarea.md b/document/components/docs/en-US/textarea.md
index ebbb9d5cf..3726b327d 100644
--- a/document/components/docs/en-US/textarea.md
+++ b/document/components/docs/en-US/textarea.md
@@ -48,6 +48,23 @@ Multi-line input box components. You can use the `v-model` directive to create t
   If `indicator` is `true`, the config equals `{remain: true, negative: true}`.
 
   If `indicator` is an object, you can use `remain` and `negative` to control whether show the remaining count(if `remain` is `false` means show the textarea value length) and whether allow remaining number is negative.
+  
+  Starting from version 1.12.53, named scoped slot `indicator` is supported for custom count indicators. It provides the remaining characters `remain` and the current input count `count`:
+
+  ```html
+  <cube-textarea
+    v-model="text"
+    placeholder="请您至少输入8个字（必填）"
+    :maxlength="300"
+    :auto-expand="true"
+  >
+    <span slot="indicator" slot-scope="{ remain }" class="cube-textarea-indicator">{{remain}}/300</span>
+    <!-- 或者 vue2.6以上 -->
+    <!-- <template #indicator="childValue">
+      <span class="cube-textarea-indicator">{{childValue.remain}}/300</span>
+    </template> -->
+  </cube-textarea>
+  ```
 
 - Multiple configurations
 
@@ -90,6 +107,7 @@ Multi-line input box components. You can use the `v-model` directive to create t
 | autofocus | autofocus status | Boolean | true/false | false |
 | indicator<sup>1.10.0</sup> | indicator config | Boolean/Object | true/false/{} | true |
 | autoExpand<sup>1.12.0</sup> | If `autoExpand` is true and have initial value, the textarea will be auto expanded | Boolean | true/false | false |
+| forceExpand<sup>1.12.53</sup> | If `forceExpand` is true, the textarea will remain expanded at all times. | Boolean | true/false | false |
 
 - indicator sub configuration
 
diff --git a/document/components/docs/zh-CN/quick-start.md b/document/components/docs/zh-CN/quick-start.md
index ce01af7f9..90d87389b 100644
--- a/document/components/docs/zh-CN/quick-start.md
+++ b/document/components/docs/zh-CN/quick-start.md
@@ -268,3 +268,17 @@ import { createAPI, BetterScroll, Locale } from 'cube-ui'
   }
 </script>
 ```
+### TypeScript 开发工具
+
+我们将在 v1.12.39 开始提供对 TypeScript 更好的支持。
+
+> 如果你使用 [Visual Studio Code](https://code.visualstudio.com/) + [Vetur](https://github.com/vuejs/vetur) 进行开发
+
+#### TypeScript
+  TypeScript 版本需 >= [4.1](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-1.html)
+#### Visual Studio Code
+
+  Visual Studio Code 版本需 >= [1.52.0](https://github.com/vuejs/vetur/releases/tag/v0.30.3)
+
+#### Vetur
+  Vetur 版本需 >= [0.30.3](https://github.com/microsoft/vscode/releases/tag/1.52.0)
diff --git a/document/components/docs/zh-CN/rate.md b/document/components/docs/zh-CN/rate.md
index a8c07a673..4ebf2ba66 100644
--- a/document/components/docs/zh-CN/rate.md
+++ b/document/components/docs/zh-CN/rate.md
@@ -87,6 +87,7 @@
 | max | 星星个数 | Number | - | 5 |
 | disabled | 禁用状态 | Boolean | true/false | false |
 | justify | 是否自适应容器宽度（通过在星星之间增加空隙） | Boolean | true/false | false |
+| allowHalf<sup>1.12.52</sup> | 是否支持半选 | Boolean | true/false | false |
 
 ### 插槽
 
diff --git a/document/components/docs/zh-CN/textarea.md b/document/components/docs/zh-CN/textarea.md
index 800e26dad..2835c73af 100644
--- a/document/components/docs/zh-CN/textarea.md
+++ b/document/components/docs/zh-CN/textarea.md
@@ -43,6 +43,23 @@
   ```
 
   如果 `indicator` 的值为 `false`，则不显示计数标识，如果为 `true`，则等同于 `{remain: true, negative: true}`，而如果是对象，则可通过 `remain` 和 `negative` 分别控制是否显示剩余字数（如果为 `false` 则显示输入字数）和是否允许负值。
+  
+  从1.12.53开始也支持具名作用域插槽 `indicator` 自定义计数标识，提供了剩余可输入字数 `remain`，和当前已输入字数 `count`：
+
+  ```html
+  <cube-textarea
+    v-model="text"
+    placeholder="请您至少输入8个字（必填）"
+    :maxlength="300"
+    :auto-expand="true"
+  >
+    <span slot="indicator" slot-scope="{ remain }" class="cube-textarea-indicator">{{remain}}/300</span>
+    <!-- 或者 vue2.6以上 -->
+    <!-- <template #indicator="childValue">
+      <span class="cube-textarea-indicator">{{childValue.remain}}/300</span>
+    </template> -->
+  </cube-textarea>
+  ```
 
 - 多项配置
 
@@ -85,6 +102,7 @@
 | autofocus | 自动对焦 | Boolean | true/false | false |
 | indicator<sup>1.10.0</sup> | 计数标识配置 | Boolean/Object | true/false/{} | true |
 | autoExpand<sup>1.12.0</sup> | 如果为 true 且默认有内容的话，会默认展开 | Boolean | true/false | false |
+| forceExpand<sup>1.12.53</sup> | 如果为 true , 会始终保持展开 | Boolean | true/false | false |
 
 - indicator 子配置项
 
@@ -95,6 +113,12 @@
   | remain | 是否控制显示剩余字数，如果为 `false` 则代表显示输入字数 | Boolean | true/false | true |
   | negative | 当 `remain` 为 true 时有效，是否允许出现负值 | Boolean | true/false | true |
 
+### 插槽
+
+  | 名称 | 说明 |
+  | - | - |
+  | indicator<sup>1.12.53</sup>  | 自定义右下角计数标识 |
+
 ### 事件
 
 | 事件名 | 说明 | 参数 |
diff --git a/example/pages/rate.vue b/example/pages/rate.vue
index ac74bba90..893cb388d 100644
--- a/example/pages/rate.vue
+++ b/example/pages/rate.vue
@@ -5,7 +5,7 @@
     class="option-demo">
     <div slot="content">
       <div class="rate-wrapper">
-        <cube-rate v-model="value" :disabled="disabled" :max="max" :justify="justify">
+        <cube-rate v-model="value" :disabled="disabled" :max="max" :justify="justify" :allowHalf="allowHalf">
           <cube-rate-item v-for="n in max" :key="n" :value="value" :index="n">
             <div class="rate-item" v-if="customStar"></div>
           </cube-rate-item>
@@ -22,6 +22,8 @@
                             @update:value="updateJustify"></switch-option>
           <switch-option class="item" name="customStar" :value="customStar"
                             @update:value="updateRateItem"></switch-option>
+          <switch-option class="item" name="allowHalf" :value="allowHalf"
+                            @update:value="updateAllowHalf"></switch-option>
         </div>
       </div>
     </div>
@@ -52,7 +54,8 @@
             text: '10',
             value: 10
           }
-        ]
+        ],
+        allowHalf: false
       }
     },
     methods: {
@@ -67,6 +70,9 @@
       },
       updateRateItem(val) {
         this.customStar = val
+      },
+      updateAllowHalf(val) {
+        this.allowHalf = val
       }
     },
     components: {
diff --git a/example/pages/textarea.vue b/example/pages/textarea.vue
index 8584dc0bb..3a0f272f7 100644
--- a/example/pages/textarea.vue
+++ b/example/pages/textarea.vue
@@ -30,6 +30,17 @@
           </div>
         </div>
       </div>
+      <div class="title">named slot indicator & forceExpand: true</div>
+      <div class="textarea-wrapper">
+        <cube-textarea
+          v-model="text"
+          :force-expand="true"
+          :maxlength="+maxlength || 60"
+          :indicator="false"
+          :width="width || '300px'">
+          <span slot="indicator" slot-scope="{ remain }" class="cube-textarea-indicator">{{remain}}/{{maxlength || 60}}</span>
+        </cube-textarea>
+      </div>
     </div>
   </cube-page>
 </template>
diff --git a/lib/cascade-picker/cascade-picker.min.js b/lib/cascade-picker/cascade-picker.min.js
index 21c7acabb..9c0376812 100644
--- a/lib/cascade-picker/cascade-picker.min.js
+++ b/lib/cascade-picker/cascade-picker.min.js
@@ -8,4 +8,4 @@ var Y=function(){function t(t,e){var i=[],n=!0,o=!1,s=void 0;try{for(var r,a=t[S
  * (c) 2019 ustbhuangyi
  * @license MIT
  */
-var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:c,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(27),r=i(94),a=i(95),l=i(41),h=i(123),c=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=s(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=c(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)h(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)h(i,g,v?r(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,h,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(s),v=u(r),g=u(a),y=u(l),x=u(h);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var h=a[l][this.valueKey],c=0;c<e.length;c++)if(e[c][this.valueKey]===h){r=c;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:c.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return c.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=l(i),c=l(n),u=l(o),p=l(s),f=l(r),d=l(a);e.default={name:"cube-cascade-picker",mixins:[c.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:h.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(165),i(177),i(139),i(83)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),h=a(n),c=a(o),u=a(s),p=a(r);h.default.install=function(t){t.component(l.default.name,l.default),t.component(h.default.name,h.default),p.default.install(t),(0,u.default)(t,l.default),(0,c.default)(t,h.default)},h.default.Picker=l.default,e.default=h.default,t.exports=e.default})}])});
\ No newline at end of file
+var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:c,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(27),r=i(94),a=i(95),l=i(41),h=i(123),c=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=s(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=c(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)h(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)h(i,g,v?r(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,h,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(s),v=u(r),g=u(a),y=u(l),x=u(h);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var h=a[l][this.valueKey],c=0;c<e.length;c++)if(e[c][this.valueKey]===h){r=c;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:c.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return c.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=l(i),c=l(n),u=l(o),p=l(s),f=l(r),d=l(a);e.default={name:"cube-cascade-picker",mixins:[c.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:h.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(162),i(177),i(139),i(83)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),h=a(n),c=a(o),u=a(s),p=a(r);h.default.install=function(t){t.component(l.default.name,l.default),t.component(h.default.name,h.default),p.default.install(t),(0,u.default)(t,l.default),(0,c.default)(t,h.default)},h.default.Picker=l.default,e.default=h.default,t.exports=e.default})}])});
\ No newline at end of file
diff --git a/lib/cascade-picker/index.js b/lib/cascade-picker/index.js
index 4c37191f8..5c6fa88b6 100644
--- a/lib/cascade-picker/index.js
+++ b/lib/cascade-picker/index.js
@@ -7488,10 +7488,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 /* 160 */,
 /* 161 */,
 /* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */
+/* 163 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(9)(
@@ -7511,6 +7508,9 @@ module.exports = Component.exports
 
 
 /***/ }),
+/* 164 */,
+/* 165 */,
+/* 166 */,
 /* 167 */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7844,7 +7844,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(117), __webpack_require__(166), __webpack_require__(178), __webpack_require__(140), __webpack_require__(84)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(117), __webpack_require__(163), __webpack_require__(178), __webpack_require__(140), __webpack_require__(84)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/checkbox-group/checkbox-group.min.js b/lib/checkbox-group/checkbox-group.min.js
index fabfc4763..ed0e51630 100644
--- a/lib/checkbox-group/checkbox-group.min.js
+++ b/lib/checkbox-group/checkbox-group.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["checkbox-group"]=t():(e.cube=e.cube||{},e.cube["checkbox-group"]=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=285)}({161:function(e,t,n){function o(e){n(168)}var r=n(9)(n(169),n(170),o,null,null);e.exports=r.exports},162:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(86)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=(0,n.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var n=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[o]=n})})}}}},e.exports=t.default})},168:function(e,t){},169:function(e,t,n){var o,r,i;!function(n,a){r=[e,t],o=a,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.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 e=this.$parent,t=e.$data._checkboxGroup;return{isInGroup:t,isInHorizontalGroup:t&&(e.$props.horizontal||e.$props.colNum>1)}},computed:{computedOption:function(){var e=this.option,t=this.label,n=this.disabled;return!0===e._def_option?e={label:t,value:t,disabled:n}:"string"==typeof e&&(e={label:e,value:e,disabled:!1}),e},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(e){var t=this.computedOption.value,n=t&&e?t:e;if(this.$emit("input",n),this.isInGroup){e=!this.checkValue;var o=e?"checked":"cancel-checked";this.$parent.$emit(o,t||e)}}},_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"}}},e.exports=t.default})},170:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-checkbox",class:e._containerClass,attrs:{"data-pos":e.position}},[n("label",{staticClass:"cube-checkbox-wrap",class:e._wrapClass},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:e.computedOption.disabled},domProps:{checked:Array.isArray(e.checkValue)?e._i(e.checkValue,null)>-1:e.checkValue},on:{change:function(t){var n=e.checkValue,o=t.target,r=!!o.checked;if(Array.isArray(n)){var i=e._i(n,null);o.checked?i<0&&(e.checkValue=n.concat([null])):i>-1&&(e.checkValue=n.slice(0,i).concat(n.slice(i+1)))}else e.checkValue=r}}}),e._v(" "),n("span",{staticClass:"cube-checkbox-ui",class:e._borderIconClass},[n("i",{class:e._rightIconClass})]),e._v(" "),n("span",{staticClass:"cube-checkbox-label"},[e._t("default",[e._v(e._s(e.computedOption.label))])],2)])])},staticRenderFns:[]}},200:function(e,t,n){function o(e){n(201)}var r=n(9)(n(202),n(203),o,null,null);e.exports=r.exports},201:function(e,t){},202:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(161),n(162)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(n),a=r(o);t.default={name:"cube-checkbox-group",mixins:[a.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(e,t){this._value=this.value.concat()}}},mounted:function(){var e=this;this.$on("checked",function(t){e._value.length<e.max&&-1===e._value.indexOf(t)&&e._value.push(t),e.$emit("input",e._value)}),this.$on("cancel-checked",function(t){var n=e._value.indexOf(t);e._value.length>e.min&&n>-1&&e._value.splice(n,1),e.$emit("input",e._value)})},components:{CubeCheckbox:i.default}},e.exports=t.default})},203:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"group",staticClass:"cube-checkbox-group",class:e.groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,o){return n("cube-checkbox",{key:o,attrs:{option:t,shape:e.shape,position:e.position,"hollow-style":e.hollowStyle}})}))],2)},staticRenderFns:[]}},285:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(161),n(200)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(n),a=r(o);a.default.install=function(e){e.component(i.default.name,i.default),e.component(a.default.name,a.default)},a.default.Checkbox=i.default,t.default=a.default,e.exports=t.default})},49:function(e,t,n){var o,r,i;!function(n,a){r=[t],o=a,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,n=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=n&&n.indexOf("android")>0,e.isIOS=n&&/iphone|ipad|ipod|ios/.test(n)})},86:function(e,t,n){var o,r,i;!function(a,u){r=[t,n(49)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t){"use strict";function n(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function o(e,t){if(!n(e,t)){var o=e.className.split(" ");o.push(t),e.className=o.join(" ")}}function r(e,t){if(n(e,t)){var o=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(o," ")}}function i(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==l&&("standard"===l?"transitionEnd"===e?"transitionend":e:l+e.charAt(0).toUpperCase()+e.substr(1))}function c(e,t){for(var o=e.target;o&&!n(o,t);){if(o===e.currentTarget)return null;o=o.parentNode}return o}function s(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.type,r=void 0===o?"Event":o,i=n.bubbles,a=void 0===i||i,u=n.cancelable,c=void 0===u||u,s=document.createEvent(r);s.initEvent(t,a,c),e.dispatchEvent(s)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=n,e.addClass=o,e.removeClass=r,e.getData=i,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=c,e.dispatchEvent=s;var l=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,n={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var o in n)if(void 0!==e[n[o]])return o;return!1}()})},9:function(e,t){e.exports=function(e,t,n,o,r){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var c="function"==typeof a?a.options:a;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var s;if(r?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=s):n&&(s=n),s){var l=c.functional,f=l?c.render:c.beforeCreate;l?c.render=function(e,t){return s.call(t),f(e,t)}:c.beforeCreate=f?[].concat(f,s):[s]}return{esModule:i,exports:a,options:c}}}})});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["checkbox-group"]=t():(e.cube=e.cube||{},e.cube["checkbox-group"]=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=285)}({161:function(e,t,n){function o(e){n(168)}var r=n(9)(n(169),n(170),o,null,null);e.exports=r.exports},163:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(86)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=(0,n.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var n=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[o]=n})})}}}},e.exports=t.default})},168:function(e,t){},169:function(e,t,n){var o,r,i;!function(n,a){r=[e,t],o=a,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.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 e=this.$parent,t=e.$data._checkboxGroup;return{isInGroup:t,isInHorizontalGroup:t&&(e.$props.horizontal||e.$props.colNum>1)}},computed:{computedOption:function(){var e=this.option,t=this.label,n=this.disabled;return!0===e._def_option?e={label:t,value:t,disabled:n}:"string"==typeof e&&(e={label:e,value:e,disabled:!1}),e},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(e){var t=this.computedOption.value,n=t&&e?t:e;if(this.$emit("input",n),this.isInGroup){e=!this.checkValue;var o=e?"checked":"cancel-checked";this.$parent.$emit(o,t||e)}}},_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"}}},e.exports=t.default})},170:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-checkbox",class:e._containerClass,attrs:{"data-pos":e.position}},[n("label",{staticClass:"cube-checkbox-wrap",class:e._wrapClass},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:e.computedOption.disabled},domProps:{checked:Array.isArray(e.checkValue)?e._i(e.checkValue,null)>-1:e.checkValue},on:{change:function(t){var n=e.checkValue,o=t.target,r=!!o.checked;if(Array.isArray(n)){var i=e._i(n,null);o.checked?i<0&&(e.checkValue=n.concat([null])):i>-1&&(e.checkValue=n.slice(0,i).concat(n.slice(i+1)))}else e.checkValue=r}}}),e._v(" "),n("span",{staticClass:"cube-checkbox-ui",class:e._borderIconClass},[n("i",{class:e._rightIconClass})]),e._v(" "),n("span",{staticClass:"cube-checkbox-label"},[e._t("default",[e._v(e._s(e.computedOption.label))])],2)])])},staticRenderFns:[]}},200:function(e,t,n){function o(e){n(201)}var r=n(9)(n(202),n(203),o,null,null);e.exports=r.exports},201:function(e,t){},202:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(161),n(163)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(n),a=r(o);t.default={name:"cube-checkbox-group",mixins:[a.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(e,t){this._value=this.value.concat()}}},mounted:function(){var e=this;this.$on("checked",function(t){e._value.length<e.max&&-1===e._value.indexOf(t)&&e._value.push(t),e.$emit("input",e._value)}),this.$on("cancel-checked",function(t){var n=e._value.indexOf(t);e._value.length>e.min&&n>-1&&e._value.splice(n,1),e.$emit("input",e._value)})},components:{CubeCheckbox:i.default}},e.exports=t.default})},203:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"group",staticClass:"cube-checkbox-group",class:e.groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,o){return n("cube-checkbox",{key:o,attrs:{option:t,shape:e.shape,position:e.position,"hollow-style":e.hollowStyle}})}))],2)},staticRenderFns:[]}},285:function(e,t,n){var o,r,i;!function(a,u){r=[e,t,n(161),n(200)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(n),a=r(o);a.default.install=function(e){e.component(i.default.name,i.default),e.component(a.default.name,a.default)},a.default.Checkbox=i.default,t.default=a.default,e.exports=t.default})},49:function(e,t,n){var o,r,i;!function(n,a){r=[t],o=a,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,n=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=n&&n.indexOf("android")>0,e.isIOS=n&&/iphone|ipad|ipod|ios/.test(n)})},86:function(e,t,n){var o,r,i;!function(a,u){r=[t,n(49)],o=u,void 0!==(i="function"==typeof o?o.apply(t,r):o)&&(e.exports=i)}(0,function(e,t){"use strict";function n(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function o(e,t){if(!n(e,t)){var o=e.className.split(" ");o.push(t),e.className=o.join(" ")}}function r(e,t){if(n(e,t)){var o=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(o," ")}}function i(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==l&&("standard"===l?"transitionEnd"===e?"transitionend":e:l+e.charAt(0).toUpperCase()+e.substr(1))}function c(e,t){for(var o=e.target;o&&!n(o,t);){if(o===e.currentTarget)return null;o=o.parentNode}return o}function s(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.type,r=void 0===o?"Event":o,i=n.bubbles,a=void 0===i||i,u=n.cancelable,c=void 0===u||u,s=document.createEvent(r);s.initEvent(t,a,c),e.dispatchEvent(s)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=n,e.addClass=o,e.removeClass=r,e.getData=i,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=c,e.dispatchEvent=s;var l=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,n={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var o in n)if(void 0!==e[n[o]])return o;return!1}()})},9:function(e,t){e.exports=function(e,t,n,o,r){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var c="function"==typeof a?a.options:a;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var s;if(r?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=s):n&&(s=n),s){var l=c.functional,f=l?c.render:c.beforeCreate;l?c.render=function(e,t){return s.call(t),f(e,t)}:c.beforeCreate=f?[].concat(f,s):[s]}return{esModule:i,exports:a,options:c}}}})});
\ No newline at end of file
diff --git a/lib/checkbox-group/index.js b/lib/checkbox-group/index.js
index 01e12313b..f13baeeab 100644
--- a/lib/checkbox-group/index.js
+++ b/lib/checkbox-group/index.js
@@ -99,7 +99,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 163:
+/***/ 164:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -401,7 +401,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(162), __webpack_require__(163)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(162), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/cube.min.css b/lib/cube.min.css
index 503f29e60..1df2d357e 100644
--- a/lib/cube.min.css
+++ b/lib/cube.min.css
@@ -1 +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;-moz-user-select:none;-ms-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);transform:scale(.5)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%;-webkit-transform:scale(.5);transform:scale(.5)}.border-left-1px:before{height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@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);transform:scale(.333)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(fonts/cubeic.dcc2b6f.ttf) 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-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.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-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;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;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s}@-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;-webkit-box-align:center;-webkit-align-items: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;-webkit-justify-content: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-tab-bar{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-tab-bar,.cube-tab-bar_inline .cube-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-tab-bar_inline .cube-tab{-webkit-align-content:center;align-content:center}.cube-tab-bar-slider{position:absolute;left:0;bottom:0;height:2px;width:20px;background-color:#e8864c}.cube-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px 0;color:#666;text-align:center}.cube-tab_active{color:#e8864c}.cube-tab-panels{position:relative;overflow:hidden}.cube-tab-panels-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1);transition:all .4s cubic-bezier(.86,0,.07,1)}.cube-tab-panel{width:100%;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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,100%,0);transform:translate3d(0,100%,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;box-sizing:content-box;font-size:14px}.cube-picker-confirm{position:absolute;right:0;color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{position:absolute;left:0;color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content: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-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-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:-webkit-flex;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;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,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{height:100%;top:-100%}.cube-popup-center .cube-popup-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-popup-top .cube-popup-content{top:-100%;left:-100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-right .cube-popup-content{top:-100%;right:100%}.cube-popup-left .cube-popup-content{left:-100%}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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}.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip{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;box-sizing:content-box;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-content-def>p+.cube-input{margin-top:12px}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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;-moz-user-select:none;-ms-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:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-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;box-shadow:-2px 0 2px rgba(0,0,0,.2)}.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:-webkit-flex;display:flex}.cube-drawer-panel,.cube-drawer-panels{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index: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-scroll-list-wrapper{overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .before-trigger{height:54px;line-height:0;padding-top:6px}.cube-pulldown-wrapper .after-trigger .loading{padding:8px 0}.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded{padding:12px 0}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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-image-preview-fade-enter,.cube-image-preview-fade-leave-active{opacity:0}.cube-image-preview-fade-enter-active,.cube-image-preview-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-image-preview .cube-popup-mask{opacity:.6}.cube-image-preview .cube-popup-content{width:100%;height:100%}.cube-image-preview .cube-slide-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.cube-image-preview-container{height:100%;margin:0 -10px}.cube-image-preview-footer,.cube-image-preview-header{position:absolute;left:0;right:0}.cube-image-preview-header{top:0}.cube-image-preview-footer{bottom:0}.cube-image-preview-counter{position:absolute;bottom:50px;width:100%;text-align:center;font-size:14px;color:#fff}.cube-image-preview-item{position:relative;padding:0 10px;width:100%;height:100%}.cube-image-preview-item .cube-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-image-preview-item .cube-image-preview-img{display:block;height:auto;max-width:100%;max-height:100%}.cube-slide{min-height:1px}.cube-slide,.cube-slide-group{position:relative;height:100%;overflow:hidden}.cube-slide-group{white-space:nowrap;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.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%;width:100%}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-sticky{position:relative;height:100%;overflow:hidden}.cube-sticky-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-sticky-fixed-fade-enter,.cube-sticky-fixed-fade-leave-active{opacity:0}.cube-sticky-fixed-fade-enter-active,.cube-sticky-fixed-fade-leave-active{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cube-scroll-nav,.cube-sticky-ele{position:relative}.cube-scroll-nav{height:100%;overflow:hidden}.cube-scroll-nav .cube-sticky-content{height:100%}.cube-scroll-nav-main{overflow:hidden}.cube-scroll-nav-main>.cube-sticky{position:static}.cube-scroll-nav_side>.cube-sticky{display:-webkit-box;display:-webkit-flex;display:flex}.cube-scroll-nav_side>.cube-sticky>.cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-scroll-nav_side>.cube-sticky>.cube-sticky-fixed{position:relative;height:100%;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky-ele{float:left}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky{overflow:hidden}.cube-scroll-nav-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;color:#666;background-color:#fff}.cube-scroll-nav-bar_horizontal{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.cube-scroll-nav-bar_horizontal .cube-scroll-content{display:inline-block;vertical-align:top}.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items{white-space:nowrap}.cube-scroll-nav-bar_vertical{height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-scroll-nav-bar_vertical .cube-scroll-nav-bar-item{display:block}.cube-scroll-nav-bar-items{font-size:14px}.cube-scroll-nav-bar-item{display:inline-block;vertical-align:top;padding:20px 15px}.cube-scroll-nav-bar-item_active{color:#fc9153}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
\ No newline at end of file
+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;-moz-user-select:none;-ms-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);transform:scale(.5)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%;-webkit-transform:scale(.5);transform:scale(.5)}.border-left-1px:before{height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@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);transform:scale(.333)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(fonts/cubeic.dcc2b6f.ttf) 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-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.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-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;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;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s}@-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;-webkit-box-align:center;-webkit-align-items: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;-webkit-justify-content: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-tab-bar{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-tab-bar,.cube-tab-bar_inline .cube-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-tab-bar_inline .cube-tab{-webkit-align-content:center;align-content:center}.cube-tab-bar-slider{position:absolute;left:0;bottom:0;height:2px;width:20px;background-color:#e8864c}.cube-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px 0;color:#666;text-align:center}.cube-tab_active{color:#e8864c}.cube-tab-panels{position:relative;overflow:hidden}.cube-tab-panels-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1);transition:all .4s cubic-bezier(.86,0,.07,1)}.cube-tab-panel{width:100%;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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,100%,0);transform:translate3d(0,100%,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;box-sizing:content-box;font-size:14px}.cube-picker-confirm{position:absolute;right:0;color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{position:absolute;left:0;color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content: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-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-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:-webkit-flex;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;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,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{height:100%;top:-100%}.cube-popup-center .cube-popup-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-popup-top .cube-popup-content{top:-100%;left:-100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-right .cube-popup-content{top:-100%;right:100%}.cube-popup-left .cube-popup-content{left:-100%}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIKUlEQVRoBcVZb1BUVRQ/d/8CIoIIrNJAhbkCRf79wExhmeIgqahBHxSdiWxsnAlNPzWjSTOV4+hoo31w1LJsmik/9EGnGRjFELOc0XAIWTUNAQnjnyCEC7v7br/zhA3Wfcsj39Zl7u7j3vvOPb97/t1zliiMTVbOXADyk8K4BZnCRVyefTKCfOYy0E9FD9s+YSNMnsiFYPsFMB+FHjYphAWAvPBEJAnT22QV5tLS0kwAcIRLCmEBQH2xL5KgPBpQaNOmTW/GxsYmAMBEdMOb4QDkzpcsRHIrmfGHlpiYOHf79u3z8DjFcO5B0HAA9EJbtqr7ilT5jYiIsObm5ubFxcVNxUC00SDUUzKKqLw010oPPGVkN80j70MAfyWtJ6hQMoDUnz59uhl79Ri1H9MxVgI97tkkRCENKn4epZRksVjs+fn5yyIjI9mYI/2TBjwYC0Chd8ksIujh4fvZ8/l85HA4srdu3ZqFwST/hAEPhgGQVc/PJrPMpX8O388eA4iOjo5cuXLlUqvVmogJjg2GNENsQO6EKibHvwfdX0Ce0cfvnlaiMqooCk2cODFZCFF7/vz5FgzeNwKBMRJYMGMGXGcx+32txgCioqKiV69enQdbYI8UobV2POPGAPBaSslqmhSo+4GMsCqlpKQsWL9+vRNzhsSFxwYgK51ORN2CYLofCMDr9bIaxRYXFy/FHNuCLXDNeP9/bADksxSTTTjIN1r3tRgZHByktLS03A0bNqRjTbzWOr3jCPvja7L6uTjyDCaCcb7fpENt3go03FAU2RZiYmImr1mzZsnhw4drsdaH7kYfRPcM/Y8vfU1oLZNn+U7TG0tu90z4mAwyKTOJxNPoyTDYZKjNVLJBgBy0Qhx+97wfH9nCZFIF33/u3Lkj+/bt+6G2trarp6fH7fF4+rH4AToDGv4ewDODDLqLUE900BtD0pRIUk5DJHWSIp8Dg3wNTgXDuBrLCLIIgSAFUqDDzobvOkFJYm5ECwaAp81mM7FRwy76oFYMoKmjo6Ph9u3bjU1NTa0NDQ1dFy9e7Kyrq7uH5X3oDIrBcGdJcfcKWZFejLv7zocnOhTmVQYxPXQhw5MuZtV1AR9aAHgZYoK/s1QYFH/39/f7BgYGOt1udweeO7q7u1uam5ubXC7X7TNnzrRWV1d34HVWuUYhT86NIrv7fbLIbSSFaRTTvMtjtlAAtEgziJGAWFJQL4mxgStXrpxYvnz5ZwDVgPebVRvAfUtQeSZ8Oe3Gk1WvR9FiYOT4vwEw8n1+Zsmw8YP5L9euXfv5nTt3rmH4Ls+pXgiShDZf3S8rMh5Az/eQSUQbLQne7N80lgRutB7Yw+dLliz5AjRuorcN0xoVB0Ru/SGc/htQ+HvIZ4fX/G/fNpuNDX2goqJiH5g/Akauo/uZZ8ZGAeABgDgBj7QOCcldeB4e+l8aM9/X19d66tSpjwoLC78GE3zynYHMPAKAF4hFdafwVQR3+TuibOA7Yf8f2Rv19vY27969e8e6deu+w4ZssOxOH2lBAfAqsai+mnzidRqUrv8ShN1up66urub9+/d/sHfv3p/Byu/omldvTQAqiNy6SySUAtjFRbKHXxJ88nCPt3bt2rUD/SfwwGrzF/Oi1UIC4JfEoms34AZeJ49SFU7DZp1va2u7VlZWtvPAgQPM/G/oHH1DtjEB8NviFVcjmXyvkZdOws3quECE3PORSaSZHH1b9+zZ8/GhQ4eY+VvoHGnHbLoAMBXx8o0OgNgLdfIi2BnaOFDB47QfO3aMjZXTTa/eDXQDUAl6zXPVSG2wDDjRgf5PWbZsmQP7jCvhHx8AQbPC4ZH4roN8OXHWrFnTwgZAns2MhjHP0HOF1iv+4XVc/EKib3E6nU9hjMuPupVUvwQeUAridqqaWgzvbOA3q1FqaqoTBs0AdOfK+gHYAMAikoy8qY7EzwASEhLS4+PjuQxvHzkX6lk/AIWy4EJ1izbUpsHm+LoMQ07Kzs7mcovumpEuAGq+IGT2cMU5GANaYxyg+HrA2ddYDe7UhsLX81inuwCsCwCdyI6AWc3WU/vxM8n8Ioe+fPny8fb29noGgCq1JhA2ZOi/afr06c4hAGMjxkJ9AGI64X1kErqfv5APD2+wXvIpP+Xk5Hy4atWqLeXl5btwz7mBBEWyRII1Tl4mT56cCo8Uh3ldhqwPgMk8H0cXmuDQifOp4wb7I8CW0D3Xi2DkOqRwuaio6DjSwW1VVVUHOJ/l60OgRDgeoIrtwG8JU/GeLjXSCUDMRw0IuV2wc8MYZ28MwCd/gZ0UU78vTyx2fSmK/E6XE5HrYP4Cou1hAClFTejg/fv37zAIBsONAeD0HVlZWRyRJ6iDY3yMWZmT32bacJrPBGWeT1tlnK4ihz5K/coRseJ6r8aeXJxiIN2VlZWd6I0FBQU/bN68OT8jIyNvwoQJjqGIbEXpEcUzFQBT1zo2TOmIePL7Z9PIqlRCNVL8MYBTTSbtkTcB7iD839cip6Zdpaj/g4+da6NJK1aseAa/3uQjEufjV82Empqa7+fMmbMDc7+ih7yVMhshmyxPz0Hp/AxOmF0IPAuW+6gRHukrsiufihxXa0gCY0+ybbHKTNm4cWN6SUlJIQw5Dcb/TktLyyWMa0lUpTw2gNOZmyhSHFRPf0D5A1W8oxDqEbH4apNKwbgPDl6qRLZs2TIbZZSOC2gYCylZHQAyjpPF9Cp5lW9QrfhELK5zGcdzUEp8nWYvxFL5E53TSs0W0oiHDPgujHOhWFpfo0nF2AmuUHNGxvUflggfsqYh/w0Dks+ZwQ7q7wAAAABJRU5ErkJggg==)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJmUlEQVR4AeVcfUxW1xk/5wUjdBQESxdcxdExpSioLUQGo1IRSjNmjN1H3Wg2t8nWlWUjzRhrl7GMZFqzYGpMOs2M/uHHMlejCzpaa9Rtjm6tc5sC2rEVFG2sHco3KLx3v9/1Xnx5+bof73vv1T7J855z7j0fz/nxnI/nnOcihIdIeTM9H+LEekgk4fOSMEIRL0KeZC/J5BmAlNfTHgMwJeB48Me8ApJnABIRvpoAUB4KiLsa9QRASsPCxRhenw9A4kHEPaFFngAIM2G1Ds7BgwdXaXFPaJHrACmvZ6QJqXxBB2jZsmVf1eLUoij9uVuh6wAJn//H6HykDkBUVFTS/v37OVmTXNciVwHC3JMqhPKV21jc+c3JyXlGS30c4Yw7b5yPuQqQiFBeQJdHtUfvfkxMzMO7d+9+AmnK56oWuQaQ8saCOej8Oh2U4DA/P1/XIuZzTYtcA0jIyB+i4zODgdHTsbGxj+zcuZOmB2VM0p87HboCkPLmIswtyvrpOgstelrL8wmErsjqSqNCjFSiw9NuBGfPnv3o1q1bc5CX85Qrc5HjACn1GfFCkRXosCEqLi5eo2V0RYscB0hEjfwAHZ5We3T0EhMTc6BF2UhTixyfixwFSPnzgvuhPd/XO280XLFihW6ncUVzVGZHGxMDkc9jco4zCoyeLykpqWDz5s08DqHpkag/dyJ0DCDlLw9FAxxOzpYIWlSsFeSBmmNyO9aQ6I97Dh2jAWqJkpOTn9q4cWMmCjuqRY4ApGqPopoVlsDRCxUWFtL8IHFFc4QcAUj0xn4NveEEa4tSU1Of1rSIq2CCrcoMFg47QMo7j83AjPEjg/JMm2358uXcOJLm3g7C+xt2gMT1gWdxnPrJUHUjLS2trKqqCsck6vVQ2LUobABRc9SzZnHnODVUIJWWlj6u1UUt4nALWz+kXaHVIfS/m58SEf5FWMYzoC0LUSdXmxTwuLOe6dq7kXVquizq+w0bNnxj06ZNrQGZ+xAnD4B7wf3gm2A/2DKZAkg9AfSJdCHBiliMs+QFaDkdPOmxhVnJjALEek+ePPnLI0eOnNm+ffulSdohOASMwBE0xgncINgQTQiQepjl86HjvkzgjxCaIVXNoDqHlcwApAuiKMqtvr6+Sz09PRevXr3a2tbW9l5jY2PbNMARMF3jCFwP+JZepx5K9T5ckYsBAofGIhUIRb3d1PM4GloBaDIB/X7/AIHr6upqv3z58rutra3tp06dat+3b9/7k5QZxnNqmA5cj1TeWLgKQ+W3eBiyYTJJ44YehxKgyRocHh7u7e/vv9TZ2fkfaFx7S0tL67Fjx9rr6+s/DCjD4dmiDjHl6KICaNBBsGlDMqDCkESdAGgiQTlMDx069LN169b9Ce+pSU3gbnV5lEXnTgj/SCEefAD+yBE0qnvv3r3VAeD8CyB0E4jR/YN88vxp4Y9YjjmojS8+KjQ0NPThjh07XqyoqHgbfebqdgbMOUilUYCYkk+ePQ9NysMSTvW652lwcPD9urq6qurqamoMQfkHeMwWYAxAREQWX7gibkbkA6S/MX2v0sDAwMX169c/r202OZzOgsct8+MAIiCy9Ox1EdNdgGgD0/cadXd3txQVFZVrq9Z19G9CcNjvCQHiC5nbMSDio1fhDPk3TN8rdO3atbfmzZv37aamJu53uCg1gyc1RyYFiIDIrNO3xI2mMkR/xfTdTjRN5s+fX6X1owPhBfCk4DDflAAxg/ySGJFFzc9hdfs503crEZzVq1f/XpO/HeF7RvoyLUB6JXJlM3wI5ff09N0UHj9+/OUAcN6F7BeNym8YIFYoi5q2YnV7FlHuNO8KamhoqF2zZs1hCMuhxO3LVTOCmwKIFcvi5t0YmPQj5L7Bs0TTAf6OL61du/YohFTtKoSdZgU2DRAbkIXNfxDSX4R5iUuk50gzHV4KMB24ATQNDjtmCSAWlCvPN4ph+QSiV5j2ClFzNNPhLcg0znQwK6dlgNiQLGn6pxj25yH6b7MNhyv/iRMn6qYyHcy2awsgNiafOt+G86Tvmm04XPkxKdOuInEDOM50UN+Y+LEN0O22cDTrEcrKytLvy+4LhUihAUhRckMhTCjqwL1ZmlZPSA7/QgOQFHRN8QTNmTNH1+aQXDDYBkh1yAzhzaldlOPj4x/R6qAG2e6f7QpwwOaZ4UVgfD5ftHY1zb7BJ8ke2QdI+HLsiRD60rm5uelarTF2a7cPkPTOBK2DkZKSwjs+0qzbgfVfWwDhNi0CTS+13nx4SsIzVgco1m4LtgASsQvhsGDcpdeusEbLR0dHJ2t56a5n6zsPewD5lM8YFdrpfJqHPpu9307b9gCS0rMAZWZmhmSitgeQCL0GwUODJ362KWDDaGsesgyQ6jUvxKdt9ySoArj7fmvLli3fgSfGa0GvTCXj4uLmawVcGmKDvmWmJDaW+Qyy9dXU1DRnZ2e/sm3btgr4+tQbKzo2V2RkZEx5eTkNV3q5WTY7LGsQ9qyhm3941S3lF3F78ig683cwz477eK6zdOnSTbt27ars6Ojg0akpKikp0e0yyxtG6wCFwoKnowQvAW40L5Yrm34X0PtOxAkU56PBysrK0xkZGbV79ux5Af48dE8xRAEbRsvDTPUPMtRaUCZ4pnWic/w/G1boCsrWioToHerl5NQ18I+YCH4YrDqFcgmHdjzDD+6mKtrb2/vfuXPnfh15eMFAwE2TJYBUZ84Ixcox6wcYSi+L+7peVa+2zYlLoJLA3ASqQPGb1oKCgi/PmjVLH0pjauT5dEJCAv2eSDyjNn3CaG2I+RSTBqrsAjA/FdEjqRhKdRbAYQd5dXMZ/Fcwb0aHeWuBYVRx+PDhmom2B1LKGdpnVMhubcNoDSAp8tiiAerD1dAvxJAvBcDUys9eoCepXSJQF8HvgHm/7i8rKzvO7QEvCenWgmejtGTJEt0uszRRWxtiR9M5nqcyUoeEkK9CazbKledM3WSO9sx4hLbWPDCHn0oHDhz4HI48vjlz5swH6M2hOSzwDu+clsVwYBog9dOmvthutKDOA0Et8Ur610IZqVUdsYJehjlJw5RAPai3w/8kk5eXVw7rvhTPKFuj/s5oaB4g/p8xRfwxqAE0LveKEVGLu7LWoHdOJ8cAhe86HoDZEa05lb8NYXiZaJgm0oJpCstsuAsH5nkNzp8/Uf0bA5+6FycAF8Ccn1LgRRYoCc+pwwzQnQ1ig/D7AQy8Y71J3PtwzokFc2vAPRs3jKbmRPMapMhbwqc8Dn8hwztaCOUmcb4kUAkam5Ll/3eOxdjOBHY1AAAAAElFTkSuQmCC)}}.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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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}.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip{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;box-sizing:content-box;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-content-def>p+.cube-input{margin-top:12px}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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;-moz-user-select:none;-ms-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:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-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;box-shadow:-2px 0 2px rgba(0,0,0,.2)}.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:-webkit-flex;display:flex}.cube-drawer-panel,.cube-drawer-panels{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index: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-scroll-list-wrapper{overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .before-trigger{height:54px;line-height:0;padding-top:6px}.cube-pulldown-wrapper .after-trigger .loading{padding:8px 0}.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded{padding:12px 0}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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-image-preview-fade-enter,.cube-image-preview-fade-leave-active{opacity:0}.cube-image-preview-fade-enter-active,.cube-image-preview-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-image-preview .cube-popup-mask{opacity:.6}.cube-image-preview .cube-popup-content{width:100%;height:100%}.cube-image-preview .cube-slide-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.cube-image-preview-container{height:100%;margin:0 -10px}.cube-image-preview-footer,.cube-image-preview-header{position:absolute;left:0;right:0}.cube-image-preview-header{top:0}.cube-image-preview-footer{bottom:0}.cube-image-preview-counter{position:absolute;bottom:50px;width:100%;text-align:center;font-size:14px;color:#fff}.cube-image-preview-item{position:relative;padding:0 10px;width:100%;height:100%}.cube-image-preview-item .cube-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-image-preview-item .cube-image-preview-img{display:block;height:auto;max-width:100%;max-height:100%}.cube-slide{min-height:1px}.cube-slide,.cube-slide-group{position:relative;height:100%;overflow:hidden}.cube-slide-group{white-space:nowrap;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.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%;width:100%}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-sticky{position:relative;height:100%;overflow:hidden}.cube-sticky-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-sticky-fixed-fade-enter,.cube-sticky-fixed-fade-leave-active{opacity:0}.cube-sticky-fixed-fade-enter-active,.cube-sticky-fixed-fade-leave-active{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cube-scroll-nav,.cube-sticky-ele{position:relative}.cube-scroll-nav{height:100%;overflow:hidden}.cube-scroll-nav .cube-sticky-content{height:100%}.cube-scroll-nav-main{overflow:hidden}.cube-scroll-nav-main>.cube-sticky{position:static}.cube-scroll-nav_side>.cube-sticky{display:-webkit-box;display:-webkit-flex;display:flex}.cube-scroll-nav_side>.cube-sticky>.cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-scroll-nav_side>.cube-sticky>.cube-sticky-fixed{position:relative;height:100%;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky-ele{float:left}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky{overflow:hidden}.cube-scroll-nav-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;color:#666;background-color:#fff}.cube-scroll-nav-bar_horizontal{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.cube-scroll-nav-bar_horizontal .cube-scroll-content{display:inline-block;vertical-align:top}.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items{white-space:nowrap}.cube-scroll-nav-bar_vertical{height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-scroll-nav-bar_vertical .cube-scroll-nav-bar-item{display:block}.cube-scroll-nav-bar-items{font-size:14px}.cube-scroll-nav-bar-item{display:inline-block;vertical-align:top;padding:20px 15px}.cube-scroll-nav-bar-item_active{color:#fc9153}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
\ No newline at end of file
diff --git a/lib/cube.min.js b/lib/cube.min.js
index 688d9f4fa..508f94f9f 100644
--- a/lib/cube.min.js
+++ b/lib/cube.min.js
@@ -1,11 +1,11 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.cube=e():t.cube=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(n){if(i[n])return i[n].exports;var o=i[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var i={};return e.m=t,e.c=i,e.d=function(t,i,n){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="./",e(e.s=127)}([function(t,e){t.exports=function(t,e,i,n,o){var s,r=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(s=t,r=t.default);var l="function"==typeof r?r.options:r;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns),n&&(l._scopeId=n);var u;if(o?(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__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},l._ssrRegister=u):i&&(u=i),u){var c=l.functional,f=c?l.render:l.beforeCreate;c?l.render=function(t,e){return u.call(e),f(t,e)}:l.beforeCreate=f?[].concat(f,u):[u]}return{esModule:s,exports:r,options:l}}},function(t,e){var i=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=i)},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(20),i(23),i(35),i(64)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function r(t,e){if(t.findIndex)return t.findIndex(e);var i=-1;return t.some(function(t,n,o){var s=e.call(this,t,n,o);if(s)return i=n,s}),i}function a(t,e){for(var i in e)t[i]&&"object"===(0,g.default)(t[i])?a(t[i],e[i]):t[i]=e[i]}function l(t){return function(){for(var e=arguments.length,i=Array(e),n=0;n<e;n++)i[n]=arguments[n];"string"==typeof i[0]&&(i[0]=(0,b.default)({},i[0],i[1])),a(t,i[0])}}function u(t){var e=Object.prototype.toString;return function(i){return e.call(i)==="[object "+t+"]"}}function c(t,e,i){if(void 0!==i)return _._set(t,e,i);if(e){var n=t[e],o=_[void 0===n?"undefined":(0,g.default)(n)];o&&o(t,e,n)}else(0,y.default)(t).forEach(function(e){c(t,e)})}function f(t,e){var i=0,n=[],o=t.length;if(!o)return e(n);t.forEach(function(t,s){t(function(t){i+=1,n[s]=t,i===o&&e(n)})})}function d(t){var e=void 0;if(void 0!==window.Promise){var i=t;e=new window.Promise(function(e){t=function(t){i&&i(t),e(t)}}),e.resolve=t}return e}function h(t,e,i,n){var o=void 0,s=n,r=function(e,i){o=null,i&&(s=t.apply(e,i))},a=function(){for(var n=this,a=arguments.length,l=Array(a),u=0;u<a;u++)l[u]=arguments[u];if(o&&clearTimeout(o),i){var c=!o;o=setTimeout(r,e),c&&(s=t.apply(this,l))}else o=setTimeout(function(){r(n,l)},e);return s};return a.cancel=function(){clearTimeout(o),o=null},a}function p(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.prefix,n=void 0===i?"":i,s=e.firstUpperCase,r=void 0!==s&&s,a=t.name,l=a.replace(/^cube-/i,""),u=""+(0,o.camelize)(""+n+l);return r&&(u=u.charAt(0).toUpperCase()+u.slice(1)),u}function v(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=e.split("."),n=t,o=0;o<i.length;o++){var s=i[o];if(w(n[s])){n="";break}n=n[s]}return n}function m(t){var e=/os (\d\d?_\d(_\d)?)/,i=e.exec(t);if(!i)return null;var n=i[1].split("_").map(function(t){return parseInt(t,10)});return{major:n[0],minor:n[1],patch:n[2]||0}}Object.defineProperty(t,"__esModule",{value:!0}),t.getIOSVersion=t.isNumber=t.isObject=t.isString=t.isArray=t.isFunc=t.isUndef=t.parsePath=t.processComponentName=t.debounce=t.cb2PromiseWithResolve=t.parallel=t.resetTypeValue=t.createAddAPI=t.deepAssign=t.findIndex=void 0;var y=s(e),b=s(i),g=s(n),_={_set:function(t,e,i){t[e]=i},string:function(t,e){_._set(t,e,"")},number:function(t,e){_._set(t,e,0)},boolean:function(t,e){_._set(t,e,!1)},object:function(t,e,i){Array.isArray(i)?_._set(t,e,[]):_._set(t,e,{})}},x=u("Function"),w=u("Undefined"),S=u("Array"),T=u("String"),P=u("Object"),M=u("Number");t.findIndex=r,t.deepAssign=a,t.createAddAPI=l,t.resetTypeValue=c,t.parallel=f,t.cb2PromiseWithResolve=d,t.debounce=h,t.processComponentName=p,t.parsePath=v,t.isUndef=w,t.isFunc=x,t.isArray=S,t.isString=T,t.isObject=P,t.isNumber=M,t.getIOSVersion=m})},function(t,e){var i=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=i)},function(t,e,i){var n=i(59)("wks"),o=i(44),s=i(3).Symbol,r="function"==typeof s;(t.exports=function(t){return n[t]||(n[t]=r&&s[t]||(r?s:o)("Symbol."+t))}).store=n},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(23),i(134),i(7),i(2),i(47)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=void 0,f={name:"locale",install:function(t){f.installed||(c=t.prototype,t.util.defineReactive(c,"$cubeLang","zh-CN"),c.$cubeMessages=(0,l.default)({},"zh-CN",u.default),f.installed=!0)},use:function(t,e){c.$cubeLang=t;var i=c.$cubeMessages;t in i||(i[[t]]=e)},helpers:{toLocaleDateString:function(t,e){var i=(0,s.isNumber)(t)?t:t.replace(/-/g,"/"),n=new Date(i);return(0,s.isUndef)(e)?n.toDateString():(0,r.formatDate)(n,e)}},addHelper:function(t,e){if(t in f.helpers)return void(0,o.warn)(t+" has already been registered on helpers function, please change another name");f.helpers[t]=e}};e.default=f,t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t,e){},t.tip=function(t,e){}})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{zIndex:{type:Number,default:100},maskClosable:{type:Boolean,default:!1}}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(243)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e,i,n){return t.use(o.default,{componentPrefix:"cube-"}),t.createAPI(e,i,n)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n=i(3),o=i(1),s=i(31),r=i(17),a=i(19),l=function(t,e,i){var u,c,f,d=t&l.F,h=t&l.G,p=t&l.S,v=t&l.P,m=t&l.B,y=t&l.W,b=h?o:o[e]||(o[e]={}),g=b.prototype,_=h?n:p?n[e]:(n[e]||{}).prototype;h&&(i=e);for(u in i)(c=!d&&_&&void 0!==_[u])&&a(b,u)||(f=c?_[u]:i[u],b[u]=h&&"function"!=typeof _[u]?i[u]:m&&c?s(f,n):y&&_[u]==f?function(t){var e=function(e,i,n){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,i)}return new t(e,i,n)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(f):v&&"function"==typeof f?s(Function.call,f):f,v&&((b.virtual||(b.virtual={}))[u]=f,t&l.R&&g&&!g[u]&&r(g,u,f)))};l.F=1,l.G=2,l.S=4,l.P=8,l.B=16,l.W=32,l.U=64,l.R=128,t.exports=l},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(6),i(2),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={computed:{$t:function(){var t=this.$cubeLang,e=this.$cubeMessages[t];return(0,n.isUndef)(e)?((0,o.warn)("Translation is not registered correctly, you can call Locale.use() to install it."),""):function(t){return(0,n.parsePath)(e,t)}}},beforeCreate:function(){s.default.install(this.$root.constructor)}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";function i(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function n(t,e){if(!i(t,e)){var n=t.className.split(" ");n.push(e),t.className=n.join(" ")}}function o(t,e){if(i(t,e)){var n=new RegExp("(^|\\s)"+e+"(\\s|$)","g");t.className=t.className.replace(n," ")}}function s(t,e){return t.getAttribute("data-"+e)}function r(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function a(t){return!1!==c&&("standard"===c?"transitionEnd"===t?"transitionend":t:c+t.charAt(0).toUpperCase()+t.substr(1))}function l(t,e){for(var n=t.target;n&&!i(n,e);){if(n===t.currentTarget)return null;n=n.parentNode}return n}function u(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=i.type,o=void 0===n?"Event":n,s=i.bubbles,r=void 0===s||s,a=i.cancelable,l=void 0===a||a,u=document.createEvent(o);u.initEvent(e,r,l),t.dispatchEvent(u)}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=i,t.addClass=n,t.removeClass=o,t.getData=s,t.getRect=r,t.prefixStyle=a,t.getMatchedTarget=l,t.dispatchEvent=u;var c=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 n in i)if(void 0!==t[i[n]])return n;return!1}()})},function(t,e,i){t.exports={default:i(221),__esModule:!0}},function(t,e,i){var n=i(15),o=i(79),s=i(54),r=Object.defineProperty;e.f=i(16)?Object.defineProperty:function(t,e,i){if(n(t),e=s(e,!0),n(i),o)try{return r(t,e,i)}catch(t){}if("get"in i||"set"in i)throw TypeError("Accessors not supported!");return"value"in i&&(t[e]=i.value),t}},function(t,e,i){var n=i(18);t.exports=function(t){if(!n(t))throw TypeError(t+" is not an object!");return t}},function(t,e,i){t.exports=!i(24)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,i){var n=i(14),o=i(32);t.exports=i(16)?function(t,e,i){return n.f(t,e,o(1,i))}:function(t,e,i){return t[e]=i,t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){var i={}.hasOwnProperty;t.exports=function(t,e){return i.call(t,e)}},function(t,e,i){t.exports={default:i(135),__esModule:!0}},function(t,e,i){var n=i(81),o=i(55);t.exports=function(t){return n(o(t))}},function(t,e,i){function n(t){i(230)}var o=i(0)(i(231),i(239),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(131),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t,e,i){return e in t?(0,o.default)(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,i){var n=i(80),o=i(60);t.exports=Object.keys||function(t){return n(t,o)}},function(t,e){t.exports={}},function(t,e,i){function n(t){i(173)}var o=i(0)(i(174),i(175),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(236)}var o=i(0)(i(237),i(238),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){function n(t){i(335)}var o=i(0)(i(336),i(366),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(42);t.exports=function(t,e,i){if(n(t),void 0===e)return t;switch(i){case 1:return function(i){return t.call(e,i)};case 2:return function(i,n){return t.call(e,i,n)};case 3:return function(i,n,o){return t.call(e,i,n,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var i={}.toString;t.exports=function(t){return i.call(t).slice(8,-1)}},function(t,e){t.exports=!0},function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var o=i(140),s=n(o),r=i(149),a=n(r),l="function"==typeof a.default&&"symbol"==typeof s.default?function(t){return typeof t}:function(t){return t&&"function"==typeof a.default&&t.constructor===a.default&&t!==a.default.prototype?"symbol":typeof t};e.default="function"==typeof a.default&&"symbol"===l(s.default)?function(t){return void 0===t?"undefined":l(t)}:function(t){return t&&"function"==typeof a.default&&t.constructor===a.default&&t!==a.default.prototype?"symbol":void 0===t?"undefined":l(t)}},function(t,e,i){"use strict";var n=i(142)(!0);i(82)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,i=this._i;return i>=e.length?{value:void 0,done:!0}:(t=n(e,i),this._i+=t.length,{value:t,done:!1})})},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,i){function n(t){i(164)}var o=i(0)(i(165),i(166),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=t.inBrowser="undefined"!=typeof window,i=t.ua=e&&navigator.userAgent.toLowerCase();t.isAndroid=i&&i.indexOf("android")>0,t.isIOS=i&&/iphone|ipad|ipod|ios/.test(i)})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,i){var n=i(55);t.exports=function(t){return Object(n(t))}},function(t,e){var i=0,n=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++i+n).toString(36))}},function(t,e,i){var n=i(14).f,o=i(19),s=i(4)("toStringTag");t.exports=function(t,e,i){t&&!o(t=i?t:t.prototype,s)&&n(t,s,{configurable:!0,value:e})}},function(t,e,i){i(146);for(var n=i(3),o=i(17),s=i(26),r=i(4)("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(","),l=0;l<a.length;l++){var u=a[l],c=n[u],f=c&&c.prototype;f&&!f[r]&&o(f,r,u),s[u]=s.Array}},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";function e(t,e,n,o){var s={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(s[t],o).test(e)){var r="year"===t?n.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?n:i(n);e=e.replace(RegExp.$1,r)}return e}function i(t){return("00"+t).substr((""+t).length)}function n(t,i){var n={year:{value:t.getFullYear(),regExpAttributes:"i"},month:{value:t.getMonth()+1},date:{value:t.getDate(),regExpAttributes:"i"},hour:{value:t.getHours(),regExpAttributes:"i"},minute:{value:t.getMinutes()},second:{value:t.getSeconds()},quarter:{value:Math.floor((t.getMonth()+3)/3),regExpAttributes:"i"},millisecond:{value:t.getMilliseconds()}};for(var o in n)i=e(o,i,n[o].value,n[o].regExpAttributes);return i}function o(t){var e=t.getFullYear(),i=t.getMonth()+1,n=t.getDate();return+new Date(e+"/"+i+"/"+n+" 00:00:00")}function s(t,e){return Math.floor((o(t)-o(e))/l)}function r(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function a(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 l=864e5;t.DAY_TIMESTAMP=l,t.HOUR_TIMESTAMP=36e5,t.MINUTE_TIMESTAMP=6e4,t.pad=i,t.formatType=e,t.formatDate=n,t.getZeroStamp=o,t.getDayDiff=s,t.getNow=r,t.computeNatureMaxDay=a})},function(t,e,i){function n(t){i(160)}var o=i(0)(i(161),i(162),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(219)}var o=i(0)(i(220),i(224),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(232),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){"use strict";function n(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function o(t){for(var e=arguments.length,i=Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];for(var o=0;o<i.length;o++){var s=i[o];for(var r in s)t[r]=s[r]}return t}function s(t){return void 0===t||null===t}function r(t,e){return Math.sqrt(t*t+e*e)}function a(t){return!1!==A&&("standard"===A?"transitionEnd"===t?"transitionend":t:A+t.charAt(0).toUpperCase()+t.substr(1))}function l(t,e,i,n){t.addEventListener(e,i,{passive:!1,capture:!!n})}function u(t,e,i,n){t.removeEventListener(e,i,{passive:!1,capture:!!n})}function c(t){for(var e=0,i=0;t;)e-=t.offsetLeft,i-=t.offsetTop,t=t.offsetParent;return{left:e,top:i}}function f(t){var e=t.getBoundingClientRect();return{left:-(e.left+window.pageXOffset),top:-(e.top+window.pageYOffset)}}function d(t){if(t instanceof window.SVGElement){var e=t.getBoundingClientRect();return{top:e.top,left:e.left,width:e.width,height:e.height}}return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function h(t,e){for(var i in e)if(e[i].test(t[i]))return!0;return!1}function p(t,e){var i=document.createEvent("Event");i.initEvent(e,!0,!0),i.pageX=t.pageX,i.pageY=t.pageY,t.target.dispatchEvent(i)}function v(t){function e(){r=document.createEvent("Event"),r.initEvent(i,a,l),o(r,s)}var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"click",n=void 0;"mouseup"===t.type||"mousecancel"===t.type?n=t:"touchend"!==t.type&&"touchcancel"!==t.type||(n=t.changedTouches[0]);var s={};n&&(s.screenX=n.screenX||0,s.screenY=n.screenY||0,s.clientX=n.clientX||0,s.clientY=n.clientY||0);var r=void 0,a=!0,l=!0;if("undefined"!=typeof MouseEvent)try{r=new MouseEvent(i,o({bubbles:a,cancelable:l},s))}catch(t){e()}else e();r.forwardedTouchEvent=!0,r._constructed=!0,t.target.dispatchEvent(r)}function m(t){v(t,"dblclick")}function y(t,e){e.firstChild?b(t,e.firstChild):e.appendChild(t)}function b(t,e){e.parentNode.insertBefore(t,e)}function g(t,e){t.removeChild(e)}function _(t,e,i,n,o,s,r){var a=t-e,l=Math.abs(a)/i,u=r.deceleration,c=r.itemHeight,f=r.swipeBounceTime,d=r.wheel,h=r.swipeTime,p=h,v=d?4:15,m=t+l/u*(a<0?-1:1);return d&&c&&(m=Math.round(m/c)*c),m<n?(m=s?Math.max(n-s/4,n-s/v*l):n,p=f):m>o&&(m=s?Math.min(o+s/4,o+s/v*l):o,p=f),{destination:Math.round(m),duration:p}}function x(){}function w(t){console.error("[BScroll warn]: "+t)}function S(t,e){if(!t)throw new Error("[BScroll] "+e)}function T(t){var e=document.createElement("div"),i=document.createElement("div");return e.style.cssText="position:absolute;z-index:9999;pointerEvents:none",i.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;",i.className="bscroll-indicator","horizontal"===t?(e.style.cssText+=";height:7px;left:2px;right:2px;bottom:0",i.style.height="100%",e.className="bscroll-horizontal-scrollbar"):(e.style.cssText+=";width:7px;bottom:2px;top:2px;right:1px",i.style.width="100%",e.className="bscroll-vertical-scrollbar"),e.style.cssText+=";overflow:hidden",e.appendChild(i),e}function P(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 M(t){if(t&&t.classList)return t.classList.contains("tombstone")}function k(t,e){var i=this;this.options=e,S("function"==typeof this.options.createTombstone,"Infinite scroll need createTombstone Function to create tombstone"),S("function"==typeof this.options.fetch,"Infinite scroll need fetch Function to fetch new data."),S("function"==typeof this.options.render,"Infinite scroll need render Function to render each item."),this.firstAttachedItem=0,this.lastAttachedItem=0,this.anchorScrollTop=0,this.anchorItem={index:0,offset:0},this.tombstoneHeight=0,this.tombstoneWidth=0,this.tombstones=[],this.items=[],this.loadedItems=0,this.requestInProgress=!1,this.hasMore=!0,this.scroller=t,this.wrapperEl=this.scroller.wrapper,this.scrollerEl=this.scroller.scroller,this.scroller.on("scroll",function(){i.onScroll()}),this.scroller.on("resize",function(){i.onResize()}),this.onResize()}function C(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});/*!
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.cube=e():t.cube=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(n){if(i[n])return i[n].exports;var o=i[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var i={};return e.m=t,e.c=i,e.d=function(t,i,n){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="./",e(e.s=127)}([function(t,e){t.exports=function(t,e,i,n,o){var s,r=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(s=t,r=t.default);var l="function"==typeof r?r.options:r;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns),n&&(l._scopeId=n);var u;if(o?(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__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},l._ssrRegister=u):i&&(u=i),u){var c=l.functional,f=c?l.render:l.beforeCreate;c?l.render=function(t,e){return u.call(e),f(t,e)}:l.beforeCreate=f?[].concat(f,u):[u]}return{esModule:s,exports:r,options:l}}},function(t,e){var i=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=i)},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(20),i(23),i(35),i(64)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function r(t,e){if(t.findIndex)return t.findIndex(e);var i=-1;return t.some(function(t,n,o){var s=e.call(this,t,n,o);if(s)return i=n,s}),i}function a(t,e){for(var i in e)t[i]&&"object"===(0,g.default)(t[i])?a(t[i],e[i]):t[i]=e[i]}function l(t){return function(){for(var e=arguments.length,i=Array(e),n=0;n<e;n++)i[n]=arguments[n];"string"==typeof i[0]&&(i[0]=(0,b.default)({},i[0],i[1])),a(t,i[0])}}function u(t){var e=Object.prototype.toString;return function(i){return e.call(i)==="[object "+t+"]"}}function c(t,e,i){if(void 0!==i)return _._set(t,e,i);if(e){var n=t[e],o=_[void 0===n?"undefined":(0,g.default)(n)];o&&o(t,e,n)}else(0,y.default)(t).forEach(function(e){c(t,e)})}function f(t,e){var i=0,n=[],o=t.length;if(!o)return e(n);t.forEach(function(t,s){t(function(t){i+=1,n[s]=t,i===o&&e(n)})})}function d(t){var e=void 0;if(void 0!==window.Promise){var i=t;e=new window.Promise(function(e){t=function(t){i&&i(t),e(t)}}),e.resolve=t}return e}function h(t,e,i,n){var o=void 0,s=n,r=function(e,i){o=null,i&&(s=t.apply(e,i))},a=function(){for(var n=this,a=arguments.length,l=Array(a),u=0;u<a;u++)l[u]=arguments[u];if(o&&clearTimeout(o),i){var c=!o;o=setTimeout(r,e),c&&(s=t.apply(this,l))}else o=setTimeout(function(){r(n,l)},e);return s};return a.cancel=function(){clearTimeout(o),o=null},a}function p(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.prefix,n=void 0===i?"":i,s=e.firstUpperCase,r=void 0!==s&&s,a=t.name,l=a.replace(/^cube-/i,""),u=""+(0,o.camelize)(""+n+l);return r&&(u=u.charAt(0).toUpperCase()+u.slice(1)),u}function v(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=e.split("."),n=t,o=0;o<i.length;o++){var s=i[o];if(w(n[s])){n="";break}n=n[s]}return n}function m(t){var e=/os (\d\d?_\d(_\d)?)/,i=e.exec(t);if(!i)return null;var n=i[1].split("_").map(function(t){return parseInt(t,10)});return{major:n[0],minor:n[1],patch:n[2]||0}}Object.defineProperty(t,"__esModule",{value:!0}),t.getIOSVersion=t.isNumber=t.isObject=t.isString=t.isArray=t.isFunc=t.isUndef=t.parsePath=t.processComponentName=t.debounce=t.cb2PromiseWithResolve=t.parallel=t.resetTypeValue=t.createAddAPI=t.deepAssign=t.findIndex=void 0;var y=s(e),b=s(i),g=s(n),_={_set:function(t,e,i){t[e]=i},string:function(t,e){_._set(t,e,"")},number:function(t,e){_._set(t,e,0)},boolean:function(t,e){_._set(t,e,!1)},object:function(t,e,i){Array.isArray(i)?_._set(t,e,[]):_._set(t,e,{})}},x=u("Function"),w=u("Undefined"),S=u("Array"),T=u("String"),P=u("Object"),M=u("Number");t.findIndex=r,t.deepAssign=a,t.createAddAPI=l,t.resetTypeValue=c,t.parallel=f,t.cb2PromiseWithResolve=d,t.debounce=h,t.processComponentName=p,t.parsePath=v,t.isUndef=w,t.isFunc=x,t.isArray=S,t.isString=T,t.isObject=P,t.isNumber=M,t.getIOSVersion=m})},function(t,e){var i=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=i)},function(t,e,i){var n=i(59)("wks"),o=i(45),s=i(3).Symbol,r="function"==typeof s;(t.exports=function(t){return n[t]||(n[t]=r&&s[t]||(r?s:o)("Symbol."+t))}).store=n},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(23),i(134),i(7),i(2),i(48)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=void 0,f={name:"locale",install:function(t){f.installed||(c=t.prototype,t.util.defineReactive(c,"$cubeLang","zh-CN"),c.$cubeMessages=(0,l.default)({},"zh-CN",u.default),f.installed=!0)},use:function(t,e){c.$cubeLang=t;var i=c.$cubeMessages;t in i||(i[[t]]=e)},helpers:{toLocaleDateString:function(t,e){var i=(0,s.isNumber)(t)?t:t.replace(/-/g,"/"),n=new Date(i);return(0,s.isUndef)(e)?n.toDateString():(0,r.formatDate)(n,e)}},addHelper:function(t,e){if(t in f.helpers)return void(0,o.warn)(t+" has already been registered on helpers function, please change another name");f.helpers[t]=e}};e.default=f,t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t,e){},t.tip=function(t,e){}})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{zIndex:{type:Number,default:100},maskClosable:{type:Boolean,default:!1}}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(243)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e,i,n){return t.use(o.default,{componentPrefix:"cube-"}),t.createAPI(e,i,n)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n=i(3),o=i(1),s=i(31),r=i(17),a=i(19),l=function(t,e,i){var u,c,f,d=t&l.F,h=t&l.G,p=t&l.S,v=t&l.P,m=t&l.B,y=t&l.W,b=h?o:o[e]||(o[e]={}),g=b.prototype,_=h?n:p?n[e]:(n[e]||{}).prototype;h&&(i=e);for(u in i)(c=!d&&_&&void 0!==_[u])&&a(b,u)||(f=c?_[u]:i[u],b[u]=h&&"function"!=typeof _[u]?i[u]:m&&c?s(f,n):y&&_[u]==f?function(t){var e=function(e,i,n){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,i)}return new t(e,i,n)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(f):v&&"function"==typeof f?s(Function.call,f):f,v&&((b.virtual||(b.virtual={}))[u]=f,t&l.R&&g&&!g[u]&&r(g,u,f)))};l.F=1,l.G=2,l.S=4,l.P=8,l.B=16,l.W=32,l.U=64,l.R=128,t.exports=l},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(6),i(2),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={computed:{$t:function(){var t=this.$cubeLang,e=this.$cubeMessages[t];return(0,n.isUndef)(e)?((0,o.warn)("Translation is not registered correctly, you can call Locale.use() to install it."),""):function(t){return(0,n.parsePath)(e,t)}}},beforeCreate:function(){s.default.install(this.$root.constructor)}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";function i(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function n(t,e){if(!i(t,e)){var n=t.className.split(" ");n.push(e),t.className=n.join(" ")}}function o(t,e){if(i(t,e)){var n=new RegExp("(^|\\s)"+e+"(\\s|$)","g");t.className=t.className.replace(n," ")}}function s(t,e){return t.getAttribute("data-"+e)}function r(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function a(t){return!1!==c&&("standard"===c?"transitionEnd"===t?"transitionend":t:c+t.charAt(0).toUpperCase()+t.substr(1))}function l(t,e){for(var n=t.target;n&&!i(n,e);){if(n===t.currentTarget)return null;n=n.parentNode}return n}function u(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=i.type,o=void 0===n?"Event":n,s=i.bubbles,r=void 0===s||s,a=i.cancelable,l=void 0===a||a,u=document.createEvent(o);u.initEvent(e,r,l),t.dispatchEvent(u)}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=i,t.addClass=n,t.removeClass=o,t.getData=s,t.getRect=r,t.prefixStyle=a,t.getMatchedTarget=l,t.dispatchEvent=u;var c=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 n in i)if(void 0!==t[i[n]])return n;return!1}()})},function(t,e,i){t.exports={default:i(221),__esModule:!0}},function(t,e,i){var n=i(15),o=i(79),s=i(54),r=Object.defineProperty;e.f=i(16)?Object.defineProperty:function(t,e,i){if(n(t),e=s(e,!0),n(i),o)try{return r(t,e,i)}catch(t){}if("get"in i||"set"in i)throw TypeError("Accessors not supported!");return"value"in i&&(t[e]=i.value),t}},function(t,e,i){var n=i(18);t.exports=function(t){if(!n(t))throw TypeError(t+" is not an object!");return t}},function(t,e,i){t.exports=!i(24)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,i){var n=i(14),o=i(32);t.exports=i(16)?function(t,e,i){return n.f(t,e,o(1,i))}:function(t,e,i){return t[e]=i,t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){var i={}.hasOwnProperty;t.exports=function(t,e){return i.call(t,e)}},function(t,e,i){t.exports={default:i(135),__esModule:!0}},function(t,e,i){var n=i(81),o=i(55);t.exports=function(t){return n(o(t))}},function(t,e,i){function n(t){i(230)}var o=i(0)(i(231),i(239),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(131),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t,e,i){return e in t?(0,o.default)(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,i){var n=i(80),o=i(60);t.exports=Object.keys||function(t){return n(t,o)}},function(t,e){t.exports={}},function(t,e,i){function n(t){i(173)}var o=i(0)(i(174),i(175),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(236)}var o=i(0)(i(237),i(238),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){function n(t){i(335)}var o=i(0)(i(336),i(366),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(43);t.exports=function(t,e,i){if(n(t),void 0===e)return t;switch(i){case 1:return function(i){return t.call(e,i)};case 2:return function(i,n){return t.call(e,i,n)};case 3:return function(i,n,o){return t.call(e,i,n,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var i={}.toString;t.exports=function(t){return i.call(t).slice(8,-1)}},function(t,e){t.exports=!0},function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var o=i(140),s=n(o),r=i(149),a=n(r),l="function"==typeof a.default&&"symbol"==typeof s.default?function(t){return typeof t}:function(t){return t&&"function"==typeof a.default&&t.constructor===a.default&&t!==a.default.prototype?"symbol":typeof t};e.default="function"==typeof a.default&&"symbol"===l(s.default)?function(t){return void 0===t?"undefined":l(t)}:function(t){return t&&"function"==typeof a.default&&t.constructor===a.default&&t!==a.default.prototype?"symbol":void 0===t?"undefined":l(t)}},function(t,e,i){"use strict";var n=i(142)(!0);i(82)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,i=this._i;return i>=e.length?{value:void 0,done:!0}:(t=n(e,i),this._i+=t.length,{value:t,done:!1})})},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,i){function n(t){i(164)}var o=i(0)(i(165),i(166),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=t.inBrowser="undefined"!=typeof window,i=t.ua=e&&navigator.userAgent.toLowerCase();t.isAndroid=i&&i.indexOf("android")>0,t.isIOS=i&&/iphone|ipad|ipod|ios/.test(i)})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},function(t,e,i){var n=i(0)(i(300),i(301),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,i){var n=i(55);t.exports=function(t){return Object(n(t))}},function(t,e){var i=0,n=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++i+n).toString(36))}},function(t,e,i){var n=i(14).f,o=i(19),s=i(4)("toStringTag");t.exports=function(t,e,i){t&&!o(t=i?t:t.prototype,s)&&n(t,s,{configurable:!0,value:e})}},function(t,e,i){i(146);for(var n=i(3),o=i(17),s=i(26),r=i(4)("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(","),l=0;l<a.length;l++){var u=a[l],c=n[u],f=c&&c.prototype;f&&!f[r]&&o(f,r,u),s[u]=s.Array}},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";function e(t,e,n,o){var s={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(s[t],o).test(e)){var r="year"===t?n.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?n:i(n);e=e.replace(RegExp.$1,r)}return e}function i(t){return("00"+t).substr((""+t).length)}function n(t,i){var n={year:{value:t.getFullYear(),regExpAttributes:"i"},month:{value:t.getMonth()+1},date:{value:t.getDate(),regExpAttributes:"i"},hour:{value:t.getHours(),regExpAttributes:"i"},minute:{value:t.getMinutes()},second:{value:t.getSeconds()},quarter:{value:Math.floor((t.getMonth()+3)/3),regExpAttributes:"i"},millisecond:{value:t.getMilliseconds()}};for(var o in n)i=e(o,i,n[o].value,n[o].regExpAttributes);return i}function o(t){var e=t.getFullYear(),i=t.getMonth()+1,n=t.getDate();return+new Date(e+"/"+i+"/"+n+" 00:00:00")}function s(t,e){return Math.floor((o(t)-o(e))/l)}function r(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function a(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 l=864e5;t.DAY_TIMESTAMP=l,t.HOUR_TIMESTAMP=36e5,t.MINUTE_TIMESTAMP=6e4,t.pad=i,t.formatType=e,t.formatDate=n,t.getZeroStamp=o,t.getDayDiff=s,t.getNow=r,t.computeNatureMaxDay=a})},function(t,e,i){function n(t){i(160)}var o=i(0)(i(161),i(162),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(219)}var o=i(0)(i(220),i(224),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(232),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){"use strict";function n(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function o(t){for(var e=arguments.length,i=Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];for(var o=0;o<i.length;o++){var s=i[o];for(var r in s)t[r]=s[r]}return t}function s(t){return void 0===t||null===t}function r(t,e){return Math.sqrt(t*t+e*e)}function a(t){return!1!==A&&("standard"===A?"transitionEnd"===t?"transitionend":t:A+t.charAt(0).toUpperCase()+t.substr(1))}function l(t,e,i,n){t.addEventListener(e,i,{passive:!1,capture:!!n})}function u(t,e,i,n){t.removeEventListener(e,i,{passive:!1,capture:!!n})}function c(t){for(var e=0,i=0;t;)e-=t.offsetLeft,i-=t.offsetTop,t=t.offsetParent;return{left:e,top:i}}function f(t){var e=t.getBoundingClientRect();return{left:-(e.left+window.pageXOffset),top:-(e.top+window.pageYOffset)}}function d(t){if(t instanceof window.SVGElement){var e=t.getBoundingClientRect();return{top:e.top,left:e.left,width:e.width,height:e.height}}return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}function h(t,e){for(var i in e)if(e[i].test(t[i]))return!0;return!1}function p(t,e){var i=document.createEvent("Event");i.initEvent(e,!0,!0),i.pageX=t.pageX,i.pageY=t.pageY,t.target.dispatchEvent(i)}function v(t){function e(){r=document.createEvent("Event"),r.initEvent(i,a,l),o(r,s)}var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"click",n=void 0;"mouseup"===t.type||"mousecancel"===t.type?n=t:"touchend"!==t.type&&"touchcancel"!==t.type||(n=t.changedTouches[0]);var s={};n&&(s.screenX=n.screenX||0,s.screenY=n.screenY||0,s.clientX=n.clientX||0,s.clientY=n.clientY||0);var r=void 0,a=!0,l=!0;if("undefined"!=typeof MouseEvent)try{r=new MouseEvent(i,o({bubbles:a,cancelable:l},s))}catch(t){e()}else e();r.forwardedTouchEvent=!0,r._constructed=!0,t.target.dispatchEvent(r)}function m(t){v(t,"dblclick")}function y(t,e){e.firstChild?b(t,e.firstChild):e.appendChild(t)}function b(t,e){e.parentNode.insertBefore(t,e)}function g(t,e){t.removeChild(e)}function _(t,e,i,n,o,s,r){var a=t-e,l=Math.abs(a)/i,u=r.deceleration,c=r.itemHeight,f=r.swipeBounceTime,d=r.wheel,h=r.swipeTime,p=h,v=d?4:15,m=t+l/u*(a<0?-1:1);return d&&c&&(m=Math.round(m/c)*c),m<n?(m=s?Math.max(n-s/4,n-s/v*l):n,p=f):m>o&&(m=s?Math.min(o+s/4,o+s/v*l):o,p=f),{destination:Math.round(m),duration:p}}function x(){}function w(t){console.error("[BScroll warn]: "+t)}function S(t,e){if(!t)throw new Error("[BScroll] "+e)}function T(t){var e=document.createElement("div"),i=document.createElement("div");return e.style.cssText="position:absolute;z-index:9999;pointerEvents:none",i.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;",i.className="bscroll-indicator","horizontal"===t?(e.style.cssText+=";height:7px;left:2px;right:2px;bottom:0",i.style.height="100%",e.className="bscroll-horizontal-scrollbar"):(e.style.cssText+=";width:7px;bottom:2px;top:2px;right:1px",i.style.width="100%",e.className="bscroll-vertical-scrollbar"),e.style.cssText+=";overflow:hidden",e.appendChild(i),e}function P(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 M(t){if(t&&t.classList)return t.classList.contains("tombstone")}function k(t,e){var i=this;this.options=e,S("function"==typeof this.options.createTombstone,"Infinite scroll need createTombstone Function to create tombstone"),S("function"==typeof this.options.fetch,"Infinite scroll need fetch Function to fetch new data."),S("function"==typeof this.options.render,"Infinite scroll need render Function to render each item."),this.firstAttachedItem=0,this.lastAttachedItem=0,this.anchorScrollTop=0,this.anchorItem={index:0,offset:0},this.tombstoneHeight=0,this.tombstoneWidth=0,this.tombstones=[],this.items=[],this.loadedItems=0,this.requestInProgress=!1,this.hasMore=!0,this.scroller=t,this.wrapperEl=this.scroller.wrapper,this.scrollerEl=this.scroller.scroller,this.scroller.on("scroll",function(){i.onScroll()}),this.scroller.on("resize",function(){i.onResize()}),this.onResize()}function C(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.12.6
  * (c) 2016-2018 ustbhuangyi
  * Released under the MIT License.
  */
-var E=function(){function t(t,e){var i=[],n=!0,o=!1,s=void 0;try{for(var r,a=t[Symbol.iterator]();!(n=(r=a.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){o=!0,s=t}finally{try{!n&&a.return&&a.return()}finally{if(o)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),O=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)},I="undefined"!=typeof window,$=I&&navigator.userAgent.toLowerCase(),D=$&&/wechatdevtools/.test($),j=$&&$.indexOf("android")>0,V=I&&document.createElement("div").style,A=function(){if(!I)return!1;var t={webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform",standard:"transform"};for(var e in t)if(void 0!==V[t[e]])return e;return!1}(),R=a("transform"),H=I&&a("perspective")in V,N=I&&("ontouchstart"in window||D),L=!1!==R,Y=I&&a("transition")in V,F={transform:R,transitionTimingFunction:a("transitionTimingFunction"),transitionDuration:a("transitionDuration"),transitionDelay:a("transitionDelay"),transformOrigin:a("transformOrigin"),transitionEnd:a("transitionEnd")},B=1,X={touchstart:B,touchmove:B,touchend:B,mousedown:2,mousemove:2,mouseup:2},U={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:.0015,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:N,disableTouch:!N,observeDOM:!0,autoBlur:!0,wheel:!1,snap:!1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1,mouseWheel:!1,stopPropagation:!1,zoom:!1,infinity:!1,dblclick:!1},z={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}}},W=function(){return I?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||function(t){return window.setTimeout(t,(t.interval||100/60)/2)}:x}(),G=function(){return I?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||function(t){window.clearTimeout(t)}:x}(),q=1,K=-1,Z=1,J=-1,Q=1,tt=3;P.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)}},P.prototype.refresh=function(){this._shouldShow()&&(this.transitionTime(),this._calculate(),this.updatePosition())},P.prototype.fade=function(t,e){var i=this;if(!e||this.visible){var n=t?250:500;t=t?"1":"0",this.wrapperStyle[F.transitionDuration]=n+"ms",clearTimeout(this.fadeTimeout),this.fadeTimeout=setTimeout(function(){i.wrapperStyle.opacity=t,i.visible=+t},0)}},P.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 i=Math.max(this.indicatorHeight-3*(t-this.maxPosY),8);this.indicatorStyle.height=i+"px",t=this.maxPosY+this.indicatorHeight-i}else this.indicatorStyle.height=this.indicatorHeight+"px";this.y=t,this.scroller.options.useTransform?this.indicatorStyle[F.transform]="translateY("+t+"px)"+this.scroller.translateZ:this.indicatorStyle.top=t+"px"}else{var n=Math.round(this.sizeRatioX*this.scroller.x);if(n<0){this.transitionTime(500);var o=Math.max(this.indicatorWidth+3*n,8);this.indicatorStyle.width=o+"px",n=0}else if(n>this.maxPosX){this.transitionTime(500);var s=Math.max(this.indicatorWidth-3*(n-this.maxPosX),8);this.indicatorStyle.width=s+"px",n=this.maxPosX+this.indicatorWidth-s}else this.indicatorStyle.width=this.indicatorWidth+"px";this.x=n,this.scroller.options.useTransform?this.indicatorStyle[F.transform]="translateX("+n+"px)"+this.scroller.translateZ:this.indicatorStyle.left=n+"px"}},P.prototype.transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.indicatorStyle[F.transitionDuration]=t+"ms"},P.prototype.transitionTimingFunction=function(t){this.indicatorStyle[F.transitionTimingFunction]=t},P.prototype.destroy=function(){this._removeDOMEvents(),this.wrapper.parentNode.removeChild(this.wrapper)},P.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=n(),this._handleMoveEvents(l),this.scroller.trigger("beforeScrollStart")},P.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 i=e.pageX-this.lastPointX;this.lastPointX=e.pageX;var n=e.pageY-this.lastPointY;this.lastPointY=e.pageY;var o=this.x+i,s=this.y+n;this._pos(o,s)},P.prototype._end=function(t){if(this.initiated){this.initiated=!1,t.preventDefault(),t.stopPropagation(),this._handleMoveEvents(u);var e=this.scroller.options.snap;if(e){var i=e.speed,n=e.easing,o=void 0===n?z.bounce:n,s=this.scroller._nearestSnap(this.scroller.x,this.scroller.y),r=i||Math.max(Math.max(Math.min(Math.abs(this.scroller.x-s.x),1e3),Math.min(Math.abs(this.scroller.y-s.y),1e3)),300);this.scroller.x===s.x&&this.scroller.y===s.y||(this.scroller.directionX=0,this.scroller.directionY=0,this.scroller.currentPage=s,this.scroller.scrollTo(s.x,s.y,r,o))}this.moved&&this.scroller.trigger("scrollEnd",{x:this.scroller.x,y:this.scroller.y})}},P.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})},P.prototype._shouldShow=function(){return"vertical"===this.direction&&this.scroller.hasVerticalScroll||"horizontal"===this.direction&&this.scroller.hasHorizontalScroll?(this.wrapper.style.display="",!0):(this.wrapper.style.display="none",!1)},P.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}},P.prototype._addDOMEvents=function(){var t=l;this._handleDOMEvents(t)},P.prototype._removeDOMEvents=function(){var t=u;this._handleDOMEvents(t),this._handleMoveEvents(t)},P.prototype._handleMoveEvents=function(t){this.scroller.options.disableTouch||t(window,"touchmove",this),this.scroller.options.disableMouse||t(window,"mousemove",this)},P.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))};var et=2e3;k.prototype.onScroll=function(){var t=-this.scroller.y,e=t-this.anchorScrollTop;this.anchorItem=0===t?{index:0,offset:0}:this._calculateAnchoredItem(this.anchorItem,e),this.anchorScrollTop=t;var i=this._calculateAnchoredItem(this.anchorItem,this.wrapperEl.offsetHeight),n=this.anchorItem.index,o=i.index;e<0?(n-=30,o+=10):(n-=10,o+=30),this.fill(n,o),this.maybeRequestContent()},k.prototype.onResize=function(){var t=this.options.createTombstone();t.style.position="absolute",this.scrollerEl.appendChild(t),t.style.display="",this.tombstoneHeight=t.offsetHeight,this.tombstoneWidth=t.offsetWidth,this.scrollerEl.removeChild(t);for(var e=0;e<this.items.length;e++)this.items[e].height=this.items[e].width=0;this.onScroll()},k.prototype.fill=function(t,e){this.firstAttachedItem=Math.max(0,t),this.hasMore||(e=Math.min(e,this.items.length)),this.lastAttachedItem=e,this.attachContent()},k.prototype.maybeRequestContent=function(){var t=this;if(!this.requestInProgress&&this.hasMore){var e=this.lastAttachedItem-this.loadedItems;e<=0||(this.requestInProgress=!0,this.options.fetch(e).then(function(e){if(t.requestInProgress=!1,e)t.addContent(e);else{t.hasMore=!1;var i=t._removeTombstones(),n=0;t.anchorItem.index<=t.items.length?(n=t._fixScrollPosition(),t._setupAnimations({},n),t.scroller.resetPosition(t.scroller.options.bounceTime)):(t.anchorItem.index-=i,n=t._fixScrollPosition(),t._setupAnimations({},n),t.scroller.stop(),t.scroller.resetPosition(),t.onScroll())}}))}},k.prototype.addContent=function(t){for(var e=0;e<t.length;e++)this.items.length<=this.loadedItems&&this._addItem(),this.items[this.loadedItems++].data=t[e];this.attachContent(),this.maybeRequestContent()},k.prototype.attachContent=function(){var t=this._collectUnusedNodes(),e=this._createDOMNodes(t);this._cleanupUnusedNodes(t),this._cacheNodeSize();var i=this._fixScrollPosition();this._setupAnimations(e,i)},k.prototype.resetMore=function(){this.hasMore=!0},k.prototype._removeTombstones=function(){for(var t=void 0,e=0,i=this.items.length,n=0;n<i;n++){var o=this.items[n].node,s=this.items[n].data;o&&!M(o)||s||(t||(t=n),o&&this.scrollerEl.removeChild(o))}return e=i-t,this.items.splice(t),this.lastAttachedItem=Math.min(this.lastAttachedItem,this.items.length),e},k.prototype._collectUnusedNodes=function(){for(var t=[],e=0;e<this.items.length;e++)if(e!==this.firstAttachedItem){var i=this.items[e].node;i&&(M(i)?(this.tombstones.push(i),this.tombstones[this.tombstones.length-1].style.display="none"):t.push(i)),this.items[e].node=null}else e=this.lastAttachedItem-1;return t},k.prototype._createDOMNodes=function(t){for(var e={},i=this.firstAttachedItem;i<this.lastAttachedItem;i++){for(;this.items.length<=i;)this._addItem();var n=this.items[i].node,o=this.items[i].data;if(n){if(!M(n)||!o)continue;n.style.zIndex=1,e[i]=[n,this.items[i].top-this.anchorScrollTop],this.items[i].node=null}var s=o?this.options.render(o,t.pop()):this._getTombStone();s.style.position="absolute",this.items[i].top=-1,this.scrollerEl.appendChild(s),this.items[i].node=s}return e},k.prototype._cleanupUnusedNodes=function(t){for(;t.length;)this.scrollerEl.removeChild(t.pop())},k.prototype._cacheNodeSize=function(){for(var t=this.firstAttachedItem;t<this.lastAttachedItem;t++)this.items[t].data&&!this.items[t].height&&(this.items[t].height=this.items[t].node.offsetHeight,this.items[t].width=this.items[t].node.offsetWidth)},k.prototype._fixScrollPosition=function(){this.anchorScrollTop=0;for(var t=0;t<this.anchorItem.index;t++)this.anchorScrollTop+=this.items[t].height||this.tombstoneHeight;this.anchorScrollTop+=this.anchorItem.offset;for(var e=this.anchorScrollTop-this.anchorItem.offset,i=this.anchorItem.index;i>this.firstAttachedItem;)e-=this.items[i-1].height||this.tombstoneHeight,i--;return e},k.prototype._setupAnimations=function(t,e){var i=this;for(var n in t){var o=t[n];this.items[n].node.style.transform="translateY("+(this.anchorScrollTop+o[1])+"px) scale("+this.tombstoneWidth/this.items[n].width+", "+this.tombstoneHeight/this.items[n].height+")",this.items[n].node.offsetTop,o[0].offsetTop,this.items[n].node.style.transition="transform 200ms"}for(var s=this.firstAttachedItem;s<this.lastAttachedItem;s++){var r=t[s];if(r){var a=r[0];a.style.transition="transform 200ms, opacity 200ms",a.style.transform="translateY("+e+"px) scale("+this.items[s].width/this.tombstoneWidth+", "+this.items[s].height/this.tombstoneHeight+")",a.style.opacity=0}e!==this.items[s].top&&(r||(this.items[s].node.style.transition=""),this.items[s].node.style.transform="translateY("+e+"px)"),this.items[s].top=e,e+=this.items[s].height||this.tombstoneHeight}this.scroller.maxScrollY=-(e-this.wrapperEl.offsetHeight+(this.hasMore?et:0)),setTimeout(function(){for(var e in t){var n=t[e];n[0].style.display="none",i.tombstones.push(n[0])}},200)},k.prototype._getTombStone=function(){var t=this.tombstones.pop();return t?(t.style.display="",t.style.opacity=1,t.style.transform="",t.style.transition="",t):this.options.createTombstone()},k.prototype._addItem=function(){this.items.push({data:null,node:null,height:0,width:0,top:0})},k.prototype._calculateAnchoredItem=function(t,e){if(0===e)return t;var i=t.index,n=0;if((e+=t.offset)<0){for(;e<0&&i>0&&this.items[i-1].height;)e+=this.items[i-1].height,i--;n=Math.max(-i,Math.ceil(Math.min(e,0)/this.tombstoneHeight))}else{for(;e>0&&i<this.items.length&&this.items[i].height&&this.items[i].height<e;)e-=this.items[i].height,i++;(i>=this.items.length||!this.items[i].height)&&(n=Math.floor(Math.max(e,0)/this.tombstoneHeight))}return i+=n,e-=n*this.tombstoneHeight,{index:i,offset:e}},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.setScale(1),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.setScale=function(t){this.lastScale=s(this.scale)?t:this.scale,this.scale=t},t.prototype._handleOptions=function(t){this.options=o({},U,t),this.translateZ=this.options.HWCompositing&&H?" translateZ(0)":"",this.options.useTransition=this.options.useTransition&&Y,this.options.useTransform=this.options.useTransform&&L,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=l;this._handleDOMEvents(t)},t.prototype._removeDOMEvents=function(){var t=u;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)),N&&!this.options.disableTouch&&(t(this.wrapper,"touchstart",this),t(e,"touchmove",this),t(e,"touchcancel",this),t(e,"touchend",this)),t(this.scroller,F.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(),this.options.zoom&&this._initZoom(),this.options.infinity&&this._initInfinite()},t.prototype._watchTransition=function(){if("function"==typeof Object.defineProperty){var t=this,e=!1,i=this.useTransition?"isInTransition":"isAnimating";Object.defineProperty(this,i,{get:function(){return e},set:function(i){e=i;for(var n=t.scroller.children.length?t.scroller.children:[t.scroller],o=e&&!t.pulling?"none":"auto",s=0;s<n.length;s++)n[s].style.pointerEvents=o}})}},t.prototype._handleAutoBlur=function(){this.on("scrollStart",function(){var t=document.activeElement;!t||"INPUT"!==t.tagName&&"TEXTAREA"!==t.tagName||t.blur()})},t.prototype._initDOMObserver=function(){var t=this;if("undefined"!=typeof MutationObserver){var e=void 0,i=new MutationObserver(function(i){if(!t._shouldNotRefresh()){for(var n=!1,o=!1,s=0;s<i.length;s++){var r=i[s];if("attributes"!==r.type){n=!0;break}if(r.target!==t.scroller){o=!0;break}}n?t.refresh():o&&(clearTimeout(e),e=setTimeout(function(){t._shouldNotRefresh()||t.refresh()},60))}}),n={attributes:!0,childList:!0,subtree:!0};i.observe(this.scroller,n),this.on("destroy",function(){i.disconnect()})}else this._checkDOMUpdate()},t.prototype._shouldNotRefresh=function(){var t=this.x>this.minScrollX||this.x<this.maxScrollX||this.y>this.minScrollY||this.y<this.maxScrollY;return this.isInTransition||this.stopFromTransition||t},t.prototype._checkDOMUpdate=function(){function t(){if(!this.destroyed){i=d(this.scroller);var t=i.width,s=i.height;n===t&&o===s||this.refresh(),n=t,o=s,e.call(this)}}function e(){var e=this;setTimeout(function(){t.call(e)},1e3)}var i=d(this.scroller),n=i.width,o=i.height;e.call(this)},t.prototype.handleEvent=function(t){switch(t.type){case"touchstart":case"mousedown":this._start(t),this.options.zoom&&t.touches&&t.touches.length>1&&this._zoomStart(t);break;case"touchmove":case"mousemove":this.options.zoom&&t.touches&&t.touches.length>1?this._zoom(t):this._move(t);break;case"touchend":case"mouseup":case"touchcancel":case"mousecancel":this.scaled?this._zoomEnd(t):this._end(t);break;case"orientationchange":case"resize":this._resize();break;case"transitionend":case"webkitTransitionEnd":case"oTransitionEnd":case"MSTransitionEnd":this._transitionEnd(t);break;case"click":this.enabled&&!t._constructed&&(h(t.target,this.options.preventDefaultException)||(t.preventDefault(),t.stopPropagation()));break;case"wheel":case"DOMMouseScroll":case"mousewheel":this._onMouseWheel(t)}},t.prototype.refresh=function(){var t="static"===window.getComputedStyle(this.wrapper,null).position,e=d(this.wrapper);this.wrapperWidth=e.width,this.wrapperHeight=e.height;var i=d(this.scroller);this.scrollerWidth=Math.round(i.width*this.scale),this.scrollerHeight=Math.round(i.height*this.scale),this.relativeX=i.left,this.relativeY=i.top,t&&(this.relativeX-=e.left,this.relativeY-=e.top),this.minScrollX=0,this.minScrollY=0;var n=this.options.wheel;n?(this.items=this.scroller.children,this.options.itemHeight=this.itemHeight=this.items.length?this.scrollerHeight/this.items.length:0,void 0===this.selectedIndex&&(this.selectedIndex=n.selectedIndex||0),this.options.startY=-this.selectedIndex*this.itemHeight,this.maxScrollX=0,this.maxScrollY=-this.itemHeight*(this.items.length-1)):(this.maxScrollX=this.wrapperWidth-this.scrollerWidth,this.options.infinity||(this.maxScrollY=this.wrapperHeight-this.scrollerHeight),this.maxScrollX<0?(this.maxScrollX-=this.relativeX,this.minScrollX=-this.relativeX):this.scale>1&&(this.maxScrollX=this.maxScrollX/2-this.relativeX,this.minScrollX=this.maxScrollX),this.maxScrollY<0?(this.maxScrollY-=this.relativeY,this.minScrollY=-this.relativeY):this.scale>1&&(this.maxScrollY=this.maxScrollY/2-this.relativeY,this.minScrollY=this.maxScrollY)),this.hasHorizontalScroll=this.options.scrollX&&this.maxScrollX<this.minScrollX,this.hasVerticalScroll=this.options.scrollY&&this.maxScrollY<this.minScrollY,this.hasHorizontalScroll||(this.maxScrollX=this.minScrollX,this.scrollerWidth=this.wrapperWidth),this.hasVerticalScroll||(this.maxScrollY=this.minScrollY,this.scrollerHeight=this.wrapperHeight),this.endTime=0,this.directionX=0,this.directionY=0,this.wrapperOffset=c(this.wrapper),this.trigger("refresh"),!this.scaled&&this.resetPosition()},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1}}(C),function(t){t.prototype._start=function(t){var e=X[t.type];if((e===B||0===t.button)&&!(!this.enabled||this.destroyed||this.initiated&&this.initiated!==e)){this.initiated=e,this.options.preventDefault&&!h(t.target,this.options.preventDefaultException)&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.moved=!1,this.distX=0,this.distY=0,this.directionX=0,this.directionY=0,this.movingDirectionX=0,this.movingDirectionY=0,this.directionLocked=0,this._transitionTime(),this.startTime=n(),this.options.wheel&&(this.target=t.target),this.stop();var i=t.touches?t.touches[0]:t;this.startX=this.x,this.startY=this.y,this.absStartX=this.x,this.absStartY=this.y,this.pointX=i.pageX,this.pointY=i.pageY,this.trigger("beforeScrollStart")}},t.prototype._move=function(t){if(this.enabled&&!this.destroyed&&X[t.type]===this.initiated){this.options.preventDefault&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation();var e=t.touches?t.touches[0]:t,i=e.pageX-this.pointX,o=e.pageY-this.pointY;this.pointX=e.pageX,this.pointY=e.pageY,this.distX+=i,this.distY+=o;var s=Math.abs(this.distX),r=Math.abs(this.distY),a=n();if(!(a-this.endTime>this.options.momentumLimitTime&&r<this.options.momentumLimitDistance&&s<this.options.momentumLimitDistance)){if(this.directionLocked||this.options.freeScroll||(s>r+this.options.directionLockThreshold?this.directionLocked="h":r>=s+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);o=0}else if("v"===this.directionLocked){if("horizontal"===this.options.eventPassthrough)t.preventDefault();else if("vertical"===this.options.eventPassthrough)return void(this.initiated=!1);i=0}i=this.hasHorizontalScroll?i:0,o=this.hasVerticalScroll?o:0,this.movingDirectionX=i>0?J:i<0?Z:0,this.movingDirectionY=o>0?K:o<0?q:0;var l=this.x+i,u=this.y+o,c=!1,f=!1,d=!1,h=!1,p=this.options.bounce;!1!==p&&(c=void 0===p.top||p.top,f=void 0===p.bottom||p.bottom,d=void 0===p.left||p.left,h=void 0===p.right||p.right),(l>this.minScrollX||l<this.maxScrollX)&&(l=l>this.minScrollX&&d||l<this.maxScrollX&&h?this.x+i/3:l>this.minScrollX?this.minScrollX:this.maxScrollX),(u>this.minScrollY||u<this.maxScrollY)&&(u=u>this.minScrollY&&c||u<this.maxScrollY&&f?this.y+o/3:u>this.minScrollY?this.minScrollY:this.maxScrollY),this.moved||(this.moved=!0,this.trigger("scrollStart")),this._translate(l,u),a-this.startTime>this.options.momentumLimitTime&&(this.startTime=a,this.startX=this.x,this.startY=this.y,this.options.probeType===Q&&this.trigger("scroll",{x:this.x,y:this.y})),this.options.probeType>Q&&this.trigger("scroll",{x:this.x,y:this.y});var v=document.documentElement.scrollLeft||window.pageXOffset||document.body.scrollLeft,m=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop,y=this.pointX-v,b=this.pointY-m;(y>document.documentElement.clientWidth-this.options.momentumLimitDistance||y<this.options.momentumLimitDistance||b<this.options.momentumLimitDistance||b>document.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),i=Math.round(this.y),o=e-this.absStartX,s=i-this.absStartY;if(this.directionX=o>0?J:o<0?Z:0,this.directionY=s>0?K:s<0?q:0,!this.options.pullDownRefresh||!this._checkPullDown()){if(this._checkClick(t))return void this.trigger("scrollCancel");if(!this.resetPosition(this.options.bounceTime,z.bounce)){this._translate(e,i),this.endTime=n();var r=this.endTime-this.startTime,a=Math.abs(e-this.startX),l=Math.abs(i-this.startY);if(this._events.flick&&r<this.options.flickLimitTime&&a<this.options.flickLimitDistance&&l<this.options.flickLimitDistance)return void this.trigger("flick");var u=0;if(this.options.momentum&&r<this.options.momentumLimitTime&&(l>this.options.momentumLimitDistance||a>this.options.momentumLimitDistance)){var c=!1,f=!1,d=!1,p=!1,v=this.options.bounce;!1!==v&&(c=void 0===v.top||v.top,f=void 0===v.bottom||v.bottom,d=void 0===v.left||v.left,p=void 0===v.right||v.right);var m=this.directionX===J&&d||this.directionX===Z&&p?this.wrapperWidth:0,y=this.directionY===K&&c||this.directionY===q&&f?this.wrapperHeight:0,b=this.hasHorizontalScroll?_(this.x,this.startX,r,this.maxScrollX,this.minScrollX,m,this.options):{destination:e,duration:0},g=this.hasVerticalScroll?_(this.y,this.startY,r,this.maxScrollY,this.minScrollY,y,this.options):{destination:i,duration:0};e=b.destination,i=g.destination,u=Math.max(b.duration,g.duration),this.isInTransition=!0}else this.options.wheel&&(i=Math.round(i/this.itemHeight)*this.itemHeight,u=this.options.wheel.adjustTime||400);var x=z.swipe;if(this.options.snap){var w=this._nearestSnap(e,i);this.currentPage=w,u=this.options.snapSpeed||Math.max(Math.max(Math.min(Math.abs(e-w.x),1e3),Math.min(Math.abs(i-w.y),1e3)),300),e=w.x,i=w.y,this.directionX=0,this.directionY=0,x=this.options.snap.easing||z.bounce}if(e!==this.x||i!==this.y)return(e>this.minScrollX||e<this.maxScrollX||i>this.minScrollY||i<this.maxScrollY)&&(x=z.swipeBounce),void this.scrollTo(e,i,u,x);this.options.wheel&&(this.selectedIndex=Math.round(Math.abs(this.y/this.itemHeight))),this.trigger("scrollEnd",{x:this.x,y:this.y})}}}},t.prototype._checkClick=function(t){var e=this.stopFromTransition&&!this.pulling;if(this.stopFromTransition=!1,!this.moved){if(this.options.wheel){if(this.target&&this.target.classList.contains(this.options.wheel.wheelWrapperClass)){var i=Math.abs(Math.round(this.y/this.itemHeight)),o=Math.round((this.pointY+f(this.wrapper).top-this.wrapperHeight/2)/this.itemHeight);this.target=this.items[i+o]}return this.scrollToElement(this.target,this.options.wheel.adjustTime||400,!0,!0,z.swipe),!0}if(!e){var s=this.options.dblclick,r=!1;if(s&&this.lastClickTime){var a=s.delay,l=void 0===a?300:a;n()-this.lastClickTime<l&&(r=!0,m(t))}return this.options.tap&&p(t,this.options.tap),this.options.click&&!h(t.target,this.options.preventDefaultException)&&v(t),this.lastClickTime=r?null:n(),!0}return!1}return!1},t.prototype._resize=function(){var t=this;this.enabled&&(j&&(this.wrapper.scrollTop=0),clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(function(){t.refresh()},this.options.resizePolling))},t.prototype._startProbe=function(){function t(){var i=e.getComputedPosition();if(e.trigger("scroll",i),!e.isInTransition)return void e.trigger("scrollEnd",i);e.probeTimer=W(t)}G(this.probeTimer),this.probeTimer=W(t);var e=this},t.prototype._transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(this.scrollerStyle[F.transitionDuration]=t+"ms",this.options.wheel)for(var e=0;e<this.items.length;e++)this.items[e].style[F.transitionDuration]=t+"ms";if(this.indicators)for(var i=0;i<this.indicators.length;i++)this.indicators[i].transitionTime(t)},t.prototype._transitionTimingFunction=function(t){if(this.scrollerStyle[F.transitionTimingFunction]=t,this.options.wheel)for(var e=0;e<this.items.length;e++)this.items[e].style[F.transitionTimingFunction]=t;if(this.indicators)for(var i=0;i<this.indicators.length;i++)this.indicators[i].transitionTimingFunction(t)},t.prototype._transitionEnd=function(t){t.target===this.scroller&&this.isInTransition&&(this._transitionTime(),(!this.pulling||this.movingDirectionY===q)&&!this.resetPosition(this.options.bounceTime,z.bounce)&&(this.isInTransition=!1,this.options.probeType!==tt&&this.trigger("scrollEnd",{x:this.x,y:this.y})))},t.prototype._translate=function(t,e,i){if(S(!s(t)&&!s(e),"Translate x or y is null or undefined."),s(i)&&(i=this.scale),this.options.useTransform?this.scrollerStyle[F.transform]="translate("+t+"px,"+e+"px) scale("+i+")"+this.translateZ:(t=Math.round(t),e=Math.round(e),this.scrollerStyle.left=t+"px",this.scrollerStyle.top=e+"px"),this.options.wheel)for(var n=this.options.wheel.rotate,o=void 0===n?25:n,r=0;r<this.items.length;r++){var a=o*(e/this.itemHeight+r);this.items[r].style[F.transform]="rotateX("+a+"deg)"}if(this.x=t,this.y=e,this.setScale(i),this.indicators)for(var l=0;l<this.indicators.length;l++)this.indicators[l].updatePosition()},t.prototype._animate=function(t,e,i,o){function s(){var h=n();if(h>=d)return r.isAnimating=!1,r._translate(t,e,c),r.trigger("scroll",{x:r.x,y:r.y}),void(r.pulling||r.resetPosition(r.options.bounceTime)||r.trigger("scrollEnd",{x:r.x,y:r.y}));h=(h-f)/i;var p=o(h),v=(t-a)*p+a,m=(e-l)*p+l,y=(c-u)*p+u;r._translate(v,m,y),r.isAnimating&&(r.animateTimer=W(s)),r.options.probeType===tt&&r.trigger("scroll",{x:r.x,y:r.y})}var r=this,a=this.x,l=this.y,u=this.lastScale,c=this.scale,f=n(),d=f+i;this.isAnimating=!0,G(this.animateTimer),s()},t.prototype.scrollBy=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:z.bounce;t=this.x+t,e=this.y+e,this.scrollTo(t,e,i,n)},t.prototype.scrollTo=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:z.bounce;this.isInTransition=this.options.useTransition&&i>0&&(t!==this.x||e!==this.y),!i||this.options.useTransition?(this._transitionTimingFunction(n.style),this._transitionTime(i),this._translate(t,e),i&&this.options.probeType===tt&&this._startProbe(),i||t===this.x&&e===this.y||(this.trigger("scroll",{x:t,y:e}),this._reflow=document.body.offsetHeight,this.resetPosition(this.options.bounceTime,z.bounce)||this.trigger("scrollEnd",{x:t,y:e})),this.options.wheel&&(e>this.minScrollY?this.selectedIndex=0:e<this.maxScrollY?this.selectedIndex=this.items.length-1:this.selectedIndex=Math.round(Math.abs(e/this.itemHeight)))):this._animate(t,e,i,n.fn)},t.prototype.scrollToElement=function(t,e,i,n,o){if(t&&(t=t.nodeType?t:this.scroller.querySelector(t),!this.options.wheel||t.classList.contains(this.options.wheel.wheelItemClass))){var s=c(t);s.left-=this.wrapperOffset.left,s.top-=this.wrapperOffset.top,!0===i&&(i=Math.round(t.offsetWidth/2-this.wrapper.offsetWidth/2)),!0===n&&(n=Math.round(t.offsetHeight/2-this.wrapper.offsetHeight/2)),s.left-=i||0,s.top-=n||0,s.left=s.left>this.minScrollX?this.minScrollX:s.left<this.maxScrollX?this.maxScrollX:s.left,s.top=s.top>this.minScrollY?this.minScrollY:s.top<this.maxScrollY?this.maxScrollY:s.top,this.options.wheel&&(s.top=Math.round(s.top/this.itemHeight)*this.itemHeight),this.scrollTo(s.left,s.top,e,o)}},t.prototype.resetPosition=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:z.bounce,i=this.x,n=Math.round(i);!this.hasHorizontalScroll||n>this.minScrollX?i=this.minScrollX:n<this.maxScrollX&&(i=this.maxScrollX);var o=this.y,s=Math.round(o);return!this.hasVerticalScroll||s>this.minScrollY?o=this.minScrollY:s<this.maxScrollY&&(o=this.maxScrollY),(i!==this.x||o!==this.y)&&(this.scrollTo(i,o,t,e),!0)},t.prototype.getComputedPosition=function(){var t=window.getComputedStyle(this.scroller,null),e=void 0,i=void 0;return this.options.useTransform?(t=t[F.transform].split(")")[0].split(", "),e=+(t[12]||t[4]),i=+(t[13]||t[5])):(e=+t.left.replace(/[^-\d.]/g,""),i=+t.top.replace(/[^-\d.]/g,"")),{x:e,y:i}},t.prototype.stop=function(){if(this.options.useTransition&&this.isInTransition){this.isInTransition=!1,G(this.probeTimer);var t=this.getComputedPosition();this._translate(t.x,t.y),this.options.wheel?this.target=this.items[Math.round(-t.y/this.itemHeight)]:this.trigger("scrollEnd",{x:this.x,y:this.y}),this.stopFromTransition=!0}else!this.options.useTransition&&this.isAnimating&&(this.isAnimating=!1,G(this.animateTimer),this.trigger("scrollEnd",{x:this.x,y:this.y}),this.stopFromTransition=!0)},t.prototype.destroy=function(){this.destroyed=!0,this.trigger("destroy"),G(this.options.useTransition?this.probeTimer:this.animateTimer),this._removeDOMEvents(),this._events={}}}(C),function(t){t.prototype.on=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;this._events[t]||(this._events[t]=[]),this._events[t].push([e,i])},t.prototype.once=function(t,e){function i(){this.off(t,i),e.apply(n,arguments)}var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;i.fn=e,this.on(t,i)},t.prototype.off=function(t,e){var i=this._events[t];if(i)for(var n=i.length;n--;)(i[n][0]===e||i[n][0]&&i[n][0].fn===e)&&(i[n][0]=void 0)},t.prototype.trigger=function(t){var e=this._events[t];if(e)for(var i=e.length,n=[].concat(O(e)),o=0;o<i;o++){var s=n[o],r=E(s,2),a=r[0],l=r[1];a&&a.apply(l,[].slice.call(arguments,1))}}}(C),function(t){t.prototype._initSnap=function(){var t=this;this.currentPage={};var e=this.options.snap;if(e.loop){var i=this.scroller.children;i.length>1?(y(i[i.length-1].cloneNode(!0),this.scroller),this.scroller.appendChild(i[1].cloneNode(!0))):e.loop=!1}var n=e.el;"string"==typeof n&&(n=this.scroller.querySelectorAll(n)),this.on("refresh",function(){if(t.pages=[],t.wrapperWidth&&t.wrapperHeight&&t.scrollerWidth&&t.scrollerHeight){var i=e.stepX||t.wrapperWidth,o=e.stepY||t.wrapperHeight,s=0,r=void 0,a=void 0,l=void 0,u=0,c=void 0,f=0,h=void 0,p=void 0;if(n)for(c=n.length,h=-1;u<c;u++)p=d(n[u]),(0===u||p.left<=d(n[u-1]).left)&&(f=0,h++),t.pages[f]||(t.pages[f]=[]),s=Math.max(-p.left,t.maxScrollX),r=Math.max(-p.top,t.maxScrollY),a=s-Math.round(p.width/2),l=r-Math.round(p.height/2),t.pages[f][h]={x:s,y:r,width:p.width,height:p.height,cx:a,cy:l},s>t.maxScrollX&&f++;else for(a=Math.round(i/2),l=Math.round(o/2);s>-t.scrollerWidth;){for(t.pages[u]=[],c=0,r=0;r>-t.scrollerHeight;)t.pages[u][c]={x:Math.max(s,t.maxScrollX),y:Math.max(r,t.maxScrollY),width:i,height:o,cx:s-a,cy:r-l},r-=o,c++;s-=i,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 y=e.threshold;y%1==0?(t.snapThresholdX=y,t.snapThresholdY=y):(t.snapThresholdX=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].width*y),t.snapThresholdY=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].height*y))}}),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 i=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,i)}),this.on("destroy",function(){if(e.loop){var i=t.scroller.children;i.length>2&&(g(t.scroller,i[i.length-1]),g(t.scroller,i[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&&w("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 i=0;if(Math.abs(t-this.absStartX)<=this.snapThresholdX&&Math.abs(e-this.absStartY)<=this.snapThresholdY)return this.currentPage;t>this.minScrollX?t=this.minScrollX:t<this.maxScrollX&&(t=this.maxScrollX),e>this.minScrollY?e=this.minScrollY:e<this.maxScrollY&&(e=this.maxScrollY);for(var n=this.pages.length;i<n;i++)if(t>=this.pages[i][0].cx){t=this.pages[i][0].x;break}n=this.pages[i].length;for(var o=0;o<n;o++)if(e>=this.pages[0][o].cy){e=this.pages[0][o].y;break}return i===this.currentPage.pageX&&(i+=this.directionX,i<0?i=0:i>=this.pages.length&&(i=this.pages.length-1),t=this.pages[i][0].x),o===this.currentPage.pageY&&(o+=this.directionY,o<0?o=0:o>=this.pages[0].length&&(o=this.pages[0].length-1),e=this.pages[0][o].y),{x:t,y:e,pageX:i,pageY:o}},t.prototype._goToPage=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments[2],n=arguments[3],o=this.options.snap;if(o&&this.pages&&this.pages.length&&(n=n||o.easing||z.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 s=this.pages[t][e].x,r=this.pages[t][e].y;i=void 0===i?o.speed||Math.max(Math.max(Math.min(Math.abs(s-this.x),1e3),Math.min(Math.abs(r-this.y),1e3)),300):i,this.currentPage={x:s,y:r,pageX:t,pageY:e},this.scrollTo(s,r,i,n)}},t.prototype.goToPage=function(t,e,i,n){var o=this.options.snap;if(o&&this.pages&&this.pages.length){if(o.loop){var s=void 0;o._loopX?(s=this.pages.length-2,t>=s?t=s-1:t<0&&(t=0),t+=1):(s=this.pages[0].length-2,e>=s?e=s-1:e<0&&(e=0),e+=1)}this._goToPage(t,e,i,n)}},t.prototype.next=function(t,e){if(this.options.snap){var i=this.currentPage.pageX,n=this.currentPage.pageY;i++,i>=this.pages.length&&this.hasVerticalScroll&&(i=0,n++),this._goToPage(i,n,t,e)}},t.prototype.prev=function(t,e){if(this.options.snap){var i=this.currentPage.pageX,n=this.currentPage.pageY;i--,i<0&&this.hasVerticalScroll&&(i=0,n--),this._goToPage(i,n,t,e)}},t.prototype.getCurrentPage=function(){var t=this.options.snap;return t?t.loop?t._loopX?o({},this.currentPage,{pageX:this.currentPage.pageX-1}):o({},this.currentPage,{pageY:this.currentPage.pageY-1}):this.currentPage:null}}(C),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,w("wheel option selectedIndex is required!"))}}(C),function(t){t.prototype._initScrollbar=function(){var t=this,e=this.options.scrollbar,i=e.fade,n=void 0===i||i,o=e.interactive,s=void 0!==o&&o;this.indicators=[];var r=void 0;this.options.scrollX&&(r={el:T("horizontal"),direction:"horizontal",fade:n,interactive:s},this._insertScrollBar(r.el),this.indicators.push(new P(this,r))),this.options.scrollY&&(r={el:T("vertical"),direction:"vertical",fade:n,interactive:s},this._insertScrollBar(r.el),this.indicators.push(new P(this,r))),this.on("refresh",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].refresh()}),n&&(this.on("scrollEnd",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade()}),this.on("scrollCancel",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade()}),this.on("scrollStart",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade(!0)}),this.on("beforeScrollStart",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade(!0,!0)})),this.on("destroy",function(){t._removeScrollBars()})},t.prototype._insertScrollBar=function(t){this.wrapper.appendChild(t)},t.prototype._removeScrollBars=function(){for(var t=0;t<this.indicators.length;t++)this.indicators[t].destroy()}}(C),function(t){t.prototype._initPullDown=function(){this.options.probeType=tt},t.prototype._checkPullDown=function(){var t=this.options.pullDownRefresh,e=t.threshold,i=void 0===e?90:e,n=t.stop,o=void 0===n?40:n;return!(this.directionY!==K||this.y<i)&&(this.pulling||(this.pulling=!0,this.trigger("pullingDown")),this.scrollTo(this.x,o,this.options.bounceTime,z.bounce),this.pulling)},t.prototype.finishPullDown=function(){this.pulling=!1,this.resetPosition(this.options.bounceTime,z.bounce)},t.prototype.openPullDown=function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.options.pullDownRefresh=t,this._initPullDown()},t.prototype.closePullDown=function(){this.options.pullDownRefresh=!1}}(C),function(t){t.prototype._initPullUp=function(){this.options.probeType=tt,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,i=this.options.pullUpLoad.threshold,n=void 0===i?0:i;this.movingDirectionY===q&&t.y<=this.maxScrollY+n&&(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))}}(C),function(t){t.prototype._initMouseWheel=function(){var t=this;this._handleMouseWheelEvent(l),this.on("destroy",function(){clearTimeout(t.mouseWheelTimer),clearTimeout(t.mouseWheelEndTimer),t._handleMouseWheelEvent(u)}),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.options.stopPropagation&&t.stopPropagation(),this.firstWheelOpreation&&this.trigger("scrollStart"),this.firstWheelOpreation=!1;var i=this.options.mouseWheel,n=i.speed,o=void 0===n?20:n,s=i.invert,r=void 0!==s&&s,a=i.easeTime,l=void 0===a?300:a;clearTimeout(this.mouseWheelTimer),this.mouseWheelTimer=setTimeout(function(){e.options.snap||l||e.trigger("scrollEnd",{x:e.x,y:e.y}),e.firstWheelOpreation=!0},400);var u=void 0,c=void 0;switch(!0){case"deltaX"in t:1===t.deltaMode?(u=-t.deltaX*o,c=-t.deltaY*o):(u=-t.deltaX,c=-t.deltaY);break;case"wheelDeltaX"in t:u=t.wheelDeltaX/120*o,c=t.wheelDeltaY/120*o;break;case"wheelDelta"in t:u=c=t.wheelDelta/120*o;break;case"detail"in t:u=c=-t.detail/3*o;break;default:return}var f=r?-1:1;u*=f,c*=f,this.hasVerticalScroll||(u=c,c=0);var d=void 0,h=void 0;if(this.options.snap)return d=this.currentPage.pageX,h=this.currentPage.pageY,u>0?d--:u<0&&d++,c>0?h--:c<0&&h++,void this._goToPage(d,h);d=this.x+Math.round(this.hasHorizontalScroll?u:0),h=this.y+Math.round(this.hasVerticalScroll?c:0),this.movingDirectionX=this.directionX=u>0?-1:u<0?1:0,this.movingDirectionY=this.directionY=c>0?-1:c<0?1:0,d>this.minScrollX?d=this.minScrollX:d<this.maxScrollX&&(d=this.maxScrollX),h>this.minScrollY?h=this.minScrollY:h<this.maxScrollY&&(h=this.maxScrollY);var p=this.y===h;this.scrollTo(d,h,l,z.swipe),this.trigger("scroll",{x:this.x,y:this.y}),clearTimeout(this.mouseWheelEndTimer),p&&(this.mouseWheelEndTimer=setTimeout(function(){e.trigger("scrollEnd",{x:e.x,y:e.y})},l))}}}(C),function(t){t.prototype._initZoom=function(){var t=this.options.zoom,e=t.start,i=void 0===e?1:e,n=t.min,o=void 0===n?1:n,s=t.max,r=void 0===s?4:s;this.scale=Math.min(Math.max(i,o),r),this.setScale(this.scale),this.scrollerStyle[F.transformOrigin]="0 0"},t.prototype._zoomTo=function(t,e,i,n){this.scaled=!0;var o=t/(n||this.scale);this.setScale(t),this.refresh();var s=Math.round(this.startX-(e-this.relativeX)*(o-1)),r=Math.round(this.startY-(i-this.relativeY)*(o-1));s>this.minScrollX?s=this.minScrollX:s<this.maxScrollX&&(s=this.maxScrollX),r>this.minScrollY?r=this.minScrollY:r<this.maxScrollY&&(r=this.maxScrollY),this.x===s&&this.y===r||this.scrollTo(s,r,this.options.bounceTime),this.scaled=!1},t.prototype.zoomTo=function(t,e,i){var n=f(this.wrapper),o=n.left,s=n.top,r=e+o-this.x,a=i+s-this.y;this._zoomTo(t,r,a)},t.prototype._zoomStart=function(t){var e=t.touches[0],i=t.touches[1],n=Math.abs(e.pageX-i.pageX),o=Math.abs(e.pageY-i.pageY);this.startDistance=r(n,o),this.startScale=this.scale;var s=f(this.wrapper),a=s.left,l=s.top;this.originX=Math.abs(e.pageX+i.pageX)/2+a-this.x,this.originY=Math.abs(e.pageY+i.pageY)/2+l-this.y,this.trigger("zoomStart")},t.prototype._zoom=function(t){if(this.enabled&&!this.destroyed&&X[t.type]===this.initiated){this.options.preventDefault&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation();var e=t.touches[0],i=t.touches[1],n=Math.abs(e.pageX-i.pageX),o=Math.abs(e.pageY-i.pageY),s=r(n,o),a=s/this.startDistance*this.startScale;this.scaled=!0;var l=this.options.zoom,u=l.min,c=void 0===u?1:u,f=l.max,d=void 0===f?4:f;a<c?a=.5*c*Math.pow(2,a/c):a>d&&(a=2*d*Math.pow(.5,d/a));var h=a/this.startScale,p=this.startX-(this.originX-this.relativeX)*(h-1),v=this.startY-(this.originY-this.relativeY)*(h-1);this.setScale(a),this.scrollTo(p,v,0)}},t.prototype._zoomEnd=function(t){if(this.enabled&&!this.destroyed&&X[t.type]===this.initiated){this.options.preventDefault&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.isInTransition=!1,this.isAnimating=!1,this.initiated=0;var e=this.options.zoom,i=e.min,n=void 0===i?1:i,o=e.max,s=void 0===o?4:o,r=this.scale>s?s:this.scale<n?n:this.scale;this._zoomTo(r,this.originX,this.originY,this.startScale),this.trigger("zoomEnd")}}}(C),function(t){t.prototype._initInfinite=function(){this.options.probeType=3,this.maxScrollY=-et,this.infiniteScroller=new k(this,this.options.infinity)}}(C),C.Version="1.12.6",e.default=C},function(t,e,i){var n=i(0)(i(300),i(301),null,null,null);t.exports=n.exports},function(t,e,i){var n=i(18),o=i(3).document,s=n(o)&&n(o.createElement);t.exports=function(t){return s?o.createElement(t):{}}},function(t,e,i){var n=i(18);t.exports=function(t,e){if(!n(t))return t;var i,o;if(e&&"function"==typeof(i=t.toString)&&!n(o=i.call(t)))return o;if("function"==typeof(i=t.valueOf)&&!n(o=i.call(t)))return o;if(!e&&"function"==typeof(i=t.toString)&&!n(o=i.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,i){var n=i(57),o=Math.min;t.exports=function(t){return t>0?o(n(t),9007199254740991):0}},function(t,e){var i=Math.ceil,n=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?n:i)(t)}},function(t,e,i){var n=i(59)("keys"),o=i(44);t.exports=function(t){return n[t]||(n[t]=o(t))}},function(t,e,i){var n=i(1),o=i(3),s=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return s[t]||(s[t]=void 0!==e?e:{})})("versions",[]).push({version:n.version,mode:i(34)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,i){e.f=i(4)},function(t,e,i){var n=i(3),o=i(1),s=i(34),r=i(61),a=i(14).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=s?{}:n.Symbol||{});"_"==t.charAt(0)||t in e||a(e,t,{value:r.f(t)})}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(n,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 n=/-(\w)/g})},function(t,e,i){function n(t){i(214)}var o=i(0)(i(215),i(216),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(67),o=i(4)("iterator"),s=i(26);t.exports=i(1).getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||s[n(t)]}},function(t,e,i){var n=i(33),o=i(4)("toStringTag"),s="Arguments"==n(function(){return arguments}()),r=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,i,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(i=r(e=Object(t),o))?i:s?n(e):"Object"==(a=n(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(39),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.USE_TRANSITION=void 0;t.USE_TRANSITION=function(){var t=!0;if(e.isIOS){var n=(0,i.getIOSVersion)(e.ua);if(!n)return t;n.major>=13&&n.minor>=3&&(t=!1)}return t}()})},function(t,e,i){function n(t){i(256)}var o=i(0)(i(257),i(261),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(258),i(259),i(105)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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,"addMessage",{enumerable:!0,get:function(){return i.addMessage}}),Object.defineProperty(t,"types",{enumerable:!0,get:function(){return n.types}}),Object.defineProperty(t,"addType",{enumerable:!0,get:function(){return n.addType}})})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";function i(t,e,i,o){for(var s=[],r=t.length,a=0,l=0;l<r;l++)n(t[l],l,e,function(t,e){if(a++,s[e]=t,i(t,e),a===r)return o(s)})}function n(t,e,i,n){i(t,function(t){var i=o(t.name,t.size,l,0,t);n(i,e)})}function o(){var t=arguments.length>0&&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]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,r=o&&o.base64||"";return{name:t,size:e,url:r?"":s(o),base64:r,status:i,progress:n,file:o}}function s(t){return t&&a?a.createObjectURL(t):""}function r(t){if("function"==typeof t){for(var e=arguments.length,i=Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];return t.apply(this,i)}return 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=n,t.newFile=o,t.evalOpts=r;var a=t.URL=e.inBrowser?window.URL||window.webkitURL||window.mozURL:null,l=t.STATUS_READY="ready";t.STATUS_UPLOADING="uploading",t.STATUS_ERROR="error",t.STATUS_SUCCESS="success"})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){"use strict";function n(t){var e,i;this.promise=new t(function(t,n){if(void 0!==e||void 0!==i)throw TypeError("Bad Promise constructor");e=t,i=n}),this.resolve=o(e),this.reject=o(i)}var o=i(42);t.exports.f=function(t){return new n(t)}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(355),i(362),i(7),i(64)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n);e.default={methods:{_checkDeprecated:function(){var t=this,e=this.$options.props,i=this.$options.name;(0,l.default)(e).forEach(function(e){var n=(0,a.default)(e,2),r=n[0],l=n[1],u=l.deprecated;u&&void 0!==t[r]&&(0,o.tip)('The property "'+(0,s.kebab)(r)+'" is deprecated, please use the recommended property "'+u.replacedBy+'" to replace it. Details could be found in https://didi.github.io/cube-ui/#/en-US/docs/'+i.substr(5)+"#cube-Propsconfiguration-anchor",i)})}},mounted:function(){this._checkDeprecated()}},t.exports=e.default})},function(t,e,i){function n(t){i(378)}var o=i(0)(i(379),i(380),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(409)}var o=i(0)(i(410),i(411),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(416)}var o=i(0)(i(417),i(418),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(6),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.localeMixin=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){t.exports=!i(16)&&!i(24)(function(){return 7!=Object.defineProperty(i(53)("div"),"a",{get:function(){return 7}}).a})},function(t,e,i){var n=i(19),o=i(21),s=i(137)(!1),r=i(58)("IE_PROTO");t.exports=function(t,e){var i,a=o(t),l=0,u=[];for(i in a)i!=r&&n(a,i)&&u.push(i);for(;e.length>l;)n(a,i=e[l++])&&(~s(u,i)||u.push(i));return u}},function(t,e,i){var n=i(33);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==n(t)?t.split(""):Object(t)}},function(t,e,i){"use strict";var n=i(34),o=i(10),s=i(83),r=i(17),a=i(26),l=i(143),u=i(45),c=i(145),f=i(4)("iterator"),d=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,i,p,v,m,y){l(i,e,p);var b,g,_,x=function(t){if(!d&&t in P)return P[t];switch(t){case"keys":case"values":return function(){return new i(this,t)}}return function(){return new i(this,t)}},w=e+" Iterator",S="values"==v,T=!1,P=t.prototype,M=P[f]||P["@@iterator"]||v&&P[v],k=M||x(v),C=v?S?x("entries"):k:void 0,E="Array"==e?P.entries||M:M;if(E&&(_=c(E.call(new t)))!==Object.prototype&&_.next&&(u(_,w,!0),n||"function"==typeof _[f]||r(_,f,h)),S&&M&&"values"!==M.name&&(T=!0,k=function(){return M.call(this)}),n&&!y||!d&&!T&&P[f]||r(P,f,k),a[e]=k,a[w]=h,v)if(b={values:S?k:x("values"),keys:m?k:x("keys"),entries:C},y)for(g in b)g in P||s(P,g,b[g]);else o(o.P+o.F*(d||T),e,b);return b}},function(t,e,i){t.exports=i(17)},function(t,e,i){var n=i(15),o=i(144),s=i(60),r=i(58)("IE_PROTO"),a=function(){},l=function(){var t,e=i(53)("iframe"),n=s.length;for(e.style.display="none",i(85).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),l=t.F;n--;)delete l.prototype[s[n]];return l()};t.exports=Object.create||function(t,e){var i;return null!==t?(a.prototype=n(t),i=new a,a.prototype=null,i[r]=t):i=l(),void 0===e?i:o(i,e)}},function(t,e,i){var n=i(3).document;t.exports=n&&n.documentElement},function(t,e,i){var n=i(80),o=i(60).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return n(t,o)}},function(t,e){},function(t,e,i){function n(t){i(188)}var o=i(0)(i(189),i(190),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(196)}var o=i(0)(i(197),i(198),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(202)}var o=i(0)(i(203),i(204),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=(0,i.prefixStyle)("flexBasis");e.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(t){var e=this;if(t<=1)return"";this.$nextTick(function(){var i=100/t+"%";Array.prototype.forEach.call(e.$refs.group.children,function(t){t.style[n]=i})})}}}},t.exports=e.default})},function(t,e,i){var n=i(0)(i(206),i(210),null,null,null);t.exports=n.exports},function(t,e,i){function n(t){i(207)}var o=i(0)(i(208),i(209),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(212)}var o=i(0)(i(213),i(217),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},function(t,e,i){function n(t){i(226)}var o=i(0)(i(227),i(228),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(15);t.exports=function(t,e,i,o){try{return o?e(n(i)[0],i[1]):e(i)}catch(e){var s=t.return;throw void 0!==s&&n(s.call(t)),e}}},function(t,e,i){var n=i(26),o=i(4)("iterator"),s=Array.prototype;t.exports=function(t){return void 0!==t&&(n.Array===t||s[o]===t)}},function(t,e,i){var n=i(4)("iterator"),o=!1;try{var s=[7][n]();s.return=function(){o=!0},Array.from(s,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var i=!1;try{var s=[7],r=s[n]();r.next=function(){return{done:i=!0}},s[n]=function(){return r},t(s)}catch(t){}return i}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},function(t,e,i){function n(t){i(240)}var o=i(0)(i(241),i(242),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(245)}var o=i(0)(i(246),i(247),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(249)}var o=i(0)(i(250),i(254),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(251)}var o=i(0)(i(252),i(253),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addType=t.types=void 0;var i=/^(1|2)\d{3}[.\-/]\d{1,2}[.\-/]\d{1,2}$/,n={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))||i.test(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)}},o=(0,e.createAddAPI)(n);t.types=n,t.addType=o})},function(t,e,i){function n(t){i(263)}var o=i(0)(i(264),i(272),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(265)}var o=i(0)(i(266),i(267),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}}},t.exports=e.default})},function(t,e,i){function n(t){i(268)}var o=i(0)(i(269),i(270),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(277)}var o=i(0)(i(278),i(288),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(279)}var o=i(0)(i(280),i(287),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(13),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=o.default||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){function n(t){i(333)}var o=i(0)(i(334),i(370),n,null,null);t.exports=o.exports},function(t,e,i){t.exports={default:i(337),__esModule:!0}},function(t,e,i){var n=i(15),o=i(42),s=i(4)("species");t.exports=function(t,e){var i,r=n(t).constructor;return void 0===r||void 0==(i=n(r)[s])?e:o(i)}},function(t,e,i){var n,o,s,r=i(31),a=i(341),l=i(85),u=i(53),c=i(3),f=c.process,d=c.setImmediate,h=c.clearImmediate,p=c.MessageChannel,v=c.Dispatch,m=0,y={},b=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},g=function(t){b.call(t.data)};d&&h||(d=function(t){for(var e=[],i=1;arguments.length>i;)e.push(arguments[i++]);return y[++m]=function(){a("function"==typeof t?t:Function(t),e)},n(m),m},h=function(t){delete y[t]},"process"==i(33)(f)?n=function(t){f.nextTick(r(b,t,1))}:v&&v.now?n=function(t){v.now(r(b,t,1))}:p?(o=new p,s=o.port2,o.port1.onmessage=g,n=r(s.postMessage,s,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(n=function(t){c.postMessage(t+"","*")},c.addEventListener("message",g,!1)):n="onreadystatechange"in u("script")?function(t){l.appendChild(u("script")).onreadystatechange=function(){l.removeChild(this),b.call(t)}}:function(t){setTimeout(r(b,t,1),0)}),t.exports={set:d,clear:h}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,i){var n=i(15),o=i(18),s=i(73);t.exports=function(t,e){if(n(t),o(e)&&e.constructor===t)return e;var i=s.f(t);return(0,i.resolve)(e),i.promise}},function(t,e,i){function n(t){i(367)}var o=i(0)(i(368),i(369),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(376)}var o=i(0)(i(377),i(381),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(0)(i(390),i(394),null,null,null);t.exports=n.exports},function(t,e,i){function n(t){i(391)}var o=i(0)(i(392),i(393),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(400)}var o=i(0)(i(401),i(403),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(406)}var o=i(0)(i(407),i(408),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(128),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t){o.installed||(o.installed=!0,s.forEach(function(e){e!==i.Radio&&e.install(t)}))}Object.defineProperty(e,"__esModule",{value:!0});var s=[i.Locale,i.Button,i.Loading,i.Tip,i.Toolbar,i.TabBar,i.TabPanels,i.Checkbox,i.CheckboxGroup,i.Checker,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.ImagePreview,i.Scroll,i.Slide,i.IndexList,i.Swipe,i.Sticky,i.ScrollNav,i.ScrollNavBar,i.RecycleList],r={version:"1.12.46",install:o,BScroll:i.BetterScroll,createAPI:i.createAPI};s.forEach(function(t){var e=(0,n.processComponentName)(t,{firstUpperCase:!0});r[e]=t}),"undefined"!=typeof window&&window.Vue&&window.Vue.use(o),e.default=r,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(129),i(78),i(159),i(163),i(167),i(172),i(184),i(192),i(200),i(201),i(205),i(211),i(218),i(225),i(229),i(244),i(248),i(255),i(262),i(273),i(290),i(292),i(298),i(299),i(302),i(307),i(312),i(317),i(323),i(329),i(372),i(384),i(385),i(386),i(396),i(405),i(412),i(423),i(424),i(429),i(430)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f,d,h,p,v,m,y,b,g,_,x,w,S,T,P,M,k,C,E,O,I,$,D,j,V,A,R,H,N,L,Y){"use strict";function F(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BetterScroll=t.RecycleList=t.ScrollNavBar=t.ScrollNav=t.ScrollNavPanel=t.Sticky=t.StickyEle=t.Swipe=t.SwipeItem=t.IndexList=t.Slide=t.SlideItem=t.Scroll=t.ImagePreview=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.Checker=t.CheckerItem=t.CheckboxGroup=t.Checkbox=t.TabPanel=t.TabPanels=t.Tab=t.TabBar=t.Toolbar=t.Tip=t.Loading=t.Button=t.Locale=t.Style=void 0;var B=F(e),X=F(i),U=F(n),z=F(o),W=F(s),G=F(r),q=F(a),K=F(l),Z=F(u),J=F(c),Q=F(f),tt=F(d),et=F(h),it=F(p),nt=F(v),ot=F(m),st=F(y),rt=F(b),at=F(g),lt=F(_),ut=F(x),ct=F(w),ft=F(S),dt=F(T),ht=F(P),pt=F(M),vt=F(k),mt=F(C),yt=F(E),bt=F(O),gt=F(I),_t=F($),xt=F(D),wt=F(j),St=F(V),Tt=F(A),Pt=F(R),Mt=F(H),kt=F(N),Ct=F(L),Et=F(Y),Ot=lt.default.Group,It=lt.default.Item,$t=xt.default.Item,Dt=tt.default.Radio,jt=St.default.Item,Vt=bt.default.Panel,At=bt.default.Item,Rt=Tt.default.Ele,Ht=Pt.default.Panel,Nt=q.default.Tab,Lt=K.default.Panel,Yt=Q.default.Item;t.Style=B.default,t.Locale=X.default,t.Button=U.default,t.Loading=z.default,t.Tip=W.default,t.Toolbar=G.default,t.TabBar=q.default,t.Tab=Nt,t.TabPanels=K.default,t.TabPanel=Lt,t.Checkbox=Z.default,t.CheckboxGroup=J.default,t.CheckerItem=Yt,t.Checker=Q.default,t.Radio=Dt,t.RadioGroup=tt.default,t.Input=et.default,t.Textarea=it.default,t.Select=nt.default,t.Switch=ot.default,t.Rate=st.default,t.Validator=rt.default,t.Upload=at.default,t.FormItem=It,t.FormGroup=Ot,t.Form=lt.default,t.Popup=ut.default,t.Toast=ct.default,t.Picker=ft.default,t.CascadePicker=dt.default,t.DatePicker=ht.default,t.TimePicker=pt.default,t.SegmentPicker=vt.default,t.Dialog=mt.default,t.ActionSheet=yt.default,t.DrawerItem=At,t.DrawerPanel=Vt,t.Drawer=bt.default,t.ImagePreview=gt.default,t.Scroll=_t.default,t.SlideItem=$t,t.Slide=xt.default,t.IndexList=wt.default,t.SwipeItem=jt,t.Swipe=St.default,t.StickyEle=Rt,t.Sticky=Tt.default,t.ScrollNavPanel=Ht,t.ScrollNav=Pt.default,t.ScrollNavBar=Mt.default,t.RecycleList=kt.default,t.BetterScroll=Ct.default,t.createAPI=Et.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(130)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},function(t,e){},function(t,e,i){t.exports={default:i(132),__esModule:!0}},function(t,e,i){i(133);var n=i(1).Object;t.exports=function(t,e,i){return n.defineProperty(t,e,i)}},function(t,e,i){var n=i(10);n(n.S+n.F*!i(16),"Object",{defineProperty:i(14).f})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){i(136),t.exports=i(1).Object.keys},function(t,e,i){var n=i(43),o=i(25);i(139)("keys",function(){return function(t){return o(n(t))}})},function(t,e,i){var n=i(21),o=i(56),s=i(138);t.exports=function(t){return function(e,i,r){var a,l=n(e),u=o(l.length),c=s(r,u);if(t&&i!=i){for(;u>c;)if((a=l[c++])!=a)return!0}else for(;u>c;c++)if((t||c in l)&&l[c]===i)return t||c||0;return!t&&-1}}},function(t,e,i){var n=i(57),o=Math.max,s=Math.min;t.exports=function(t,e){return t=n(t),t<0?o(t+e,0):s(t,e)}},function(t,e,i){var n=i(10),o=i(1),s=i(24);t.exports=function(t,e){var i=(o.Object||{})[t]||Object[t],r={};r[t]=e(i),n(n.S+n.F*s(function(){i(1)}),"Object",r)}},function(t,e,i){t.exports={default:i(141),__esModule:!0}},function(t,e,i){i(36),i(46),t.exports=i(61).f("iterator")},function(t,e,i){var n=i(57),o=i(55);t.exports=function(t){return function(e,i){var s,r,a=String(o(e)),l=n(i),u=a.length;return l<0||l>=u?t?"":void 0:(s=a.charCodeAt(l),s<55296||s>56319||l+1===u||(r=a.charCodeAt(l+1))<56320||r>57343?t?a.charAt(l):s:t?a.slice(l,l+2):r-56320+(s-55296<<10)+65536)}}},function(t,e,i){"use strict";var n=i(84),o=i(32),s=i(45),r={};i(17)(r,i(4)("iterator"),function(){return this}),t.exports=function(t,e,i){t.prototype=n(r,{next:o(1,i)}),s(t,e+" Iterator")}},function(t,e,i){var n=i(14),o=i(15),s=i(25);t.exports=i(16)?Object.defineProperties:function(t,e){o(t);for(var i,r=s(e),a=r.length,l=0;a>l;)n.f(t,i=r[l++],e[i]);return t}},function(t,e,i){var n=i(19),o=i(43),s=i(58)("IE_PROTO"),r=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),n(t,s)?t[s]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?r:null}},function(t,e,i){"use strict";var n=i(147),o=i(148),s=i(26),r=i(21);t.exports=i(82)(Array,"Array",function(t,e){this._t=r(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,i=this._i++;return!t||i>=t.length?(this._t=void 0,o(1)):"keys"==e?o(0,i):"values"==e?o(0,t[i]):o(0,[i,t[i]])},"values"),s.Arguments=s.Array,n("keys"),n("values"),n("entries")},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,i){t.exports={default:i(150),__esModule:!0}},function(t,e,i){i(151),i(87),i(157),i(158),t.exports=i(1).Symbol},function(t,e,i){"use strict";var n=i(3),o=i(19),s=i(16),r=i(10),a=i(83),l=i(152).KEY,u=i(24),c=i(59),f=i(45),d=i(44),h=i(4),p=i(61),v=i(62),m=i(153),y=i(154),b=i(15),g=i(18),_=i(21),x=i(54),w=i(32),S=i(84),T=i(155),P=i(156),M=i(14),k=i(25),C=P.f,E=M.f,O=T.f,I=n.Symbol,$=n.JSON,D=$&&$.stringify,j=h("_hidden"),V=h("toPrimitive"),A={}.propertyIsEnumerable,R=c("symbol-registry"),H=c("symbols"),N=c("op-symbols"),L=Object.prototype,Y="function"==typeof I,F=n.QObject,B=!F||!F.prototype||!F.prototype.findChild,X=s&&u(function(){return 7!=S(E({},"a",{get:function(){return E(this,"a",{value:7}).a}})).a})?function(t,e,i){var n=C(L,e);n&&delete L[e],E(t,e,i),n&&t!==L&&E(L,e,n)}:E,U=function(t){var e=H[t]=S(I.prototype);return e._k=t,e},z=Y&&"symbol"==typeof I.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof I},W=function(t,e,i){return t===L&&W(N,e,i),b(t),e=x(e,!0),b(i),o(H,e)?(i.enumerable?(o(t,j)&&t[j][e]&&(t[j][e]=!1),i=S(i,{enumerable:w(0,!1)})):(o(t,j)||E(t,j,w(1,{})),t[j][e]=!0),X(t,e,i)):E(t,e,i)},G=function(t,e){b(t);for(var i,n=m(e=_(e)),o=0,s=n.length;s>o;)W(t,i=n[o++],e[i]);return t},q=function(t,e){return void 0===e?S(t):G(S(t),e)},K=function(t){var e=A.call(this,t=x(t,!0));return!(this===L&&o(H,t)&&!o(N,t))&&(!(e||!o(this,t)||!o(H,t)||o(this,j)&&this[j][t])||e)},Z=function(t,e){if(t=_(t),e=x(e,!0),t!==L||!o(H,e)||o(N,e)){var i=C(t,e);return!i||!o(H,e)||o(t,j)&&t[j][e]||(i.enumerable=!0),i}},J=function(t){for(var e,i=O(_(t)),n=[],s=0;i.length>s;)o(H,e=i[s++])||e==j||e==l||n.push(e);return n},Q=function(t){for(var e,i=t===L,n=O(i?N:_(t)),s=[],r=0;n.length>r;)!o(H,e=n[r++])||i&&!o(L,e)||s.push(H[e]);return s};Y||(I=function(){if(this instanceof I)throw TypeError("Symbol is not a constructor!");var t=d(arguments.length>0?arguments[0]:void 0),e=function(i){this===L&&e.call(N,i),o(this,j)&&o(this[j],t)&&(this[j][t]=!1),X(this,t,w(1,i))};return s&&B&&X(L,t,{configurable:!0,set:e}),U(t)},a(I.prototype,"toString",function(){return this._k}),P.f=Z,M.f=W,i(86).f=T.f=J,i(37).f=K,i(63).f=Q,s&&!i(34)&&a(L,"propertyIsEnumerable",K,!0),p.f=function(t){return U(h(t))}),r(r.G+r.W+r.F*!Y,{Symbol:I});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)h(tt[et++]);for(var it=k(h.store),nt=0;it.length>nt;)v(it[nt++]);r(r.S+r.F*!Y,"Symbol",{for:function(t){return o(R,t+="")?R[t]:R[t]=I(t)},keyFor:function(t){if(!z(t))throw TypeError(t+" is not a symbol!");for(var e in R)if(R[e]===t)return e},useSetter:function(){B=!0},useSimple:function(){B=!1}}),r(r.S+r.F*!Y,"Object",{create:q,defineProperty:W,defineProperties:G,getOwnPropertyDescriptor:Z,getOwnPropertyNames:J,getOwnPropertySymbols:Q}),$&&r(r.S+r.F*(!Y||u(function(){var t=I();return"[null]"!=D([t])||"{}"!=D({a:t})||"{}"!=D(Object(t))})),"JSON",{stringify:function(t){for(var e,i,n=[t],o=1;arguments.length>o;)n.push(arguments[o++]);if(i=e=n[1],(g(e)||void 0!==t)&&!z(t))return y(e)||(e=function(t,e){if("function"==typeof i&&(e=i.call(this,t,e)),!z(e))return e}),n[1]=e,D.apply($,n)}}),I.prototype[V]||i(17)(I.prototype,V,I.prototype.valueOf),f(I,"Symbol"),f(Math,"Math",!0),f(n.JSON,"JSON",!0)},function(t,e,i){var n=i(44)("meta"),o=i(18),s=i(19),r=i(14).f,a=0,l=Object.isExtensible||function(){return!0},u=!i(24)(function(){return l(Object.preventExtensions({}))}),c=function(t){r(t,n,{value:{i:"O"+ ++a,w:{}}})},f=function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!s(t,n)){if(!l(t))return"F";if(!e)return"E";c(t)}return t[n].i},d=function(t,e){if(!s(t,n)){if(!l(t))return!0;if(!e)return!1;c(t)}return t[n].w},h=function(t){return u&&p.NEED&&l(t)&&!s(t,n)&&c(t),t},p=t.exports={KEY:n,NEED:!1,fastKey:f,getWeak:d,onFreeze:h}},function(t,e,i){var n=i(25),o=i(63),s=i(37);t.exports=function(t){var e=n(t),i=o.f;if(i)for(var r,a=i(t),l=s.f,u=0;a.length>u;)l.call(t,r=a[u++])&&e.push(r);return e}},function(t,e,i){var n=i(33);t.exports=Array.isArray||function(t){return"Array"==n(t)}},function(t,e,i){var n=i(21),o=i(86).f,s={}.toString,r="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return o(t)}catch(t){return r.slice()}};t.exports.f=function(t){return r&&"[object Window]"==s.call(t)?a(t):o(n(t))}},function(t,e,i){var n=i(37),o=i(32),s=i(21),r=i(54),a=i(19),l=i(79),u=Object.getOwnPropertyDescriptor;e.f=i(16)?u:function(t,e){if(t=s(t),e=r(e,!0),l)try{return u(t,e)}catch(t){}if(a(t,e))return o(!n.f.call(t,e),t[e])}},function(t,e,i){i(62)("asyncIterator")},function(t,e,i){i(62)("observable")},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(48)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",{staticClass:"cube-btn",class:t.btnClass,attrs:{type:t.type},on:{click:t.handleClick}},[t.icon?i("i",{class:t.icon}):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",data:function(){return{balde:12}},props:{size:{type:Number}},computed:{style:function(){if(this.size){var t=this.size+"px";return{width:t,height:t}}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(168)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){function n(t){i(169)}var o=i(0)(i(170),i(171),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(5)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-tip",mixins:[r.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(n){var o=t[n.name];if(0!==o){var r="number"==typeof o;e[n.target]=o+(r?"px":""),n.percentFix&&!r&&(0,s.default)(n.percentFix).forEach(function(t){e[t]=n.percentFix[t]}),e[i[n.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(48),i(27),i(176)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);l.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},l.default.Button=r.default,l.default.Checkbox=a.default,e.default=l.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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||t.$props.colNum>1)}},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;if(this.$emit("input",i),this.isInGroup){t=!this.checkValue;var n=t?"checked":"cancel-checked";this.$parent.$emit(n,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})},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,n=e.target,o=!!n.checked;if(Array.isArray(i)){var s=t._i(i,null);n.checked?s<0&&(t.checkValue=i.concat([null])):s>-1&&(t.checkValue=i.slice(0,s).concat(i.slice(s+1)))}else t.checkValue=o}}}),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:[]}},function(t,e,i){function n(t){i(177)}var o=i(0)(i(178),i(183),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(179)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-toolbar",components:{CubeToolbarItem:n.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})},function(t,e,i){function n(t){i(180)}var o=i(0)(i(181),i(182),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(48),i(27)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-toolbar-item",components:{CubeButton:s.default,CubeCheckbox:r.default},props:{action:{type:Object,default:function(){return{}}}}},t.exports=e.default})},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}},["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:[]}},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,n){return i("cube-toolbar-item",{key:n,attrs:{action:e},nativeOn:{click:function(i){t.itemClick(e)}}})})):t._e(),t._v(" "),i("ul",{staticClass:"cube-toolbar-group"},t._l(t.basicActions,function(e,n){return i("cube-toolbar-item",{key:n,attrs:{action:e},nativeOn:{click:function(i){t.itemClick(e)}}})}))])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(185),i(88)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Tab=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(186)}var o=i(0)(i(187),i(191),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12),i(2),i(88)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(o),r=(0,i.prefixStyle)("transform"),a=(0,i.prefixStyle)("transition");e.default={name:"cube-tab-bar",components:{CubeTab:s.default},props:{value:{type:[String,Number],required:!0},data:{type:Array,default:function(){return[]}},inline:{type:Boolean,default:!1},showSlider:{type:Boolean,default:!1},useTransition:{type:Boolean,default:!0}},watch:{value:function(){this._updateSliderStyle()}},created:function(){this.tabs=[]},mounted:function(){this._updateSliderStyle(),window.addEventListener("resize",this._resizeHandler)},activated:function(){window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._cleanUp()},beforeDestroy:function(){this._cleanUp()},methods:{addTab:function(t){this.tabs.push(t)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&this.tabs.splice(e,1)},trigger:function(t){var e=this;if(this.$emit("click",t),t!==this.value){["input","change"].forEach(function(i){e.$emit(i,t)})}},_updateSliderStyle:function(){var t=this;if(this.showSlider){var e=this.$refs.slider;this.$nextTick(function(){var i=t._getSliderWidthAndIndex(),n=i.width,o=i.index;e.style.width=n+"px",t.setSliderTransform(t._getOffsetLeft(o))})}},setSliderTransform:function(t){var e=this.$refs.slider;"number"==typeof t&&(t+="px"),e&&(this.useTransition&&(e.style[a]=r+" 0.2s linear"),e.style[r]="translateX("+t+") translateZ(0)")},_getSliderWidthAndIndex:function(){var t=this,e=0,i=0;return this.tabs.length>0&&(i=(0,n.findIndex)(this.tabs,function(e){return e.value===t.value}),e=this.tabs[i].$el.clientWidth),{width:e,index:i}},_getOffsetLeft:function(t){return this.tabs[t].$el.offsetLeft||0},_resizeHandler:function(){var t=this;clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(function(){t._updateSliderStyle()},60)},_cleanUp:function(){clearTimeout(this._resizeTimer),window.removeEventListener("resize",this._resizeHandler)}}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}},icon:{type:String,default:""}},mounted:function(){this.$parent.addTab(this)},destroyed:function(){this.$parent.removeTab(this)},computed:{isActive:function(){return this.$parent.value===this.value}},methods:{handleClick:function(t){this.$parent.trigger(this.value)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-tab",class:{"cube-tab_active":t.isActive},on:{click:t.handleClick}},[t._t("icon",[i("i",{class:t.icon})]),t._v(" "),t._t("default",[i("div",{domProps:{innerHTML:t._s(t.label)}})])],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-tab-bar",class:{"cube-tab-bar_inline":t.inline}},[t._t("default",t._l(t.data,function(t,e){return i("cube-tab",{key:t.value||t.label,attrs:{label:t.label,value:t.value,icon:t.icon}})})),t._v(" "),t.showSlider?i("div",{ref:"slider",staticClass:"cube-tab-bar-slider"}):t._e()],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(193),i(89)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Panel=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(194)}var o=i(0)(i(195),i(199),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(89),i(2),i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(i),r=(0,o.prefixStyle)("transform");e.default={name:"cube-tab-panels",props:{value:{type:[String,Number]},data:{type:Array,default:function(){return[]}}},created:function(){this.panels=[]},mounted:function(){this._move(this.value)},methods:{_move:function(t){var e=(0,n.findIndex)(this.panels,function(e){return e.value===t});if(-1!==e){var i=this.$refs.panelsGroup,o=-100*e;i.style[r]="translateX("+o+"%)"}},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);e>-1&&this.panels.splice(e,1)}},watch:{value:function(t){this._move(t)}},components:{TabPanel:s.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab-panel",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.$parent.addPanel(this)},destroyed:function(){this.$parent.removePanel(this)}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-tab-panel"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"panels",staticClass:"cube-tab-panels"},[i("div",{ref:"panelsGroup",staticClass:"cube-tab-panels-group"},[t._t("default",t._l(t.data,function(e,n){return i("cube-tab-panel",{key:e.value||e.label,attrs:{label:e.label,value:e.value}},[t._v("\n        "+t._s(e.label)+"\n      ")])}))],2)])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(27)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(27),i(90)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);r.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},r.default.Checkbox=s.default,e.default=r.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(27),i(91)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-checkbox-group",mixins:[r.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){var t=this;this.$on("checked",function(e){t._value.length<t.max&&-1===t._value.indexOf(e)&&t._value.push(e),t.$emit("input",t._value)}),this.$on("cancel-checked",function(e){var i=t._value.indexOf(e);t._value.length>t.min&&i>-1&&t._value.splice(i,1),t.$emit("input",t._value)})},components:{CubeCheckbox:s.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,n){return i("cube-checkbox",{key:n,attrs:{option:e,shape:t.shape,position:t.position,"hollow-style":t.hollowStyle}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(92),i(93)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(93)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-checker",props:{value:[String,Number,Array],options:{type:Array,default:function(){return[]}},type:{type:String,default:"checkbox"},min:{type:Number,default:0},max:{type:Number,default:function(){return this.options.length}}},data:function(){return{currentValue:this.value}},computed:{isRadio:function(){return"radio"===this.type}},watch:{value:function(t){this.currentValue=t},currentValue:function(t){this.$emit("input",t)}},methods:{check:function(t){this.isRadio?this.checkRadio(t):this.checkCheckbox(t)},checkRadio:function(t){this.currentValue=t.value},checkCheckbox:function(t){var e=t.value,i=this.currentValue,n=i.length,o=this.min,s=this.max,r=i.indexOf(e);r>-1?n>o&&i.splice(r,1):n<s&&i.push(e)}},components:{CubeCheckerItem:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checker-item",props:{option:{type:Object,default:function(){return{}}}},computed:{isActive:function(){var t=this.$parent.isRadio,e=this.$parent.currentValue,i=this.option.value;return t?e===i:e.indexOf(i)>=0},isDisabled:function(){return this.option.disabled}},methods:{clickHandler:function(){this.isDisabled||this.$parent.check(this.option)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"cube-checker-item",class:{"cube-checker-item_active":t.isActive,"cube-checker-item_disabled":t.isDisabled},on:{click:t.clickHandler}},[t._t("default",[i("span",{domProps:{innerHTML:t._s(t.option.text)}})])],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ul",{staticClass:"cube-checker"},[t._t("default",t._l(t.options,function(t,e){return i("cube-checker-item",{key:e,attrs:{option:t}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(94),i(65)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Radio=r.default,e.default=s.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(65),i(91)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-radio-group",mixins:[r.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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:s.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var t=this,e=this.radioGroup;e&&void 0!==e.radioValue&&(this.radioValue=e.radioValue,this._cancelWatchGroup=this.$watch(function(){return e.radioValue},function(e){t.radioValue=e}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(t){this.radioValue=t},radioValue:function(t){"number"==typeof this.value&&(t=Number(t)),this.$emit("input",t),this.radioGroup&&(this.radioGroup.radioValue=t)}},computed:{computedOption:function(){var t=this.option;return"string"==typeof t?{value:t,label:t}:t},_containerClass:function(){var t=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===t.value,"cube-radio_disabled":t.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var t=this.$parent;if(!(t.horizontal||t.$props.colNum>1))return"border-bottom-1px"}}},t.exports=e.default})},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.computedOption.value,checked:t._q(t.radioValue,t.computedOption.value)},on:{change:function(e){t.radioValue=t.computedOption.value}}}),t._v(" "),t._m(0),t._v(" "),t._t("default",[i("span",{staticClass:"cube-radio-label"},[t._v(t._s(t.computedOption.label))])])],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")])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"group",staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,n){return i("cube-radio",{key:n,attrs:{option:e,position:t.position,"hollow-style":t.hollowStyle},model:{value:t.radioValue,callback:function(e){t.radioValue=e},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(49)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(95)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-input",mixins:[r.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){var t=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(t=!1),t},_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)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,s.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,s.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})},function(t,e,i){i(222),t.exports=i(1).Object.assign},function(t,e,i){var n=i(10);n(n.S+n.F,"Object",{assign:i(223)})},function(t,e,i){"use strict";var n=i(25),o=i(63),s=i(37),r=i(43),a=i(81),l=Object.assign;t.exports=!l||i(24)(function(){var t={},e={},i=Symbol(),n="abcdefghijklmnopqrst";return t[i]=7,n.split("").forEach(function(t){e[t]=t}),7!=l({},t)[i]||Object.keys(l({},e)).join("")!=n})?function(t,e){for(var i=r(t),l=arguments.length,u=1,c=o.f,f=s.f;l>u;)for(var d,h=a(arguments[u++]),p=c?n(h).concat(c(h)):n(h),v=p.length,m=0;v>m;)f.call(h,d=p[m++])&&(i[d]=h[d]);return i}:l},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-input",class:{"cube-input_active":t.isFocus}},[t.$slots.prepend?i("div",{staticClass:"cube-input-prepend"},[t._t("prepend")],2):t._e(),t._v(" "),"checkbox"===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:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var i=t.inputValue,n=e.target,o=!!n.checked;if(Array.isArray(i)){var s=t._i(i,null);n.checked?s<0&&(t.inputValue=i.concat([null])):s>-1&&(t.inputValue=i.slice(0,s).concat(i.slice(s+1)))}else t.inputValue=o},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:{touchend: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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(96)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(95)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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),a={negative:!0,remain:!0};e.default={name:"cube-textarea",mixins:[r.default],data:function(){return{textareaValue:this.value,expanded:!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var t=this.indicator;return"boolean"==typeof t&&(t={}),(0,s.default)({},a,t)},count:function(){return this.textareaValue.length},remain:function(){var t=this.maxlength-this.count;return!this.indicatorConf.negative&&t<0&&(t=0),t}},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})},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"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),t.indicator?i("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.indicatorConf.remain?t.remain:t.count))]):t._e()])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(101),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);l.default.install=function(t){t.component(a.default.name,a.default),t.component(l.default.name,l.default),c.default.install(t),(0,u.default)(t,a.default)},l.default.Picker=a.default,e.default=l.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(50),i(51),i(28),i(5),i(8),i(100),i(40),i(11),i(68)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=f(i),h=f(n),p=f(o),v=f(s),m=f(r),y=f(a),b=f(l),g=f(u);e.default={name:"cube-picker",mixins:[v.default,m.default,y.default,b.default,g.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,d.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var u=a[l][this.valueKey],c=0;c<e.length;c++)if(e[c][this.valueKey]===u){r=c;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new h.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:c.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return c.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:p.default}},t.exports=e.default})},function(t,e,i){t.exports={default:i(233),__esModule:!0}},function(t,e,i){i(36),i(234),t.exports=i(1).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(43),r=i(97),a=i(98),l=i(56),u=i(235),c=i(66);o(o.S+o.F*!i(99)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,f,d=s(t),h="function"==typeof this?this:Array,p=arguments.length,v=p>1?arguments[1]:void 0,m=void 0!==v,y=0,b=c(d);if(m&&(v=n(v,p>2?arguments[2]:void 0,2)),void 0==b||h==Array&&a(b))for(e=l(d.length),i=new h(e);e>y;y++)u(i,y,m?v(d[y],y):d[y]);else for(f=b.call(d),i=new h;!(o=f.next()).done;y++)u(i,y,m?r(f,v,[o.value,y],!0):o.value);return i.length=y,i}})},function(t,e,i){"use strict";var n=i(14),o=i(32);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(23),i(5),i(8)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(35),i(2),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(o);e.default={name:"cube-select",mixins:[a.default],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,r.default)(t))&&(t={value:t,text:t}),t})]},valueIndex:function(){var t=this.value,e=(0,n.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:""},_placeholder:function(){return this.placeholder||this.$t("selectText")},_title:function(){return this.title||this.$t("selectText")},_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}},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})},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:[]}},function(t,e,i){"use strict";function n(t){return(t+"").replace(y,function(t,e){return e?e.toUpperCase():""})}function o(t,e){return(t+"").replace(new RegExp("[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\"+(e||"")+"-]","g"),"\\$&")}function s(t){return"boolean"==typeof t}function r(t){return void 0===t}function a(t){return"string"==typeof t}function l(t){return"function"==typeof t}function u(t,e){if(!t)throw new Error("[vue-create-api error]: "+e)}function c(t,e,i,n,o){var s=void 0,r=void 0,a=new t(m({},o,{render:function(t){var i=r&&r(t);return i&&!Array.isArray(i)&&(i=[i]),t(e,m({},s),i||[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),this.$el&&this.$el.parentNode===document.body&&document.body.removeChild(this.$el)}}}));a.updateRenderData=function(t,e){s=t,r=e},a.updateRenderData(i,n),a.$mount(),a.init();var l=a.$children[0];return l.$updateProps=function(t){m(s.props,t),a.$forceUpdate()},l}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=d(e);var i=m({},t),n={};for(var o in e)if(e.hasOwnProperty(o)){var s=e[o];i[s]&&(n[o]=i[s],delete i[s])}return{props:i,on:n}}function d(t){var e={};return t.forEach(function(t){e[t]=n("on-"+t)}),e}function h(t){function e(e,i,n,o){v.forEach(function(t){t(e,i,o)});var s=n.parent?n.parent._uid:-1,r=p[s]?p[s]:{},a=r.comp,l=r.ins;if(o&&a&&l)return l.updateRenderData(e,i),l.$forceUpdate(),a;var u=c(h,t,e,i,n),f=u.$parent,d=u.remove;u.remove=function(){if(o){if(!p[s])return;p[s]=null}d&&d.apply(this,arguments),f.destroy()};var m=u.show;u.show=function(){return m&&m.apply(this,arguments),this};var y=u.hide;return u.hide=function(){return y&&y.apply(this,arguments),this},o&&(p[s]={comp:u,ins:f}),u}function i(t,e,i,n){var o=e.props.$props;if(o){delete e.props.$props;var s=[],r=[];if(Object.keys(o).forEach(function(i){var n=o[i];a(n)&&n in t?(e.props[i]=t[n],s.push(i),r.push(n)):e.props[i]=n}),i){var l=t.$watch(function(){var e={};return s.forEach(function(i,n){e[i]=t[r[n]]}),e},n);t.__unwatchFns__.push(l)}}}function n(t,e){var i=t.props.$events;i&&(delete t.props.$events,Object.keys(i).forEach(function(n){var o=i[n];"string"==typeof o&&(o=e[o]),t.on[n]=o}))}function o(t){var e=t.props;Object.keys(e).forEach(function(i){"$"===i.charAt(0)&&(t[i.slice(1)]=e[i],delete e[i])})}function s(t){t.__unwatchFns__&&(t.__unwatchFns__.forEach(function(t){t()}),t.__unwatchFns__=null)}var u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],d=arguments.length>2&&void 0!==arguments[2]&&arguments[2],h=this,p={},v=[];return{before:function(t){v.push(t)},create:function(t,a,c){function h(){s(p),g.remove(),g=null}!l(a)&&r(c)&&(c=a,a=null),r(c)&&(c=d);var p=this,v=!!p.$on,m={};v&&(m.parent=p,p.__unwatchFns__||(p.__unwatchFns__=[]));var y=f(t,u),g=null;return i(p,y,v,function(t){g&&g.$updateProps(t)}),n(y,p),o(y),g=e(y,a,m,c),v&&p.$on(b,h),g}}}function p(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.componentPrefix,n=void 0===i?"":i,o=e.apiPrefix,r=void 0===o?"$create-":o;t.createAPI=function(e,i,o){s(i)&&(o=i,i=[]);var a=h.call(this,e,i,o),l=v(e,{componentPrefix:n,apiPrefix:r});return t.prototype[l]=e.$create=a.create,a}}function v(t,e){var i=e.componentPrefix,s=e.apiPrefix,r=t.name;u(r,"Component must have name while using create-api!");var a=new RegExp("^"+o(i),"i");return""+n(""+s+r.replace(a,""))}Object.defineProperty(e,"__esModule",{value:!0});/**
+var E=function(){function t(t,e){var i=[],n=!0,o=!1,s=void 0;try{for(var r,a=t[Symbol.iterator]();!(n=(r=a.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){o=!0,s=t}finally{try{!n&&a.return&&a.return()}finally{if(o)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),O=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)},I="undefined"!=typeof window,$=I&&navigator.userAgent.toLowerCase(),D=$&&/wechatdevtools/.test($),j=$&&$.indexOf("android")>0,V=I&&document.createElement("div").style,A=function(){if(!I)return!1;var t={webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform",standard:"transform"};for(var e in t)if(void 0!==V[t[e]])return e;return!1}(),R=a("transform"),H=I&&a("perspective")in V,N=I&&("ontouchstart"in window||D),L=!1!==R,Y=I&&a("transition")in V,F={transform:R,transitionTimingFunction:a("transitionTimingFunction"),transitionDuration:a("transitionDuration"),transitionDelay:a("transitionDelay"),transformOrigin:a("transformOrigin"),transitionEnd:a("transitionEnd")},B=1,X={touchstart:B,touchmove:B,touchend:B,mousedown:2,mousemove:2,mouseup:2},U={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:.0015,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:N,disableTouch:!N,observeDOM:!0,autoBlur:!0,wheel:!1,snap:!1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1,mouseWheel:!1,stopPropagation:!1,zoom:!1,infinity:!1,dblclick:!1},z={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}}},W=function(){return I?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||function(t){return window.setTimeout(t,(t.interval||100/60)/2)}:x}(),G=function(){return I?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||function(t){window.clearTimeout(t)}:x}(),q=1,K=-1,Z=1,J=-1,Q=1,tt=3;P.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)}},P.prototype.refresh=function(){this._shouldShow()&&(this.transitionTime(),this._calculate(),this.updatePosition())},P.prototype.fade=function(t,e){var i=this;if(!e||this.visible){var n=t?250:500;t=t?"1":"0",this.wrapperStyle[F.transitionDuration]=n+"ms",clearTimeout(this.fadeTimeout),this.fadeTimeout=setTimeout(function(){i.wrapperStyle.opacity=t,i.visible=+t},0)}},P.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 i=Math.max(this.indicatorHeight-3*(t-this.maxPosY),8);this.indicatorStyle.height=i+"px",t=this.maxPosY+this.indicatorHeight-i}else this.indicatorStyle.height=this.indicatorHeight+"px";this.y=t,this.scroller.options.useTransform?this.indicatorStyle[F.transform]="translateY("+t+"px)"+this.scroller.translateZ:this.indicatorStyle.top=t+"px"}else{var n=Math.round(this.sizeRatioX*this.scroller.x);if(n<0){this.transitionTime(500);var o=Math.max(this.indicatorWidth+3*n,8);this.indicatorStyle.width=o+"px",n=0}else if(n>this.maxPosX){this.transitionTime(500);var s=Math.max(this.indicatorWidth-3*(n-this.maxPosX),8);this.indicatorStyle.width=s+"px",n=this.maxPosX+this.indicatorWidth-s}else this.indicatorStyle.width=this.indicatorWidth+"px";this.x=n,this.scroller.options.useTransform?this.indicatorStyle[F.transform]="translateX("+n+"px)"+this.scroller.translateZ:this.indicatorStyle.left=n+"px"}},P.prototype.transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.indicatorStyle[F.transitionDuration]=t+"ms"},P.prototype.transitionTimingFunction=function(t){this.indicatorStyle[F.transitionTimingFunction]=t},P.prototype.destroy=function(){this._removeDOMEvents(),this.wrapper.parentNode.removeChild(this.wrapper)},P.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=n(),this._handleMoveEvents(l),this.scroller.trigger("beforeScrollStart")},P.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 i=e.pageX-this.lastPointX;this.lastPointX=e.pageX;var n=e.pageY-this.lastPointY;this.lastPointY=e.pageY;var o=this.x+i,s=this.y+n;this._pos(o,s)},P.prototype._end=function(t){if(this.initiated){this.initiated=!1,t.preventDefault(),t.stopPropagation(),this._handleMoveEvents(u);var e=this.scroller.options.snap;if(e){var i=e.speed,n=e.easing,o=void 0===n?z.bounce:n,s=this.scroller._nearestSnap(this.scroller.x,this.scroller.y),r=i||Math.max(Math.max(Math.min(Math.abs(this.scroller.x-s.x),1e3),Math.min(Math.abs(this.scroller.y-s.y),1e3)),300);this.scroller.x===s.x&&this.scroller.y===s.y||(this.scroller.directionX=0,this.scroller.directionY=0,this.scroller.currentPage=s,this.scroller.scrollTo(s.x,s.y,r,o))}this.moved&&this.scroller.trigger("scrollEnd",{x:this.scroller.x,y:this.scroller.y})}},P.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})},P.prototype._shouldShow=function(){return"vertical"===this.direction&&this.scroller.hasVerticalScroll||"horizontal"===this.direction&&this.scroller.hasHorizontalScroll?(this.wrapper.style.display="",!0):(this.wrapper.style.display="none",!1)},P.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}},P.prototype._addDOMEvents=function(){var t=l;this._handleDOMEvents(t)},P.prototype._removeDOMEvents=function(){var t=u;this._handleDOMEvents(t),this._handleMoveEvents(t)},P.prototype._handleMoveEvents=function(t){this.scroller.options.disableTouch||t(window,"touchmove",this),this.scroller.options.disableMouse||t(window,"mousemove",this)},P.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))};var et=2e3;k.prototype.onScroll=function(){var t=-this.scroller.y,e=t-this.anchorScrollTop;this.anchorItem=0===t?{index:0,offset:0}:this._calculateAnchoredItem(this.anchorItem,e),this.anchorScrollTop=t;var i=this._calculateAnchoredItem(this.anchorItem,this.wrapperEl.offsetHeight),n=this.anchorItem.index,o=i.index;e<0?(n-=30,o+=10):(n-=10,o+=30),this.fill(n,o),this.maybeRequestContent()},k.prototype.onResize=function(){var t=this.options.createTombstone();t.style.position="absolute",this.scrollerEl.appendChild(t),t.style.display="",this.tombstoneHeight=t.offsetHeight,this.tombstoneWidth=t.offsetWidth,this.scrollerEl.removeChild(t);for(var e=0;e<this.items.length;e++)this.items[e].height=this.items[e].width=0;this.onScroll()},k.prototype.fill=function(t,e){this.firstAttachedItem=Math.max(0,t),this.hasMore||(e=Math.min(e,this.items.length)),this.lastAttachedItem=e,this.attachContent()},k.prototype.maybeRequestContent=function(){var t=this;if(!this.requestInProgress&&this.hasMore){var e=this.lastAttachedItem-this.loadedItems;e<=0||(this.requestInProgress=!0,this.options.fetch(e).then(function(e){if(t.requestInProgress=!1,e)t.addContent(e);else{t.hasMore=!1;var i=t._removeTombstones(),n=0;t.anchorItem.index<=t.items.length?(n=t._fixScrollPosition(),t._setupAnimations({},n),t.scroller.resetPosition(t.scroller.options.bounceTime)):(t.anchorItem.index-=i,n=t._fixScrollPosition(),t._setupAnimations({},n),t.scroller.stop(),t.scroller.resetPosition(),t.onScroll())}}))}},k.prototype.addContent=function(t){for(var e=0;e<t.length;e++)this.items.length<=this.loadedItems&&this._addItem(),this.items[this.loadedItems++].data=t[e];this.attachContent(),this.maybeRequestContent()},k.prototype.attachContent=function(){var t=this._collectUnusedNodes(),e=this._createDOMNodes(t);this._cleanupUnusedNodes(t),this._cacheNodeSize();var i=this._fixScrollPosition();this._setupAnimations(e,i)},k.prototype.resetMore=function(){this.hasMore=!0},k.prototype._removeTombstones=function(){for(var t=void 0,e=0,i=this.items.length,n=0;n<i;n++){var o=this.items[n].node,s=this.items[n].data;o&&!M(o)||s||(t||(t=n),o&&this.scrollerEl.removeChild(o))}return e=i-t,this.items.splice(t),this.lastAttachedItem=Math.min(this.lastAttachedItem,this.items.length),e},k.prototype._collectUnusedNodes=function(){for(var t=[],e=0;e<this.items.length;e++)if(e!==this.firstAttachedItem){var i=this.items[e].node;i&&(M(i)?(this.tombstones.push(i),this.tombstones[this.tombstones.length-1].style.display="none"):t.push(i)),this.items[e].node=null}else e=this.lastAttachedItem-1;return t},k.prototype._createDOMNodes=function(t){for(var e={},i=this.firstAttachedItem;i<this.lastAttachedItem;i++){for(;this.items.length<=i;)this._addItem();var n=this.items[i].node,o=this.items[i].data;if(n){if(!M(n)||!o)continue;n.style.zIndex=1,e[i]=[n,this.items[i].top-this.anchorScrollTop],this.items[i].node=null}var s=o?this.options.render(o,t.pop()):this._getTombStone();s.style.position="absolute",this.items[i].top=-1,this.scrollerEl.appendChild(s),this.items[i].node=s}return e},k.prototype._cleanupUnusedNodes=function(t){for(;t.length;)this.scrollerEl.removeChild(t.pop())},k.prototype._cacheNodeSize=function(){for(var t=this.firstAttachedItem;t<this.lastAttachedItem;t++)this.items[t].data&&!this.items[t].height&&(this.items[t].height=this.items[t].node.offsetHeight,this.items[t].width=this.items[t].node.offsetWidth)},k.prototype._fixScrollPosition=function(){this.anchorScrollTop=0;for(var t=0;t<this.anchorItem.index;t++)this.anchorScrollTop+=this.items[t].height||this.tombstoneHeight;this.anchorScrollTop+=this.anchorItem.offset;for(var e=this.anchorScrollTop-this.anchorItem.offset,i=this.anchorItem.index;i>this.firstAttachedItem;)e-=this.items[i-1].height||this.tombstoneHeight,i--;return e},k.prototype._setupAnimations=function(t,e){var i=this;for(var n in t){var o=t[n];this.items[n].node.style.transform="translateY("+(this.anchorScrollTop+o[1])+"px) scale("+this.tombstoneWidth/this.items[n].width+", "+this.tombstoneHeight/this.items[n].height+")",this.items[n].node.offsetTop,o[0].offsetTop,this.items[n].node.style.transition="transform 200ms"}for(var s=this.firstAttachedItem;s<this.lastAttachedItem;s++){var r=t[s];if(r){var a=r[0];a.style.transition="transform 200ms, opacity 200ms",a.style.transform="translateY("+e+"px) scale("+this.items[s].width/this.tombstoneWidth+", "+this.items[s].height/this.tombstoneHeight+")",a.style.opacity=0}e!==this.items[s].top&&(r||(this.items[s].node.style.transition=""),this.items[s].node.style.transform="translateY("+e+"px)"),this.items[s].top=e,e+=this.items[s].height||this.tombstoneHeight}this.scroller.maxScrollY=-(e-this.wrapperEl.offsetHeight+(this.hasMore?et:0)),setTimeout(function(){for(var e in t){var n=t[e];n[0].style.display="none",i.tombstones.push(n[0])}},200)},k.prototype._getTombStone=function(){var t=this.tombstones.pop();return t?(t.style.display="",t.style.opacity=1,t.style.transform="",t.style.transition="",t):this.options.createTombstone()},k.prototype._addItem=function(){this.items.push({data:null,node:null,height:0,width:0,top:0})},k.prototype._calculateAnchoredItem=function(t,e){if(0===e)return t;var i=t.index,n=0;if((e+=t.offset)<0){for(;e<0&&i>0&&this.items[i-1].height;)e+=this.items[i-1].height,i--;n=Math.max(-i,Math.ceil(Math.min(e,0)/this.tombstoneHeight))}else{for(;e>0&&i<this.items.length&&this.items[i].height&&this.items[i].height<e;)e-=this.items[i].height,i++;(i>=this.items.length||!this.items[i].height)&&(n=Math.floor(Math.max(e,0)/this.tombstoneHeight))}return i+=n,e-=n*this.tombstoneHeight,{index:i,offset:e}},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.setScale(1),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.setScale=function(t){this.lastScale=s(this.scale)?t:this.scale,this.scale=t},t.prototype._handleOptions=function(t){this.options=o({},U,t),this.translateZ=this.options.HWCompositing&&H?" translateZ(0)":"",this.options.useTransition=this.options.useTransition&&Y,this.options.useTransform=this.options.useTransform&&L,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=l;this._handleDOMEvents(t)},t.prototype._removeDOMEvents=function(){var t=u;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)),N&&!this.options.disableTouch&&(t(this.wrapper,"touchstart",this),t(e,"touchmove",this),t(e,"touchcancel",this),t(e,"touchend",this)),t(this.scroller,F.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(),this.options.zoom&&this._initZoom(),this.options.infinity&&this._initInfinite()},t.prototype._watchTransition=function(){if("function"==typeof Object.defineProperty){var t=this,e=!1,i=this.useTransition?"isInTransition":"isAnimating";Object.defineProperty(this,i,{get:function(){return e},set:function(i){e=i;for(var n=t.scroller.children.length?t.scroller.children:[t.scroller],o=e&&!t.pulling?"none":"auto",s=0;s<n.length;s++)n[s].style.pointerEvents=o}})}},t.prototype._handleAutoBlur=function(){this.on("scrollStart",function(){var t=document.activeElement;!t||"INPUT"!==t.tagName&&"TEXTAREA"!==t.tagName||t.blur()})},t.prototype._initDOMObserver=function(){var t=this;if("undefined"!=typeof MutationObserver){var e=void 0,i=new MutationObserver(function(i){if(!t._shouldNotRefresh()){for(var n=!1,o=!1,s=0;s<i.length;s++){var r=i[s];if("attributes"!==r.type){n=!0;break}if(r.target!==t.scroller){o=!0;break}}n?t.refresh():o&&(clearTimeout(e),e=setTimeout(function(){t._shouldNotRefresh()||t.refresh()},60))}}),n={attributes:!0,childList:!0,subtree:!0};i.observe(this.scroller,n),this.on("destroy",function(){i.disconnect()})}else this._checkDOMUpdate()},t.prototype._shouldNotRefresh=function(){var t=this.x>this.minScrollX||this.x<this.maxScrollX||this.y>this.minScrollY||this.y<this.maxScrollY;return this.isInTransition||this.stopFromTransition||t},t.prototype._checkDOMUpdate=function(){function t(){if(!this.destroyed){i=d(this.scroller);var t=i.width,s=i.height;n===t&&o===s||this.refresh(),n=t,o=s,e.call(this)}}function e(){var e=this;setTimeout(function(){t.call(e)},1e3)}var i=d(this.scroller),n=i.width,o=i.height;e.call(this)},t.prototype.handleEvent=function(t){switch(t.type){case"touchstart":case"mousedown":this._start(t),this.options.zoom&&t.touches&&t.touches.length>1&&this._zoomStart(t);break;case"touchmove":case"mousemove":this.options.zoom&&t.touches&&t.touches.length>1?this._zoom(t):this._move(t);break;case"touchend":case"mouseup":case"touchcancel":case"mousecancel":this.scaled?this._zoomEnd(t):this._end(t);break;case"orientationchange":case"resize":this._resize();break;case"transitionend":case"webkitTransitionEnd":case"oTransitionEnd":case"MSTransitionEnd":this._transitionEnd(t);break;case"click":this.enabled&&!t._constructed&&(h(t.target,this.options.preventDefaultException)||(t.preventDefault(),t.stopPropagation()));break;case"wheel":case"DOMMouseScroll":case"mousewheel":this._onMouseWheel(t)}},t.prototype.refresh=function(){var t="static"===window.getComputedStyle(this.wrapper,null).position,e=d(this.wrapper);this.wrapperWidth=e.width,this.wrapperHeight=e.height;var i=d(this.scroller);this.scrollerWidth=Math.round(i.width*this.scale),this.scrollerHeight=Math.round(i.height*this.scale),this.relativeX=i.left,this.relativeY=i.top,t&&(this.relativeX-=e.left,this.relativeY-=e.top),this.minScrollX=0,this.minScrollY=0;var n=this.options.wheel;n?(this.items=this.scroller.children,this.options.itemHeight=this.itemHeight=this.items.length?this.scrollerHeight/this.items.length:0,void 0===this.selectedIndex&&(this.selectedIndex=n.selectedIndex||0),this.options.startY=-this.selectedIndex*this.itemHeight,this.maxScrollX=0,this.maxScrollY=-this.itemHeight*(this.items.length-1)):(this.maxScrollX=this.wrapperWidth-this.scrollerWidth,this.options.infinity||(this.maxScrollY=this.wrapperHeight-this.scrollerHeight),this.maxScrollX<0?(this.maxScrollX-=this.relativeX,this.minScrollX=-this.relativeX):this.scale>1&&(this.maxScrollX=this.maxScrollX/2-this.relativeX,this.minScrollX=this.maxScrollX),this.maxScrollY<0?(this.maxScrollY-=this.relativeY,this.minScrollY=-this.relativeY):this.scale>1&&(this.maxScrollY=this.maxScrollY/2-this.relativeY,this.minScrollY=this.maxScrollY)),this.hasHorizontalScroll=this.options.scrollX&&this.maxScrollX<this.minScrollX,this.hasVerticalScroll=this.options.scrollY&&this.maxScrollY<this.minScrollY,this.hasHorizontalScroll||(this.maxScrollX=this.minScrollX,this.scrollerWidth=this.wrapperWidth),this.hasVerticalScroll||(this.maxScrollY=this.minScrollY,this.scrollerHeight=this.wrapperHeight),this.endTime=0,this.directionX=0,this.directionY=0,this.wrapperOffset=c(this.wrapper),this.trigger("refresh"),!this.scaled&&this.resetPosition()},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1}}(C),function(t){t.prototype._start=function(t){var e=X[t.type];if((e===B||0===t.button)&&!(!this.enabled||this.destroyed||this.initiated&&this.initiated!==e)){this.initiated=e,this.options.preventDefault&&!h(t.target,this.options.preventDefaultException)&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.moved=!1,this.distX=0,this.distY=0,this.directionX=0,this.directionY=0,this.movingDirectionX=0,this.movingDirectionY=0,this.directionLocked=0,this._transitionTime(),this.startTime=n(),this.options.wheel&&(this.target=t.target),this.stop();var i=t.touches?t.touches[0]:t;this.startX=this.x,this.startY=this.y,this.absStartX=this.x,this.absStartY=this.y,this.pointX=i.pageX,this.pointY=i.pageY,this.trigger("beforeScrollStart")}},t.prototype._move=function(t){if(this.enabled&&!this.destroyed&&X[t.type]===this.initiated){this.options.preventDefault&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation();var e=t.touches?t.touches[0]:t,i=e.pageX-this.pointX,o=e.pageY-this.pointY;this.pointX=e.pageX,this.pointY=e.pageY,this.distX+=i,this.distY+=o;var s=Math.abs(this.distX),r=Math.abs(this.distY),a=n();if(!(a-this.endTime>this.options.momentumLimitTime&&r<this.options.momentumLimitDistance&&s<this.options.momentumLimitDistance)){if(this.directionLocked||this.options.freeScroll||(s>r+this.options.directionLockThreshold?this.directionLocked="h":r>=s+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);o=0}else if("v"===this.directionLocked){if("horizontal"===this.options.eventPassthrough)t.preventDefault();else if("vertical"===this.options.eventPassthrough)return void(this.initiated=!1);i=0}i=this.hasHorizontalScroll?i:0,o=this.hasVerticalScroll?o:0,this.movingDirectionX=i>0?J:i<0?Z:0,this.movingDirectionY=o>0?K:o<0?q:0;var l=this.x+i,u=this.y+o,c=!1,f=!1,d=!1,h=!1,p=this.options.bounce;!1!==p&&(c=void 0===p.top||p.top,f=void 0===p.bottom||p.bottom,d=void 0===p.left||p.left,h=void 0===p.right||p.right),(l>this.minScrollX||l<this.maxScrollX)&&(l=l>this.minScrollX&&d||l<this.maxScrollX&&h?this.x+i/3:l>this.minScrollX?this.minScrollX:this.maxScrollX),(u>this.minScrollY||u<this.maxScrollY)&&(u=u>this.minScrollY&&c||u<this.maxScrollY&&f?this.y+o/3:u>this.minScrollY?this.minScrollY:this.maxScrollY),this.moved||(this.moved=!0,this.trigger("scrollStart")),this._translate(l,u),a-this.startTime>this.options.momentumLimitTime&&(this.startTime=a,this.startX=this.x,this.startY=this.y,this.options.probeType===Q&&this.trigger("scroll",{x:this.x,y:this.y})),this.options.probeType>Q&&this.trigger("scroll",{x:this.x,y:this.y});var v=document.documentElement.scrollLeft||window.pageXOffset||document.body.scrollLeft,m=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop,y=this.pointX-v,b=this.pointY-m;(y>document.documentElement.clientWidth-this.options.momentumLimitDistance||y<this.options.momentumLimitDistance||b<this.options.momentumLimitDistance||b>document.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),i=Math.round(this.y),o=e-this.absStartX,s=i-this.absStartY;if(this.directionX=o>0?J:o<0?Z:0,this.directionY=s>0?K:s<0?q:0,!this.options.pullDownRefresh||!this._checkPullDown()){if(this._checkClick(t))return void this.trigger("scrollCancel");if(!this.resetPosition(this.options.bounceTime,z.bounce)){this._translate(e,i),this.endTime=n();var r=this.endTime-this.startTime,a=Math.abs(e-this.startX),l=Math.abs(i-this.startY);if(this._events.flick&&r<this.options.flickLimitTime&&a<this.options.flickLimitDistance&&l<this.options.flickLimitDistance)return void this.trigger("flick");var u=0;if(this.options.momentum&&r<this.options.momentumLimitTime&&(l>this.options.momentumLimitDistance||a>this.options.momentumLimitDistance)){var c=!1,f=!1,d=!1,p=!1,v=this.options.bounce;!1!==v&&(c=void 0===v.top||v.top,f=void 0===v.bottom||v.bottom,d=void 0===v.left||v.left,p=void 0===v.right||v.right);var m=this.directionX===J&&d||this.directionX===Z&&p?this.wrapperWidth:0,y=this.directionY===K&&c||this.directionY===q&&f?this.wrapperHeight:0,b=this.hasHorizontalScroll?_(this.x,this.startX,r,this.maxScrollX,this.minScrollX,m,this.options):{destination:e,duration:0},g=this.hasVerticalScroll?_(this.y,this.startY,r,this.maxScrollY,this.minScrollY,y,this.options):{destination:i,duration:0};e=b.destination,i=g.destination,u=Math.max(b.duration,g.duration),this.isInTransition=!0}else this.options.wheel&&(i=Math.round(i/this.itemHeight)*this.itemHeight,u=this.options.wheel.adjustTime||400);var x=z.swipe;if(this.options.snap){var w=this._nearestSnap(e,i);this.currentPage=w,u=this.options.snapSpeed||Math.max(Math.max(Math.min(Math.abs(e-w.x),1e3),Math.min(Math.abs(i-w.y),1e3)),300),e=w.x,i=w.y,this.directionX=0,this.directionY=0,x=this.options.snap.easing||z.bounce}if(e!==this.x||i!==this.y)return(e>this.minScrollX||e<this.maxScrollX||i>this.minScrollY||i<this.maxScrollY)&&(x=z.swipeBounce),void this.scrollTo(e,i,u,x);this.options.wheel&&(this.selectedIndex=Math.round(Math.abs(this.y/this.itemHeight))),this.trigger("scrollEnd",{x:this.x,y:this.y})}}}},t.prototype._checkClick=function(t){var e=this.stopFromTransition&&!this.pulling;if(this.stopFromTransition=!1,!this.moved){if(this.options.wheel){if(this.target&&this.target.classList.contains(this.options.wheel.wheelWrapperClass)){var i=Math.abs(Math.round(this.y/this.itemHeight)),o=Math.round((this.pointY+f(this.wrapper).top-this.wrapperHeight/2)/this.itemHeight);this.target=this.items[i+o]}return this.scrollToElement(this.target,this.options.wheel.adjustTime||400,!0,!0,z.swipe),!0}if(!e){var s=this.options.dblclick,r=!1;if(s&&this.lastClickTime){var a=s.delay,l=void 0===a?300:a;n()-this.lastClickTime<l&&(r=!0,m(t))}return this.options.tap&&p(t,this.options.tap),this.options.click&&!h(t.target,this.options.preventDefaultException)&&v(t),this.lastClickTime=r?null:n(),!0}return!1}return!1},t.prototype._resize=function(){var t=this;this.enabled&&(j&&(this.wrapper.scrollTop=0),clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(function(){t.refresh()},this.options.resizePolling))},t.prototype._startProbe=function(){function t(){var i=e.getComputedPosition();if(e.trigger("scroll",i),!e.isInTransition)return void e.trigger("scrollEnd",i);e.probeTimer=W(t)}G(this.probeTimer),this.probeTimer=W(t);var e=this},t.prototype._transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(this.scrollerStyle[F.transitionDuration]=t+"ms",this.options.wheel)for(var e=0;e<this.items.length;e++)this.items[e].style[F.transitionDuration]=t+"ms";if(this.indicators)for(var i=0;i<this.indicators.length;i++)this.indicators[i].transitionTime(t)},t.prototype._transitionTimingFunction=function(t){if(this.scrollerStyle[F.transitionTimingFunction]=t,this.options.wheel)for(var e=0;e<this.items.length;e++)this.items[e].style[F.transitionTimingFunction]=t;if(this.indicators)for(var i=0;i<this.indicators.length;i++)this.indicators[i].transitionTimingFunction(t)},t.prototype._transitionEnd=function(t){t.target===this.scroller&&this.isInTransition&&(this._transitionTime(),(!this.pulling||this.movingDirectionY===q)&&!this.resetPosition(this.options.bounceTime,z.bounce)&&(this.isInTransition=!1,this.options.probeType!==tt&&this.trigger("scrollEnd",{x:this.x,y:this.y})))},t.prototype._translate=function(t,e,i){if(S(!s(t)&&!s(e),"Translate x or y is null or undefined."),s(i)&&(i=this.scale),this.options.useTransform?this.scrollerStyle[F.transform]="translate("+t+"px,"+e+"px) scale("+i+")"+this.translateZ:(t=Math.round(t),e=Math.round(e),this.scrollerStyle.left=t+"px",this.scrollerStyle.top=e+"px"),this.options.wheel)for(var n=this.options.wheel.rotate,o=void 0===n?25:n,r=0;r<this.items.length;r++){var a=o*(e/this.itemHeight+r);this.items[r].style[F.transform]="rotateX("+a+"deg)"}if(this.x=t,this.y=e,this.setScale(i),this.indicators)for(var l=0;l<this.indicators.length;l++)this.indicators[l].updatePosition()},t.prototype._animate=function(t,e,i,o){function s(){var h=n();if(h>=d)return r.isAnimating=!1,r._translate(t,e,c),r.trigger("scroll",{x:r.x,y:r.y}),void(r.pulling||r.resetPosition(r.options.bounceTime)||r.trigger("scrollEnd",{x:r.x,y:r.y}));h=(h-f)/i;var p=o(h),v=(t-a)*p+a,m=(e-l)*p+l,y=(c-u)*p+u;r._translate(v,m,y),r.isAnimating&&(r.animateTimer=W(s)),r.options.probeType===tt&&r.trigger("scroll",{x:r.x,y:r.y})}var r=this,a=this.x,l=this.y,u=this.lastScale,c=this.scale,f=n(),d=f+i;this.isAnimating=!0,G(this.animateTimer),s()},t.prototype.scrollBy=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:z.bounce;t=this.x+t,e=this.y+e,this.scrollTo(t,e,i,n)},t.prototype.scrollTo=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:z.bounce;this.isInTransition=this.options.useTransition&&i>0&&(t!==this.x||e!==this.y),!i||this.options.useTransition?(this._transitionTimingFunction(n.style),this._transitionTime(i),this._translate(t,e),i&&this.options.probeType===tt&&this._startProbe(),i||t===this.x&&e===this.y||(this.trigger("scroll",{x:t,y:e}),this._reflow=document.body.offsetHeight,this.resetPosition(this.options.bounceTime,z.bounce)||this.trigger("scrollEnd",{x:t,y:e})),this.options.wheel&&(e>this.minScrollY?this.selectedIndex=0:e<this.maxScrollY?this.selectedIndex=this.items.length-1:this.selectedIndex=Math.round(Math.abs(e/this.itemHeight)))):this._animate(t,e,i,n.fn)},t.prototype.scrollToElement=function(t,e,i,n,o){if(t&&(t=t.nodeType?t:this.scroller.querySelector(t),!this.options.wheel||t.classList.contains(this.options.wheel.wheelItemClass))){var s=c(t);s.left-=this.wrapperOffset.left,s.top-=this.wrapperOffset.top,!0===i&&(i=Math.round(t.offsetWidth/2-this.wrapper.offsetWidth/2)),!0===n&&(n=Math.round(t.offsetHeight/2-this.wrapper.offsetHeight/2)),s.left-=i||0,s.top-=n||0,s.left=s.left>this.minScrollX?this.minScrollX:s.left<this.maxScrollX?this.maxScrollX:s.left,s.top=s.top>this.minScrollY?this.minScrollY:s.top<this.maxScrollY?this.maxScrollY:s.top,this.options.wheel&&(s.top=Math.round(s.top/this.itemHeight)*this.itemHeight),this.scrollTo(s.left,s.top,e,o)}},t.prototype.resetPosition=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:z.bounce,i=this.x,n=Math.round(i);!this.hasHorizontalScroll||n>this.minScrollX?i=this.minScrollX:n<this.maxScrollX&&(i=this.maxScrollX);var o=this.y,s=Math.round(o);return!this.hasVerticalScroll||s>this.minScrollY?o=this.minScrollY:s<this.maxScrollY&&(o=this.maxScrollY),(i!==this.x||o!==this.y)&&(this.scrollTo(i,o,t,e),!0)},t.prototype.getComputedPosition=function(){var t=window.getComputedStyle(this.scroller,null),e=void 0,i=void 0;return this.options.useTransform?(t=t[F.transform].split(")")[0].split(", "),e=+(t[12]||t[4]),i=+(t[13]||t[5])):(e=+t.left.replace(/[^-\d.]/g,""),i=+t.top.replace(/[^-\d.]/g,"")),{x:e,y:i}},t.prototype.stop=function(){if(this.options.useTransition&&this.isInTransition){this.isInTransition=!1,G(this.probeTimer);var t=this.getComputedPosition();this._translate(t.x,t.y),this.options.wheel?this.target=this.items[Math.round(-t.y/this.itemHeight)]:this.trigger("scrollEnd",{x:this.x,y:this.y}),this.stopFromTransition=!0}else!this.options.useTransition&&this.isAnimating&&(this.isAnimating=!1,G(this.animateTimer),this.trigger("scrollEnd",{x:this.x,y:this.y}),this.stopFromTransition=!0)},t.prototype.destroy=function(){this.destroyed=!0,this.trigger("destroy"),G(this.options.useTransition?this.probeTimer:this.animateTimer),this._removeDOMEvents(),this._events={}}}(C),function(t){t.prototype.on=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;this._events[t]||(this._events[t]=[]),this._events[t].push([e,i])},t.prototype.once=function(t,e){function i(){this.off(t,i),e.apply(n,arguments)}var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;i.fn=e,this.on(t,i)},t.prototype.off=function(t,e){var i=this._events[t];if(i)for(var n=i.length;n--;)(i[n][0]===e||i[n][0]&&i[n][0].fn===e)&&(i[n][0]=void 0)},t.prototype.trigger=function(t){var e=this._events[t];if(e)for(var i=e.length,n=[].concat(O(e)),o=0;o<i;o++){var s=n[o],r=E(s,2),a=r[0],l=r[1];a&&a.apply(l,[].slice.call(arguments,1))}}}(C),function(t){t.prototype._initSnap=function(){var t=this;this.currentPage={};var e=this.options.snap;if(e.loop){var i=this.scroller.children;i.length>1?(y(i[i.length-1].cloneNode(!0),this.scroller),this.scroller.appendChild(i[1].cloneNode(!0))):e.loop=!1}var n=e.el;"string"==typeof n&&(n=this.scroller.querySelectorAll(n)),this.on("refresh",function(){if(t.pages=[],t.wrapperWidth&&t.wrapperHeight&&t.scrollerWidth&&t.scrollerHeight){var i=e.stepX||t.wrapperWidth,o=e.stepY||t.wrapperHeight,s=0,r=void 0,a=void 0,l=void 0,u=0,c=void 0,f=0,h=void 0,p=void 0;if(n)for(c=n.length,h=-1;u<c;u++)p=d(n[u]),(0===u||p.left<=d(n[u-1]).left)&&(f=0,h++),t.pages[f]||(t.pages[f]=[]),s=Math.max(-p.left,t.maxScrollX),r=Math.max(-p.top,t.maxScrollY),a=s-Math.round(p.width/2),l=r-Math.round(p.height/2),t.pages[f][h]={x:s,y:r,width:p.width,height:p.height,cx:a,cy:l},s>t.maxScrollX&&f++;else for(a=Math.round(i/2),l=Math.round(o/2);s>-t.scrollerWidth;){for(t.pages[u]=[],c=0,r=0;r>-t.scrollerHeight;)t.pages[u][c]={x:Math.max(s,t.maxScrollX),y:Math.max(r,t.maxScrollY),width:i,height:o,cx:s-a,cy:r-l},r-=o,c++;s-=i,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 y=e.threshold;y%1==0?(t.snapThresholdX=y,t.snapThresholdY=y):(t.snapThresholdX=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].width*y),t.snapThresholdY=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].height*y))}}),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 i=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,i)}),this.on("destroy",function(){if(e.loop){var i=t.scroller.children;i.length>2&&(g(t.scroller,i[i.length-1]),g(t.scroller,i[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&&w("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 i=0;if(Math.abs(t-this.absStartX)<=this.snapThresholdX&&Math.abs(e-this.absStartY)<=this.snapThresholdY)return this.currentPage;t>this.minScrollX?t=this.minScrollX:t<this.maxScrollX&&(t=this.maxScrollX),e>this.minScrollY?e=this.minScrollY:e<this.maxScrollY&&(e=this.maxScrollY);for(var n=this.pages.length;i<n;i++)if(t>=this.pages[i][0].cx){t=this.pages[i][0].x;break}n=this.pages[i].length;for(var o=0;o<n;o++)if(e>=this.pages[0][o].cy){e=this.pages[0][o].y;break}return i===this.currentPage.pageX&&(i+=this.directionX,i<0?i=0:i>=this.pages.length&&(i=this.pages.length-1),t=this.pages[i][0].x),o===this.currentPage.pageY&&(o+=this.directionY,o<0?o=0:o>=this.pages[0].length&&(o=this.pages[0].length-1),e=this.pages[0][o].y),{x:t,y:e,pageX:i,pageY:o}},t.prototype._goToPage=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments[2],n=arguments[3],o=this.options.snap;if(o&&this.pages&&this.pages.length&&(n=n||o.easing||z.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 s=this.pages[t][e].x,r=this.pages[t][e].y;i=void 0===i?o.speed||Math.max(Math.max(Math.min(Math.abs(s-this.x),1e3),Math.min(Math.abs(r-this.y),1e3)),300):i,this.currentPage={x:s,y:r,pageX:t,pageY:e},this.scrollTo(s,r,i,n)}},t.prototype.goToPage=function(t,e,i,n){var o=this.options.snap;if(o&&this.pages&&this.pages.length){if(o.loop){var s=void 0;o._loopX?(s=this.pages.length-2,t>=s?t=s-1:t<0&&(t=0),t+=1):(s=this.pages[0].length-2,e>=s?e=s-1:e<0&&(e=0),e+=1)}this._goToPage(t,e,i,n)}},t.prototype.next=function(t,e){if(this.options.snap){var i=this.currentPage.pageX,n=this.currentPage.pageY;i++,i>=this.pages.length&&this.hasVerticalScroll&&(i=0,n++),this._goToPage(i,n,t,e)}},t.prototype.prev=function(t,e){if(this.options.snap){var i=this.currentPage.pageX,n=this.currentPage.pageY;i--,i<0&&this.hasVerticalScroll&&(i=0,n--),this._goToPage(i,n,t,e)}},t.prototype.getCurrentPage=function(){var t=this.options.snap;return t?t.loop?t._loopX?o({},this.currentPage,{pageX:this.currentPage.pageX-1}):o({},this.currentPage,{pageY:this.currentPage.pageY-1}):this.currentPage:null}}(C),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,w("wheel option selectedIndex is required!"))}}(C),function(t){t.prototype._initScrollbar=function(){var t=this,e=this.options.scrollbar,i=e.fade,n=void 0===i||i,o=e.interactive,s=void 0!==o&&o;this.indicators=[];var r=void 0;this.options.scrollX&&(r={el:T("horizontal"),direction:"horizontal",fade:n,interactive:s},this._insertScrollBar(r.el),this.indicators.push(new P(this,r))),this.options.scrollY&&(r={el:T("vertical"),direction:"vertical",fade:n,interactive:s},this._insertScrollBar(r.el),this.indicators.push(new P(this,r))),this.on("refresh",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].refresh()}),n&&(this.on("scrollEnd",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade()}),this.on("scrollCancel",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade()}),this.on("scrollStart",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade(!0)}),this.on("beforeScrollStart",function(){for(var e=0;e<t.indicators.length;e++)t.indicators[e].fade(!0,!0)})),this.on("destroy",function(){t._removeScrollBars()})},t.prototype._insertScrollBar=function(t){this.wrapper.appendChild(t)},t.prototype._removeScrollBars=function(){for(var t=0;t<this.indicators.length;t++)this.indicators[t].destroy()}}(C),function(t){t.prototype._initPullDown=function(){this.options.probeType=tt},t.prototype._checkPullDown=function(){var t=this.options.pullDownRefresh,e=t.threshold,i=void 0===e?90:e,n=t.stop,o=void 0===n?40:n;return!(this.directionY!==K||this.y<i)&&(this.pulling||(this.pulling=!0,this.trigger("pullingDown")),this.scrollTo(this.x,o,this.options.bounceTime,z.bounce),this.pulling)},t.prototype.finishPullDown=function(){this.pulling=!1,this.resetPosition(this.options.bounceTime,z.bounce)},t.prototype.openPullDown=function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.options.pullDownRefresh=t,this._initPullDown()},t.prototype.closePullDown=function(){this.options.pullDownRefresh=!1}}(C),function(t){t.prototype._initPullUp=function(){this.options.probeType=tt,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,i=this.options.pullUpLoad.threshold,n=void 0===i?0:i;this.movingDirectionY===q&&t.y<=this.maxScrollY+n&&(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))}}(C),function(t){t.prototype._initMouseWheel=function(){var t=this;this._handleMouseWheelEvent(l),this.on("destroy",function(){clearTimeout(t.mouseWheelTimer),clearTimeout(t.mouseWheelEndTimer),t._handleMouseWheelEvent(u)}),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.options.stopPropagation&&t.stopPropagation(),this.firstWheelOpreation&&this.trigger("scrollStart"),this.firstWheelOpreation=!1;var i=this.options.mouseWheel,n=i.speed,o=void 0===n?20:n,s=i.invert,r=void 0!==s&&s,a=i.easeTime,l=void 0===a?300:a;clearTimeout(this.mouseWheelTimer),this.mouseWheelTimer=setTimeout(function(){e.options.snap||l||e.trigger("scrollEnd",{x:e.x,y:e.y}),e.firstWheelOpreation=!0},400);var u=void 0,c=void 0;switch(!0){case"deltaX"in t:1===t.deltaMode?(u=-t.deltaX*o,c=-t.deltaY*o):(u=-t.deltaX,c=-t.deltaY);break;case"wheelDeltaX"in t:u=t.wheelDeltaX/120*o,c=t.wheelDeltaY/120*o;break;case"wheelDelta"in t:u=c=t.wheelDelta/120*o;break;case"detail"in t:u=c=-t.detail/3*o;break;default:return}var f=r?-1:1;u*=f,c*=f,this.hasVerticalScroll||(u=c,c=0);var d=void 0,h=void 0;if(this.options.snap)return d=this.currentPage.pageX,h=this.currentPage.pageY,u>0?d--:u<0&&d++,c>0?h--:c<0&&h++,void this._goToPage(d,h);d=this.x+Math.round(this.hasHorizontalScroll?u:0),h=this.y+Math.round(this.hasVerticalScroll?c:0),this.movingDirectionX=this.directionX=u>0?-1:u<0?1:0,this.movingDirectionY=this.directionY=c>0?-1:c<0?1:0,d>this.minScrollX?d=this.minScrollX:d<this.maxScrollX&&(d=this.maxScrollX),h>this.minScrollY?h=this.minScrollY:h<this.maxScrollY&&(h=this.maxScrollY);var p=this.y===h;this.scrollTo(d,h,l,z.swipe),this.trigger("scroll",{x:this.x,y:this.y}),clearTimeout(this.mouseWheelEndTimer),p&&(this.mouseWheelEndTimer=setTimeout(function(){e.trigger("scrollEnd",{x:e.x,y:e.y})},l))}}}(C),function(t){t.prototype._initZoom=function(){var t=this.options.zoom,e=t.start,i=void 0===e?1:e,n=t.min,o=void 0===n?1:n,s=t.max,r=void 0===s?4:s;this.scale=Math.min(Math.max(i,o),r),this.setScale(this.scale),this.scrollerStyle[F.transformOrigin]="0 0"},t.prototype._zoomTo=function(t,e,i,n){this.scaled=!0;var o=t/(n||this.scale);this.setScale(t),this.refresh();var s=Math.round(this.startX-(e-this.relativeX)*(o-1)),r=Math.round(this.startY-(i-this.relativeY)*(o-1));s>this.minScrollX?s=this.minScrollX:s<this.maxScrollX&&(s=this.maxScrollX),r>this.minScrollY?r=this.minScrollY:r<this.maxScrollY&&(r=this.maxScrollY),this.x===s&&this.y===r||this.scrollTo(s,r,this.options.bounceTime),this.scaled=!1},t.prototype.zoomTo=function(t,e,i){var n=f(this.wrapper),o=n.left,s=n.top,r=e+o-this.x,a=i+s-this.y;this._zoomTo(t,r,a)},t.prototype._zoomStart=function(t){var e=t.touches[0],i=t.touches[1],n=Math.abs(e.pageX-i.pageX),o=Math.abs(e.pageY-i.pageY);this.startDistance=r(n,o),this.startScale=this.scale;var s=f(this.wrapper),a=s.left,l=s.top;this.originX=Math.abs(e.pageX+i.pageX)/2+a-this.x,this.originY=Math.abs(e.pageY+i.pageY)/2+l-this.y,this.trigger("zoomStart")},t.prototype._zoom=function(t){if(this.enabled&&!this.destroyed&&X[t.type]===this.initiated){this.options.preventDefault&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation();var e=t.touches[0],i=t.touches[1],n=Math.abs(e.pageX-i.pageX),o=Math.abs(e.pageY-i.pageY),s=r(n,o),a=s/this.startDistance*this.startScale;this.scaled=!0;var l=this.options.zoom,u=l.min,c=void 0===u?1:u,f=l.max,d=void 0===f?4:f;a<c?a=.5*c*Math.pow(2,a/c):a>d&&(a=2*d*Math.pow(.5,d/a));var h=a/this.startScale,p=this.startX-(this.originX-this.relativeX)*(h-1),v=this.startY-(this.originY-this.relativeY)*(h-1);this.setScale(a),this.scrollTo(p,v,0)}},t.prototype._zoomEnd=function(t){if(this.enabled&&!this.destroyed&&X[t.type]===this.initiated){this.options.preventDefault&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.isInTransition=!1,this.isAnimating=!1,this.initiated=0;var e=this.options.zoom,i=e.min,n=void 0===i?1:i,o=e.max,s=void 0===o?4:o,r=this.scale>s?s:this.scale<n?n:this.scale;this._zoomTo(r,this.originX,this.originY,this.startScale),this.trigger("zoomEnd")}}}(C),function(t){t.prototype._initInfinite=function(){this.options.probeType=3,this.maxScrollY=-et,this.infiniteScroller=new k(this,this.options.infinity)}}(C),C.Version="1.12.6",e.default=C},function(t,e,i){var n=i(18),o=i(3).document,s=n(o)&&n(o.createElement);t.exports=function(t){return s?o.createElement(t):{}}},function(t,e,i){var n=i(18);t.exports=function(t,e){if(!n(t))return t;var i,o;if(e&&"function"==typeof(i=t.toString)&&!n(o=i.call(t)))return o;if("function"==typeof(i=t.valueOf)&&!n(o=i.call(t)))return o;if(!e&&"function"==typeof(i=t.toString)&&!n(o=i.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,i){var n=i(57),o=Math.min;t.exports=function(t){return t>0?o(n(t),9007199254740991):0}},function(t,e){var i=Math.ceil,n=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?n:i)(t)}},function(t,e,i){var n=i(59)("keys"),o=i(45);t.exports=function(t){return n[t]||(n[t]=o(t))}},function(t,e,i){var n=i(1),o=i(3),s=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return s[t]||(s[t]=void 0!==e?e:{})})("versions",[]).push({version:n.version,mode:i(34)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,i){e.f=i(4)},function(t,e,i){var n=i(3),o=i(1),s=i(34),r=i(61),a=i(14).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=s?{}:n.Symbol||{});"_"==t.charAt(0)||t in e||a(e,t,{value:r.f(t)})}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(n,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 n=/-(\w)/g})},function(t,e,i){function n(t){i(214)}var o=i(0)(i(215),i(216),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(67),o=i(4)("iterator"),s=i(26);t.exports=i(1).getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||s[n(t)]}},function(t,e,i){var n=i(33),o=i(4)("toStringTag"),s="Arguments"==n(function(){return arguments}()),r=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,i,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(i=r(e=Object(t),o))?i:s?n(e):"Object"==(a=n(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(39),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.USE_TRANSITION=void 0;t.USE_TRANSITION=function(){var t=!0;if(e.isIOS){var n=(0,i.getIOSVersion)(e.ua);if(!n)return t;n.major>=13&&n.minor>=3&&(t=!1)}return t}()})},function(t,e,i){function n(t){i(256)}var o=i(0)(i(257),i(261),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(258),i(259),i(105)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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,"addMessage",{enumerable:!0,get:function(){return i.addMessage}}),Object.defineProperty(t,"types",{enumerable:!0,get:function(){return n.types}}),Object.defineProperty(t,"addType",{enumerable:!0,get:function(){return n.addType}})})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";function i(t,e,i,o){for(var s=[],r=t.length,a=0,l=0;l<r;l++)n(t[l],l,e,function(t,e){if(a++,s[e]=t,i(t,e),a===r)return o(s)})}function n(t,e,i,n){i(t,function(t){var i=o(t.name,t.size,l,0,t);n(i,e)})}function o(){var t=arguments.length>0&&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]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,r=o&&o.base64||"";return{name:t,size:e,url:r?"":s(o),base64:r,status:i,progress:n,file:o}}function s(t){return t&&a?a.createObjectURL(t):""}function r(t){if("function"==typeof t){for(var e=arguments.length,i=Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];return t.apply(this,i)}return 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=n,t.newFile=o,t.evalOpts=r;var a=t.URL=e.inBrowser?window.URL||window.webkitURL||window.mozURL:null,l=t.STATUS_READY="ready";t.STATUS_UPLOADING="uploading",t.STATUS_ERROR="error",t.STATUS_SUCCESS="success"})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){"use strict";function n(t){var e,i;this.promise=new t(function(t,n){if(void 0!==e||void 0!==i)throw TypeError("Bad Promise constructor");e=t,i=n}),this.resolve=o(e),this.reject=o(i)}var o=i(43);t.exports.f=function(t){return new n(t)}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(355),i(362),i(7),i(64)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n);e.default={methods:{_checkDeprecated:function(){var t=this,e=this.$options.props,i=this.$options.name;(0,l.default)(e).forEach(function(e){var n=(0,a.default)(e,2),r=n[0],l=n[1],u=l.deprecated;u&&void 0!==t[r]&&(0,o.tip)('The property "'+(0,s.kebab)(r)+'" is deprecated, please use the recommended property "'+u.replacedBy+'" to replace it. Details could be found in https://didi.github.io/cube-ui/#/en-US/docs/'+i.substr(5)+"#cube-Propsconfiguration-anchor",i)})}},mounted:function(){this._checkDeprecated()}},t.exports=e.default})},function(t,e,i){function n(t){i(378)}var o=i(0)(i(379),i(380),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(409)}var o=i(0)(i(410),i(411),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(416)}var o=i(0)(i(417),i(418),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(6),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.localeMixin=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){t.exports=!i(16)&&!i(24)(function(){return 7!=Object.defineProperty(i(53)("div"),"a",{get:function(){return 7}}).a})},function(t,e,i){var n=i(19),o=i(21),s=i(137)(!1),r=i(58)("IE_PROTO");t.exports=function(t,e){var i,a=o(t),l=0,u=[];for(i in a)i!=r&&n(a,i)&&u.push(i);for(;e.length>l;)n(a,i=e[l++])&&(~s(u,i)||u.push(i));return u}},function(t,e,i){var n=i(33);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==n(t)?t.split(""):Object(t)}},function(t,e,i){"use strict";var n=i(34),o=i(10),s=i(83),r=i(17),a=i(26),l=i(143),u=i(46),c=i(145),f=i(4)("iterator"),d=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,i,p,v,m,y){l(i,e,p);var b,g,_,x=function(t){if(!d&&t in P)return P[t];switch(t){case"keys":case"values":return function(){return new i(this,t)}}return function(){return new i(this,t)}},w=e+" Iterator",S="values"==v,T=!1,P=t.prototype,M=P[f]||P["@@iterator"]||v&&P[v],k=M||x(v),C=v?S?x("entries"):k:void 0,E="Array"==e?P.entries||M:M;if(E&&(_=c(E.call(new t)))!==Object.prototype&&_.next&&(u(_,w,!0),n||"function"==typeof _[f]||r(_,f,h)),S&&M&&"values"!==M.name&&(T=!0,k=function(){return M.call(this)}),n&&!y||!d&&!T&&P[f]||r(P,f,k),a[e]=k,a[w]=h,v)if(b={values:S?k:x("values"),keys:m?k:x("keys"),entries:C},y)for(g in b)g in P||s(P,g,b[g]);else o(o.P+o.F*(d||T),e,b);return b}},function(t,e,i){t.exports=i(17)},function(t,e,i){var n=i(15),o=i(144),s=i(60),r=i(58)("IE_PROTO"),a=function(){},l=function(){var t,e=i(53)("iframe"),n=s.length;for(e.style.display="none",i(85).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),l=t.F;n--;)delete l.prototype[s[n]];return l()};t.exports=Object.create||function(t,e){var i;return null!==t?(a.prototype=n(t),i=new a,a.prototype=null,i[r]=t):i=l(),void 0===e?i:o(i,e)}},function(t,e,i){var n=i(3).document;t.exports=n&&n.documentElement},function(t,e,i){var n=i(80),o=i(60).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return n(t,o)}},function(t,e){},function(t,e,i){function n(t){i(188)}var o=i(0)(i(189),i(190),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(196)}var o=i(0)(i(197),i(198),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(202)}var o=i(0)(i(203),i(204),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=(0,i.prefixStyle)("flexBasis");e.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(t){var e=this;if(t<=1)return"";this.$nextTick(function(){var i=100/t+"%";Array.prototype.forEach.call(e.$refs.group.children,function(t){t.style[n]=i})})}}}},t.exports=e.default})},function(t,e,i){var n=i(0)(i(206),i(210),null,null,null);t.exports=n.exports},function(t,e,i){function n(t){i(207)}var o=i(0)(i(208),i(209),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(212)}var o=i(0)(i(213),i(217),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},function(t,e,i){function n(t){i(226)}var o=i(0)(i(227),i(228),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(15);t.exports=function(t,e,i,o){try{return o?e(n(i)[0],i[1]):e(i)}catch(e){var s=t.return;throw void 0!==s&&n(s.call(t)),e}}},function(t,e,i){var n=i(26),o=i(4)("iterator"),s=Array.prototype;t.exports=function(t){return void 0!==t&&(n.Array===t||s[o]===t)}},function(t,e,i){var n=i(4)("iterator"),o=!1;try{var s=[7][n]();s.return=function(){o=!0},Array.from(s,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var i=!1;try{var s=[7],r=s[n]();r.next=function(){return{done:i=!0}},s[n]=function(){return r},t(s)}catch(t){}return i}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},function(t,e,i){function n(t){i(240)}var o=i(0)(i(241),i(242),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(245)}var o=i(0)(i(246),i(247),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(249)}var o=i(0)(i(250),i(254),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(251)}var o=i(0)(i(252),i(253),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addType=t.types=void 0;var i=/^(1|2)\d{3}[.\-/]\d{1,2}[.\-/]\d{1,2}$/,n={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))||i.test(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)}},o=(0,e.createAddAPI)(n);t.types=n,t.addType=o})},function(t,e,i){function n(t){i(263)}var o=i(0)(i(264),i(272),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(265)}var o=i(0)(i(266),i(267),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}}},t.exports=e.default})},function(t,e,i){function n(t){i(268)}var o=i(0)(i(269),i(270),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(277)}var o=i(0)(i(278),i(288),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(279)}var o=i(0)(i(280),i(287),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(13),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=o.default||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){function n(t){i(333)}var o=i(0)(i(334),i(370),n,null,null);t.exports=o.exports},function(t,e,i){t.exports={default:i(337),__esModule:!0}},function(t,e,i){var n=i(15),o=i(43),s=i(4)("species");t.exports=function(t,e){var i,r=n(t).constructor;return void 0===r||void 0==(i=n(r)[s])?e:o(i)}},function(t,e,i){var n,o,s,r=i(31),a=i(341),l=i(85),u=i(53),c=i(3),f=c.process,d=c.setImmediate,h=c.clearImmediate,p=c.MessageChannel,v=c.Dispatch,m=0,y={},b=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},g=function(t){b.call(t.data)};d&&h||(d=function(t){for(var e=[],i=1;arguments.length>i;)e.push(arguments[i++]);return y[++m]=function(){a("function"==typeof t?t:Function(t),e)},n(m),m},h=function(t){delete y[t]},"process"==i(33)(f)?n=function(t){f.nextTick(r(b,t,1))}:v&&v.now?n=function(t){v.now(r(b,t,1))}:p?(o=new p,s=o.port2,o.port1.onmessage=g,n=r(s.postMessage,s,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(n=function(t){c.postMessage(t+"","*")},c.addEventListener("message",g,!1)):n="onreadystatechange"in u("script")?function(t){l.appendChild(u("script")).onreadystatechange=function(){l.removeChild(this),b.call(t)}}:function(t){setTimeout(r(b,t,1),0)}),t.exports={set:d,clear:h}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,i){var n=i(15),o=i(18),s=i(73);t.exports=function(t,e){if(n(t),o(e)&&e.constructor===t)return e;var i=s.f(t);return(0,i.resolve)(e),i.promise}},function(t,e,i){function n(t){i(367)}var o=i(0)(i(368),i(369),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(376)}var o=i(0)(i(377),i(381),n,null,null);t.exports=o.exports},function(t,e,i){var n=i(0)(i(390),i(394),null,null,null);t.exports=n.exports},function(t,e,i){function n(t){i(391)}var o=i(0)(i(392),i(393),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(400)}var o=i(0)(i(401),i(403),n,null,null);t.exports=o.exports},function(t,e,i){function n(t){i(406)}var o=i(0)(i(407),i(408),n,null,null);t.exports=o.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(128),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t){o.installed||(o.installed=!0,s.forEach(function(e){e!==i.Radio&&e.install(t)}))}Object.defineProperty(e,"__esModule",{value:!0}),Object.keys(i).forEach(function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return i[t]}})});var s=[i.Locale,i.Button,i.Loading,i.Tip,i.Toolbar,i.TabBar,i.TabPanels,i.Checkbox,i.CheckboxGroup,i.Checker,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.ImagePreview,i.Scroll,i.Slide,i.IndexList,i.Swipe,i.Sticky,i.ScrollNav,i.ScrollNavBar,i.RecycleList],r={version:"1.12.54",install:o,BScroll:i.BetterScroll,createAPI:i.createAPI};s.forEach(function(t){var e=(0,n.processComponentName)(t,{firstUpperCase:!0});r[e]=t}),"undefined"!=typeof window&&window.Vue&&window.Vue.use(o),e.default=r,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(129),i(78),i(159),i(163),i(167),i(172),i(184),i(192),i(200),i(201),i(205),i(211),i(218),i(225),i(229),i(244),i(248),i(255),i(262),i(273),i(290),i(292),i(298),i(299),i(302),i(307),i(312),i(317),i(323),i(329),i(372),i(384),i(385),i(386),i(396),i(405),i(412),i(423),i(424),i(429),i(430)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f,d,h,p,v,m,y,b,g,_,x,w,S,T,P,M,k,C,E,O,I,$,D,j,V,A,R,H,N,L,Y){"use strict";function F(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BetterScroll=t.RecycleList=t.ScrollNavBar=t.ScrollNav=t.ScrollNavPanel=t.Sticky=t.StickyEle=t.Swipe=t.SwipeItem=t.IndexList=t.Slide=t.SlideItem=t.Scroll=t.ImagePreview=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.Checker=t.CheckerItem=t.CheckboxGroup=t.Checkbox=t.TabPanel=t.TabPanels=t.Tab=t.TabBar=t.Toolbar=t.Tip=t.Loading=t.Button=t.Locale=t.Style=void 0;var B=F(e),X=F(i),U=F(n),z=F(o),W=F(s),G=F(r),q=F(a),K=F(l),Z=F(u),J=F(c),Q=F(f),tt=F(d),et=F(h),it=F(p),nt=F(v),ot=F(m),st=F(y),rt=F(b),at=F(g),lt=F(_),ut=F(x),ct=F(w),ft=F(S),dt=F(T),ht=F(P),pt=F(M),vt=F(k),mt=F(C),yt=F(E),bt=F(O),gt=F(I),_t=F($),xt=F(D),wt=F(j),St=F(V),Tt=F(A),Pt=F(R),Mt=F(H),kt=F(N),Ct=F(L),Et=F(Y),Ot=lt.default.Group,It=lt.default.Item,$t=xt.default.Item,Dt=tt.default.Radio,jt=St.default.Item,Vt=bt.default.Panel,At=bt.default.Item,Rt=Tt.default.Ele,Ht=Pt.default.Panel,Nt=q.default.Tab,Lt=K.default.Panel,Yt=Q.default.Item;t.Style=B.default,t.Locale=X.default,t.Button=U.default,t.Loading=z.default,t.Tip=W.default,t.Toolbar=G.default,t.TabBar=q.default,t.Tab=Nt,t.TabPanels=K.default,t.TabPanel=Lt,t.Checkbox=Z.default,t.CheckboxGroup=J.default,t.CheckerItem=Yt,t.Checker=Q.default,t.Radio=Dt,t.RadioGroup=tt.default,t.Input=et.default,t.Textarea=it.default,t.Select=nt.default,t.Switch=ot.default,t.Rate=st.default,t.Validator=rt.default,t.Upload=at.default,t.FormItem=It,t.FormGroup=Ot,t.Form=lt.default,t.Popup=ut.default,t.Toast=ct.default,t.Picker=ft.default,t.CascadePicker=dt.default,t.DatePicker=ht.default,t.TimePicker=pt.default,t.SegmentPicker=vt.default,t.Dialog=mt.default,t.ActionSheet=yt.default,t.DrawerItem=At,t.DrawerPanel=Vt,t.Drawer=bt.default,t.ImagePreview=gt.default,t.Scroll=_t.default,t.SlideItem=$t,t.Slide=xt.default,t.IndexList=wt.default,t.SwipeItem=jt,t.Swipe=St.default,t.StickyEle=Rt,t.Sticky=Tt.default,t.ScrollNavPanel=Ht,t.ScrollNav=Pt.default,t.ScrollNavBar=Mt.default,t.RecycleList=kt.default,t.BetterScroll=Ct.default,t.createAPI=Et.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(130)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},function(t,e){},function(t,e,i){t.exports={default:i(132),__esModule:!0}},function(t,e,i){i(133);var n=i(1).Object;t.exports=function(t,e,i){return n.defineProperty(t,e,i)}},function(t,e,i){var n=i(10);n(n.S+n.F*!i(16),"Object",{defineProperty:i(14).f})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){i(136),t.exports=i(1).Object.keys},function(t,e,i){var n=i(44),o=i(25);i(139)("keys",function(){return function(t){return o(n(t))}})},function(t,e,i){var n=i(21),o=i(56),s=i(138);t.exports=function(t){return function(e,i,r){var a,l=n(e),u=o(l.length),c=s(r,u);if(t&&i!=i){for(;u>c;)if((a=l[c++])!=a)return!0}else for(;u>c;c++)if((t||c in l)&&l[c]===i)return t||c||0;return!t&&-1}}},function(t,e,i){var n=i(57),o=Math.max,s=Math.min;t.exports=function(t,e){return t=n(t),t<0?o(t+e,0):s(t,e)}},function(t,e,i){var n=i(10),o=i(1),s=i(24);t.exports=function(t,e){var i=(o.Object||{})[t]||Object[t],r={};r[t]=e(i),n(n.S+n.F*s(function(){i(1)}),"Object",r)}},function(t,e,i){t.exports={default:i(141),__esModule:!0}},function(t,e,i){i(36),i(47),t.exports=i(61).f("iterator")},function(t,e,i){var n=i(57),o=i(55);t.exports=function(t){return function(e,i){var s,r,a=String(o(e)),l=n(i),u=a.length;return l<0||l>=u?t?"":void 0:(s=a.charCodeAt(l),s<55296||s>56319||l+1===u||(r=a.charCodeAt(l+1))<56320||r>57343?t?a.charAt(l):s:t?a.slice(l,l+2):r-56320+(s-55296<<10)+65536)}}},function(t,e,i){"use strict";var n=i(84),o=i(32),s=i(46),r={};i(17)(r,i(4)("iterator"),function(){return this}),t.exports=function(t,e,i){t.prototype=n(r,{next:o(1,i)}),s(t,e+" Iterator")}},function(t,e,i){var n=i(14),o=i(15),s=i(25);t.exports=i(16)?Object.defineProperties:function(t,e){o(t);for(var i,r=s(e),a=r.length,l=0;a>l;)n.f(t,i=r[l++],e[i]);return t}},function(t,e,i){var n=i(19),o=i(44),s=i(58)("IE_PROTO"),r=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),n(t,s)?t[s]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?r:null}},function(t,e,i){"use strict";var n=i(147),o=i(148),s=i(26),r=i(21);t.exports=i(82)(Array,"Array",function(t,e){this._t=r(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,i=this._i++;return!t||i>=t.length?(this._t=void 0,o(1)):"keys"==e?o(0,i):"values"==e?o(0,t[i]):o(0,[i,t[i]])},"values"),s.Arguments=s.Array,n("keys"),n("values"),n("entries")},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,i){t.exports={default:i(150),__esModule:!0}},function(t,e,i){i(151),i(87),i(157),i(158),t.exports=i(1).Symbol},function(t,e,i){"use strict";var n=i(3),o=i(19),s=i(16),r=i(10),a=i(83),l=i(152).KEY,u=i(24),c=i(59),f=i(46),d=i(45),h=i(4),p=i(61),v=i(62),m=i(153),y=i(154),b=i(15),g=i(18),_=i(21),x=i(54),w=i(32),S=i(84),T=i(155),P=i(156),M=i(14),k=i(25),C=P.f,E=M.f,O=T.f,I=n.Symbol,$=n.JSON,D=$&&$.stringify,j=h("_hidden"),V=h("toPrimitive"),A={}.propertyIsEnumerable,R=c("symbol-registry"),H=c("symbols"),N=c("op-symbols"),L=Object.prototype,Y="function"==typeof I,F=n.QObject,B=!F||!F.prototype||!F.prototype.findChild,X=s&&u(function(){return 7!=S(E({},"a",{get:function(){return E(this,"a",{value:7}).a}})).a})?function(t,e,i){var n=C(L,e);n&&delete L[e],E(t,e,i),n&&t!==L&&E(L,e,n)}:E,U=function(t){var e=H[t]=S(I.prototype);return e._k=t,e},z=Y&&"symbol"==typeof I.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof I},W=function(t,e,i){return t===L&&W(N,e,i),b(t),e=x(e,!0),b(i),o(H,e)?(i.enumerable?(o(t,j)&&t[j][e]&&(t[j][e]=!1),i=S(i,{enumerable:w(0,!1)})):(o(t,j)||E(t,j,w(1,{})),t[j][e]=!0),X(t,e,i)):E(t,e,i)},G=function(t,e){b(t);for(var i,n=m(e=_(e)),o=0,s=n.length;s>o;)W(t,i=n[o++],e[i]);return t},q=function(t,e){return void 0===e?S(t):G(S(t),e)},K=function(t){var e=A.call(this,t=x(t,!0));return!(this===L&&o(H,t)&&!o(N,t))&&(!(e||!o(this,t)||!o(H,t)||o(this,j)&&this[j][t])||e)},Z=function(t,e){if(t=_(t),e=x(e,!0),t!==L||!o(H,e)||o(N,e)){var i=C(t,e);return!i||!o(H,e)||o(t,j)&&t[j][e]||(i.enumerable=!0),i}},J=function(t){for(var e,i=O(_(t)),n=[],s=0;i.length>s;)o(H,e=i[s++])||e==j||e==l||n.push(e);return n},Q=function(t){for(var e,i=t===L,n=O(i?N:_(t)),s=[],r=0;n.length>r;)!o(H,e=n[r++])||i&&!o(L,e)||s.push(H[e]);return s};Y||(I=function(){if(this instanceof I)throw TypeError("Symbol is not a constructor!");var t=d(arguments.length>0?arguments[0]:void 0),e=function(i){this===L&&e.call(N,i),o(this,j)&&o(this[j],t)&&(this[j][t]=!1),X(this,t,w(1,i))};return s&&B&&X(L,t,{configurable:!0,set:e}),U(t)},a(I.prototype,"toString",function(){return this._k}),P.f=Z,M.f=W,i(86).f=T.f=J,i(37).f=K,i(63).f=Q,s&&!i(34)&&a(L,"propertyIsEnumerable",K,!0),p.f=function(t){return U(h(t))}),r(r.G+r.W+r.F*!Y,{Symbol:I});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)h(tt[et++]);for(var it=k(h.store),nt=0;it.length>nt;)v(it[nt++]);r(r.S+r.F*!Y,"Symbol",{for:function(t){return o(R,t+="")?R[t]:R[t]=I(t)},keyFor:function(t){if(!z(t))throw TypeError(t+" is not a symbol!");for(var e in R)if(R[e]===t)return e},useSetter:function(){B=!0},useSimple:function(){B=!1}}),r(r.S+r.F*!Y,"Object",{create:q,defineProperty:W,defineProperties:G,getOwnPropertyDescriptor:Z,getOwnPropertyNames:J,getOwnPropertySymbols:Q}),$&&r(r.S+r.F*(!Y||u(function(){var t=I();return"[null]"!=D([t])||"{}"!=D({a:t})||"{}"!=D(Object(t))})),"JSON",{stringify:function(t){for(var e,i,n=[t],o=1;arguments.length>o;)n.push(arguments[o++]);if(i=e=n[1],(g(e)||void 0!==t)&&!z(t))return y(e)||(e=function(t,e){if("function"==typeof i&&(e=i.call(this,t,e)),!z(e))return e}),n[1]=e,D.apply($,n)}}),I.prototype[V]||i(17)(I.prototype,V,I.prototype.valueOf),f(I,"Symbol"),f(Math,"Math",!0),f(n.JSON,"JSON",!0)},function(t,e,i){var n=i(45)("meta"),o=i(18),s=i(19),r=i(14).f,a=0,l=Object.isExtensible||function(){return!0},u=!i(24)(function(){return l(Object.preventExtensions({}))}),c=function(t){r(t,n,{value:{i:"O"+ ++a,w:{}}})},f=function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!s(t,n)){if(!l(t))return"F";if(!e)return"E";c(t)}return t[n].i},d=function(t,e){if(!s(t,n)){if(!l(t))return!0;if(!e)return!1;c(t)}return t[n].w},h=function(t){return u&&p.NEED&&l(t)&&!s(t,n)&&c(t),t},p=t.exports={KEY:n,NEED:!1,fastKey:f,getWeak:d,onFreeze:h}},function(t,e,i){var n=i(25),o=i(63),s=i(37);t.exports=function(t){var e=n(t),i=o.f;if(i)for(var r,a=i(t),l=s.f,u=0;a.length>u;)l.call(t,r=a[u++])&&e.push(r);return e}},function(t,e,i){var n=i(33);t.exports=Array.isArray||function(t){return"Array"==n(t)}},function(t,e,i){var n=i(21),o=i(86).f,s={}.toString,r="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return o(t)}catch(t){return r.slice()}};t.exports.f=function(t){return r&&"[object Window]"==s.call(t)?a(t):o(n(t))}},function(t,e,i){var n=i(37),o=i(32),s=i(21),r=i(54),a=i(19),l=i(79),u=Object.getOwnPropertyDescriptor;e.f=i(16)?u:function(t,e){if(t=s(t),e=r(e,!0),l)try{return u(t,e)}catch(t){}if(a(t,e))return o(!n.f.call(t,e),t[e])}},function(t,e,i){i(62)("asyncIterator")},function(t,e,i){i(62)("observable")},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(49)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",{staticClass:"cube-btn",class:t.btnClass,attrs:{type:t.type},on:{click:t.handleClick}},[t.icon?i("i",{class:t.icon}):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",data:function(){return{balde:12}},props:{size:{type:Number}},computed:{style:function(){if(this.size){var t=this.size+"px";return{width:t,height:t}}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(168)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){function n(t){i(169)}var o=i(0)(i(170),i(171),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(5)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-tip",mixins:[r.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(n){var o=t[n.name];if(0!==o){var r="number"==typeof o;e[n.target]=o+(r?"px":""),n.percentFix&&!r&&(0,s.default)(n.percentFix).forEach(function(t){e[t]=n.percentFix[t]}),e[i[n.target]]="auto"}})})},methods:{handleClick:function(){this.hide(),this.$emit("click")},close:function(){this.hide(),this.$emit("close")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(49),i(27),i(176)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);l.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},l.default.Button=r.default,l.default.Checkbox=a.default,e.default=l.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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||t.$props.colNum>1)}},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;if(this.$emit("input",i),this.isInGroup){t=!this.checkValue;var n=t?"checked":"cancel-checked";this.$parent.$emit(n,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})},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,n=e.target,o=!!n.checked;if(Array.isArray(i)){var s=t._i(i,null);n.checked?s<0&&(t.checkValue=i.concat([null])):s>-1&&(t.checkValue=i.slice(0,s).concat(i.slice(s+1)))}else t.checkValue=o}}}),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:[]}},function(t,e,i){function n(t){i(177)}var o=i(0)(i(178),i(183),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(179)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-toolbar",components:{CubeToolbarItem:n.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})},function(t,e,i){function n(t){i(180)}var o=i(0)(i(181),i(182),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(49),i(27)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-toolbar-item",components:{CubeButton:s.default,CubeCheckbox:r.default},props:{action:{type:Object,default:function(){return{}}}}},t.exports=e.default})},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}},["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:[]}},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,n){return i("cube-toolbar-item",{key:n,attrs:{action:e},nativeOn:{click:function(i){t.itemClick(e)}}})})):t._e(),t._v(" "),i("ul",{staticClass:"cube-toolbar-group"},t._l(t.basicActions,function(e,n){return i("cube-toolbar-item",{key:n,attrs:{action:e},nativeOn:{click:function(i){t.itemClick(e)}}})}))])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(185),i(88)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Tab=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(186)}var o=i(0)(i(187),i(191),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12),i(2),i(88)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(o),r=(0,i.prefixStyle)("transform"),a=(0,i.prefixStyle)("transition");e.default={name:"cube-tab-bar",components:{CubeTab:s.default},props:{value:{type:[String,Number],required:!0},data:{type:Array,default:function(){return[]}},inline:{type:Boolean,default:!1},showSlider:{type:Boolean,default:!1},useTransition:{type:Boolean,default:!0}},watch:{value:function(){this._updateSliderStyle()}},created:function(){this.tabs=[]},mounted:function(){this._updateSliderStyle(),window.addEventListener("resize",this._resizeHandler)},activated:function(){window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._cleanUp()},beforeDestroy:function(){this._cleanUp()},methods:{addTab:function(t){this.tabs.push(t)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&this.tabs.splice(e,1)},trigger:function(t){var e=this;if(this.$emit("click",t),t!==this.value){["input","change"].forEach(function(i){e.$emit(i,t)})}},_updateSliderStyle:function(){var t=this;if(this.showSlider){var e=this.$refs.slider;this.$nextTick(function(){var i=t._getSliderWidthAndIndex(),n=i.width,o=i.index;e.style.width=n+"px",t.setSliderTransform(t._getOffsetLeft(o))})}},setSliderTransform:function(t){var e=this.$refs.slider;"number"==typeof t&&(t+="px"),e&&(this.useTransition&&(e.style[a]=r+" 0.2s linear"),e.style[r]="translateX("+t+") translateZ(0)")},_getSliderWidthAndIndex:function(){var t=this,e=0,i=0;return this.tabs.length>0&&(i=(0,n.findIndex)(this.tabs,function(e){return e.value===t.value}),e=this.tabs[i].$el.clientWidth),{width:e,index:i}},_getOffsetLeft:function(t){return this.tabs[t].$el.offsetLeft||0},_resizeHandler:function(){var t=this;clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(function(){t._updateSliderStyle()},60)},_cleanUp:function(){clearTimeout(this._resizeTimer),window.removeEventListener("resize",this._resizeHandler)}}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}},icon:{type:String,default:""}},mounted:function(){this.$parent.addTab(this)},destroyed:function(){this.$parent.removeTab(this)},computed:{isActive:function(){return this.$parent.value===this.value}},methods:{handleClick:function(t){this.$parent.trigger(this.value)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-tab",class:{"cube-tab_active":t.isActive},on:{click:t.handleClick}},[t._t("icon",[i("i",{class:t.icon})]),t._v(" "),t._t("default",[i("div",{domProps:{innerHTML:t._s(t.label)}})])],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-tab-bar",class:{"cube-tab-bar_inline":t.inline}},[t._t("default",t._l(t.data,function(t,e){return i("cube-tab",{key:t.value||t.label,attrs:{label:t.label,value:t.value,icon:t.icon}})})),t._v(" "),t.showSlider?i("div",{ref:"slider",staticClass:"cube-tab-bar-slider"}):t._e()],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(193),i(89)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Panel=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(194)}var o=i(0)(i(195),i(199),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(89),i(2),i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(i),r=(0,o.prefixStyle)("transform");e.default={name:"cube-tab-panels",props:{value:{type:[String,Number]},data:{type:Array,default:function(){return[]}}},created:function(){this.panels=[]},mounted:function(){this._move(this.value)},methods:{_move:function(t){var e=(0,n.findIndex)(this.panels,function(e){return e.value===t});if(-1!==e){var i=this.$refs.panelsGroup,o=-100*e;i.style[r]="translateX("+o+"%)"}},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);e>-1&&this.panels.splice(e,1)}},watch:{value:function(t){this._move(t)}},components:{TabPanel:s.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab-panel",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.$parent.addPanel(this)},destroyed:function(){this.$parent.removePanel(this)}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-tab-panel"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"panels",staticClass:"cube-tab-panels"},[i("div",{ref:"panelsGroup",staticClass:"cube-tab-panels-group"},[t._t("default",t._l(t.data,function(e,n){return i("cube-tab-panel",{key:e.value||e.label,attrs:{label:e.label,value:e.value}},[t._v("\n        "+t._s(e.label)+"\n      ")])}))],2)])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(27)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(27),i(90)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);r.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},r.default.Checkbox=s.default,e.default=r.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(27),i(91)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-checkbox-group",mixins:[r.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){var t=this;this.$on("checked",function(e){t._value.length<t.max&&-1===t._value.indexOf(e)&&t._value.push(e),t.$emit("input",t._value)}),this.$on("cancel-checked",function(e){var i=t._value.indexOf(e);t._value.length>t.min&&i>-1&&t._value.splice(i,1),t.$emit("input",t._value)})},components:{CubeCheckbox:s.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,n){return i("cube-checkbox",{key:n,attrs:{option:e,shape:t.shape,position:t.position,"hollow-style":t.hollowStyle}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(92),i(93)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(93)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-checker",props:{value:[String,Number,Array],options:{type:Array,default:function(){return[]}},type:{type:String,default:"checkbox"},min:{type:Number,default:0},max:{type:Number,default:function(){return this.options.length}}},data:function(){return{currentValue:this.value}},computed:{isRadio:function(){return"radio"===this.type}},watch:{value:function(t){this.currentValue=t},currentValue:function(t){this.$emit("input",t)}},methods:{check:function(t){this.isRadio?this.checkRadio(t):this.checkCheckbox(t)},checkRadio:function(t){this.currentValue=t.value},checkCheckbox:function(t){var e=t.value,i=this.currentValue,n=i.length,o=this.min,s=this.max,r=i.indexOf(e);r>-1?n>o&&i.splice(r,1):n<s&&i.push(e)}},components:{CubeCheckerItem:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checker-item",props:{option:{type:Object,default:function(){return{}}}},computed:{isActive:function(){var t=this.$parent.isRadio,e=this.$parent.currentValue,i=this.option.value;return t?e===i:e.indexOf(i)>=0},isDisabled:function(){return this.option.disabled}},methods:{clickHandler:function(){this.isDisabled||this.$parent.check(this.option)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"cube-checker-item",class:{"cube-checker-item_active":t.isActive,"cube-checker-item_disabled":t.isDisabled},on:{click:t.clickHandler}},[t._t("default",[i("span",{domProps:{innerHTML:t._s(t.option.text)}})])],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ul",{staticClass:"cube-checker"},[t._t("default",t._l(t.options,function(t,e){return i("cube-checker-item",{key:e,attrs:{option:t}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(94),i(65)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Radio=r.default,e.default=s.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(65),i(91)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-radio-group",mixins:[r.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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:s.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var t=this,e=this.radioGroup;e&&void 0!==e.radioValue&&(this.radioValue=e.radioValue,this._cancelWatchGroup=this.$watch(function(){return e.radioValue},function(e){t.radioValue=e}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(t){this.radioValue=t},radioValue:function(t){"number"==typeof this.value&&(t=Number(t)),this.$emit("input",t),this.radioGroup&&(this.radioGroup.radioValue=t)}},computed:{computedOption:function(){var t=this.option;return"string"==typeof t?{value:t,label:t}:t},_containerClass:function(){var t=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===t.value,"cube-radio_disabled":t.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var t=this.$parent;if(!(t.horizontal||t.$props.colNum>1))return"border-bottom-1px"}}},t.exports=e.default})},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.computedOption.value,checked:t._q(t.radioValue,t.computedOption.value)},on:{change:function(e){t.radioValue=t.computedOption.value}}}),t._v(" "),t._m(0),t._v(" "),t._t("default",[i("span",{staticClass:"cube-radio-label"},[t._v(t._s(t.computedOption.label))])])],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")])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"group",staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal,"data-col":t.colNum>1}},[t._t("default",t._l(t.options,function(e,n){return i("cube-radio",{key:n,attrs:{option:e,position:t.position,"hollow-style":t.hollowStyle},model:{value:t.radioValue,callback:function(e){t.radioValue=e},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(50)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(95)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-input",mixins:[r.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){var t=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(t=!1),t},_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)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,s.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,s.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})},function(t,e,i){i(222),t.exports=i(1).Object.assign},function(t,e,i){var n=i(10);n(n.S+n.F,"Object",{assign:i(223)})},function(t,e,i){"use strict";var n=i(25),o=i(63),s=i(37),r=i(44),a=i(81),l=Object.assign;t.exports=!l||i(24)(function(){var t={},e={},i=Symbol(),n="abcdefghijklmnopqrst";return t[i]=7,n.split("").forEach(function(t){e[t]=t}),7!=l({},t)[i]||Object.keys(l({},e)).join("")!=n})?function(t,e){for(var i=r(t),l=arguments.length,u=1,c=o.f,f=s.f;l>u;)for(var d,h=a(arguments[u++]),p=c?n(h).concat(c(h)):n(h),v=p.length,m=0;v>m;)f.call(h,d=p[m++])&&(i[d]=h[d]);return i}:l},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-input",class:{"cube-input_active":t.isFocus}},[t.$slots.prepend?i("div",{staticClass:"cube-input-prepend"},[t._t("prepend")],2):t._e(),t._v(" "),"checkbox"===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:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var i=t.inputValue,n=e.target,o=!!n.checked;if(Array.isArray(i)){var s=t._i(i,null);n.checked?s<0&&(t.inputValue=i.concat([null])):s>-1&&(t.inputValue=i.slice(0,s).concat(i.slice(s+1)))}else t.inputValue=o},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:{touchend: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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(96)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(95)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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),a={negative:!0,remain:!0};e.default={name:"cube-textarea",mixins:[r.default],data:function(){return{textareaValue:this.value,expanded:!!this.forceExpand||!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var t=this.indicator;return"boolean"==typeof t&&(t={}),(0,s.default)({},a,t)},count:function(){return this.textareaValue.length},remain:function(){var t=this.maxlength-this.count;return!this.indicatorConf.negative&&t<0&&(t=0),t}},watch:{value:function(t){this.textareaValue=t},textareaValue:function(t){this.$emit("input",t),this.forceExpand||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),this.forceExpand||0!==this.textareaValue.length||(this.expanded=!1),this.isFocus=!1}}},t.exports=e.default})},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"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),t._t("indicator",[t.indicator?i("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.indicatorConf.remain?t.remain:t.count))]):t._e()],{remain:t.remain,count:t.count})],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(101),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);l.default.install=function(t){t.component(a.default.name,a.default),t.component(l.default.name,l.default),c.default.install(t),(0,u.default)(t,a.default)},l.default.Picker=a.default,e.default=l.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(51),i(52),i(28),i(5),i(8),i(100),i(40),i(11),i(68)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=f(i),h=f(n),p=f(o),v=f(s),m=f(r),y=f(a),b=f(l),g=f(u);e.default={name:"cube-picker",mixins:[v.default,m.default,y.default,b.default,g.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,d.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var u=a[l][this.valueKey],c=0;c<e.length;c++)if(e[c][this.valueKey]===u){r=c;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new h.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:c.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return c.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:p.default}},t.exports=e.default})},function(t,e,i){t.exports={default:i(233),__esModule:!0}},function(t,e,i){i(36),i(234),t.exports=i(1).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(44),r=i(97),a=i(98),l=i(56),u=i(235),c=i(66);o(o.S+o.F*!i(99)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,f,d=s(t),h="function"==typeof this?this:Array,p=arguments.length,v=p>1?arguments[1]:void 0,m=void 0!==v,y=0,b=c(d);if(m&&(v=n(v,p>2?arguments[2]:void 0,2)),void 0==b||h==Array&&a(b))for(e=l(d.length),i=new h(e);e>y;y++)u(i,y,m?v(d[y],y):d[y]);else for(f=b.call(d),i=new h;!(o=f.next()).done;y++)u(i,y,m?r(f,v,[o.value,y],!0):o.value);return i.length=y,i}})},function(t,e,i){"use strict";var n=i(14),o=i(32);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(23),i(5),i(8)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(35),i(2),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(o);e.default={name:"cube-select",mixins:[a.default],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,r.default)(t))&&(t={value:t,text:t}),t})]},valueIndex:function(){var t=this.value,e=(0,n.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:""},_placeholder:function(){return this.placeholder||this.$t("selectText")},_title:function(){return this.title||this.$t("selectText")},_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}},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})},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:[]}},function(t,e,i){"use strict";function n(t){return(t+"").replace(y,function(t,e){return e?e.toUpperCase():""})}function o(t,e){return(t+"").replace(new RegExp("[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\"+(e||"")+"-]","g"),"\\$&")}function s(t){return"boolean"==typeof t}function r(t){return void 0===t}function a(t){return"string"==typeof t}function l(t){return"function"==typeof t}function u(t,e){if(!t)throw new Error("[vue-create-api error]: "+e)}function c(t,e,i,n,o){var s=void 0,r=void 0,a=new t(m({},o,{render:function(t){var i=r&&r(t);return i&&!Array.isArray(i)&&(i=[i]),t(e,m({},s),i||[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),this.$el&&this.$el.parentNode===document.body&&document.body.removeChild(this.$el)}}}));a.updateRenderData=function(t,e){s=t,r=e},a.updateRenderData(i,n),a.$mount(),a.init();var l=a.$children[0];return l.$updateProps=function(t){m(s.props,t),a.$forceUpdate()},l}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=d(e);var i=m({},t),n={};for(var o in e)if(e.hasOwnProperty(o)){var s=e[o];i[s]&&(n[o]=i[s],delete i[s])}return{props:i,on:n}}function d(t){var e={};return t.forEach(function(t){e[t]=n("on-"+t)}),e}function h(t){function e(e,i,n,o){v.forEach(function(t){t(e,i,o)});var s=n.parent?n.parent._uid:-1,r=p[s]?p[s]:{},a=r.comp,l=r.ins;if(o&&a&&l)return l.updateRenderData(e,i),l.$forceUpdate(),a;var u=c(h,t,e,i,n),f=u.$parent,d=u.remove;u.remove=function(){if(o){if(!p[s])return;p[s]=null}d&&d.apply(this,arguments),f.destroy()};var m=u.show;u.show=function(){return m&&m.apply(this,arguments),this};var y=u.hide;return u.hide=function(){return y&&y.apply(this,arguments),this},o&&(p[s]={comp:u,ins:f}),u}function i(t,e,i,n){var o=e.props.$props;if(o){delete e.props.$props;var s=[],r=[];if(Object.keys(o).forEach(function(i){var n=o[i];a(n)&&n in t?(e.props[i]=t[n],s.push(i),r.push(n)):e.props[i]=n}),i){var l=t.$watch(function(){var e={};return s.forEach(function(i,n){e[i]=t[r[n]]}),e},n);t.__unwatchFns__.push(l)}}}function n(t,e){var i=t.props.$events;i&&(delete t.props.$events,Object.keys(i).forEach(function(n){var o=i[n];"string"==typeof o&&(o=e[o]),t.on[n]=o}))}function o(t){var e=t.props;Object.keys(e).forEach(function(i){"$"===i.charAt(0)&&(t[i.slice(1)]=e[i],delete e[i])})}function s(t){t.__unwatchFns__&&(t.__unwatchFns__.forEach(function(t){t()}),t.__unwatchFns__=null)}var u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],d=arguments.length>2&&void 0!==arguments[2]&&arguments[2],h=this,p={},v=[];return{before:function(t){v.push(t)},create:function(t,a,c){function h(){s(p),g.remove(),g=null}!l(a)&&r(c)&&(c=a,a=null),r(c)&&(c=d);var p=this,v=!!p.$on,m={};v&&(m.parent=p,p.__unwatchFns__||(p.__unwatchFns__=[]));var y=f(t,u),g=null;return i(p,y,v,function(t){g&&g.$updateProps(t)}),n(y,p),o(y),g=e(y,a,m,c),v&&p.$on(b,h),g}}}function p(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.componentPrefix,n=void 0===i?"":i,o=e.apiPrefix,r=void 0===o?"$create-":o;t.createAPI=function(e,i,o){s(i)&&(o=i,i=[]);var a=h.call(this,e,i,o),l=v(e,{componentPrefix:n,apiPrefix:r});return t.prototype[l]=e.$create=a.create,a}}function v(t,e){var i=e.componentPrefix,s=e.apiPrefix,r=t.name;u(r,"Component must have name while using create-api!");var a=new RegExp("^"+o(i),"i");return""+n(""+s+r.replace(a,""))}Object.defineProperty(e,"__esModule",{value:!0});/**
  * vue-create-api v0.2.3
  * (c) 2019 ustbhuangyi
  * @license MIT
  */
-var m=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},y=/-(\w)/g,b="hook:beforeDestroy",g={install:p,instantiateComponent:c,version:"0.2.3"};e.default=g},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(102)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},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,n=e.target,o=!!n.checked;if(Array.isArray(i)){var s=t._i(i,null);n.checked?s<0&&(t.checkboxValue=i.concat([null])):s>-1&&(t.checkboxValue=i.slice(0,s).concat(i.slice(s+1)))}else t.checkboxValue=o}}}),t._v(" "),i("i",{staticClass:"cube-switch-ui"}),t._v(" "),i("span",{staticClass:"cube-switch-label"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(103),i(104)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(104)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=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:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":t.index<=t.$parent.tempValue}},[t._t("default",[i("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(69),i(6),i(70)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n);r.default.install=function(t){t.component(r.default.name,r.default),a.default.install(t),r.default._base=t},r.default.addRule=o.addRule,r.default.addMessage=o.addMessage,r.default.addType=o.addType,r.default.addHelper=a.default.addHelper,e.default=r.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(35),i(20),i(2),i(70),i(11),i(260)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(r),d=l(a);e.default={name:"cube-validator",mixins:[f.default],props:{model:{required:!0},modelKey:{type:String,default:""},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:{targetModel:function(){var t=this.modelKey,e=this.model;return t?e[t]:e},invalid:function(){var t=this.valid;return(0,o.isUndef)(t)?void 0:!t},isDisabled:function(){var t=this.disabled,e=(0,c.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},targetModel:{handler:function(){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},sync:!0},rules:function(){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,o.cb2PromiseWithResolve)(t);if(e&&(t=e.resolve),this.isDisabled)return t&&t(this.valid),e;this._validateCount++;var i=this._validateCount,n=this.targetModel,r=this.rules,a=r.type,l=[],c=!0;if(r.required||(c=s.rules.required(n,!0,a)),c){for(var f in r)!function(t){var e=r[t],i=void 0;i=(0,o.isFunc)(e)?e(n,r[t],a):!s.rules[t]||s.rules[t](n,r[t],a),l.push(function(e){var n=function(i){e({key:t,valid:!0===i,ret:i})},s=function(i){e({key:t,valid:!1,ret:i})};"object"===(void 0===i?"undefined":(0,u.default)(i))&&(0,o.isFunc)(i.then)?i.then(n).catch(s):(0,o.isFunc)(i)?i(n,s):e({key:t,valid:!0===i,ret:i})})}(f)}return this._checkTasks(l,i,t),e},_checkTasks:function(t,e,i){var n=this,s=this.rules,r=!0,a={},l=!0;this.validating=!0;var u=this.targetModel;(0,o.parallel)(t,function(t){n._validateCount===e&&(n.validating=!1,t.forEach(function(t){var e=t.key,i=t.valid,l=t.ret,c=n.messages[e]?(0,o.isFunc)(n.messages[e])?n.messages[e](l,i):n.messages[e]:n.findMessage(e,s[e],s.type,u);r&&!i&&(r=!1,n.msg=c),a[e]={valid:i,invalid:!i,message:c}}),l||n.$emit("validated",r),n._updateModel(r,a),i&&i(n.valid))}),this.validating&&(l=!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")},findMessage:function(t,e,i,n){var s=this.$cubeMessages,r=this.$cubeLang,a=s[r].validator[t];return a?(0,o.isString)(a)?a:(0,o.isFunc)(a)?a(e):(a[i]||(i=(0,o.isArray)(n)?"array":void 0===n?"undefined":(0,u.default)(n)),"function"==typeof a[i]?a[i](e):(0,d.default)(a[i],e)):""}}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(20),i(35),i(2),i(105)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.addRule=t.rules=void 0;var r=s(e),a=s(i),l={required:function(t,e,i){return i=i||(Array.isArray(t)?"array":void 0===t?"undefined":(0,a.default)(t)),"array"===i&&Array.isArray(t)?t.length>0:""!==t&&void 0!==t&&null!==t},type:function(t,e){return!o.types[e]||o.types[e](t)},min:function(t,e,i){return i=i||(void 0===t?"undefined":(0,a.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,a.default)(t)),"number"===i||"date"===i?Number(t)<=e:t.length<=e},len:function(t,e,i){i=i||(void 0===t?"undefined":(0,a.default)(t));var n=t;return void 0===n.length&&(n="object"===i?(0,r.default)(n):String(n)),n.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)}},u=(0,n.createAddAPI)(l);t.rules=l,t.addRule=u})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(23),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(){for(var t=this._base.prototype,e=t.$cubeLang,n=t.$cubeMessages[e].validator,s=arguments.length,r=Array(s),a=0;a<s;a++)r[a]=arguments[a];"string"==typeof r[0]&&(r[0]=(0,o.default)({},r[0],r[1])),(0,i.deepAssign)(n,r[0])}Object.defineProperty(t,"__esModule",{value:!0}),t.addMessage=void 0;var o=function(t){return t&&t.__esModule?t:{default:t}}(e);t.addMessage=n})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(2),i(7),i(78)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.replace(l,function(t,o,s){var l=o.split("|").slice(1).map(function(t){return t.trim()}),u=l.length,c=e;return u&&l.forEach(function(t){var e=r(t),o=e.fnName,s=e.args;s.unshift(c),(0,i.isFunc)(a.default.helpers[o])?c=a.default.helpers[o].apply(null,s):((0,n.warn)('A helper function named "'+o+'" is not registered, please register it by Validator.addHelper()'),c="")}),c})}function r(t){var e=t.indexOf("("),i=t.indexOf(")"),n="",o=[];if(e===c)o=[],n=t;else if(e!==c&&i!==c){var s=t.slice(e+1,i);o=s.split(",").map(function(t){return t.trim().replace(u,"")}),n=t.slice(0,e)}return{fnName:n,args:o}}Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(o),l=/\{\{((?:.|\n)+?)\}\}/g,u=/['"]/g,c=-1;e.default=s,t.exports=e.default})},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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(106),i(107),i(109)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Btn=a.default,r.default.File=l.default,e.default=r.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(107),i(109),i(271),i(108),i(71)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s);e.default={name:"cube-upload",mixins:[f.default],props:{value:{type:Array,default:function(){return[]}},action:{type:[String,Object],default:""},max:{type:Number,default:10},auto:{type:Boolean,default:!0},simultaneousUploads:{type:Number,default:1},processFile:{type:Function,default:function(t,e){e(t)}}},data:function(){return{files:this.value,paused:!this.auto}},computed:{actionOptions:function(){var t=this.action;return"string"==typeof t?t?{target:t}:null:t},isShowBtn:function(){return this.files.length<this.max}},watch:{value:function(t){this.files=t},files:function(t){this.$emit("input",t)}},methods:{addFiles:function(t){var e=this;this.$emit("files-added",t);for(var i=this.files.length,n=[],o=this.max-i,s=0,a=t[s];n.length<o&&a;)a.ignore||(n.push(a),this.files.push((0,r.newFile)())),a=t[++s];(0,r.processFiles)(n,this.processFile,function(t,n){e.$set(e.files,i+n,t),e.$emit("file-submitted",t)},function(){e.$nextTick(function(){e.upload()})})},removeFile:function(t){this.$emit("file-removed",t),t._xhr&&t._xhr.abort(),t.url&&r.URL.revokeObjectURL(t.url);var e=this.files.indexOf(t);this.files.splice(e,1),this.upload()},fileClick:function(t,e){this.$emit("file-click",t,e)},upload:function(t){var e=this,i=this.actionOptions;if(!this.paused&&i)for(var n=this.files.length,o=0,s=0;s<n&&o<this.simultaneousUploads;)!function(){var n=e.files[s],a=n.status;a===r.STATUS_READY||t&&a===r.STATUS_ERROR&&n._retryId!==e.retryId?((0,c.default)(n,i,function(i){a===r.STATUS_ERROR&&(i._retryId=e.retryId),e.$emit(i.status===r.STATUS_SUCCESS?"file-success":"file-error",i),e.upload(t)}),o++):a===r.STATUS_UPLOADING&&o++,s++}()},start:function(){this.paused=!1,this.upload()},pause:function(){this.paused=!0,this.files.forEach(function(t){t.status===r.STATUS_UPLOADING&&(t._xhr.abort(),t.status=r.STATUS_READY)})},retry:function(){this.retryId=Date.now(),this.paused=!1,this.upload(!0)}},components:{UploadBtn:l.default,UploadFile:u.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(108)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-upload-btn",mixins:[n.default],methods:{changeHandler:function(t){var e=t.currentTarget,i=e.files;i&&(this.$parent.addFiles(i),e.value=null)}}},t.exports=e.default})},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")])}]}},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(71)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={success:"cubeic-right",error:"cubeic-warn"};e.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileCls:function(){return"cube-upload-file_"+this.file.status},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 n[t]},fileProgress:function(){return this.statusCls?"100%":Math.min(Math.floor(100*this.file.progress),99)+"%"}},methods:{clickHandler:function(){this.$emit("click",this.file)},removeFile:function(){this.$parent.removeFile(this.file)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-file",class:t.fileCls,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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(71)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e,i){function o(e){clearTimeout(T),T=0,t.progress=1,t.status=e,i&&i(t)}function r(){var e=S.responseText||S.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=S.getAllResponseHeaders()}var a=e.target,l=e.headers,u=void 0===l?{}:l,c=e.data,f=void 0===c?{}:c,d=e.fileName,h=void 0===d?"file":d,p=e.withCredentials,v=e.timeout,m=e.prop,y=void 0===m?"file":m,b=e.progressInterval,g=void 0===b?100:b,_=e.checkSuccess,x=void 0===_?function(){return!0}:_,w=(0,n.evalOpts)(a,t);t.progress=0,t.status=n.STATUS_UPLOADING;var S=new window.XMLHttpRequest;t._xhr=S;var T=0;if(S.upload){var P=Date.now();S.upload.onprogress=function(e){function i(){t.progress=e.loaded/e.total,P=Date.now()}if(e.total>0)if(T){clearTimeout(T);var n=Date.now(),o=n-P;o>=g?i():T=setTimeout(i,o)}else i(),T=1}}var M=new window.FormData,k=(0,n.evalOpts)(f,t);(0,s.default)(k).forEach(function(t){M.append(t,k[t])}),M.append(h,t[y]),S.onload=function(){if(S.status<200||S.status>=300)return void o(n.STATUS_ERROR);r();var e=t.response;if(x.length<=2){o(x(e,t)?n.STATUS_SUCCESS:n.STATUS_ERROR)}else x(e,t,function(t){o(t?n.STATUS_SUCCESS:n.STATUS_ERROR)})},S.onerror=function(){r(),o(n.STATUS_ERROR)},S.ontimeout=function(){r(),o(n.STATUS_ERROR)},S.open("POST",w,!0),p&&(S.withCredentials=!0);var C=(0,n.evalOpts)(u,t);(0,s.default)(C).forEach(function(t){S.setRequestHeader(t,C[t])}),v>0&&(S.timeout=v),S.send(M)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},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,n){return i("upload-file",{key:n,attrs:{file:e},on:{click:function(i){t.fileClick(e,n)}}})}),t._v(" "),i("upload-btn",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn,expression:"isShowBtn"}],attrs:{multiple:t.multiple,accept:t.accept}})],2)])],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(274),i(110),i(111),i(6),i(69),i(70)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(o),d=l(s),h=l(r);u.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),t.component(f.default.name,f.default),t.component(h.default.name,h.default),d.default.install(t),h.default._base=t},u.default.Group=c.default,u.default.Item=f.default,u.default.Validator=h.default,h.default.addRule=a.addRule,h.default.addMessage=a.addMessage,h.default.addType=a.addType,h.default.addHelper=d.default.addHelper,e.default=u.default,t.exports=e.default})},function(t,e,i){function n(t){i(275)}var o=i(0)(i(276),i(289),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(12),i(2),i(110),i(113),i(114)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(s),f=l(r),d=l(a);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:f.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1},submitAlwaysValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{fieldsModel:function(){var t={};return this.fields.forEach(function(e){e.isBtnField||(t[e.fieldValue.modelKey]=e.modelValue)}),t},groups:function(){var t=this.schema,e=t.groups||[];return t.fields&&e.unshift({fields:t.fields}),e},fieldsData:function(){return this.groups.reduce(function(t,e){return e.fields.reduce(function(t,e){return t.push(e),t},t),t},[])},layout:function(){var t=this.options;return t&&t.layout||f.default.STANDARD},formClass:function(){var t=this.invalid,e=this.valid,i=this.layout;return{"cube-form_standard":i===f.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===f.default.CLASSIC,"cube-form_fresh":i===f.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(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.skipValidate=t,(0,n.dispatchEvent)(this.$refs.form,"submit"),this.skipValidate=!1},reset:function(){(0,n.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(t){var e=this;if(this.syncValidatorValues(),this.skipValidate)return void this.$emit("submit",t,this.model,this.fieldsModel);var i=function(i){i?(e.$emit("valid",e.validity),e.$emit("submit",t,e.model,e.fieldsModel)):(e.options.scrollToInvalidField&&e.firstInvalidField&&e.firstInvalidField.$el.scrollIntoView(),t.preventDefault(),e.$emit("invalid",e.validity))};this.submitAlwaysValidate||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(){t&&t(e.valid)})},_reset:function(){this.fields.forEach(function(t){t.reset()}),this.setValidity(),this.setValidating(),this.setPending()},syncValidatorValues:function(){this.fields.forEach(function(t){t.syncValidatorValue()})},validate:function(t){var e=this,i=(0,o.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var n=0,s=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(i){i.validate(function(){++n===s&&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,n){var o=this.validity[t];o&&o.valid===e&&o.result===i&&o.dirty===n||this.setValidity(t,{valid:e,result:i,dirty:n})},setValidity:function(t,e){var i={};t&&((0,u.default)(i,this.validity),void 0===e?delete i[t]:i[t]=e);var n=!1,o=!1,s=!0,r="";this.fields.forEach(function(t){var e=t.fieldValue.modelKey;if(e){var a=i[e];a?(a.dirty&&(n=!0),!1===a.valid?s=!1:s&&!a.valid&&(s=a.valid),o||!1!==a.valid||(o=!0,r=e)):t.hasRules&&(s&&(s=void 0),i[e]={valid:void 0,result:{},dirty:!1})}}),this.validity=i,this.dirty=n,this.originValid=s,this.setFirstInvalid(r),this.validatedCount++},setFirstInvalid:function(t){var e=this;if(!t)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(i,n){if(i.fieldValue.modelKey===t)return e.firstInvalidField=i,e.firstInvalidFieldIndex=n,!0})},addField:function(t){var e=this.fieldsData.indexOf(t.field);this.fields.splice(e,0,t);var i=t.fieldValue.modelKey;i&&this.setValidity(i)},destroyField:function(t){var e=this.fields.indexOf(t);this.fields.splice(e,1);var i=t.fieldValue.modelKey;i&&this.setValidity(i)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:c.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(111)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=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:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(23),i(281),i(2),i(69),i(113),i(285),i(114),i(286)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=f(i),h=f(n),p=f(r),v=f(a),m=f(u),y=f(c);y.default.CubeValidator=p.default;e.default={name:"cube-form-item",mixins:[m.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,validatorModelKey:"value",modelValue:e,validatorModel:(0,h.default)({},"value",e)}},computed:{fieldValue:function(){return(0,o.processField)(this.field)},hasRules:function(){return(0,d.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,n="cube-"+i;return y.default[n]?n:i}},watch:{modelVal:function(t){this.modelValue!==t&&(this.modelValue=t)},modelValue:{handler:function(t){this.form.model[this.fieldValue.modelKey]=t,this.updateValidatorModel()},sync:!0},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,s.debounce)(function(e){return t.syncValidatorValue(),t.validate(),e},e,!1,this.validatorModel[this.validatorModelKey]))},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.validate()},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.validatorModelKey]:(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.validatorModelKey]=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},syncValidatorValue:function(){this.pending=!1,this.validatorModel[this.validatorModelKey]=this.modelValue,this.form.updatePending()},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,s.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var n=this.$refs.validator;return n?n.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,l.getResetValueByType)(e.type);this.validatorDisabled=!0,(0,s.resetTypeValue)(this,"modelValue",i),this.syncValidatorValue(),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){t.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===v.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:y.default},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(112),i(282)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function o(t){var e=(0,s.default)({},t);return(0,r.default)(e),e}Object.defineProperty(t,"__esModule",{value:!0}),t.processField=void 0;var s=n(e),r=n(i);t.processField=o})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(283),i(284)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t){var e=s[t.type];e&&e(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s={submit:function(t){(0,n.toButtonHandler)(t,"submit")},reset:function(t){(0,n.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})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e,i){var n=t.rules&&t.rules[e];"custom"!==e&&n&&"function"!=typeof n&&(t.rules[e]=i)},i=function(t){return function(i,n){return e(i,t,n)}}("required"),n=function(t){return i(t,function(t){return!1!==t})},o=function(t){return i(t,function(t){return t>0})};t.boolRequiredHandler=n,t.numberGT0RequiredHandler=o})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(48),i(27),i(90),i(92),i(49),i(65),i(94),i(103),i(101),i(102),i(96),i(106)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f,d,h){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=p(i),m=p(n),y=p(o),b=p(s),g=p(r),_=p(a),x=p(l),w=p(u),S=p(c),T=p(f),P=p(d),M=p(h),k=[v.default,m.default,y.default,b.default,g.default,_.default,x.default,w.default,S.default,T.default,P.default,M.default],C={};k.forEach(function(t){C[t.name]=t}),e.default=C,t.exports=e.default})},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._g(t._b({},"cube-button",t.fieldValue.props,!1),t.fieldValue.events),[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,"model-key":t.validatorModelKey,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:[]}},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:t.key||e,attrs:{field:t}})}))],2)])},staticRenderFns:[]}},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:t.key||e,attrs:{fields:t.fields,legend:t.legend}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(28),i(291)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),(0,r.default)(t,s.default)},e.default=s.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38),i(293),i(297)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);a.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),(0,l.default)(t,a.default)},a.default.Loading=r.default,e.default=a.default,t.exports=e.default})},function(t,e,i){function n(t){i(294)}var o=i(0)(i(295),i(296),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38),i(28),i(5),i(8)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);e.default={name:"cube-toast",mixins:[u.default,c.default],props:{type:{type:String,default:"loading"},icon:{type:String,default:""},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3},zIndex:{type:Number,default:900}},computed:{iconClass:function(){var t=[];this.icon&&t.push(this.icon);var e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},i=e[this.type];return i&&t.push(i),t},isLoading:function(){return"loading"===this.type}},methods:{maskClick:function(){this.maskClosable&&this.hide()},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:l.default,CubeLoading:a.default}},t.exports=e.default})},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},on:{"mask-click":t.maskClick}},[!t.isLoading&&t.iconClass.length?i("i",{staticClass:"cube-toast-icon",class:t.iconClass}):t._e(),t._v(" "),t.isLoading?i("cube-loading"):t._e(),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip",domProps:{innerHTML:t._s(t.txt)}})],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["timeout"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),l.default.install(t),(0,a.default)(t,r.default)},e.default=r.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(52),i(72),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);u.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),d.default.install(t),(0,f.default)(t,l.default),(0,c.default)(t,u.default)},u.default.Picker=l.default,e.default=u.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(5),i(8),i(100),i(40),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(o),d=l(s),h=l(r),p=l(a);e.default={name:"cube-cascade-picker",mixins:[c.default,f.default,d.default,h.default,p.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(52),i(303),i(306),i(72),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(n),d=u(o),h=u(s),p=u(r),v=u(a),m=u(l);d.default.install=function(t){t.component(c.default.name,c.default),t.component(f.default.name,f.default),t.component(d.default.name,d.default),m.default.install(t),(0,v.default)(t,c.default),(0,p.default)(t,f.default),(0,h.default)(t,d.default)},d.default.Picker=c.default,f.default.Picker=c.default,d.default.CascadePicker=f.default,e.default=d.default,t.exports=e.default})},function(t,e,i){var n=i(0)(i(304),i(305),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(13),i(5),i(8),i(40),i(11),i(2),i(47)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}function f(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var d=c(i),h=c(n),p=c(o),v=c(s),m=c(r),y=c(a),b=["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}},_={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[p.default,v.default,m.default,y.default],props:{min:{type:[Date,Array],default:function(){return new Date(2010,0,1)}},max:{type:[Date,Array],default:function(){return[(new Date).getFullYear()+1,12,31,23,59,59]}},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}},columnOrder:{type:Array,default:function(){return["year","month","date","hour","minute","second"]}}},computed:{formatConfig:function(){var t=(0,h.default)({},_);return(0,l.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,d.default)(e).forEach(function(i){e[i]=t._range(i,g[i].natureMin,g[i].natureMax)}),e},startIndex:function(){var t=b.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?f(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?f(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?f(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,n=void 0,o=0;o<this.columnCount&&o<6-this.startIndex;o++)!function(o){n=(0,l.findIndex)(i,function(e){return t.valueArray[o]&&e.value===t.valueArray[o]}),e[o]=-1!==n?n:0,i=i[e[o]]&&i[e[o]].children}(o);return e}},methods:{_select:function(t,e,i){this.$emit("select",this._arrayToDate(t),t,i)},_cancel:function(){this.$emit("cancel")},_change:function(t,e){this.$emit("change",t,e)},_generateData:function(t,e,i){var n=this;if(0===e){var o=0===t?this.minArray[0]:Math.max(this.minArray[0],g[b[t]].natureMin),s=0===t?this.maxArray[0]:Math.min(this.maxArray[0],g[b[t]].natureMax);i.push.apply(i,this._range(b[t],o,s,!0,!0))}else if(t<3||i.isMin||i.isMax){var r=2===t?(0,u.computeNatureMaxDay)(i.value,i.year):g[b[t]].natureMax,a=i.isMin?Math.max(this.minArray[e],g[b[t]].natureMin):g[b[t]].natureMin,l=i.isMax?Math.min(this.maxArray[e],r):r,c=1===t&&0===this.startIndex&&this.columnCount>=3&&i.value;i.children=this._range(b[t],a,l,i.isMin,i.isMax,c)}else i.children=this.natureRangeCache[b[t]];e<this.columnCount-1&&t<5&&(i.children||i).forEach(function(i){(!i.children||i.isMin||i.isMax)&&n._generateData(t+1,e+1,i)})},_arrayToDate:function(t){for(var e=[],i=f(new Date(0)),n=0;n<6;n++)n<this.startIndex?e[n]=i[n]:n>=this.startIndex+this.columnCount?e[n]=g[b[n]].natureMin:e[n]=t[n-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,i,n,o){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this._rangeCache||(this._rangeCache={});var r=t+s+e+i+n+o;if(this._rangeCache[r])return this._rangeCache[r];for(var a=[],l=this.formatConfig[t],c=e;c<=i;c++){var f={text:(0,u.formatType)(t,l,c,"i"),value:c,order:this.columnOrder.indexOf(t)};n&&c===e&&(f.isMin=!0),o&&c===i&&(f.isMax=!0),s&&(f.year=s),a.push(f)}return this._rangeCache[r]=a,a}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{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,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(308),i(311),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);u.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),d.default.install(t),(0,f.default)(t,l.default),(0,c.default)(t,u.default)},u.default.Picker=l.default,e.default=u.default,t.exports=e.default})},function(t,e,i){var n=i(0)(i(309),i(310),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(50),i(35),i(13),i(47),i(5),i(8),i(40),i(11),i(52),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=d(i),p=d(n),v=d(o),m=d(r),y=d(a),b=d(l),g=d(u),_=d(c),x={value:"now"},w={floor:"floor",ceil:"ceil",round:"round"};e.default={name:"cube-time-picker",mixins:[m.default,y.default,b.default,g.default],components:{CubeCascadePicker:_.default},props:{title:{type:String,default:""},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3}}},showNow:{type:[Boolean,Object],default:!0},minuteStep:{type:[Number,Object],default:10},format:{type:String,default:"YYYY/M/D hh:mm"},min:{type:[Date,Number],default:null},max:{type:[Date,Number],default:null}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{_title:function(){return this.title||this.$t("selectTime")},_day:function(){var t={filter:[this.$t("today")],format:this.$t("formatDate")};return(0,v.default)({},t,this.day)},nowText:function(){var t=this.$t("now");return this.showNow&&this.showNow.text||t},minuteStepRule:function(){var t=this.minuteStep;return"object"===(void 0===t?"undefined":(0,p.default)(t))&&Math[w[t.rule]]||Math[w.floor]},minuteStepNumber:function(){var t=this.minuteStep;return"number"==typeof t?t:t.step||10},minTime:function(){var t=+this.min||+this.now+this.delay*s.MINUTE_TIMESTAMP,e=new Date(t).getMinutes();return t+=(Math.min(this.minuteStepRule(e/this.minuteStepNumber)*this.minuteStepNumber,60)-e)*s.MINUTE_TIMESTAMP,new Date(t)},maxTime:function(){var t=+this.max||(0,s.getZeroStamp)(new Date(+this.minTime+this._day.len*s.DAY_TIMESTAMP))-1,e=new Date(t).getMinutes();return t-=(e-Math.floor(e/this.minuteStepNumber)*this.minuteStepNumber)*s.MINUTE_TIMESTAMP,new Date(t)},days:function(){for(var t=[],e=(0,s.getDayDiff)(this.minTime,this.now),i=this.max?(0,s.getDayDiff)(this.maxTime,this.minTime)+1:this._day.len,n=0;n<i;n++){var o=+this.minTime+n*s.DAY_TIMESTAMP;t.push({value:o,text:this._day.filter&&this._day.filter[e+n]||(0,s.formatDate)(new Date(o),this._day.format)})}return t},hours:function(){for(var t=[],e=0;e<24;e++)t.push({value:e,text:""+e+this.$t("hours"),children:this.minutes});return t},minutes:function(){for(var t=[],e=0;e<60;e+=this.minuteStepNumber)t.push({value:e,text:""+(0,s.pad)(e)+this.$t("minutes")});return t},cascadeData:function(){var t=this,e=this.days.slice();if(this.maxTime-this.minTime<=-6e4)return(0,f.warn)("The max is smaller than the min optional time.","cube-time-picker"),[];e.forEach(function(i,n){var o=0===n,s=n===e.length-1;if(!o&&!s)return void(i.children=t.hours);for(var r=[],a=o?t.minTime.getHours():0,l=s?t.maxTime.getHours():23,u=a;u<=l;u++){var c=o&&u===a,f=s&&u===l;if(c||f){var d=c?Math.round(t.minTime.getMinutes()/t.minuteStepNumber):0,h=f?Math.round(t.maxTime.getMinutes()/t.minuteStepNumber):Math.floor(59/t.minuteStepNumber),p=t.minutes.slice(d,h+1);r.push({value:u,text:""+u+t.$t("hours"),children:p})}else r.push({value:u,text:""+u+t.$t("hours"),children:t.minutes})}i.children=r});var i=(0,s.getDayDiff)(this.minTime,this.now);if(this.showNow&&i<=0){var n=Math.abs(i),o=e[n];o&&(o.children=[].concat((0,h.default)(o.children)),o.children.unshift({value:x.value,text:this.nowText,children:[]}))}return e}},methods:{show:function(){this.isVisible||(this.isVisible=!0,this._updateNow(),this._updateSelectedIndex())},setTime:function(t){this.value=t,this.isVisible&&this._updateSelectedIndex()},_updateSelectedIndex:function(){var t=this.value,e=this.minTime;if(t<(this.min||0===this.min?+e:Math.floor(e/s.MINUTE_TIMESTAMP)*s.MINUTE_TIMESTAMP))this.selectedIndex=[0,0,0];else{var i=new Date(t),n=(0,s.getDayDiff)(i,e);if(n>=this.days.length)return void(0,f.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var o=i.getHours(),r=0===n?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,a=o-r,l=this.minuteStepRule(i.getMinutes()/this.minuteStepNumber),u=n||(this.showNow?1!==a:a)?0:this.minuteStepRule(this.minTime.getMinutes()/this.minuteStepNumber),c=l-u;this.selectedIndex=[n,a,c]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,i){var n=void 0,o=void 0;t[1]===x.value?(n=+new Date,o=this.nowText):(n=(0,s.getZeroStamp)(new Date(t[0]))+t[1]*s.HOUR_TIMESTAMP+t[2]*s.MINUTE_TIMESTAMP,o=i[0]+" "+i[1]+":"+i[2]),this.value=n;var r=(0,s.formatDate)(new Date(n),this.format);this.$emit("select",n,o,r)},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(52),i(313),i(29),i(72),i(316),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(n),d=u(o),h=u(s),p=u(r),v=u(a),m=u(l);d.default.install=function(t){t.component(c.default.name,c.default),t.component(f.default.name,f.default),t.component(d.default.name,d.default),m.default.install(t),(0,h.default)(t,c.default),(0,p.default)(t,f.default),(0,v.default)(t,d.default)},d.default.Picker=c.default,f.default.Picker=c.default,d.default.CascadePicker=f.default,e.default=d.default,t.exports=e.default})},function(t,e,i){var n=i(0)(i(314),i(315),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(50),i(5),i(8),i(40),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);e.default={name:"cube-segment-picker",mixins:[u.default,c.default,f.default,d.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;t<this.data.length;t++){var e=this.$refs.pickers[t];if(e.$attrs.index===this.current)return e}},_nextTxt:function(){return this.nextTxt||this.$t("next")},_prevTxt:function(){return this.prevTxt||this.$t("prev")}},watch:{data:function(){this.current=0,this.selectedVal=[],this.selectedIndex=[],this.selectedText=[]}},methods:{show:function(){!this.isVisible&&this.data.length&&(this.isVisible=!0,this.currentPicker.show())},hide:function(){this.isVisible&&this.data.length&&(this.isVisible=!1,this.currentPicker.hide())},_select:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.selectedVal[this.current]=e[0],this.selectedIndex[this.current]=e[1],this.selectedText[this.current]=e[2],this.current<this.data.length-1?(this.$emit.apply(this,["next",this.current].concat((0,l.default)(e))),this.current++,this.currentPicker.show()):(this.isVisible=!1,this.$emit("select",this.selectedVal,this.selectedIndex,this.selectedText),this.current=0)},_cancel:function(){if(this.current>0){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["prev",this.current].concat((0,l.default)(e))),this.current--,this.currentPicker.show()}else this.isVisible=!1,this.$emit("cancel")},_change:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["change",this.current].concat((0,l.default)(e)))}}},t.exports=e.default})},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,n){return i(e.is||"cube-picker",t._b({key:n,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:n,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(n===t.data.length-1?t._confirmTxt:t._nextTxt),"cancel-txt":e.cancelTxt||(0===n?t._cancelTxt:t._prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,i){i&&(0,n.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(318),i(6),i(49),i(322)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);a.default.install=function(t){t.component(u.default.name,u.default),t.component(a.default.name,a.default),l.default.install(t),(0,c.default)(t,a.default)},a.default.Input=u.default,e.default=a.default,t.exports=e.default})},function(t,e,i){function n(t){i(319)}var o=i(0)(i(320),i(321),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(112),i(13),i(28),i(49),i(5),i(8),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(n),d=u(o),h=u(s),p=u(r),v=u(a),m=u(l),y={textType:"ok",active:!0,disabled:!1,href:"javascript:;"},b={textType:"cancel",active:!1,disabled:!1,href:"javascript:;"},g=function(t,e){"string"==typeof t&&(t={text:t});var i=e&&this.$t(e.textType);return(0,f.default)({},e,{text:i},t)};e.default={name:"cube-dialog",mixins:[p.default,v.default,m.default],props:{type:{type:String,default:"alert"},prompt:{type:Object,default:function(){return{value:"",placeholder:""}}},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,c.default)({},y)}},cancelBtn:{type:[Object,String],default:function(){return(0,c.default)({},b)}}},data:function(){return{defHref:"javascript:;",promptValue:this.prompt.value}},computed:{_confirmBtn:function(){return g.call(this,this.confirmBtn,y)},_cancelBtn:function(){return g.call(this,this.cancelBtn,b)},isConfirm:function(){return"confirm"===this.type},isPrompt:function(){return"prompt"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},watch:{"prompt.value":{handler:function(t){this.promptValue=t}}},methods:{maskClick:function(t){this.maskClosable&&this.cancel(t)},confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t,this.promptValue))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:d.default,CubeInput:h.default}},t.exports=e.default})},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},on:{"mask-click":t.maskClick}},[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"},[t.content?i("p",{domProps:{innerHTML:t._s(t.content)}}):t._e(),t._v(" "),t.isPrompt?i("cube-input",t._b({model:{value:t.promptValue,callback:function(e){t.promptValue=e},expression:"promptValue"}},"cube-input",t.prompt,!1)):t._e()],1)])],2),t._v(" "),i("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm||t.isPrompt}},[t._t("btns",[t.isConfirm||t.isPrompt?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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(324),i(328),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),l.default.install(t),(0,a.default)(t,r.default)},e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(325)}var o=i(0)(i(326),i(327),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(28),i(5),i(8),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);e.default={name:"cube-action-sheet",mixins:[l.default,u.default,c.default],props:{data:{type:Array,default:function(){return[]}},active:{type:Number,default:-1},title:{type:String,default:""},pickerStyle:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},cancelTxt:{type:String,default:""}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")}},methods:{maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},itemClick:function(t,e){this.hide(),this.$emit("select",t,e)}},components:{CubePopup:a.default}},t.exports=e.default})},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:{"mask-click":t.maskClick}},[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(t){t.stopPropagation()}}},[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,n){return i("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",n===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,n)}}})}))]),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(t._s(t._cancelTxt))])])])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["select","cancel"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(330),i(115),i(121)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Panel=a.default,r.default.Item=l.default,e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(331)}var o=i(0)(i(332),i(371),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(23),i(50),i(12),i(115),i(5),i(8)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(s),d=l(r),h=l(a),p=(0,o.prefixStyle)("transform");e.default={name:"cube-drawer",mixins:[d.default,h.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,c.default)(this.selectedIndex)),slideStyle:(0,u.default)({},p,"translate3d(0, 0, 0)")}},watch:{selectedIndex:function(t){this.selected=[].concat((0,c.default)(t))},index:function(t,e){this.showPanel(),t<e&&this.hidePanel()}},created:function(){this.panels=[]},methods:{show:function(){if(!this.isVisible){this.isVisible=!0;for(var t=this.data.length,e=0;e<t;e++)if(this.index=e,this.selected[e]<0||void 0===this.selected[e]){if(e>0){var i=e-1,n=this.selected[i];this.changeHandler(i,this.data[i][n],n)}break}this.computedStyle()}},hide:function(){this.slideStyle[p]="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<t;)this.panels[e].hide(),e++},computedStyle:function(){var t=this;this.$nextTick(function(){for(var e=0,i=0,n=t.index;i<=n;){var o=t.panels[i].$el;e+=o.offsetWidth;var s=window.getComputedStyle(o);e+=parseInt(s.marginLeft),e+=parseInt(s.marginRight),i++}t.slideStyle[p]="translate3d(-"+e+"px, 0, 0)"})},changeHandler:function(t,e,i){"string"==typeof e?(this.selectedVal[t]=e,this.selectedText[t]=e):(this.selectedVal[t]=e.value,this.selectedText[t]=e.text),this.$set(this.selected,t,i),t===this.data.length-1?(this.$emit("select",this.selectedVal,this.selected,this.selectedText),this.hide()):this.$emit("change",t,e,this.selectedVal,this.selected,this.selectedText)},drawerClick:function(){this.hide(),this.$emit("cancel")}},components:{CubeDrawerPanel:f.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(5),i(30),i(121)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-drawer-panel",mixins:[r.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:a.default,CubeDrawerItem:l.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(348),i(351),i(13),i(51),i(38),i(352),i(41),i(74),i(12),i(64),i(68)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f,d,h){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=p(i),m=p(n),y=p(o),b=p(s),g=p(r),_=p(a),x=p(l),w=p(u),S=p(c),T=["scroll","before-scroll-start","scroll-end"],P={observeDOM:!0,click:!0,probeType:1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1};e.default={name:"cube-scroll",mixins:[w.default,S.default],provide:function(){return{parentScroll:this}},inject:{parentScroll:{default:null}},props:{data:{type:Array,default:function(){return[]}},scrollEvents:{type:Array,default:function(){return[]},validator:function(t){return t.every(function(t){return-1!==T.indexOf(t)})}},listenScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},listenBeforeScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},direction:{type:String,default:"vertical"},refreshDelay:{type:Number,default:20},nestMode:{type:String,default:"none"}},data:function(){return{beforePullDown:!0,isPullingDown:!1,isPullUpLoad:!1,pullUpNoMore:!1,bubbleY:0,pullDownStyle:"",pullDownStop:40,pullDownHeight:60,pullUpHeight:0}},computed:{pullDownRefresh:function(){var t=this.options.pullDownRefresh;return t?(!0===t&&(t={}),(0,b.default)({stop:this.pullDownStop},t)):t},pullUpLoad:function(){return this.options.pullUpLoad},pullUpTxt:function(){var t=this.pullUpLoad,e=t&&t.txt,i=e&&e.more||"",n=e&&e.noMore||"";return this.pullUpNoMore?n:i},refreshTxt:function(){var t=this.pullDownRefresh;return t&&t.txt||"Refresh success"},finalScrollEvents:function(){var t=this.scrollEvents.slice();return t.length||(this.listenScroll&&t.push("scroll"),this.listenBeforeScroll&&t.push("before-scroll-start")),t},needListenScroll:function(){return-1!==this.finalScrollEvents.indexOf("scroll")||this.parentScroll}},watch:{data:function(){var t=this;setTimeout(function(){t.forceUpdate(!0)},this.refreshDelay)},pullDownRefresh:{handler:function(t,e){t&&(this.scroll.openPullDown(t),e||(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler())),!t&&e&&(this.scroll.closePullDown(),this._offPullDownRefresh(),this._pullDownRefreshChangeHandler())},deep:!0},pullUpLoad:{handler:function(t,e){t&&(this.scroll.openPullUp(t),e||(this._onPullUpLoad(),this._pullUpLoadChangeHandler())),!t&&e&&(this.scroll.closePullUp(),this._offPullUpLoad(),this._pullUpLoadChangeHandler())},deep:!0}},activated:function(){this.enable()},deactivated:function(){this.disable()},mounted:function(){var t=this;this.$nextTick(function(){t.initScroll()})},beforeDestroy:function(){this.destroy()},methods:{initScroll:function(){if(this.$refs.wrapper){this._calculateMinHeight();var t={scrollY:"vertical"===this.direction,scrollX:"horizontal"===this.direction,probeType:this.needListenScroll?3:1,useTransition:h.USE_TRANSITION},e=(0,b.default)({},P,t,this.options);this.scroll=new g.default(this.$refs.wrapper,e),this.parentScroll&&"none"!==this.nestMode&&this._handleNestScroll(),this._listenScrollEvents(),this.pullDownRefresh&&(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler()),this.pullUpLoad&&(this._onPullUpLoad(),this._pullUpLoadChangeHandler())}},disable:function(){this.scroll&&this.scroll.disable()},enable:function(){this.scroll&&this.scroll.enable()},refresh:function(){this._calculateMinHeight(),this.scroll&&this.scroll.refresh()},destroy:function(){this.scroll&&this.scroll.destroy(),this.scroll=null},scrollTo:function(){this.scroll&&this.scroll.scrollTo.apply(this.scroll,arguments)},scrollToElement:function(){this.scroll&&this.scroll.scrollToElement.apply(this.scroll,arguments)},clickItem:function(t){this.$emit("click",t)},forceUpdate:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,y.default)(m.default.mark(function n(){return m.default.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(!t.isPullDownUpdating){n.next=2;break}return n.abrupt("return");case 2:if(!t.pullDownRefresh||!t.isPullingDown){n.next=12;break}return t.isPullingDown=!1,t.isPullDownUpdating=!0,n.next=7,t._waitFinishPullDown();case 7:return t.isPullDownUpdating=!1,n.next=10,t._waitResetPullDown(e);case 10:n.next=13;break;case 12:t.pullUpLoad&&t.isPullUpLoad&&(t.isPullUpLoad=!1,t.scroll.finishPullUp(),t.pullUpNoMore=!e||i);case 13:e&&t.refresh();case 14:case"end":return n.stop()}},n,t)}))()},resetPullUpTxt:function(){this.pullUpNoMore=!1},_listenScrollEvents:function(){var t=this;this.finalScrollEvents.forEach(function(e){t.scroll.on((0,d.camelize)(e),function(){for(var i=arguments.length,n=Array(i),o=0;o<i;o++)n[o]=arguments[o];t.$emit.apply(t,[e].concat(n))})})},_handleNestScroll:function(){var t=this;this.$nextTick(function(){var e=t.scroll,i=t.parentScroll.scroll;[e,i].forEach(function(n,o,s){n.on("touchEnd",function(){i.enable(),e.enable(),e.initiated=!1}),n.on("beforeScrollStart",function(){t.touchStartMoment=!0;var e=s[(o+1)%2];e.stop(),e.resetPosition()})}),e.on("scroll",function(n){!e.initiated||e.isInTransition||"native"===t.nestMode&&!t.touchStartMoment||(t._checkReachBoundary(n)?(e.resetPosition(),e.disable(),i.pointX=e.pointX,i.pointY=e.pointY,i.enable()):i.disable(),t.touchStartMoment=!1)})})},_checkReachBoundary:function(t){var e=this.scroll.distX,i=this.scroll.distY,n=e>0?t.x>=this.scroll.minScrollX:e<0&&t.x<=this.scroll.maxScrollX,o=i>0?t.y>=this.scroll.minScrollY:i<0&&t.y<=this.scroll.maxScrollY,s=this.scroll.freeScroll,r=this.scroll.hasHorizontalScroll,a=this.scroll.hasVerticalScroll;if(!r&&!a)return!0;if(s)return n||o;var l=void 0;return this.scroll.movingDirectionX?l=n:this.scroll.movingDirectionY&&(l=o),l},_calculateMinHeight:function(){var t=this.$refs,e=t.wrapper,i=t.listWrapper,n=this.pullUpLoad,o=this.pullDownRefresh,s=0;if(o||n){s=(0,f.getRect)(e).height+1,n&&n.visible&&(s-=this.pullUpHeight)}i.style.minHeight=s+"px"},_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)},_pullDownRefreshChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullDownEleHeight(),t._calculateMinHeight()})},_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-this.pullDownHeight),this.pullDownStyle="top:"+Math.min(t.y-this.pullDownHeight,0)+"px"):(this.bubbleY=0,this.pullDownStyle="top:"+Math.min(t.y-this.pullDownStop,0)+"px")},_pullUpLoadChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullUpEleHeight(),t._calculateMinHeight()})},_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")},_waitFinishPullDown:function(t){var e=this,i=this.pullDownRefresh.stopTime,n=void 0===i?600:i;return new v.default(function(t){setTimeout(function(){e.scroll.finishPullDown(),t()},n)})},_waitResetPullDown:function(t){var e=this;return new v.default(function(t){e.resetPullDownTimer=setTimeout(function(){e.pullDownStyle="top: -"+e.pullDownHeight+"px",e.beforePullDown=!0,t()},e.scroll.options.bounceTime)})},_getPullDownEleHeight:function(){var t=this,e=this.$refs.pulldown;e&&(e=e.firstChild,this.pullDownHeight=(0,f.getRect)(e).height,this.beforePullDown=!1,this.isPullingDown=!0,this.$nextTick(function(){t.pullDownStop=(0,f.getRect)(e).height,t.beforePullDown=!0,t.isPullingDown=!1}))},_getPullUpEleHeight:function(){var t=this.$refs.listWrapper,e=t.nextElementSibling;if(!e)return void(this.pullUpHeight=0);this.pullUpHeight=(0,f.getRect)(e).height}},components:{Loading:_.default,Bubble:x.default}},t.exports=e.default})},function(t,e,i){i(87),i(36),i(46),i(338),i(346),i(347),t.exports=i(1).Promise},function(t,e,i){"use strict";var n,o,s,r,a=i(34),l=i(3),u=i(31),c=i(67),f=i(10),d=i(18),h=i(42),p=i(339),v=i(340),m=i(117),y=i(118).set,b=i(342)(),g=i(73),_=i(119),x=i(343),w=i(120),S=l.TypeError,T=l.process,P=T&&T.versions,M=P&&P.v8||"",k=l.Promise,C="process"==c(T),E=function(){},O=o=g.f,I=!!function(){try{var t=k.resolve(1),e=(t.constructor={})[i(4)("species")]=function(t){t(E,E)};return(C||"function"==typeof PromiseRejectionEvent)&&t.then(E)instanceof e&&0!==M.indexOf("6.6")&&-1===x.indexOf("Chrome/66")}catch(t){}}(),$=function(t){var e;return!(!d(t)||"function"!=typeof(e=t.then))&&e},D=function(t,e){if(!t._n){t._n=!0;var i=t._c;b(function(){for(var n=t._v,o=1==t._s,s=0;i.length>s;)!function(e){var i,s,r,a=o?e.ok:e.fail,l=e.resolve,u=e.reject,c=e.domain;try{a?(o||(2==t._h&&A(t),t._h=1),!0===a?i=n:(c&&c.enter(),i=a(n),c&&(c.exit(),r=!0)),i===e.promise?u(S("Promise-chain cycle")):(s=$(i))?s.call(i,l,u):l(i)):u(n)}catch(t){c&&!r&&c.exit(),u(t)}}(i[s++]);t._c=[],t._n=!1,e&&!t._h&&j(t)})}},j=function(t){y.call(l,function(){var e,i,n,o=t._v,s=V(t);if(s&&(e=_(function(){C?T.emit("unhandledRejection",o,t):(i=l.onunhandledrejection)?i({promise:t,reason:o}):(n=l.console)&&n.error&&n.error("Unhandled promise rejection",o)}),t._h=C||V(t)?2:1),t._a=void 0,s&&e.e)throw e.v})},V=function(t){return 1!==t._h&&0===(t._a||t._c).length},A=function(t){y.call(l,function(){var e;C?T.emit("rejectionHandled",t):(e=l.onrejectionhandled)&&e({promise:t,reason:t._v})})},R=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()),D(e,!0))},H=function(t){var e,i=this;if(!i._d){i._d=!0,i=i._w||i;try{if(i===t)throw S("Promise can't be resolved itself");(e=$(t))?b(function(){var n={_w:i,_d:!1};try{e.call(t,u(H,n,1),u(R,n,1))}catch(t){R.call(n,t)}}):(i._v=t,i._s=1,D(i,!1))}catch(t){R.call({_w:i,_d:!1},t)}}};I||(k=function(t){p(this,k,"Promise","_h"),h(t),n.call(this);try{t(u(H,this,1),u(R,this,1))}catch(t){R.call(this,t)}},n=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},n.prototype=i(344)(k.prototype,{then:function(t,e){var i=O(m(this,k));return i.ok="function"!=typeof t||t,i.fail="function"==typeof e&&e,i.domain=C?T.domain:void 0,this._c.push(i),this._a&&this._a.push(i),this._s&&D(this,!1),i.promise},catch:function(t){return this.then(void 0,t)}}),s=function(){var t=new n;this.promise=t,this.resolve=u(H,t,1),this.reject=u(R,t,1)},g.f=O=function(t){return t===k||t===r?new s(t):o(t)}),f(f.G+f.W+f.F*!I,{Promise:k}),i(45)(k,"Promise"),i(345)("Promise"),r=i(1).Promise,f(f.S+f.F*!I,"Promise",{reject:function(t){var e=O(this);return(0,e.reject)(t),e.promise}}),f(f.S+f.F*(a||!I),"Promise",{resolve:function(t){return w(a&&this===r?k:this,t)}}),f(f.S+f.F*!(I&&i(99)(function(t){k.all(t).catch(E)})),"Promise",{all:function(t){var e=this,i=O(e),n=i.resolve,o=i.reject,s=_(function(){var i=[],s=0,r=1;v(t,!1,function(t){var a=s++,l=!1;i.push(void 0),r++,e.resolve(t).then(function(t){l||(l=!0,i[a]=t,--r||n(i))},o)}),--r||n(i)});return s.e&&o(s.v),i.promise},race:function(t){var e=this,i=O(e),n=i.reject,o=_(function(){v(t,!1,function(t){e.resolve(t).then(i.resolve,n)})});return o.e&&n(o.v),i.promise}})},function(t,e){t.exports=function(t,e,i,n){if(!(t instanceof e)||void 0!==n&&n in t)throw TypeError(i+": incorrect invocation!");return t}},function(t,e,i){var n=i(31),o=i(97),s=i(98),r=i(15),a=i(56),l=i(66),u={},c={},e=t.exports=function(t,e,i,f,d){var h,p,v,m,y=d?function(){return t}:l(t),b=n(i,f,e?2:1),g=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(s(y)){for(h=a(t.length);h>g;g++)if((m=e?b(r(p=t[g])[0],p[1]):b(t[g]))===u||m===c)return m}else for(v=y.call(t);!(p=v.next()).done;)if((m=o(v,b,p.value,e))===u||m===c)return m};e.BREAK=u,e.RETURN=c},function(t,e){t.exports=function(t,e,i){var n=void 0===i;switch(e.length){case 0:return n?t():t.call(i);case 1:return n?t(e[0]):t.call(i,e[0]);case 2:return n?t(e[0],e[1]):t.call(i,e[0],e[1]);case 3:return n?t(e[0],e[1],e[2]):t.call(i,e[0],e[1],e[2]);case 4:return n?t(e[0],e[1],e[2],e[3]):t.call(i,e[0],e[1],e[2],e[3])}return t.apply(i,e)}},function(t,e,i){var n=i(3),o=i(118).set,s=n.MutationObserver||n.WebKitMutationObserver,r=n.process,a=n.Promise,l="process"==i(33)(r);t.exports=function(){var t,e,i,u=function(){var n,o;for(l&&(n=r.domain)&&n.exit();t;){o=t.fn,t=t.next;try{o()}catch(n){throw t?i():e=void 0,n}}e=void 0,n&&n.enter()};if(l)i=function(){r.nextTick(u)};else if(!s||n.navigator&&n.navigator.standalone)if(a&&a.resolve){var c=a.resolve(void 0);i=function(){c.then(u)}}else i=function(){o.call(n,u)};else{var f=!0,d=document.createTextNode("");new s(u).observe(d,{characterData:!0}),i=function(){d.data=f=!f}}return function(n){var o={fn:n,next:void 0};e&&(e.next=o),t||(t=o,i()),e=o}}},function(t,e,i){var n=i(3),o=n.navigator;t.exports=o&&o.userAgent||""},function(t,e,i){var n=i(17);t.exports=function(t,e,i){for(var o in e)i&&t[o]?t[o]=e[o]:n(t,o,e[o]);return t}},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(14),r=i(16),a=i(4)("species");t.exports=function(t){var e="function"==typeof o[t]?o[t]:n[t];r&&e&&!e[a]&&s.f(e,a,{configurable:!0,get:function(){return this}})}},function(t,e,i){"use strict";var n=i(10),o=i(1),s=i(3),r=i(117),a=i(120);n(n.P+n.R,"Promise",{finally:function(t){var e=r(this,o.Promise||s.Promise),i="function"==typeof t;return this.then(i?function(i){return a(e,t()).then(function(){return i})}:t,i?function(i){return a(e,t()).then(function(){throw i})}:t)}})},function(t,e,i){"use strict";var n=i(10),o=i(73),s=i(119);n(n.S,"Promise",{try:function(t){var e=o.f(this),i=s(t);return(i.e?e.reject:e.resolve)(i.v),e.promise}})},function(t,e,i){t.exports=i(349)},function(t,e,i){var n=function(){return this}()||Function("return this")(),o=n.regeneratorRuntime&&Object.getOwnPropertyNames(n).indexOf("regeneratorRuntime")>=0,s=o&&n.regeneratorRuntime;if(n.regeneratorRuntime=void 0,t.exports=i(350),o)n.regeneratorRuntime=s;else try{delete n.regeneratorRuntime}catch(t){n.regeneratorRuntime=void 0}},function(t,e){!function(e){"use strict";function i(t,e,i,n){var s=e&&e.prototype instanceof o?e:o,r=Object.create(s.prototype),a=new h(n||[]);return r._invoke=u(t,i,a),r}function n(t,e,i){try{return{type:"normal",arg:t.call(e,i)}}catch(t){return{type:"throw",arg:t}}}function o(){}function s(){}function r(){}function a(t){["next","throw","return"].forEach(function(e){t[e]=function(t){return this._invoke(e,t)}})}function l(t){function e(i,o,s,r){var a=n(t[i],t,o);if("throw"!==a.type){var l=a.arg,u=l.value;return u&&"object"==typeof u&&b.call(u,"__await")?Promise.resolve(u.__await).then(function(t){e("next",t,s,r)},function(t){e("throw",t,s,r)}):Promise.resolve(u).then(function(t){l.value=t,s(l)},r)}r(a.arg)}function i(t,i){function n(){return new Promise(function(n,o){e(t,i,n,o)})}return o=o?o.then(n,n):n()}var o;this._invoke=i}function u(t,e,i){var o=P;return function(s,r){if(o===k)throw new Error("Generator is already running");if(o===C){if("throw"===s)throw r;return v()}for(i.method=s,i.arg=r;;){var a=i.delegate;if(a){var l=c(a,i);if(l){if(l===E)continue;return l}}if("next"===i.method)i.sent=i._sent=i.arg;else if("throw"===i.method){if(o===P)throw o=C,i.arg;i.dispatchException(i.arg)}else"return"===i.method&&i.abrupt("return",i.arg);o=k;var u=n(t,e,i);if("normal"===u.type){if(o=i.done?C:M,u.arg===E)continue;return{value:u.arg,done:i.done}}"throw"===u.type&&(o=C,i.method="throw",i.arg=u.arg)}}}function c(t,e){var i=t.iterator[e.method];if(i===m){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=m,c(t,e),"throw"===e.method))return E;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return E}var o=n(i,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,E;var s=o.arg;return s?s.done?(e[t.resultName]=s.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=m),e.delegate=null,E):s:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,E)}function f(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function d(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function h(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(f,this),this.reset(!0)}function p(t){if(t){var e=t[_];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,n=function e(){for(;++i<t.length;)if(b.call(t,i))return e.value=t[i],e.done=!1,e;return e.value=m,e.done=!0,e};return n.next=n}}return{next:v}}function v(){return{value:m,done:!0}}var m,y=Object.prototype,b=y.hasOwnProperty,g="function"==typeof Symbol?Symbol:{},_=g.iterator||"@@iterator",x=g.asyncIterator||"@@asyncIterator",w=g.toStringTag||"@@toStringTag",S="object"==typeof t,T=e.regeneratorRuntime;if(T)return void(S&&(t.exports=T));T=e.regeneratorRuntime=S?t.exports:{},T.wrap=i;var P="suspendedStart",M="suspendedYield",k="executing",C="completed",E={},O={};O[_]=function(){return this};var I=Object.getPrototypeOf,$=I&&I(I(p([])));$&&$!==y&&b.call($,_)&&(O=$);var D=r.prototype=o.prototype=Object.create(O);s.prototype=D.constructor=r,r.constructor=s,r[w]=s.displayName="GeneratorFunction",T.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===s||"GeneratorFunction"===(e.displayName||e.name))},T.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,r):(t.__proto__=r,w in t||(t[w]="GeneratorFunction")),t.prototype=Object.create(D),t},T.awrap=function(t){return{__await:t}},a(l.prototype),l.prototype[x]=function(){return this},T.AsyncIterator=l,T.async=function(t,e,n,o){var s=new l(i(t,e,n,o));return T.isGeneratorFunction(e)?s:s.next().then(function(t){return t.done?t.value:s.next()})},a(D),D[w]="Generator",D[_]=function(){return this},D.toString=function(){return"[object Generator]"},T.keys=function(t){var e=[];for(var i in t)e.push(i);return e.reverse(),function i(){for(;e.length;){var n=e.pop();if(n in t)return i.value=n,i.done=!1,i}return i.done=!0,i}},T.values=p,h.prototype={constructor:h,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=m,this.done=!1,this.delegate=null,this.method="next",this.arg=m,this.tryEntries.forEach(d),!t)for(var e in this)"t"===e.charAt(0)&&b.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=m)},stop:function(){this.done=!0;var t=this.tryEntries[0],e=t.completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){function e(e,n){return s.type="throw",s.arg=t,i.next=e,n&&(i.method="next",i.arg=m),!!n}if(this.done)throw t;for(var i=this,n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],s=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var r=b.call(o,"catchLoc"),a=b.call(o,"finallyLoc");if(r&&a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(r){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!a)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(t,e){for(var i=this.tryEntries.length-1;i>=0;--i){var n=this.tryEntries[i];if(n.tryLoc<=this.prev&&b.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var s=o?o.completion:{};return s.type=t,s.arg=e,o?(this.method="next",this.next=o.finallyLoc,E):this.complete(s)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),E},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e];if(i.finallyLoc===t)return this.complete(i.completion,i.afterLoc),d(i),E}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e];if(i.tryLoc===t){var n=i.completion;if("throw"===n.type){var o=n.arg;d(i)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,i){return this.delegate={iterator:p(t),resultName:e,nextLoc:i},"next"===this.method&&(this.arg=m),E}}}(function(){return this}()||Function("return this")())},function(t,e,i){"use strict";e.__esModule=!0;var n=i(116),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){return function(){var e=t.apply(this,arguments);return new o.default(function(t,i){function n(s,r){try{var a=e[s](r),l=a.value}catch(t){return void i(t)}if(!a.done)return o.default.resolve(l).then(function(t){n("next",t)},function(t){n("throw",t)});t(l)}return n("next")})}}},function(t,e,i){var n=i(0)(i(353),i(354),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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 n=this.initRadius-(this.initRadius-this.minTailRadius)*e,o={x:this.headCenter.x,y:this.headCenter.y+this.distance},s={x:o.x-n,y:o.y},r={x:s.x,y:s.y-this.distance/2};t.quadraticCurveTo(r.x,r.y,s.x,s.y),t.arc(o.x,o.y,n,Math.PI,0,!0);var a={x:this.headCenter.x+i,y:this.headCenter.y},l={x:o.x+n,y:a.y+this.distance/2};t.quadraticCurveTo(l.x,l.y,a.x,a.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})},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:[]}},function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var o=i(356),s=n(o),r=i(359),a=n(r);e.default=function(){function t(t,e){var i=[],n=!0,o=!1,s=void 0;try{for(var r,l=(0,a.default)(t);!(n=(r=l.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){o=!0,s=t}finally{try{!n&&l.return&&l.return()}finally{if(o)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if((0,s.default)(Object(e)))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(t,e,i){t.exports={default:i(357),__esModule:!0}},function(t,e,i){i(46),i(36),t.exports=i(358)},function(t,e,i){var n=i(67),o=i(4)("iterator"),s=i(26);t.exports=i(1).isIterable=function(t){var e=Object(t);return void 0!==e[o]||"@@iterator"in e||s.hasOwnProperty(n(e))}},function(t,e,i){t.exports={default:i(360),__esModule:!0}},function(t,e,i){i(46),i(36),t.exports=i(361)},function(t,e,i){var n=i(15),o=i(66);t.exports=i(1).getIterator=function(t){var e=o(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return n(e.call(t))}},function(t,e,i){t.exports={default:i(363),__esModule:!0}},function(t,e,i){i(364),t.exports=i(1).Object.entries},function(t,e,i){var n=i(10),o=i(365)(!0);n(n.S,"Object",{entries:function(t){return o(t)}})},function(t,e,i){var n=i(25),o=i(21),s=i(37).f;t.exports=function(t){return function(e){for(var i,r=o(e),a=n(r),l=a.length,u=0,c=[];l>u;)s.call(r,i=a[u++])&&c.push(t?[i,r[i]]:r[i]);return c}}},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,n){return i("li",{key:n,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.pullDownRefresh?i("div",{ref:"pulldown",staticClass:"cube-pulldown"},[t._t("pulldown",[i("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.beforePullDown,expression:"beforePullDown"}],staticClass:"before-trigger"},[i("bubble",{staticClass:"bubble",attrs:{y:t.bubbleY}})],1),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!t.beforePullDown,expression:"!beforePullDown"}],staticClass:"after-trigger"},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isPullingDown,expression:"isPullingDown"}],staticClass:"loading"},[i("loading")],1),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!t.isPullingDown,expression:"!isPullingDown"}],staticClass:"cube-pulldown-loaded"},[i("span",[t._v(t._s(t.refreshTxt))])])])])],{pullDownRefresh:t.pullDownRefresh,pullDownStyle:t.pullDownStyle,beforePullDown:t.beforePullDown,isPullingDown:t.isPullingDown,bubbleY:t.bubbleY})],2):t._e()])},staticRenderFns:[]}},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},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:[]}},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:[]}},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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(373),i(383)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),(0,r.default)(t,s.default)},e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(374)}var o=i(0)(i(375),i(382),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(28),i(122),i(75),i(30),i(5),i(8),i(39),i(68)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=c(i),d=c(n),h=c(o),p=c(s),v=c(r),m=c(a);e.default={name:"cube-image-preview",mixins:[v.default,m.default],props:{initialIndex:{type:Number,default:0},imgs:{type:Array,default:function(){return[]}},loop:{type:Boolean,default:!0},speed:{type:Number,default:400},preventDefault:{type:Boolean,default:!0}},data:function(){return{currentPageIndex:this.initialIndex,options:{observeDOM:!1,bounce:{left:!0,right:!0},useTransition:!l.isAndroid&&u.USE_TRANSITION,probeType:3,preventDefault:this.preventDefault},scrollOptions:{useTransition:u.USE_TRANSITION,HWCompositing:l.isAndroid,observeDOM:!1,zoom:!0,bindToWrapper:!0,freeScroll:!0,scrollX:!0,scrollY:!0,probeType:3,bounce:!1,click:!1,dblclick:!0,bounceTime:300,preventDefault:this.preventDefault}}},watch:{initialIndex:function(t){this.setPageIndex(t)}},methods:{show:function(){var t=this;this.isVisible=!0,this.$nextTick(function(){t._listenSlide(),t._listenScroll()})},_listenSlide:function(){var t=this;this.$nextTick(function(){var e=t.$refs.slide.slide;e.on("scrollStart",t.slideScrollStartHandler),e.on("scrollEnd",t.slideScrollEndHandler)})},_listenScroll:function(){var t=this;this.$nextTick(function(){t.$refs.items.forEach(function(e){var i=e.scroll;i.on("zoomStart",t.zoomStartHandler.bind(t,i)),i.on("beforeScrollStart",t.beforeScrollHandler),i.on("scroll",t.checkBoundary.bind(t,i)),i.on("scrollEnd",t.scrollEndHandler.bind(t,i))})})},hide:function(){this.isVisible=!1,this.$emit("hide")},prev:function(){var t=this.$refs.slide.slide;t&&t.prev()},next:function(){var t=this.$refs.slide.slide;t&&t.next()},goTo:function(t){var e=this.$refs.slide.slide;e&&e.goToPage(t,0)},imgLoad:function(t){this.isVisible&&this.$refs.items&&this.$refs.items[t].scroll.refresh()},setPageIndex:function(t){if(this.currentPageIndex>=0&&this.currentPageIndex!==t){var e=this.$refs.items[this.currentPageIndex];if(e){var i=e.scroll;1!==i.scale&&(i.scale=1,i.lastcale=1,i.refresh())}}this.currentPageIndex=t},slideChangeHandler:function(t){this.setPageIndex(t),this.slideScrollEndHandler(),this.$emit("change",t)},slideScrollStartHandler:function(){var t=this.$refs.slide.slide;this._scrolling&&!this._hasEnableSlide?t.disable():t.enable()},slideScrollEndHandler:function(){var t=this;this.$refs.items.forEach(function(e){t.scrollEndHandler(e.scroll)})},_scroll:function(t){var e=this.$refs.slide.slide;e.disable(),e.refresh(),t.enable()},_slide:function(t){this.$refs.slide.slide.enable(),t.disable()},beforeScrollHandler:function(){clearTimeout(this.enableSlideTid)},scrollEndHandler:function(t){var e=this;clearTimeout(this.enableSlideTid),this.dblZooming&&(this.dblZooming=!1,clearTimeout(this.clickTid)),this._hasEnableSlide=!1,this._scrolling=!1,t.enable(),this.enableSlideTid=setTimeout(function(){e.$refs.slide.slide.enable()})},checkBoundary:function(t,e){if(t.distX&&Math.abs(t.distX)>Math.abs(t.distY)){this._scrolling=!0;(t.distX>0?e.x>=t.minScrollX:e.x<=t.maxScrollX)?(this._hasEnableSlide=!0,this._slide(t)):this._hasEnableSlide||this._scroll(t)}else t.distY&&(this._scrolling=!0,this._scroll(t))},zoomStartHandler:function(t){this._scroll(t)},dblclickHandler:function(t,e){var i=this.$refs.items[t].scroll;this.dblZooming=!0,this.zoomTo(i,i.scale>1?1:2,e),i.disable()},itemClickHandler:function(){var t=this;clearTimeout(this.clickTid),this.clickTid=setTimeout(function(){!t.dblZooming&&t.hide()},this.scrollOptions.bounceTime)},zoomTo:function(t,e,i){t.zoomTo(e,i.pageX,i.pageY)}},components:{CubePopup:f.default,CubeSlide:d.default,CubeSlideItem:h.default,CubeScroll:p.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(75),i(51),i(41),i(74)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r),h={momentum:!1,click:!0,observeDOM:!1,bounce:!1};e.default={name:"cube-slide",mixins:[f.default,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:void 0,deprecated:{replacedBy:"options"}},stopPropagation:{type:Boolean,default:void 0,deprecated:{replacedBy:"options"}},refreshResetCurrent:{type:Boolean,default:!0}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},created:function(){var t=this;this._dataWatchers=[],["data","loop","autoPlay","options.eventPassthrough","threshold","speed","allowVertical"].forEach(function(e){t._dataWatchers.push(t.$watch(e,function(){"data"===e&&t._destroy(),t.$nextTick(function(){t.refresh()})}))})},watch:{initialIndex:function(t){t!==this.currentPageIndex&&this._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.refreshResetCurrent&&(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,n=this.$refs.slide["client"+(e[0].toUpperCase()+e.slice(1))],o=this.children.length,s=0;s<o;s++){this.children[s].style[e]=n+"px",i+=n}this.loop&&!t&&o>1&&(i+=2*n),this.$refs.slideGroup.style[e]=i+"px"},_initSlide:function(){var t=this,e="horizontal"===this.direction&&this.allowVertical?"vertical":"",i=(0,l.default)({},h,{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 c.default(this.$refs.slide,i),this.slide.on("scrollEnd",this._onScrollEnd),this._goToPage(this.currentPageIndex,0),this.options.listenScroll&&3===this.options.probeType&&this.slide.on("scroll",this._onScroll);var n=this.$refs.slide;n.removeEventListener("touchend",this._touchEndEvent,!1),this._touchEndEvent=function(){t.autoPlay&&t._play()},n.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,n="horizontal"===this.direction?e:i;this.currentPageIndex!==n&&(this.currentPageIndex=n,this.$emit("change",n)),this.$emit("scroll-end",n),this.autoPlay&&this._play()},_onScroll:function(t){this.$emit("scroll",t)},_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))},_goToPage:function(t,e){"horizontal"===this.direction?this.slide&&this.slide.goToPage(t,0,e):"vertical"===this.direction&&this.slide&&this.slide.goToPage(0,t,e)}},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._destroy(),this.slide=null,this._dataWatchers.forEach(function(t){t()}),this._dataWatchers=null},components:{CubeSlideItem:u.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},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:[]}},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,n){return i("cube-slide-item",{key:n,attrs:{item:e},nativeOn:{click:function(i){t.clickItem(e,n)}}})}))],2),t._v(" "),t.showDots?i("div",{staticClass:"cube-slide-dots"},[t._t("dots",t._l(t.dots,function(e,n){return i("span",{key:n,class:{active:t.currentPageIndex===n}})}),{current:t.currentPageIndex,dots:t.dots})],2):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-image-preview-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"image-preview","z-index":t.zIndex,center:!1}},[i("div",{staticClass:"cube-image-preview-container"},[i("div",{staticClass:"cube-image-preview-header"},[t._t("header",null,{current:t.currentPageIndex})],2),t._v(" "),t.isVisible?i("cube-slide",{ref:"slide",attrs:{data:t.imgs,"initial-index":t.currentPageIndex,"auto-play":!1,loop:t.loop,speed:t.speed,options:t.options},on:{change:t.slideChangeHandler}},[t._l(t.imgs,function(e,n){return i("cube-slide-item",{key:n},[i("div",{staticClass:"cube-image-preview-item",on:{click:t.itemClickHandler}},[i("cube-scroll",{ref:"items",refInFor:!0,attrs:{options:t.scrollOptions},nativeOn:{dblclick:function(e){t.dblclickHandler(n,e)}}},[i("img",{staticClass:"cube-image-preview-img",attrs:{src:e},on:{load:function(e){t.imgLoad(n)}}})])],1)])}),t._v(" "),i("template",{slot:"dots"},[i("i")])],2):t._e(),t._v(" "),i("div",{staticClass:"cube-image-preview-footer"},[t._t("footer",[i("span",{staticClass:"cube-image-preview-counter"},[t._v(t._s(t.currentPageIndex+1)+"/"+t._s(t.imgs.length))])],{current:t.currentPageIndex})],2)],1)])],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["change","hide"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(30)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(122),i(75)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(387),i(123),i(124)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Group=a.default,r.default.Item=l.default,e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(388)}var o=i(0)(i(389),i(395),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(12),i(39),i(30),i(123),i(41),i(74)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(s),d=u(r),h=u(a),p=u(l),v=o.inBrowser&&window.innerHeight<=480?17:18,m=(0,n.prefixStyle)("transform");e.default={name:"cube-index-list",mixins:[h.default,p.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},speed:{type:Number,default:0},navbar:{type:Boolean,default:!0},pullDownRefresh:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}},pullUpLoad:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}}},data:function(){return{scrollEvents:["scroll"],currentIndex:0,scrollY:-1,diff:-1,titleHeight:0}},computed:{hasTitle:function(){return this.title||this.$slots.title},fixedTitle:function(){return this.hasTitle&&!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):""})},scrollOptions:function(){return(0,c.default)({},{pullDownRefresh:this.pullDownRefresh,pullUpLoad:this.pullUpLoad},this.options)}},created:function(){this.groupList=[],this.listHeight=[],this.touch={},this.subTitleHeight=0},mounted:function(){var t=this;this.$nextTick(function(){t.refresh()})},methods:{refresh:function(){this._caculateTitleHeight(),this._calculateHeight(),this.$refs.scroll&&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(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.$refs.scroll.forceUpdate(e,i),e&&this.$nextTick(function(){t._calculateHeight()})},onShortcutTouchStart:function(t){var e=(0,n.getMatchedTarget)(t,"cube-index-list-nav-item");if(e){var i=(0,n.getData)(e,"index"),o=t.touches[0];this.touch.y1=o.pageY,this.touch.anchorIndex=i,this._scrollTo(i)}},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var i=(this.touch.y2-this.touch.y1)/v|0,n=parseInt(this.touch.anchorIndex)+i;this._scrollTo(n)},onPullingUp:function(){this.$emit("pulling-up")},onPullingDown:function(){this.$emit("pulling-down")},_caculateTitleHeight:function(){this.titleHeight=this.$refs.title?(0,n.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,n.getRect)(t).height:0,this.listHeight=[],this.groupList){var e=this.titleHeight;this.listHeight.push(e);for(var i=0;i<this.groupList.length;i++){e+=this.groupList[i].clientHeight,this.listHeight.push(e)}}},_scrollTo:function(t){t<0?t=0:t>this.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.refresh()})},diff:function(t){var e=t>0&&t<this.subTitleHeight?t-this.subTitleHeight:0;this.fixedTop!==e&&(this.fixedTop=e,this.$refs.fixed.style[m]="translate3d(0,"+e+"px,0)")},scrollY:function(t){var e=this.listHeight;if(t>-this.titleHeight)return void(this.currentIndex=0);for(var i=0;i<e.length-1;i++){var n=e[i],o=e[i+1];if(-t>=n&&-t<o)return this.currentIndex=i,void(this.diff=o+t)}this.currentIndex=e.length-2}},components:{CubeScroll:f.default,CubeIndexListGroup:d.default}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(124)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=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:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n="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?n:""}},methods:{addActiveCls:function(t){(0,i.addClass)(t.currentTarget,n)},removeActiveCls:function(t){(0,i.removeClass)(t.currentTarget,n)},selectItem:function(){this.$emit("select",this.item)}}},t.exports=e.default})},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-item",class:t.itemClass,on:{touchstart:t.addActiveCls,touchend:t.removeActiveCls,click:function(e){t.selectItem()}}},[t._t("default",[i("div",{staticClass:"cube-index-list-item-def border-bottom-1px"},[t._v("\n      "+t._s(t.item.name)+"\n    ")])])],2)},staticRenderFns:[]}},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",domProps:{innerHTML:t._s(t.group.name)}}),t._v(" "),i("ul",[t._t("default",t._l(t.group.items,function(e,n){return i("cube-index-list-item",{key:n,attrs:{item:e},on:{select:t.selectItem}})}))],2)])},staticRenderFns:[]}},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.scrollOptions,data:t.data},on:{scroll:t.scroll,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pullup",fn:function(e){return t.$slots.pullup||t.$scopedSlots.pullup?[t._t("pullup",null,{pullUpLoad:e.pullUpLoad,isPullUpLoad:e.isPullUpLoad})]:void 0}},{key:"pulldown",fn:function(e){return t.$slots.pulldown||t.$scopedSlots.pulldown?[t._t("pulldown",null,{pullDownRefresh:e.pullDownRefresh,pullDownStyle:e.pullDownStyle,beforePullDown:e.beforePullDown,isPullingDown:e.isPullingDown,bubbleY:e.bubbleY})]:void 0}}])},[i("div",{ref:"content",staticClass:"cube-index-list-content"},[t.hasTitle?i("h1",{ref:"title",staticClass:"cube-index-list-title",on:{click:t.titleClick}},[t._t("title",[t._v(t._s(t.title))])],2):t._e(),t._v(" "),i("ul",[t._t("default",t._l(t.data,function(e,n){return i("cube-index-list-group",{key:n,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,n){return i("li",{key:n,staticClass:"cube-index-list-nav-item",class:{active:t.currentIndex===n},attrs:{"data-index":n}},[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",domProps:{innerHTML:t._s(t.fixedTitle)}})],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(397),i(125)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(398)}var o=i(0)(i(399),i(404),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(125)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-swipe",provide:function(){return{swipe:this}},props:{data:{type:Array,default:function(){return[]}},autoShrink:{type:Boolean,default:!1}},created:function(){this.activeIndex=-1,this.items=[]},methods:{addItem:function(t){this.items.push(t)},removeItem:function(t){var e=this.items.indexOf(t);this.items.splice(e,1),e<=this.activeIndex&&(this.activeIndex-=1)},onItemClick:function(t,e){this.$emit("item-click",t,e)},onBtnClick:function(t,e){var i=this.data[e];this.$emit("btn-click",t,e,i)},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.items[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubeSwipeItem:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12),i(402),i(47)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=(0,i.prefixStyle)("transform"),r=(0,i.prefixStyle)("transitionProperty"),a=(0,i.prefixStyle)("transitionDuration"),l=(0,i.prefixStyle)("transitionTimingFunction");e.default={name:"cube-swipe-item",inject:["swipe"],props:{item:{type:Object,default:function(){return{}}},btns:{type:Array,default:function(){return[]}},index:{type:Number,index:-1},autoShrink:{type:Boolean,default:!1}},watch:{btns:function(){var t=this;this.$nextTick(function(){t.refresh()})}},created:function(){this.x=0,this.state=0,this.swipe.addItem(this)},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<t;e++)this.cachedBtns.push({width:(0,i.getRect)(this.$refs.btns[e]).width})},_handleBtns:function(t){if(0!==this.btns.length)for(var e=this.$refs.btns.length,i=0,n=-this.maxScrollX,o=0;o<e;o++){var r=this.$refs.btns[o],l=(n-i)/n,u=void 0,c=l*t-t;u=t<this.maxScrollX?this.cachedBtns[o].width+l*(this.maxScrollX-t):this.cachedBtns[o].width,i+=this.cachedBtns[o].width,r.style.width=u+"px",r.style[s]="translate("+c+"px)",r.style[a]="0ms"}},_isInBtns:function(t){for(var e=t,i=!1;e&&e.className.indexOf("cube-swipe-item")<0;){if(e.className.indexOf("cube-swipe-btns")>=0){i=!0;break}e=e.parentNode}return i},_calculateBtnsWidth:function(){for(var t=0,e=this.cachedBtns.length,i=0;i<e;i++)t+=this.cachedBtns[i].width;this.maxScrollX=-t},_translate:function(t,e){var i=e?" translateZ(0)":"";this.scrollerStyle[s]="translate("+t+"px,0)"+i,this.x=t},_transitionProperty:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[r]=t},_transitionTimingFunction:function(t){this.scrollerStyle[l]=t},_transitionTime:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.scrollerStyle[a]=t+"ms"},_getComputedPositionX:function(){var t=window.getComputedStyle(this.$refs.swipeItem,null);return t=t[s].split(")")[0].split(", "),+(t[12]||t[4])},_translateBtns:function(t,e,i){if(0!==this.btns.length)for(var n=this.$refs.btns.length,o=0,u=0,c=0;c<n;c++){var f=this.$refs.btns[c];u=1===this.state?o:0,o+=this.cachedBtns[c].width,f.style[s]="translate("+u+"px,0) translateZ(0)",f.style[r]="all",f.style[l]=e,f.style[a]=t+"ms",i&&(f.style.width=this.cachedBtns[c].width+"px")}},refresh:function(){this.btns.length>0&&(this._initCachedBtns(),this._calculateBtnsWidth()),this.endTime=0},shrink:function(){var t=this;this.stop(),this.state=0,this.$nextTick(function(){t.scrollTo(0,600,n.easeOutQuart),t._translateBtns(600,n.easeOutQuart)})},grow:function(){this.state=1;var t=this.x<this.maxScrollX,e=n.easeOutCubic;this.scrollTo(this.maxScrollX,600,e),this._translateBtns(600,e,t)},scrollTo:function(t,e,i){this._transitionProperty(),this._transitionTimingFunction(i),this._transitionTime(e),this._translate(t,!0),e&&(this.isInTransition=!0)},genBtnStyl:function(t){return"background: "+t.color},clickItem:function(){this.swipe.onItemClick(this.item,this.index),this.$emit("item-click",this.item,this.index)},clickBtn:function(t){this.swipe.onBtnClick(t,this.index),this.$emit("btn-click",t,this.index),this.autoShrink&&this.shrink()},stop:function(){if(this.isInTransition){this.isInTransition=!1;var t=0===this.state?0:this._getComputedPositionX();this._translate(t),this.$emit("scroll",this.x)}},onTouchStart:function(t){var e=this;this.swipe.onItemActive(this.index),this.$emit("active",this.index),this.stop(),this.moved=!1,this.movingDirectionX=0;var i=t.touches[0];this.pointX=i.pageX,this.pointY=i.pageY,this.distX=0,this.distY=0,this.startX=this.x,this._transitionTime(),this.startTime=(0,o.getNow)(),1!==this.state||this._isInBtns(t.target)||(this.shrinkTimer=setTimeout(function(){e.shrink()},300))},onTouchMove:function(t){if(this.moved&&(clearTimeout(this.shrinkTimer),t.stopPropagation()),!this.isInTransition){t.preventDefault();var e=t.touches[0],i=e.pageX-this.pointX,n=e.pageY-this.pointY;this.pointX=e.pageX,this.pointY=e.pageY,this.distX+=i,this.distY+=n;var s=Math.abs(this.distX);if(!(s+5<=Math.abs(this.distY))){var r=(0,o.getNow)();if(!(r-this.endTime>300&&s<15)){this.movingDirectionX=i>0?-1:i<0?1:0;var a=this.x+i;a>0&&(a=0),a<this.maxScrollX&&(a=this.x+i/3),this.moved||(this.moved=!0),this._translate(a,!0),r-this.startTime>300&&(this.startTime=r,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,o.getNow)();var t=this.endTime-this.startTime,e=Math.abs(this.x-this.startX);t<300&&e>15||this.x<this.maxScrollX/2?this.grow():this.shrink()}},onTransitionEnd:function(){this.isInTransition=!1,this._transitionTime(),this._translate(this.x)}},beforeDestroy:function(){this.swipe.removeItem(this)}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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)"})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"swipeItem",staticClass:"cube-swipe-item",on:{transitionend:t.onTransitionEnd,touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd}},[t._t("default",[i("div",{staticClass:"cube-swipe-item-inner border-bottom-1px",on:{click:t.clickItem}},[i("span",[t._v(t._s(t.item.text))])])]),t._v(" "),i("ul",{staticClass:"cube-swipe-btns"},t._l(t.btns,function(e){return i("li",{ref:"btns",refInFor:!0,staticClass:"cube-swipe-btn",style:t.genBtnStyl(e),on:{click:function(i){i.preventDefault(),t.clickBtn(e)}}},[i("span",{staticClass:"text"},[t._v(t._s(e.text))])])}))],2)},staticRenderFns:[]}},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,n){return i("li",{key:e.item.value},[i("cube-swipe-item",{attrs:{btns:e.btns,item:e.item,index:n,"auto-shrink":t.autoShrink}})],1)}))])],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(126),i(76)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Ele=r.default,e.default=s.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=(0,i.prefixStyle)("transform");e.default={name:"cube-sticky",provide:function(){return{sticky:this}},props:{pos:{type:Number,required:!0},checkTop:{type:Boolean,default:!0},fixedShowAni:{type:String,default:function(){return this.checkTop?"":"cube-sticky-fixed-fade"}},offset:{type:Number,default:0}},data:function(){return{diff:0,currentDiff:0,currentIndex:-1,currentKey:""}},computed:{fixedShow:function(){return!!this.eles[this.currentIndex]}},watch:{diff:function(t){t>=0&&(t=0),t=Math.ceil(t),this._fixedTop!==t&&(this._fixedTop=t,this.$refs.fixedEle.style[n]="translate3d(0, "+t+"px, 0)")},pos:"computeCurrentSticky",currentIndex:function(t,e){var n=this,o=this.eles[e],s=this.eles[t],r=s&&void 0!==s.eleKey?s.eleKey:-1===t?"":t,a=this.$refs.fixedEle,l=this.$slots.fixed||this.$scopedSlots.fixed;this.$nextTick(function(){if(l)n.fixedEleHeight=a.offsetHeight;else{var t=a.firstElementChild;o&&(o.$el.appendChild(t),o.refresh()),s?(a.appendChild(s.$el.firstElementChild),n.fixedEleHeight=a.offsetHeight):n.fixedEleHeight=0}o&&(0,i.removeClass)(o.$el,"cube-sticky-ele-on"),s&&(0,i.addClass)(s.$el,"cube-sticky-ele-on")}),this.currentKey=r,this.$emit("change",r,t)},currentDiff:function(t){var e=this.heights[this.currentIndex]||0;this.$emit("diff-change",t,e)}},created:function(){this.fixedEleHeight=0,this.eles=[],this.positions=[],this.heights=[]},mounted:function(){this.refresh()},methods:{addEle:function(t){this.eles.push(t)},removeEle:function(t){var e=this.eles.indexOf(t);this.eles.splice(e,1),this.positions.splice(e,1)},refresh:function(){var t=this;this.$nextTick(function(){t.eles.forEach(function(t){t.refresh()}),t._calculateHeight(),t.computeCurrentSticky(t.pos)})},computeCurrentSticky:function(t){t+=this.offset;for(var e=this.positions,i=this.heights,n=this.checkTop,o=e.length,s=o-1;s>=0;s--){var r=s===o-1,a=r?t:e[s+1],l=void 0,u=void 0;n?(l=e[s],u=l+i[s]):(l=e[s]+i[s],u=l);var c=Math.max(u,a);if(t>=l&&t<=c){this.currentIndex=s,this.currentDiff=t-l;var f=a-t;return void(this.diff=f>=0&&!r?f-(this.fixedEleHeight||i[s]):0)}}this.currentIndex=-1,this.currentDiff=0},_calculateHeight:function(){var t=this;this.eles.forEach(function(e,n){var o=(0,i.getRect)(e.$el),s=o.top,r=o.height;t.positions[n]=s,t.heights[n]=r}),this.fixedEleHeight=this.$refs.fixedEle.offsetHeight}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-sticky"},[t._t("default"),t._v(" "),i("transition",{attrs:{name:t.fixedShowAni}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedShow,expression:"fixedShow"}],ref:"fixedEle",staticClass:"cube-sticky-fixed"},[t._t("fixed",null,{current:t.currentKey,index:t.currentIndex})],2)])],2)},staticRenderFns:[]}},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-sticky-ele",inject:["sticky"],props:{eleKey:{type:[Number,String]}},mounted:function(){this.sticky.addEle(this)},methods:{refresh:function(){var t=this.$el;t.firstElementChild&&(t.style.height="",t.style.height=t.offsetHeight+"px")}},beforeDestroy:function(){this.sticky.removeEle(this)}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-sticky-ele"},[i("div",{staticClass:"cube-sticky-content"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(413),i(420),i(77)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Panel=a.default,r.default.Bar=l.default,e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(414)}var o=i(0)(i(415),i(419),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(41),i(126),i(76),i(30),i(77)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);e.default={name:"cube-scroll-nav",provide:function(){return{scrollNav:this}},mixins:[l.default],props:{data:{type:Array},speed:{type:Number,default:300},side:{type:Boolean,default:!1},current:{type:[String,Number],default:""}},data:function(){return{scrollEvents:["scroll","scroll-end"],scrollY:0,panels:[],active:this.current,pageStickyOffset:0}},computed:{labels:function(){return this.panels.map(function(t){return t.label})},barTxts:function(){return this.panels.map(function(t){return t.title})},barDirection:function(){return this.side?"vertical":"horizontal"}},watch:{current:function(t){this.stickyCurrent=t,this.active=t,this.jumpTo(t)},active:function(t){this.$emit("change",t)}},created:function(){this.navBar=null,this.stickyCurrent=this.current},mounted:function(){var t=this;this.$nextTick(function(){if(t.side){var e=t.$refs.pageSticky.$refs.fixedEle;t.$refs.scroll.$el.appendChild(e)}t.current||(t.active=t.stickyCurrent=t.labels[0]),t.refresh(),t.jumpTo(t.current)})},methods:{scrollTo:function(){this.$refs.scroll&&this.$refs.scroll.scrollTo.apply(this.$refs.scroll,arguments)},refresh:function(){this.navBar&&this.navBar.refresh(),this.$refs.sticky.refresh(),this.$refs.pageSticky.refresh(),this.pageStickyOffset=this.side?0:this.$refs.navBarEle.$el.offsetHeight,this.$refs.scroll.refresh()},setBar:function(t){this.navBar=t},barChange:function(t){var e=this;this.active=t,setTimeout(function(){e.jumpTo(t)})},jumpTo:function(t){if(t){var e=this.getPanel(t);if(e){this._jumping=!0;var i=this.pageStickyOffset;this.$refs.scroll.scrollToElement(e.$el,this.speed,0,this.side?i:-i)}}},getPanel:function(t){var e=null;return this.panels.some(function(i){if(i.label===t)return e=i,!0}),e},pageStickyChangeHandler:function(t){""===t&&(t=this.labels[0]),this.stickyCurrent=t,this._jumping||(this.active=t)},stickyChangeHandler:function(t){var e=this;this.$nextTick(function(){e.navBar&&e.navBar.refresh()}),this.$emit("sticky-change",t)},scrollHandler:function(t){this.scrollY=-t.y,this._jumping||(this.active=this.stickyCurrent)},scrollEndHandler:function(){this._jumping=!1},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)}},components:{CubeSticky:u.default,CubeStickyEle:c.default,CubeScroll:f.default,CubeScrollNavBar:d.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(41),i(30)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-scroll-nav-bar",inject:{scrollNav:{default:null}},mixins:[s.default],props:{direction:{type:String,default:"horizontal",validator:function(t){return"horizontal"===t||"vertical"===t}},labels:{type:Array,default:function(){return[]}},txts:{type:Array,default:function(){return this._defaultTxts=!0,this.labels}},current:{type:[String,Number],default:""}},data:function(){return{active:this.current,usedTxts:this.txts}},watch:{labels:function(t){this._defaultTxts&&(this.usedTxts=t)},txts:function(t){this.usedTxts=t},current:function(t){this.active=t},active:function(t){this.$emit("change",t),this._adjust()}},mounted:function(){var t=this;this.scrollNav&&this.scrollNav.setBar(this),this.active&&this.$nextTick(function(){t._adjust()})},beforeDestroy:function(){this.scrollNav&&this.scrollNav.setBar(null)},methods:{clickHandler:function(t){t!==this.active&&(this.active=t,this.scrollNav&&this.scrollNav.barChange(t))},refresh:function(){this.$refs.scroll.refresh(),this._adjust()},_adjust:function(){var t=this;this.$nextTick(function(){var e="horizontal"===t.direction,i=e?"clientWidth":"clientHeight",n=t.active,o=t.$refs.scroll.$el[i],s=t.$refs.items,r=s[i],a=Math.min(0,o-r),l=o/2,u=s.children,c=0;t.labels.every(function(t,e){return t===n?(c+=u[e][i]/2,!1):(c+=u[e][i],!0)});var f=l-c;f=Math.max(a,Math.min(0,f)),t.$refs.scroll.scrollTo(e?f:0,e?0:f,300)})}},components:{CubeScroll:r.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-scroll-nav-bar",class:"cube-scroll-nav-bar_"+t.direction},[i("cube-scroll",{ref:"scroll",attrs:{nestMode:"none",options:t.options,direction:t.direction}},[i("div",{ref:"items",staticClass:"cube-scroll-nav-bar-items"},t._l(t.usedTxts,function(e,n){return i("div",{key:n,staticClass:"cube-scroll-nav-bar-item",class:{"cube-scroll-nav-bar-item_active":t.active===t.labels[n]},on:{click:function(e){t.clickHandler(t.labels[n])}}},[t._t("default",[i("span",{domProps:{innerHTML:t._s(e)}})],{txt:e,index:n,active:t.active,label:t.labels[n]})],2)}))])],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-scroll-nav",class:{"cube-scroll-nav_side":t.side}},[i("cube-sticky",{ref:"sticky",attrs:{pos:t.scrollY},on:{change:t.stickyChangeHandler}},[i("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.options,data:t.data},on:{scroll:t.scrollHandler,"scroll-end":t.scrollEndHandler}},[t._t("prepend"),t._v(" "),i("div",{staticClass:"cube-scroll-nav-main"},[i("cube-sticky-ele",{ref:"navBarEle",attrs:{"ele-key":"cube-scroll-nav-bar"}},[t._t("bar",[i("cube-scroll-nav-bar",{attrs:{direction:t.barDirection,txts:t.barTxts,labels:t.labels,current:t.active}})],{txts:t.barTxts,labels:t.labels,current:t.active})],2),t._v(" "),i("cube-sticky",{ref:"pageSticky",attrs:{offset:t.pageStickyOffset,pos:t.scrollY},on:{change:t.pageStickyChangeHandler}},[i("div",{staticClass:"cube-scroll-nav-panels"},[t._t("default")],2),t._v(" "),t.side?t._e():i("template",{slot:"fixed"},[i("div")])],2)],1)],2)],1)],1)},staticRenderFns:[]}},function(t,e,i){var n=i(0)(i(421),i(422),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(76)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-scroll-nav-panel",inject:["scrollNav"],props:{label:{type:[String,Number],required:!0},title:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.scrollNav.addPanel(this)},beforeDestroy:function(){this.scrollNav.removePanel(this)},components:{CubeStickyEle:n.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-scroll-nav-panel"},[i("cube-sticky-ele",{attrs:{"ele-key":t.label}},[i("h2",{staticClass:"cube-scroll-nav-panel-title",domProps:{innerHTML:t._s(t.title)}})]),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(77)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(425)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){function n(t){i(426)}var o=i(0)(i(427),i(428),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38),i(7),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-recycle-list",data:function(){return{items:[],heights:0,startIndex:0,loadings:[],noMore:!1}},props:{infinite:{type:Boolean,default:!1},size:{type:Number,default:20},offset:{type:Number,default:100},onFetch:{type:Function,required:!0}},computed:{visibleItems:function(){return this.items.slice(Math.max(0,this.startIndex-this.size),Math.min(this.items.length,this.startIndex+this.size))},tombHeight:function(){return this.infinite?this.$refs.tomb&&this.$refs.tomb.offsetHeight:0},loading:function(){return this.loadings.length}},created:function(){this.list=[],this.promiseStack=[]},mounted:function(){this.checkPromiseCompatibility(),this.$el.addEventListener("scroll",this._onScroll),window.addEventListener("resize",this._onResize),this.load()},beforeDestroy:function(){this.$el.removeEventListener("scroll",this._onScroll),window.removeEventListener("resize",this._onResize)},methods:{checkPromiseCompatibility:function(){(0,o.isUndef)(window.Promise)&&(0,n.warn)("requires a Promise polyfill in this browser.")},load:function(){if(this.infinite){var t=this.items,e=t.length;t.length+=this.size;var i=t.length;this.loadItems(e,i),this.getItems()}else this.loading||this.getItems()},getItems:function(){var t=this,e=this.promiseStack.length,i=this.onFetch();this.loadings.push("pending"),this.promiseStack.push(i),i.then(function(i){t.loadings.pop(),i?(t.setList(e,i),t.loadItemsByIndex(e),i.length<t.size&&t.stopScroll(e)):t.stopScroll(e)})},removeUnusedTombs:function(t,e){var i=void 0,n=this.size,o=e*n,s=(e+1)*n;for(i=o;i<s&&(!t[i]||!t[i].isTombstone);i++);this.items=t.slice(0,i)},stopScroll:function(t){this.noMore=!0,this.removeUnusedTombs(this.items.slice(0),t),this.updateItemTop(),this.updateStartIndex()},setList:function(t,e){for(var i=this.list,n=t*this.size,o=0;o<e.length;o++)i[n+o]=e[o]},loadItemsByIndex:function(t){var e=this.size,i=t*e,n=(t+1)*e;this.loadItems(i,n)},loadItems:function(t,e){for(var i=this,n=this.items,o=[],s=void 0,r=t;r<e;r++){(function(t){if((s=n[t])&&s.loaded)return"continue";i.setItem(t,i.list[t]),o.push(i.$nextTick().then(function(){i.updateItemHeight(t)}))})(r)}window.Promise.all(o).then(function(){i.updateItemTop(),i.updateStartIndex()})},setItem:function(t,e){this.$set(this.items,t,{data:e||{},height:0,top:-1e3,isTombstone:!e,loaded:e?1:0})},updateItemHeight:function(t){var e=this.items[t],i=this.$refs["preloads"+t];i&&i[0]?e.height=i[0].offsetHeight:e&&(e.height=this.tombHeight)},updateItemTop:function(){for(var t=0,e=this.items,i=void 0,n=void 0,o=0;o<e.length;o++)i=e[o-1],n=e[o],e[o]?(n.top=i?i.top+i.height:0,t+=n.height):t+=0;this.heights=t},updateStartIndex:function(){for(var t=this.$el.scrollTop,e=void 0,i=this.items,n=0;n<i.length;n++)if(!(e=i[n])||e.top>t){this.startIndex=Math.max(0,n-1);break}},reset:function(){var t=this;[{key:"items",value:[]},{key:"heights",value:0},{key:"startIndex",value:0},{key:"loadings",value:[]},{key:"noMore",value:!1},{key:"list",value:[]},{key:"promiseStack",value:[]}].forEach(function(e){var i=e.key,n=e.value;t[i]=n}),this.$el.scrollTop=0,this.load()},_onScroll:function(){!this.noMore&&this.$el.scrollTop+this.$el.offsetHeight>this.heights-this.offset&&this.load(),this.updateStartIndex()},_onResize:function(){var t=this.items;t.forEach(function(t){t.loaded=!1}),this.loadItems(0,t.length)}},components:{CubeLoading:s.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-recycle-list"},[i("div",{staticClass:"cube-recycle-list-main"},[i("div",{staticClass:"cube-recycle-list-items",style:{height:t.heights+"px"}},[t._l(t.visibleItems,function(e){return i("div",{staticClass:"cube-recycle-list-item",style:{transform:"translate(0,"+e.top+"px)"}},[t.infinite?i("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:+!e.loaded}},[t._t("tombstone")],2):t._e(),t._v(" "),i("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:e.loaded}},[t._t("item",null,{data:e.data})],2)])}),t._v(" "),i("div",{staticClass:"cube-recycle-list-pool"},[t._l(t.items,function(e,n){return!e||e.isTombstone||e.height?t._e():i("div",{ref:"preloads"+n,refInFor:!0,staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("item",null,{data:e.data})],2)}),t._v(" "),i("div",{ref:"tomb",staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("tombstone")],2)],2)],2),t._v(" "),t.infinite||t.noMore?t._e():i("div",{staticClass:"cube-recycle-list-loading",style:{visibility:t.loading?"visible":"hidden"}},[t._t("spinner",[i("div",{staticClass:"cube-recycle-list-loading-content"},[i("cube-loading",{staticClass:"cube-recycle-list-spinner"})],1)])],2),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.noMore,expression:"noMore"}],staticClass:"cube-recycle-list-noMore"},[t._t("noMore")],2)]),t._v(" "),i("div",{staticClass:"cube-recycle-list-fake"})])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(51)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default=n.default,t.exports=e.default})}])});
\ No newline at end of file
+var m=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},y=/-(\w)/g,b="hook:beforeDestroy",g={install:p,instantiateComponent:c,version:"0.2.3"};e.default=g},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(102)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},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,n=e.target,o=!!n.checked;if(Array.isArray(i)){var s=t._i(i,null);n.checked?s<0&&(t.checkboxValue=i.concat([null])):s>-1&&(t.checkboxValue=i.slice(0,s).concat(i.slice(s+1)))}else t.checkboxValue=o}}}),t._v(" "),i("i",{staticClass:"cube-switch-ui"}),t._v(" "),i("span",{staticClass:"cube-switch-label"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(103),i(104)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(104)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t){return t.type.indexOf(s)>-1}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(i),s="mouse";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},allowHalf:{type:Boolean,default:!1}},data:function(){return{tempValue:0}},created:function(){this.mousePressed=!1},computed:{rateClass:function(){return this.justify&&"cube-rate-justify"}},watch:{value:{immediate:!0,handler:function(t){t!==this.tempValue&&(this.tempValue=this.handleNum(t))}}},methods:{handleStart:function(t){if(!this.disabled){n(t)&&(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||(n(t)?this.mousePressed&&this.computeTempValue(t):this.computeTempValue(t.touches[0]))},handleEnd:function(t){this.disabled||n(t)&&!this.mousePressed||(n(t)&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(n(t)?t:t.changedTouches[0]),this.$emit("input",this.tempValue))},handleNum:function(t){if(this.allowHalf){var e=Math.ceil(t)-.5;t=t<=e?e:e+.5}else t=Math.ceil(t);return t},computeTempValue:function(t){var e=(t.clientX-this.left)/this.containerWidth*this.max;e=this.handleNum(e),e>0&&e<=this.max?this.tempValue=e:this.tempValue=e<=0?0:this.max}},components:{CubeRateItem:o.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":t.index<=t.$parent.tempValue,"cube-rate-item_half_active":t.index===t.$parent.tempValue+.5}},[t._t("default",[i("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(69),i(6),i(70)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n);r.default.install=function(t){t.component(r.default.name,r.default),a.default.install(t),r.default._base=t},r.default.addRule=o.addRule,r.default.addMessage=o.addMessage,r.default.addType=o.addType,r.default.addHelper=a.default.addHelper,e.default=r.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(35),i(20),i(2),i(70),i(11),i(260)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(r),d=l(a);e.default={name:"cube-validator",mixins:[f.default],props:{model:{required:!0},modelKey:{type:String,default:""},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:{targetModel:function(){var t=this.modelKey,e=this.model;return t?e[t]:e},invalid:function(){var t=this.valid;return(0,o.isUndef)(t)?void 0:!t},isDisabled:function(){var t=this.disabled,e=(0,c.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},targetModel:{handler:function(){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},sync:!0},rules:function(){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,o.cb2PromiseWithResolve)(t);if(e&&(t=e.resolve),this.isDisabled)return t&&t(this.valid),e;this._validateCount++;var i=this._validateCount,n=this.targetModel,r=this.rules,a=r.type,l=[],c=!0;if(r.required||(c=s.rules.required(n,!0,a)),c){for(var f in r)!function(t){var e=r[t],i=void 0;i=(0,o.isFunc)(e)?e(n,r[t],a):!s.rules[t]||s.rules[t](n,r[t],a),l.push(function(e){var n=function(i){e({key:t,valid:!0===i,ret:i})},s=function(i){e({key:t,valid:!1,ret:i})};"object"===(void 0===i?"undefined":(0,u.default)(i))&&(0,o.isFunc)(i.then)?i.then(n).catch(s):(0,o.isFunc)(i)?i(n,s):e({key:t,valid:!0===i,ret:i})})}(f)}return this._checkTasks(l,i,t),e},_checkTasks:function(t,e,i){var n=this,s=this.rules,r=!0,a={},l=!0;this.validating=!0;var u=this.targetModel;(0,o.parallel)(t,function(t){n._validateCount===e&&(n.validating=!1,t.forEach(function(t){var e=t.key,i=t.valid,l=t.ret,c=n.messages[e]?(0,o.isFunc)(n.messages[e])?n.messages[e](l,i):n.messages[e]:n.findMessage(e,s[e],s.type,u);r&&!i&&(r=!1,n.msg=c),a[e]={valid:i,invalid:!i,message:c}}),l||n.$emit("validated",r),n._updateModel(r,a),i&&i(n.valid))}),this.validating&&(l=!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")},findMessage:function(t,e,i,n){var s=this.$cubeMessages,r=this.$cubeLang,a=s[r].validator[t];return a?(0,o.isString)(a)?a:(0,o.isFunc)(a)?a(e):(a[i]||(i=(0,o.isArray)(n)?"array":void 0===n?"undefined":(0,u.default)(n)),"function"==typeof a[i]?a[i](e):(0,d.default)(a[i],e)):""}}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(20),i(35),i(2),i(105)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.addRule=t.rules=void 0;var r=s(e),a=s(i),l={required:function(t,e,i){return i=i||(Array.isArray(t)?"array":void 0===t?"undefined":(0,a.default)(t)),"array"===i&&Array.isArray(t)?t.length>0:""!==t&&void 0!==t&&null!==t},type:function(t,e){return!o.types[e]||o.types[e](t)},min:function(t,e,i){return i=i||(void 0===t?"undefined":(0,a.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,a.default)(t)),"number"===i||"date"===i?Number(t)<=e:t.length<=e},len:function(t,e,i){i=i||(void 0===t?"undefined":(0,a.default)(t));var n=t;return void 0===n.length&&(n="object"===i?(0,r.default)(n):String(n)),n.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)}},u=(0,n.createAddAPI)(l);t.rules=l,t.addRule=u})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(23),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(){for(var t=this._base.prototype,e=t.$cubeLang,n=t.$cubeMessages[e].validator,s=arguments.length,r=Array(s),a=0;a<s;a++)r[a]=arguments[a];"string"==typeof r[0]&&(r[0]=(0,o.default)({},r[0],r[1])),(0,i.deepAssign)(n,r[0])}Object.defineProperty(t,"__esModule",{value:!0}),t.addMessage=void 0;var o=function(t){return t&&t.__esModule?t:{default:t}}(e);t.addMessage=n})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(2),i(7),i(78)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.replace(l,function(t,o,s){var l=o.split("|").slice(1).map(function(t){return t.trim()}),u=l.length,c=e;return u&&l.forEach(function(t){var e=r(t),o=e.fnName,s=e.args;s.unshift(c),(0,i.isFunc)(a.default.helpers[o])?c=a.default.helpers[o].apply(null,s):((0,n.warn)('A helper function named "'+o+'" is not registered, please register it by Validator.addHelper()'),c="")}),c})}function r(t){var e=t.indexOf("("),i=t.indexOf(")"),n="",o=[];if(e===c)o=[],n=t;else if(e!==c&&i!==c){var s=t.slice(e+1,i);o=s.split(",").map(function(t){return t.trim().replace(u,"")}),n=t.slice(0,e)}return{fnName:n,args:o}}Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(o),l=/\{\{((?:.|\n)+?)\}\}/g,u=/['"]/g,c=-1;e.default=s,t.exports=e.default})},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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(106),i(107),i(109)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Btn=a.default,r.default.File=l.default,e.default=r.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(107),i(109),i(271),i(108),i(71)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s);e.default={name:"cube-upload",mixins:[f.default],props:{value:{type:Array,default:function(){return[]}},action:{type:[String,Object],default:""},max:{type:Number,default:10},auto:{type:Boolean,default:!0},simultaneousUploads:{type:Number,default:1},processFile:{type:Function,default:function(t,e){e(t)}}},data:function(){return{files:this.value,paused:!this.auto}},computed:{actionOptions:function(){var t=this.action;return"string"==typeof t?t?{target:t}:null:t},isShowBtn:function(){return this.files.length<this.max}},watch:{value:function(t){this.files=t},files:function(t){this.$emit("input",t)}},methods:{addFiles:function(t){var e=this;this.$emit("files-added",t);for(var i=this.files.length,n=[],o=this.max-i,s=0,a=t[s];n.length<o&&a;)a.ignore||(n.push(a),this.files.push((0,r.newFile)())),a=t[++s];(0,r.processFiles)(n,this.processFile,function(t,n){e.$set(e.files,i+n,t),e.$emit("file-submitted",t)},function(){e.$nextTick(function(){e.upload()})})},removeFile:function(t){this.$emit("file-removed",t),t._xhr&&t._xhr.abort(),t.url&&r.URL.revokeObjectURL(t.url);var e=this.files.indexOf(t);this.files.splice(e,1),this.upload()},fileClick:function(t,e){this.$emit("file-click",t,e)},upload:function(t){var e=this,i=this.actionOptions;if(!this.paused&&i)for(var n=this.files.length,o=0,s=0;s<n&&o<this.simultaneousUploads;)!function(){var n=e.files[s],a=n.status;a===r.STATUS_READY||t&&a===r.STATUS_ERROR&&n._retryId!==e.retryId?((0,c.default)(n,i,function(i){a===r.STATUS_ERROR&&(i._retryId=e.retryId),e.$emit(i.status===r.STATUS_SUCCESS?"file-success":"file-error",i),e.upload(t)}),o++):a===r.STATUS_UPLOADING&&o++,s++}()},start:function(){this.paused=!1,this.upload()},pause:function(){this.paused=!0,this.files.forEach(function(t){t.status===r.STATUS_UPLOADING&&(t._xhr.abort(),t.status=r.STATUS_READY)})},retry:function(){this.retryId=Date.now(),this.paused=!1,this.upload(!0)}},components:{UploadBtn:l.default,UploadFile:u.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(108)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-upload-btn",mixins:[n.default],methods:{changeHandler:function(t){var e=t.currentTarget,i=e.files;i&&(this.$parent.addFiles(i),e.value=null)}}},t.exports=e.default})},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")])}]}},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(71)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={success:"cubeic-right",error:"cubeic-warn"};e.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileCls:function(){return"cube-upload-file_"+this.file.status},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 n[t]},fileProgress:function(){return this.statusCls?"100%":Math.min(Math.floor(100*this.file.progress),99)+"%"}},methods:{clickHandler:function(){this.$emit("click",this.file)},removeFile:function(){this.$parent.removeFile(this.file)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-upload-file",class:t.fileCls,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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(71)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e,i){function o(e){clearTimeout(T),T=0,t.progress=1,t.status=e,i&&i(t)}function r(){var e=S.responseText||S.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=S.getAllResponseHeaders()}var a=e.target,l=e.headers,u=void 0===l?{}:l,c=e.data,f=void 0===c?{}:c,d=e.fileName,h=void 0===d?"file":d,p=e.withCredentials,v=e.timeout,m=e.prop,y=void 0===m?"file":m,b=e.progressInterval,g=void 0===b?100:b,_=e.checkSuccess,x=void 0===_?function(){return!0}:_,w=(0,n.evalOpts)(a,t);t.progress=0,t.status=n.STATUS_UPLOADING;var S=new window.XMLHttpRequest;t._xhr=S;var T=0;if(S.upload){var P=Date.now();S.upload.onprogress=function(e){function i(){t.progress=e.loaded/e.total,P=Date.now()}if(e.total>0)if(T){clearTimeout(T);var n=Date.now(),o=n-P;o>=g?i():T=setTimeout(i,o)}else i(),T=1}}var M=new window.FormData,k=(0,n.evalOpts)(f,t);(0,s.default)(k).forEach(function(t){M.append(t,k[t])}),M.append(h,t[y]),S.onload=function(){if(S.status<200||S.status>=300)return void o(n.STATUS_ERROR);r();var e=t.response;if(x.length<=2){o(x(e,t)?n.STATUS_SUCCESS:n.STATUS_ERROR)}else x(e,t,function(t){o(t?n.STATUS_SUCCESS:n.STATUS_ERROR)})},S.onerror=function(){r(),o(n.STATUS_ERROR)},S.ontimeout=function(){r(),o(n.STATUS_ERROR)},S.open("POST",w,!0),p&&(S.withCredentials=!0);var C=(0,n.evalOpts)(u,t);(0,s.default)(C).forEach(function(t){S.setRequestHeader(t,C[t])}),v>0&&(S.timeout=v),S.send(M)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},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,n){return i("upload-file",{key:n,attrs:{file:e},on:{click:function(i){t.fileClick(e,n)}}})}),t._v(" "),i("upload-btn",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn,expression:"isShowBtn"}],attrs:{multiple:t.multiple,accept:t.accept}})],2)])],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(274),i(110),i(111),i(6),i(69),i(70)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(o),d=l(s),h=l(r);u.default.install=function(t){t.component(u.default.name,u.default),t.component(c.default.name,c.default),t.component(f.default.name,f.default),t.component(h.default.name,h.default),d.default.install(t),h.default._base=t},u.default.Group=c.default,u.default.Item=f.default,u.default.Validator=h.default,h.default.addRule=a.addRule,h.default.addMessage=a.addMessage,h.default.addType=a.addType,h.default.addHelper=d.default.addHelper,e.default=u.default,t.exports=e.default})},function(t,e,i){function n(t){i(275)}var o=i(0)(i(276),i(289),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(12),i(2),i(110),i(113),i(114)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(s),f=l(r),d=l(a);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:f.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1},submitAlwaysValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{fieldsModel:function(){var t={};return this.fields.forEach(function(e){e.isBtnField||(t[e.fieldValue.modelKey]=e.modelValue)}),t},groups:function(){var t=this.schema,e=t.groups||[];return t.fields&&e.unshift({fields:t.fields}),e},fieldsData:function(){return this.groups.reduce(function(t,e){return e.fields.reduce(function(t,e){return t.push(e),t},t),t},[])},layout:function(){var t=this.options;return t&&t.layout||f.default.STANDARD},formClass:function(){var t=this.invalid,e=this.valid,i=this.layout;return{"cube-form_standard":i===f.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===f.default.CLASSIC,"cube-form_fresh":i===f.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(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.skipValidate=t,(0,n.dispatchEvent)(this.$refs.form,"submit"),this.skipValidate=!1},reset:function(){(0,n.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(t){var e=this;if(this.syncValidatorValues(),this.skipValidate)return void this.$emit("submit",t,this.model,this.fieldsModel);var i=function(i){i?(e.$emit("valid",e.validity),e.$emit("submit",t,e.model,e.fieldsModel)):(e.options.scrollToInvalidField&&e.firstInvalidField&&e.firstInvalidField.$el.scrollIntoView(),t.preventDefault(),e.$emit("invalid",e.validity))};this.submitAlwaysValidate||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(){t&&t(e.valid)})},_reset:function(){this.fields.forEach(function(t){t.reset()}),this.setValidity(),this.setValidating(),this.setPending()},syncValidatorValues:function(){this.fields.forEach(function(t){t.syncValidatorValue()})},validate:function(t){var e=this,i=(0,o.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var n=0,s=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(i){i.validate(function(){++n===s&&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,n){var o=this.validity[t];o&&o.valid===e&&o.result===i&&o.dirty===n||this.setValidity(t,{valid:e,result:i,dirty:n})},setValidity:function(t,e){var i={};t&&((0,u.default)(i,this.validity),void 0===e?delete i[t]:i[t]=e);var n=!1,o=!1,s=!0,r="";this.fields.forEach(function(t){var e=t.fieldValue.modelKey;if(e){var a=i[e];a?(a.dirty&&(n=!0),!1===a.valid?s=!1:s&&!a.valid&&(s=a.valid),o||!1!==a.valid||(o=!0,r=e)):t.hasRules&&(s&&(s=void 0),i[e]={valid:void 0,result:{},dirty:!1})}}),this.validity=i,this.dirty=n,this.originValid=s,this.setFirstInvalid(r),this.validatedCount++},setFirstInvalid:function(t){var e=this;if(!t)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(i,n){if(i.fieldValue.modelKey===t)return e.firstInvalidField=i,e.firstInvalidFieldIndex=n,!0})},addField:function(t){var e=this.fieldsData.indexOf(t.field);this.fields.splice(e,0,t);var i=t.fieldValue.modelKey;i&&this.setValidity(i)},destroyField:function(t){var e=this.fields.indexOf(t);this.fields.splice(e,1);var i=t.fieldValue.modelKey;i&&this.setValidity(i)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:c.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(111)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=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:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(23),i(281),i(2),i(69),i(113),i(285),i(114),i(286)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=f(i),h=f(n),p=f(r),v=f(a),m=f(u),y=f(c);y.default.CubeValidator=p.default;e.default={name:"cube-form-item",mixins:[m.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,validatorModelKey:"value",modelValue:e,validatorModel:(0,h.default)({},"value",e)}},computed:{fieldValue:function(){return(0,o.processField)(this.field)},hasRules:function(){return(0,d.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,n="cube-"+i;return y.default[n]?n:i}},watch:{modelVal:function(t){this.modelValue!==t&&(this.modelValue=t)},modelValue:{handler:function(t){this.form.model[this.fieldValue.modelKey]=t,this.updateValidatorModel()},sync:!0},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,s.debounce)(function(e){return t.syncValidatorValue(),t.validate(),e},e,!1,this.validatorModel[this.validatorModelKey]))},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.validate()},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.validatorModelKey]:(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.validatorModelKey]=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},syncValidatorValue:function(){this.pending=!1,this.validatorModel[this.validatorModelKey]=this.modelValue,this.form.updatePending()},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,s.cb2PromiseWithResolve)(t);i&&(t=i.resolve);var n=this.$refs.validator;return n?n.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,l.getResetValueByType)(e.type);this.validatorDisabled=!0,(0,s.resetTypeValue)(this,"modelValue",i),this.syncValidatorValue(),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){t.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===v.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:y.default},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[e,i(112),i(282)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function o(t){var e=(0,s.default)({},t);return(0,r.default)(e),e}Object.defineProperty(t,"__esModule",{value:!0}),t.processField=void 0;var s=n(e),r=n(i);t.processField=o})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(283),i(284)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t){var e=s[t.type];e&&e(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s={submit:function(t){(0,n.toButtonHandler)(t,"submit")},reset:function(t){(0,n.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})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e,i){var n=t.rules&&t.rules[e];"custom"!==e&&n&&"function"!=typeof n&&(t.rules[e]=i)},i=function(t){return function(i,n){return e(i,t,n)}}("required"),n=function(t){return i(t,function(t){return!1!==t})},o=function(t){return i(t,function(t){return t>0})};t.boolRequiredHandler=n,t.numberGT0RequiredHandler=o})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(49),i(27),i(90),i(92),i(50),i(65),i(94),i(103),i(101),i(102),i(96),i(106)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f,d,h){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=p(i),m=p(n),y=p(o),b=p(s),g=p(r),_=p(a),x=p(l),w=p(u),S=p(c),T=p(f),P=p(d),M=p(h),k=[v.default,m.default,y.default,b.default,g.default,_.default,x.default,w.default,S.default,T.default,P.default,M.default],C={};k.forEach(function(t){C[t.name]=t}),e.default=C,t.exports=e.default})},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._g(t._b({},"cube-button",t.fieldValue.props,!1),t.fieldValue.events),[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,"model-key":t.validatorModelKey,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:[]}},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:t.key||e,attrs:{field:t}})}))],2)])},staticRenderFns:[]}},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:t.key||e,attrs:{fields:t.fields,legend:t.legend}})}))],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(28),i(291)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),(0,r.default)(t,s.default)},e.default=s.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38),i(293),i(297)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);a.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),(0,l.default)(t,a.default)},a.default.Loading=r.default,e.default=a.default,t.exports=e.default})},function(t,e,i){function n(t){i(294)}var o=i(0)(i(295),i(296),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38),i(28),i(5),i(8)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);e.default={name:"cube-toast",mixins:[u.default,c.default],props:{type:{type:String,default:"loading"},icon:{type:String,default:""},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3},zIndex:{type:Number,default:900}},computed:{iconClass:function(){var t=[];this.icon&&t.push(this.icon);var e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},i=e[this.type];return i&&t.push(i),t},isLoading:function(){return"loading"===this.type}},methods:{maskClick:function(){this.maskClosable&&this.hide()},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:l.default,CubeLoading:a.default}},t.exports=e.default})},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},on:{"mask-click":t.maskClick}},[!t.isLoading&&t.iconClass.length?i("i",{staticClass:"cube-toast-icon",class:t.iconClass}):t._e(),t._v(" "),t.isLoading?i("cube-loading"):t._e(),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip",domProps:{innerHTML:t._s(t.txt)}})],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["timeout"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),l.default.install(t),(0,a.default)(t,r.default)},e.default=r.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(41),i(72),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);u.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),d.default.install(t),(0,f.default)(t,l.default),(0,c.default)(t,u.default)},u.default.Picker=l.default,e.default=u.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(5),i(8),i(100),i(40),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(o),d=l(s),h=l(r),p=l(a);e.default={name:"cube-cascade-picker",mixins:[c.default,f.default,d.default,h.default,p.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:u.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(41),i(303),i(306),i(72),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(n),d=u(o),h=u(s),p=u(r),v=u(a),m=u(l);d.default.install=function(t){t.component(c.default.name,c.default),t.component(f.default.name,f.default),t.component(d.default.name,d.default),m.default.install(t),(0,v.default)(t,c.default),(0,p.default)(t,f.default),(0,h.default)(t,d.default)},d.default.Picker=c.default,f.default.Picker=c.default,d.default.CascadePicker=f.default,e.default=d.default,t.exports=e.default})},function(t,e,i){var n=i(0)(i(304),i(305),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(20),i(13),i(5),i(8),i(40),i(11),i(2),i(48),i(41)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}function d(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var h=f(i),p=f(n),v=f(o),m=f(s),y=f(r),b=f(a),g=f(c),_=["year","month","date","hour","minute","second"],x={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}},w={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[v.default,m.default,y.default,b.default],components:{CubeCascadePicker:g.default},props:{min:{type:[Date,Array],default:function(){return new Date(2010,0,1)}},max:{type:[Date,Array],default:function(){return[(new Date).getFullYear()+1,12,31,23,59,59]}},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}},columnOrder:{type:Array,default:function(){return["year","month","date","hour","minute","second"]}}},computed:{formatConfig:function(){var t=(0,p.default)({},w);return(0,l.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,h.default)(e).forEach(function(i){e[i]=t._range(i,x[i].natureMin,x[i].natureMax)}),e},startIndex:function(){var t=_.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?d(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?d(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?d(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,n=void 0,o=0;o<this.columnCount&&o<6-this.startIndex;o++)!function(o){n=(0,l.findIndex)(i,function(e){return t.valueArray[o]&&e.value===t.valueArray[o]}),e[o]=-1!==n?n:0,i=i[e[o]]&&i[e[o]].children}(o);return e}},methods:{_select:function(t,e,i){this.$emit("select",this._arrayToDate(t),t,i)},_cancel:function(){this.$emit("cancel")},_change:function(t,e){this.$emit("change",t,e)},_generateData:function(t,e,i){var n=this;if(0===e){var o=0===t?this.minArray[0]:Math.max(this.minArray[0],x[_[t]].natureMin),s=0===t?this.maxArray[0]:Math.min(this.maxArray[0],x[_[t]].natureMax);i.push.apply(i,this._range(_[t],o,s,!0,!0))}else if(t<3||i.isMin||i.isMax){var r=2===t?(0,u.computeNatureMaxDay)(i.value,i.year):x[_[t]].natureMax,a=i.isMin?Math.max(this.minArray[e],x[_[t]].natureMin):x[_[t]].natureMin,l=i.isMax?Math.min(this.maxArray[e],r):r,c=1===t&&0===this.startIndex&&this.columnCount>=3&&i.value;i.children=this._range(_[t],a,l,i.isMin,i.isMax,c)}else i.children=this.natureRangeCache[_[t]];e<this.columnCount-1&&t<5&&(i.children||i).forEach(function(i){(!i.children||i.isMin||i.isMax)&&n._generateData(t+1,e+1,i)})},_arrayToDate:function(t){for(var e=[],i=d(new Date(0)),n=0;n<6;n++)n<this.startIndex?e[n]=i[n]:n>=this.startIndex+this.columnCount?e[n]=x[_[n]].natureMin:e[n]=t[n-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,i,n,o){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this._rangeCache||(this._rangeCache={});var r=t+s+e+i+n+o;if(this._rangeCache[r])return this._rangeCache[r];for(var a=[],l=this.formatConfig[t],c=e;c<=i;c++){var f={text:(0,u.formatType)(t,l,c,"i"),value:c,order:this.columnOrder.indexOf(t)};n&&c===e&&(f.isMin=!0),o&&c===i&&(f.isMax=!0),s&&(f.year=s),a.push(f)}return this._rangeCache[r]=a,a}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{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,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(308),i(311),i(29),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);u.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),d.default.install(t),(0,f.default)(t,l.default),(0,c.default)(t,u.default)},u.default.Picker=l.default,e.default=u.default,t.exports=e.default})},function(t,e,i){var n=i(0)(i(309),i(310),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(51),i(35),i(13),i(48),i(5),i(8),i(40),i(11),i(41),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=d(i),p=d(n),v=d(o),m=d(r),y=d(a),b=d(l),g=d(u),_=d(c),x={value:"now"},w={floor:"floor",ceil:"ceil",round:"round"};e.default={name:"cube-time-picker",mixins:[m.default,y.default,b.default,g.default],components:{CubeCascadePicker:_.default},props:{title:{type:String,default:""},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3}}},showNow:{type:[Boolean,Object],default:!0},minuteStep:{type:[Number,Object],default:10},format:{type:String,default:"YYYY/M/D hh:mm"},min:{type:[Date,Number],default:null},max:{type:[Date,Number],default:null}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{_title:function(){return this.title||this.$t("selectTime")},_day:function(){var t={filter:[this.$t("today")],format:this.$t("formatDate")};return(0,v.default)({},t,this.day)},nowText:function(){var t=this.$t("now");return this.showNow&&this.showNow.text||t},minuteStepRule:function(){var t=this.minuteStep;return"object"===(void 0===t?"undefined":(0,p.default)(t))&&Math[w[t.rule]]||Math[w.floor]},minuteStepNumber:function(){var t=this.minuteStep;return"number"==typeof t?t:t.step||10},minTime:function(){var t=+this.min||+this.now+this.delay*s.MINUTE_TIMESTAMP,e=new Date(t).getMinutes();return t+=(Math.min(this.minuteStepRule(e/this.minuteStepNumber)*this.minuteStepNumber,60)-e)*s.MINUTE_TIMESTAMP,new Date(t)},maxTime:function(){var t=+this.max||(0,s.getZeroStamp)(new Date(+this.minTime+this._day.len*s.DAY_TIMESTAMP))-1,e=new Date(t).getMinutes();return t-=(e-Math.floor(e/this.minuteStepNumber)*this.minuteStepNumber)*s.MINUTE_TIMESTAMP,new Date(t)},days:function(){for(var t=[],e=(0,s.getDayDiff)(this.minTime,this.now),i=this.max?(0,s.getDayDiff)(this.maxTime,this.minTime)+1:this._day.len,n=0;n<i;n++){var o=+this.minTime+n*s.DAY_TIMESTAMP;t.push({value:o,text:this._day.filter&&this._day.filter[e+n]||(0,s.formatDate)(new Date(o),this._day.format)})}return t},hours:function(){for(var t=[],e=0;e<24;e++)t.push({value:e,text:""+e+this.$t("hours"),children:this.minutes});return t},minutes:function(){for(var t=[],e=0;e<60;e+=this.minuteStepNumber)t.push({value:e,text:""+(0,s.pad)(e)+this.$t("minutes")});return t},cascadeData:function(){var t=this,e=this.days.slice();if(this.maxTime-this.minTime<=-6e4)return(0,f.warn)("The max is smaller than the min optional time.","cube-time-picker"),[];e.forEach(function(i,n){var o=0===n,s=n===e.length-1;if(!o&&!s)return void(i.children=t.hours);for(var r=[],a=o?t.minTime.getHours():0,l=s?t.maxTime.getHours():23,u=a;u<=l;u++){var c=o&&u===a,f=s&&u===l;if(c||f){var d=c?Math.round(t.minTime.getMinutes()/t.minuteStepNumber):0,h=f?Math.round(t.maxTime.getMinutes()/t.minuteStepNumber):Math.floor(59/t.minuteStepNumber),p=t.minutes.slice(d,h+1);r.push({value:u,text:""+u+t.$t("hours"),children:p})}else r.push({value:u,text:""+u+t.$t("hours"),children:t.minutes})}i.children=r});var i=(0,s.getDayDiff)(this.minTime,this.now);if(this.showNow&&i<=0){var n=Math.abs(i),o=e[n];o&&(o.children=[].concat((0,h.default)(o.children)),o.children.unshift({value:x.value,text:this.nowText,children:[]}))}return e}},methods:{show:function(){this.isVisible||(this.isVisible=!0,this._updateNow(),this._updateSelectedIndex())},setTime:function(t){this.value=t,this.isVisible&&this._updateSelectedIndex()},_updateSelectedIndex:function(){var t=this.value,e=this.minTime;if(t<(this.min||0===this.min?+e:Math.floor(e/s.MINUTE_TIMESTAMP)*s.MINUTE_TIMESTAMP))this.selectedIndex=[0,0,0];else{var i=new Date(t),n=(0,s.getDayDiff)(i,e);if(n>=this.days.length)return void(0,f.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var o=i.getHours(),r=0===n?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,a=o-r,l=this.minuteStepRule(i.getMinutes()/this.minuteStepNumber),u=n||(this.showNow?1!==a:a)?0:this.minuteStepRule(this.minTime.getMinutes()/this.minuteStepNumber),c=l-u;this.selectedIndex=[n,a,c]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,i){var n=void 0,o=void 0;t[1]===x.value?(n=+new Date,o=this.nowText):(n=(0,s.getZeroStamp)(new Date(t[0]))+t[1]*s.HOUR_TIMESTAMP+t[2]*s.MINUTE_TIMESTAMP,o=i[0]+" "+i[1]+":"+i[2]),this.value=n;var r=(0,s.formatDate)(new Date(n),this.format);this.$emit("select",n,o,r)},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(22),i(41),i(313),i(29),i(72),i(316),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(n),d=u(o),h=u(s),p=u(r),v=u(a),m=u(l);d.default.install=function(t){t.component(c.default.name,c.default),t.component(f.default.name,f.default),t.component(d.default.name,d.default),m.default.install(t),(0,h.default)(t,c.default),(0,p.default)(t,f.default),(0,v.default)(t,d.default)},d.default.Picker=c.default,f.default.Picker=c.default,d.default.CascadePicker=f.default,e.default=d.default,t.exports=e.default})},function(t,e,i){var n=i(0)(i(314),i(315),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(51),i(5),i(8),i(40),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);e.default={name:"cube-segment-picker",mixins:[u.default,c.default,f.default,d.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;t<this.data.length;t++){var e=this.$refs.pickers[t];if(e.$attrs.index===this.current)return e}},_nextTxt:function(){return this.nextTxt||this.$t("next")},_prevTxt:function(){return this.prevTxt||this.$t("prev")}},watch:{data:function(){this.current=0,this.selectedVal=[],this.selectedIndex=[],this.selectedText=[]}},methods:{show:function(){!this.isVisible&&this.data.length&&(this.isVisible=!0,this.currentPicker.show())},hide:function(){this.isVisible&&this.data.length&&(this.isVisible=!1,this.currentPicker.hide())},_select:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.selectedVal[this.current]=e[0],this.selectedIndex[this.current]=e[1],this.selectedText[this.current]=e[2],this.current<this.data.length-1?(this.$emit.apply(this,["next",this.current].concat((0,l.default)(e))),this.current++,this.currentPicker.show()):(this.isVisible=!1,this.$emit("select",this.selectedVal,this.selectedIndex,this.selectedText),this.current=0)},_cancel:function(){if(this.current>0){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["prev",this.current].concat((0,l.default)(e))),this.current--,this.currentPicker.show()}else this.isVisible=!1,this.$emit("cancel")},_change:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["change",this.current].concat((0,l.default)(e)))}}},t.exports=e.default})},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,n){return i(e.is||"cube-picker",t._b({key:n,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:n,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(n===t.data.length-1?t._confirmTxt:t._nextTxt),"cancel-txt":e.cancelTxt||(0===n?t._cancelTxt:t._prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9),i(7)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,i){i&&(0,n.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(318),i(6),i(50),i(322)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);a.default.install=function(t){t.component(u.default.name,u.default),t.component(a.default.name,a.default),l.default.install(t),(0,c.default)(t,a.default)},a.default.Input=u.default,e.default=a.default,t.exports=e.default})},function(t,e,i){function n(t){i(319)}var o=i(0)(i(320),i(321),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(112),i(13),i(28),i(50),i(5),i(8),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(n),d=u(o),h=u(s),p=u(r),v=u(a),m=u(l),y={textType:"ok",active:!0,disabled:!1,href:"javascript:;"},b={textType:"cancel",active:!1,disabled:!1,href:"javascript:;"},g=function(t,e){"string"==typeof t&&(t={text:t});var i=e&&this.$t(e.textType);return(0,f.default)({},e,{text:i},t)};e.default={name:"cube-dialog",mixins:[p.default,v.default,m.default],props:{type:{type:String,default:"alert"},prompt:{type:Object,default:function(){return{value:"",placeholder:""}}},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,c.default)({},y)}},cancelBtn:{type:[Object,String],default:function(){return(0,c.default)({},b)}}},data:function(){return{defHref:"javascript:;",promptValue:this.prompt.value}},computed:{_confirmBtn:function(){return g.call(this,this.confirmBtn,y)},_cancelBtn:function(){return g.call(this,this.cancelBtn,b)},isConfirm:function(){return"confirm"===this.type},isPrompt:function(){return"prompt"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},watch:{"prompt.value":{handler:function(t){this.promptValue=t}}},methods:{maskClick:function(t){this.maskClosable&&this.cancel(t)},confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t,this.promptValue))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:d.default,CubeInput:h.default}},t.exports=e.default})},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},on:{"mask-click":t.maskClick}},[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"},[t.content?i("p",{domProps:{innerHTML:t._s(t.content)}}):t._e(),t._v(" "),t.isPrompt?i("cube-input",t._b({model:{value:t.promptValue,callback:function(e){t.promptValue=e},expression:"promptValue"}},"cube-input",t.prompt,!1)):t._e()],1)])],2),t._v(" "),i("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm||t.isPrompt}},[t._t("btns",[t.isConfirm||t.isPrompt?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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(324),i(328),i(6)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),l.default.install(t),(0,a.default)(t,r.default)},e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(325)}var o=i(0)(i(326),i(327),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(28),i(5),i(8),i(11)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(i),l=r(n),u=r(o),c=r(s);e.default={name:"cube-action-sheet",mixins:[l.default,u.default,c.default],props:{data:{type:Array,default:function(){return[]}},active:{type:Number,default:-1},title:{type:String,default:""},pickerStyle:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},cancelTxt:{type:String,default:""}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")}},methods:{maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},itemClick:function(t,e){this.hide(),this.$emit("select",t,e)}},components:{CubePopup:a.default}},t.exports=e.default})},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:{"mask-click":t.maskClick}},[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(t){t.stopPropagation()}}},[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,n){return i("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",n===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,n)}}})}))]),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(t._s(t._cancelTxt))])])])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["select","cancel"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(330),i(115),i(121)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Panel=a.default,r.default.Item=l.default,e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(331)}var o=i(0)(i(332),i(371),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(23),i(51),i(12),i(115),i(5),i(8)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),c=l(n),f=l(s),d=l(r),h=l(a),p=(0,o.prefixStyle)("transform");e.default={name:"cube-drawer",mixins:[d.default,h.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,c.default)(this.selectedIndex)),slideStyle:(0,u.default)({},p,"translate3d(0, 0, 0)")}},watch:{selectedIndex:function(t){this.selected=[].concat((0,c.default)(t))},index:function(t,e){this.showPanel(),t<e&&this.hidePanel()}},created:function(){this.panels=[]},methods:{show:function(){if(!this.isVisible){this.isVisible=!0;for(var t=this.data.length,e=0;e<t;e++)if(this.index=e,this.selected[e]<0||void 0===this.selected[e]){if(e>0){var i=e-1,n=this.selected[i];this.changeHandler(i,this.data[i][n],n)}break}this.computedStyle()}},hide:function(){this.slideStyle[p]="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<t;)this.panels[e].hide(),e++},computedStyle:function(){var t=this;this.$nextTick(function(){for(var e=0,i=0,n=t.index;i<=n;){var o=t.panels[i].$el;e+=o.offsetWidth;var s=window.getComputedStyle(o);e+=parseInt(s.marginLeft),e+=parseInt(s.marginRight),i++}t.slideStyle[p]="translate3d(-"+e+"px, 0, 0)"})},changeHandler:function(t,e,i){"string"==typeof e?(this.selectedVal[t]=e,this.selectedText[t]=e):(this.selectedVal[t]=e.value,this.selectedText[t]=e.text),this.$set(this.selected,t,i),t===this.data.length-1?(this.$emit("select",this.selectedVal,this.selected,this.selectedText),this.hide()):this.$emit("change",t,e,this.selectedVal,this.selected,this.selectedText)},drawerClick:function(){this.hide(),this.$emit("cancel")}},components:{CubeDrawerPanel:f.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(5),i(30),i(121)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-drawer-panel",mixins:[r.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:a.default,CubeDrawerItem:l.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(348),i(351),i(13),i(52),i(38),i(352),i(42),i(74),i(12),i(64),i(68)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u,c,f,d,h){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=p(i),m=p(n),y=p(o),b=p(s),g=p(r),_=p(a),x=p(l),w=p(u),S=p(c),T=["scroll","before-scroll-start","scroll-end"],P={observeDOM:!0,click:!0,probeType:1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1};e.default={name:"cube-scroll",mixins:[w.default,S.default],provide:function(){return{parentScroll:this}},inject:{parentScroll:{default:null}},props:{data:{type:Array,default:function(){return[]}},scrollEvents:{type:Array,default:function(){return[]},validator:function(t){return t.every(function(t){return-1!==T.indexOf(t)})}},listenScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},listenBeforeScroll:{type:Boolean,default:void 0,deprecated:{replacedBy:"scroll-events"}},direction:{type:String,default:"vertical"},refreshDelay:{type:Number,default:20},nestMode:{type:String,default:"none"}},data:function(){return{beforePullDown:!0,isPullingDown:!1,isPullUpLoad:!1,pullUpNoMore:!1,bubbleY:0,pullDownStyle:"",pullDownStop:40,pullDownHeight:60,pullUpHeight:0}},computed:{pullDownRefresh:function(){var t=this.options.pullDownRefresh;return t?(!0===t&&(t={}),(0,b.default)({stop:this.pullDownStop},t)):t},pullUpLoad:function(){return this.options.pullUpLoad},pullUpTxt:function(){var t=this.pullUpLoad,e=t&&t.txt,i=e&&e.more||"",n=e&&e.noMore||"";return this.pullUpNoMore?n:i},refreshTxt:function(){var t=this.pullDownRefresh;return t&&t.txt||"Refresh success"},finalScrollEvents:function(){var t=this.scrollEvents.slice();return t.length||(this.listenScroll&&t.push("scroll"),this.listenBeforeScroll&&t.push("before-scroll-start")),t},needListenScroll:function(){return-1!==this.finalScrollEvents.indexOf("scroll")||this.parentScroll}},watch:{data:function(){var t=this;setTimeout(function(){t.forceUpdate(!0)},this.refreshDelay)},pullDownRefresh:{handler:function(t,e){t&&(this.scroll.openPullDown(t),e||(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler())),!t&&e&&(this.scroll.closePullDown(),this._offPullDownRefresh(),this._pullDownRefreshChangeHandler())},deep:!0},pullUpLoad:{handler:function(t,e){t&&(this.scroll.openPullUp(t),e||(this._onPullUpLoad(),this._pullUpLoadChangeHandler())),!t&&e&&(this.scroll.closePullUp(),this._offPullUpLoad(),this._pullUpLoadChangeHandler())},deep:!0}},activated:function(){this.enable()},deactivated:function(){this.disable()},mounted:function(){var t=this;this.$nextTick(function(){t.initScroll()})},beforeDestroy:function(){this.destroy()},methods:{initScroll:function(){if(this.$refs.wrapper){this._calculateMinHeight();var t={scrollY:"vertical"===this.direction,scrollX:"horizontal"===this.direction,probeType:this.needListenScroll?3:1,useTransition:h.USE_TRANSITION},e=(0,b.default)({},P,t,this.options);this.scroll=new g.default(this.$refs.wrapper,e),this.parentScroll&&"none"!==this.nestMode&&this._handleNestScroll(),this._listenScrollEvents(),this.pullDownRefresh&&(this._onPullDownRefresh(),this._pullDownRefreshChangeHandler()),this.pullUpLoad&&(this._onPullUpLoad(),this._pullUpLoadChangeHandler())}},disable:function(){this.scroll&&this.scroll.disable()},enable:function(){this.scroll&&this.scroll.enable()},refresh:function(){this._calculateMinHeight(),this.scroll&&this.scroll.refresh()},destroy:function(){this.scroll&&this.scroll.destroy(),this.scroll=null},scrollTo:function(){this.scroll&&this.scroll.scrollTo.apply(this.scroll,arguments)},scrollToElement:function(){this.scroll&&this.scroll.scrollToElement.apply(this.scroll,arguments)},clickItem:function(t){this.$emit("click",t)},forceUpdate:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,y.default)(m.default.mark(function n(){return m.default.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(!t.isPullDownUpdating){n.next=2;break}return n.abrupt("return");case 2:if(!t.pullDownRefresh||!t.isPullingDown){n.next=12;break}return t.isPullingDown=!1,t.isPullDownUpdating=!0,n.next=7,t._waitFinishPullDown();case 7:return t.isPullDownUpdating=!1,n.next=10,t._waitResetPullDown(e);case 10:n.next=13;break;case 12:t.pullUpLoad&&t.isPullUpLoad&&(t.isPullUpLoad=!1,t.scroll.finishPullUp(),t.pullUpNoMore=!e||i);case 13:e&&t.refresh();case 14:case"end":return n.stop()}},n,t)}))()},resetPullUpTxt:function(){this.pullUpNoMore=!1},_listenScrollEvents:function(){var t=this;this.finalScrollEvents.forEach(function(e){t.scroll.on((0,d.camelize)(e),function(){for(var i=arguments.length,n=Array(i),o=0;o<i;o++)n[o]=arguments[o];t.$emit.apply(t,[e].concat(n))})})},_handleNestScroll:function(){var t=this;this.$nextTick(function(){var e=t.scroll,i=t.parentScroll.scroll;[e,i].forEach(function(n,o,s){n.on("touchEnd",function(){i.enable(),e.enable(),e.initiated=!1}),n.on("beforeScrollStart",function(){t.touchStartMoment=!0;var e=s[(o+1)%2];e.stop(),e.resetPosition()})}),e.on("scroll",function(n){!e.initiated||e.isInTransition||"native"===t.nestMode&&!t.touchStartMoment||(t._checkReachBoundary(n)?(e.resetPosition(),e.disable(),i.pointX=e.pointX,i.pointY=e.pointY,i.enable()):i.disable(),t.touchStartMoment=!1)})})},_checkReachBoundary:function(t){var e=this.scroll.distX,i=this.scroll.distY,n=e>0?t.x>=this.scroll.minScrollX:e<0&&t.x<=this.scroll.maxScrollX,o=i>0?t.y>=this.scroll.minScrollY:i<0&&t.y<=this.scroll.maxScrollY,s=this.scroll.freeScroll,r=this.scroll.hasHorizontalScroll,a=this.scroll.hasVerticalScroll;if(!r&&!a)return!0;if(s)return n||o;var l=void 0;return this.scroll.movingDirectionX?l=n:this.scroll.movingDirectionY&&(l=o),l},_calculateMinHeight:function(){var t=this.$refs,e=t.wrapper,i=t.listWrapper,n=this.pullUpLoad,o=this.pullDownRefresh,s=0;if(o||n){s=(0,f.getRect)(e).height+1,n&&n.visible&&(s-=this.pullUpHeight)}i.style.minHeight=s+"px"},_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)},_pullDownRefreshChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullDownEleHeight(),t._calculateMinHeight()})},_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-this.pullDownHeight),this.pullDownStyle="top:"+Math.min(t.y-this.pullDownHeight,0)+"px"):(this.bubbleY=0,this.pullDownStyle="top:"+Math.min(t.y-this.pullDownStop,0)+"px")},_pullUpLoadChangeHandler:function(){var t=this;this.$nextTick(function(){t._getPullUpEleHeight(),t._calculateMinHeight()})},_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")},_waitFinishPullDown:function(t){var e=this,i=this.pullDownRefresh.stopTime,n=void 0===i?600:i;return new v.default(function(t){setTimeout(function(){e.scroll.finishPullDown(),t()},n)})},_waitResetPullDown:function(t){var e=this;return new v.default(function(t){e.resetPullDownTimer=setTimeout(function(){e.pullDownStyle="top: -"+e.pullDownHeight+"px",e.beforePullDown=!0,t()},e.scroll.options.bounceTime)})},_getPullDownEleHeight:function(){var t=this,e=this.$refs.pulldown;e&&(e=e.firstChild,this.pullDownHeight=(0,f.getRect)(e).height,this.beforePullDown=!1,this.isPullingDown=!0,this.$nextTick(function(){t.pullDownStop=(0,f.getRect)(e).height,t.beforePullDown=!0,t.isPullingDown=!1}))},_getPullUpEleHeight:function(){var t=this.$refs.listWrapper,e=t.nextElementSibling;if(!e)return void(this.pullUpHeight=0);this.pullUpHeight=(0,f.getRect)(e).height}},components:{Loading:_.default,Bubble:x.default}},t.exports=e.default})},function(t,e,i){i(87),i(36),i(47),i(338),i(346),i(347),t.exports=i(1).Promise},function(t,e,i){"use strict";var n,o,s,r,a=i(34),l=i(3),u=i(31),c=i(67),f=i(10),d=i(18),h=i(43),p=i(339),v=i(340),m=i(117),y=i(118).set,b=i(342)(),g=i(73),_=i(119),x=i(343),w=i(120),S=l.TypeError,T=l.process,P=T&&T.versions,M=P&&P.v8||"",k=l.Promise,C="process"==c(T),E=function(){},O=o=g.f,I=!!function(){try{var t=k.resolve(1),e=(t.constructor={})[i(4)("species")]=function(t){t(E,E)};return(C||"function"==typeof PromiseRejectionEvent)&&t.then(E)instanceof e&&0!==M.indexOf("6.6")&&-1===x.indexOf("Chrome/66")}catch(t){}}(),$=function(t){var e;return!(!d(t)||"function"!=typeof(e=t.then))&&e},D=function(t,e){if(!t._n){t._n=!0;var i=t._c;b(function(){for(var n=t._v,o=1==t._s,s=0;i.length>s;)!function(e){var i,s,r,a=o?e.ok:e.fail,l=e.resolve,u=e.reject,c=e.domain;try{a?(o||(2==t._h&&A(t),t._h=1),!0===a?i=n:(c&&c.enter(),i=a(n),c&&(c.exit(),r=!0)),i===e.promise?u(S("Promise-chain cycle")):(s=$(i))?s.call(i,l,u):l(i)):u(n)}catch(t){c&&!r&&c.exit(),u(t)}}(i[s++]);t._c=[],t._n=!1,e&&!t._h&&j(t)})}},j=function(t){y.call(l,function(){var e,i,n,o=t._v,s=V(t);if(s&&(e=_(function(){C?T.emit("unhandledRejection",o,t):(i=l.onunhandledrejection)?i({promise:t,reason:o}):(n=l.console)&&n.error&&n.error("Unhandled promise rejection",o)}),t._h=C||V(t)?2:1),t._a=void 0,s&&e.e)throw e.v})},V=function(t){return 1!==t._h&&0===(t._a||t._c).length},A=function(t){y.call(l,function(){var e;C?T.emit("rejectionHandled",t):(e=l.onrejectionhandled)&&e({promise:t,reason:t._v})})},R=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()),D(e,!0))},H=function(t){var e,i=this;if(!i._d){i._d=!0,i=i._w||i;try{if(i===t)throw S("Promise can't be resolved itself");(e=$(t))?b(function(){var n={_w:i,_d:!1};try{e.call(t,u(H,n,1),u(R,n,1))}catch(t){R.call(n,t)}}):(i._v=t,i._s=1,D(i,!1))}catch(t){R.call({_w:i,_d:!1},t)}}};I||(k=function(t){p(this,k,"Promise","_h"),h(t),n.call(this);try{t(u(H,this,1),u(R,this,1))}catch(t){R.call(this,t)}},n=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},n.prototype=i(344)(k.prototype,{then:function(t,e){var i=O(m(this,k));return i.ok="function"!=typeof t||t,i.fail="function"==typeof e&&e,i.domain=C?T.domain:void 0,this._c.push(i),this._a&&this._a.push(i),this._s&&D(this,!1),i.promise},catch:function(t){return this.then(void 0,t)}}),s=function(){var t=new n;this.promise=t,this.resolve=u(H,t,1),this.reject=u(R,t,1)},g.f=O=function(t){return t===k||t===r?new s(t):o(t)}),f(f.G+f.W+f.F*!I,{Promise:k}),i(46)(k,"Promise"),i(345)("Promise"),r=i(1).Promise,f(f.S+f.F*!I,"Promise",{reject:function(t){var e=O(this);return(0,e.reject)(t),e.promise}}),f(f.S+f.F*(a||!I),"Promise",{resolve:function(t){return w(a&&this===r?k:this,t)}}),f(f.S+f.F*!(I&&i(99)(function(t){k.all(t).catch(E)})),"Promise",{all:function(t){var e=this,i=O(e),n=i.resolve,o=i.reject,s=_(function(){var i=[],s=0,r=1;v(t,!1,function(t){var a=s++,l=!1;i.push(void 0),r++,e.resolve(t).then(function(t){l||(l=!0,i[a]=t,--r||n(i))},o)}),--r||n(i)});return s.e&&o(s.v),i.promise},race:function(t){var e=this,i=O(e),n=i.reject,o=_(function(){v(t,!1,function(t){e.resolve(t).then(i.resolve,n)})});return o.e&&n(o.v),i.promise}})},function(t,e){t.exports=function(t,e,i,n){if(!(t instanceof e)||void 0!==n&&n in t)throw TypeError(i+": incorrect invocation!");return t}},function(t,e,i){var n=i(31),o=i(97),s=i(98),r=i(15),a=i(56),l=i(66),u={},c={},e=t.exports=function(t,e,i,f,d){var h,p,v,m,y=d?function(){return t}:l(t),b=n(i,f,e?2:1),g=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(s(y)){for(h=a(t.length);h>g;g++)if((m=e?b(r(p=t[g])[0],p[1]):b(t[g]))===u||m===c)return m}else for(v=y.call(t);!(p=v.next()).done;)if((m=o(v,b,p.value,e))===u||m===c)return m};e.BREAK=u,e.RETURN=c},function(t,e){t.exports=function(t,e,i){var n=void 0===i;switch(e.length){case 0:return n?t():t.call(i);case 1:return n?t(e[0]):t.call(i,e[0]);case 2:return n?t(e[0],e[1]):t.call(i,e[0],e[1]);case 3:return n?t(e[0],e[1],e[2]):t.call(i,e[0],e[1],e[2]);case 4:return n?t(e[0],e[1],e[2],e[3]):t.call(i,e[0],e[1],e[2],e[3])}return t.apply(i,e)}},function(t,e,i){var n=i(3),o=i(118).set,s=n.MutationObserver||n.WebKitMutationObserver,r=n.process,a=n.Promise,l="process"==i(33)(r);t.exports=function(){var t,e,i,u=function(){var n,o;for(l&&(n=r.domain)&&n.exit();t;){o=t.fn,t=t.next;try{o()}catch(n){throw t?i():e=void 0,n}}e=void 0,n&&n.enter()};if(l)i=function(){r.nextTick(u)};else if(!s||n.navigator&&n.navigator.standalone)if(a&&a.resolve){var c=a.resolve(void 0);i=function(){c.then(u)}}else i=function(){o.call(n,u)};else{var f=!0,d=document.createTextNode("");new s(u).observe(d,{characterData:!0}),i=function(){d.data=f=!f}}return function(n){var o={fn:n,next:void 0};e&&(e.next=o),t||(t=o,i()),e=o}}},function(t,e,i){var n=i(3),o=n.navigator;t.exports=o&&o.userAgent||""},function(t,e,i){var n=i(17);t.exports=function(t,e,i){for(var o in e)i&&t[o]?t[o]=e[o]:n(t,o,e[o]);return t}},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(14),r=i(16),a=i(4)("species");t.exports=function(t){var e="function"==typeof o[t]?o[t]:n[t];r&&e&&!e[a]&&s.f(e,a,{configurable:!0,get:function(){return this}})}},function(t,e,i){"use strict";var n=i(10),o=i(1),s=i(3),r=i(117),a=i(120);n(n.P+n.R,"Promise",{finally:function(t){var e=r(this,o.Promise||s.Promise),i="function"==typeof t;return this.then(i?function(i){return a(e,t()).then(function(){return i})}:t,i?function(i){return a(e,t()).then(function(){throw i})}:t)}})},function(t,e,i){"use strict";var n=i(10),o=i(73),s=i(119);n(n.S,"Promise",{try:function(t){var e=o.f(this),i=s(t);return(i.e?e.reject:e.resolve)(i.v),e.promise}})},function(t,e,i){t.exports=i(349)},function(t,e,i){var n=function(){return this}()||Function("return this")(),o=n.regeneratorRuntime&&Object.getOwnPropertyNames(n).indexOf("regeneratorRuntime")>=0,s=o&&n.regeneratorRuntime;if(n.regeneratorRuntime=void 0,t.exports=i(350),o)n.regeneratorRuntime=s;else try{delete n.regeneratorRuntime}catch(t){n.regeneratorRuntime=void 0}},function(t,e){!function(e){"use strict";function i(t,e,i,n){var s=e&&e.prototype instanceof o?e:o,r=Object.create(s.prototype),a=new h(n||[]);return r._invoke=u(t,i,a),r}function n(t,e,i){try{return{type:"normal",arg:t.call(e,i)}}catch(t){return{type:"throw",arg:t}}}function o(){}function s(){}function r(){}function a(t){["next","throw","return"].forEach(function(e){t[e]=function(t){return this._invoke(e,t)}})}function l(t){function e(i,o,s,r){var a=n(t[i],t,o);if("throw"!==a.type){var l=a.arg,u=l.value;return u&&"object"==typeof u&&b.call(u,"__await")?Promise.resolve(u.__await).then(function(t){e("next",t,s,r)},function(t){e("throw",t,s,r)}):Promise.resolve(u).then(function(t){l.value=t,s(l)},r)}r(a.arg)}function i(t,i){function n(){return new Promise(function(n,o){e(t,i,n,o)})}return o=o?o.then(n,n):n()}var o;this._invoke=i}function u(t,e,i){var o=P;return function(s,r){if(o===k)throw new Error("Generator is already running");if(o===C){if("throw"===s)throw r;return v()}for(i.method=s,i.arg=r;;){var a=i.delegate;if(a){var l=c(a,i);if(l){if(l===E)continue;return l}}if("next"===i.method)i.sent=i._sent=i.arg;else if("throw"===i.method){if(o===P)throw o=C,i.arg;i.dispatchException(i.arg)}else"return"===i.method&&i.abrupt("return",i.arg);o=k;var u=n(t,e,i);if("normal"===u.type){if(o=i.done?C:M,u.arg===E)continue;return{value:u.arg,done:i.done}}"throw"===u.type&&(o=C,i.method="throw",i.arg=u.arg)}}}function c(t,e){var i=t.iterator[e.method];if(i===m){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=m,c(t,e),"throw"===e.method))return E;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return E}var o=n(i,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,E;var s=o.arg;return s?s.done?(e[t.resultName]=s.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=m),e.delegate=null,E):s:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,E)}function f(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function d(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function h(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(f,this),this.reset(!0)}function p(t){if(t){var e=t[_];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,n=function e(){for(;++i<t.length;)if(b.call(t,i))return e.value=t[i],e.done=!1,e;return e.value=m,e.done=!0,e};return n.next=n}}return{next:v}}function v(){return{value:m,done:!0}}var m,y=Object.prototype,b=y.hasOwnProperty,g="function"==typeof Symbol?Symbol:{},_=g.iterator||"@@iterator",x=g.asyncIterator||"@@asyncIterator",w=g.toStringTag||"@@toStringTag",S="object"==typeof t,T=e.regeneratorRuntime;if(T)return void(S&&(t.exports=T));T=e.regeneratorRuntime=S?t.exports:{},T.wrap=i;var P="suspendedStart",M="suspendedYield",k="executing",C="completed",E={},O={};O[_]=function(){return this};var I=Object.getPrototypeOf,$=I&&I(I(p([])));$&&$!==y&&b.call($,_)&&(O=$);var D=r.prototype=o.prototype=Object.create(O);s.prototype=D.constructor=r,r.constructor=s,r[w]=s.displayName="GeneratorFunction",T.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===s||"GeneratorFunction"===(e.displayName||e.name))},T.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,r):(t.__proto__=r,w in t||(t[w]="GeneratorFunction")),t.prototype=Object.create(D),t},T.awrap=function(t){return{__await:t}},a(l.prototype),l.prototype[x]=function(){return this},T.AsyncIterator=l,T.async=function(t,e,n,o){var s=new l(i(t,e,n,o));return T.isGeneratorFunction(e)?s:s.next().then(function(t){return t.done?t.value:s.next()})},a(D),D[w]="Generator",D[_]=function(){return this},D.toString=function(){return"[object Generator]"},T.keys=function(t){var e=[];for(var i in t)e.push(i);return e.reverse(),function i(){for(;e.length;){var n=e.pop();if(n in t)return i.value=n,i.done=!1,i}return i.done=!0,i}},T.values=p,h.prototype={constructor:h,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=m,this.done=!1,this.delegate=null,this.method="next",this.arg=m,this.tryEntries.forEach(d),!t)for(var e in this)"t"===e.charAt(0)&&b.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=m)},stop:function(){this.done=!0;var t=this.tryEntries[0],e=t.completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){function e(e,n){return s.type="throw",s.arg=t,i.next=e,n&&(i.method="next",i.arg=m),!!n}if(this.done)throw t;for(var i=this,n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],s=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var r=b.call(o,"catchLoc"),a=b.call(o,"finallyLoc");if(r&&a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(r){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!a)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(t,e){for(var i=this.tryEntries.length-1;i>=0;--i){var n=this.tryEntries[i];if(n.tryLoc<=this.prev&&b.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var s=o?o.completion:{};return s.type=t,s.arg=e,o?(this.method="next",this.next=o.finallyLoc,E):this.complete(s)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),E},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e];if(i.finallyLoc===t)return this.complete(i.completion,i.afterLoc),d(i),E}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e];if(i.tryLoc===t){var n=i.completion;if("throw"===n.type){var o=n.arg;d(i)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,i){return this.delegate={iterator:p(t),resultName:e,nextLoc:i},"next"===this.method&&(this.arg=m),E}}}(function(){return this}()||Function("return this")())},function(t,e,i){"use strict";e.__esModule=!0;var n=i(116),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){return function(){var e=t.apply(this,arguments);return new o.default(function(t,i){function n(s,r){try{var a=e[s](r),l=a.value}catch(t){return void i(t)}if(!a.done)return o.default.resolve(l).then(function(t){n("next",t)},function(t){n("throw",t)});t(l)}return n("next")})}}},function(t,e,i){var n=i(0)(i(353),i(354),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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 n=this.initRadius-(this.initRadius-this.minTailRadius)*e,o={x:this.headCenter.x,y:this.headCenter.y+this.distance},s={x:o.x-n,y:o.y},r={x:s.x,y:s.y-this.distance/2};t.quadraticCurveTo(r.x,r.y,s.x,s.y),t.arc(o.x,o.y,n,Math.PI,0,!0);var a={x:this.headCenter.x+i,y:this.headCenter.y},l={x:o.x+n,y:a.y+this.distance/2};t.quadraticCurveTo(l.x,l.y,a.x,a.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})},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:[]}},function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var o=i(356),s=n(o),r=i(359),a=n(r);e.default=function(){function t(t,e){var i=[],n=!0,o=!1,s=void 0;try{for(var r,l=(0,a.default)(t);!(n=(r=l.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){o=!0,s=t}finally{try{!n&&l.return&&l.return()}finally{if(o)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if((0,s.default)(Object(e)))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(t,e,i){t.exports={default:i(357),__esModule:!0}},function(t,e,i){i(47),i(36),t.exports=i(358)},function(t,e,i){var n=i(67),o=i(4)("iterator"),s=i(26);t.exports=i(1).isIterable=function(t){var e=Object(t);return void 0!==e[o]||"@@iterator"in e||s.hasOwnProperty(n(e))}},function(t,e,i){t.exports={default:i(360),__esModule:!0}},function(t,e,i){i(47),i(36),t.exports=i(361)},function(t,e,i){var n=i(15),o=i(66);t.exports=i(1).getIterator=function(t){var e=o(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return n(e.call(t))}},function(t,e,i){t.exports={default:i(363),__esModule:!0}},function(t,e,i){i(364),t.exports=i(1).Object.entries},function(t,e,i){var n=i(10),o=i(365)(!0);n(n.S,"Object",{entries:function(t){return o(t)}})},function(t,e,i){var n=i(25),o=i(21),s=i(37).f;t.exports=function(t){return function(e){for(var i,r=o(e),a=n(r),l=a.length,u=0,c=[];l>u;)s.call(r,i=a[u++])&&c.push(t?[i,r[i]]:r[i]);return c}}},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,n){return i("li",{key:n,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.pullDownRefresh?i("div",{ref:"pulldown",staticClass:"cube-pulldown"},[t._t("pulldown",[i("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.beforePullDown,expression:"beforePullDown"}],staticClass:"before-trigger"},[i("bubble",{staticClass:"bubble",attrs:{y:t.bubbleY}})],1),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!t.beforePullDown,expression:"!beforePullDown"}],staticClass:"after-trigger"},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isPullingDown,expression:"isPullingDown"}],staticClass:"loading"},[i("loading")],1),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!t.isPullingDown,expression:"!isPullingDown"}],staticClass:"cube-pulldown-loaded"},[i("span",[t._v(t._s(t.refreshTxt))])])])])],{pullDownRefresh:t.pullDownRefresh,pullDownStyle:t.pullDownStyle,beforePullDown:t.beforePullDown,isPullingDown:t.isPullingDown,bubbleY:t.bubbleY})],2):t._e()])},staticRenderFns:[]}},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},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:[]}},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:[]}},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:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(373),i(383)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),(0,r.default)(t,s.default)},e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(374)}var o=i(0)(i(375),i(382),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(28),i(122),i(75),i(30),i(5),i(8),i(39),i(68)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,u){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=c(i),d=c(n),h=c(o),p=c(s),v=c(r),m=c(a);e.default={name:"cube-image-preview",mixins:[v.default,m.default],props:{initialIndex:{type:Number,default:0},imgs:{type:Array,default:function(){return[]}},loop:{type:Boolean,default:!0},speed:{type:Number,default:400},preventDefault:{type:Boolean,default:!0}},data:function(){return{currentPageIndex:this.initialIndex,options:{observeDOM:!1,bounce:{left:!0,right:!0},useTransition:!l.isAndroid&&u.USE_TRANSITION,probeType:3,preventDefault:this.preventDefault},scrollOptions:{useTransition:u.USE_TRANSITION,HWCompositing:l.isAndroid,observeDOM:!1,zoom:!0,bindToWrapper:!0,freeScroll:!0,scrollX:!0,scrollY:!0,probeType:3,bounce:!1,click:!1,dblclick:!0,bounceTime:300,preventDefault:this.preventDefault}}},watch:{initialIndex:function(t){this.setPageIndex(t)}},methods:{show:function(){var t=this;this.isVisible=!0,this.$nextTick(function(){t._listenSlide(),t._listenScroll()})},_listenSlide:function(){var t=this;this.$nextTick(function(){var e=t.$refs.slide.slide;e.on("scrollStart",t.slideScrollStartHandler),e.on("scrollEnd",t.slideScrollEndHandler)})},_listenScroll:function(){var t=this;this.$nextTick(function(){t.$refs.items.forEach(function(e){var i=e.scroll;i.on("zoomStart",t.zoomStartHandler.bind(t,i)),i.on("beforeScrollStart",t.beforeScrollHandler),i.on("scroll",t.checkBoundary.bind(t,i)),i.on("scrollEnd",t.scrollEndHandler.bind(t,i))})})},hide:function(){this.isVisible=!1,this.$emit("hide")},prev:function(){var t=this.$refs.slide.slide;t&&t.prev()},next:function(){var t=this.$refs.slide.slide;t&&t.next()},goTo:function(t){var e=this.$refs.slide.slide;e&&e.goToPage(t,0)},imgLoad:function(t){this.isVisible&&this.$refs.items&&this.$refs.items[t].scroll.refresh()},setPageIndex:function(t){if(this.currentPageIndex>=0&&this.currentPageIndex!==t){var e=this.$refs.items[this.currentPageIndex];if(e){var i=e.scroll;1!==i.scale&&(i.scale=1,i.lastcale=1,i.refresh())}}this.currentPageIndex=t},slideChangeHandler:function(t){this.setPageIndex(t),this.slideScrollEndHandler(),this.$emit("change",t)},slideScrollStartHandler:function(){var t=this.$refs.slide.slide;this._scrolling&&!this._hasEnableSlide?t.disable():t.enable()},slideScrollEndHandler:function(){var t=this;this.$refs.items.forEach(function(e){t.scrollEndHandler(e.scroll)})},_scroll:function(t){var e=this.$refs.slide.slide;e.disable(),e.refresh(),t.enable()},_slide:function(t){this.$refs.slide.slide.enable(),t.disable()},beforeScrollHandler:function(){clearTimeout(this.enableSlideTid)},scrollEndHandler:function(t){var e=this;clearTimeout(this.enableSlideTid),this.dblZooming&&(this.dblZooming=!1,clearTimeout(this.clickTid)),this._hasEnableSlide=!1,this._scrolling=!1,t.enable(),this.enableSlideTid=setTimeout(function(){e.$refs.slide.slide.enable()})},checkBoundary:function(t,e){if(t.distX&&Math.abs(t.distX)>Math.abs(t.distY)){this._scrolling=!0;(t.distX>0?e.x>=t.minScrollX:e.x<=t.maxScrollX)?(this._hasEnableSlide=!0,this._slide(t)):this._hasEnableSlide||this._scroll(t)}else t.distY&&(this._scrolling=!0,this._scroll(t))},zoomStartHandler:function(t){this._scroll(t)},dblclickHandler:function(t,e){var i=this.$refs.items[t].scroll;this.dblZooming=!0,this.zoomTo(i,i.scale>1?1:2,e),i.disable()},itemClickHandler:function(){var t=this;clearTimeout(this.clickTid),this.clickTid=setTimeout(function(){!t.dblZooming&&t.hide()},this.scrollOptions.bounceTime)},zoomTo:function(t,e,i){t.zoomTo(e,i.pageX,i.pageY)}},components:{CubePopup:f.default,CubeSlide:d.default,CubeSlideItem:h.default,CubeScroll:p.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(75),i(52),i(42),i(74)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r),h={momentum:!1,click:!0,observeDOM:!1,bounce:!1};e.default={name:"cube-slide",mixins:[f.default,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:void 0,deprecated:{replacedBy:"options"}},stopPropagation:{type:Boolean,default:void 0,deprecated:{replacedBy:"options"}},refreshResetCurrent:{type:Boolean,default:!0}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},created:function(){var t=this;this._dataWatchers=[],["data","loop","autoPlay","options.eventPassthrough","threshold","speed","allowVertical"].forEach(function(e){t._dataWatchers.push(t.$watch(e,function(){"data"===e&&t._destroy(),t.$nextTick(function(){t.refresh()})}))})},watch:{initialIndex:function(t){t!==this.currentPageIndex&&this._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.refreshResetCurrent&&(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,n=this.$refs.slide["client"+(e[0].toUpperCase()+e.slice(1))],o=this.children.length,s=0;s<o;s++){this.children[s].style[e]=n+"px",i+=n}this.loop&&!t&&o>1&&(i+=2*n),this.$refs.slideGroup.style[e]=i+"px"},_initSlide:function(){var t=this,e="horizontal"===this.direction&&this.allowVertical?"vertical":"",i=(0,l.default)({},h,{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 c.default(this.$refs.slide,i),this.slide.on("scrollEnd",this._onScrollEnd),this._goToPage(this.currentPageIndex,0),this.options.listenScroll&&3===this.options.probeType&&this.slide.on("scroll",this._onScroll);var n=this.$refs.slide;n.removeEventListener("touchend",this._touchEndEvent,!1),this._touchEndEvent=function(){t.autoPlay&&t._play()},n.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,n="horizontal"===this.direction?e:i;this.currentPageIndex!==n&&(this.currentPageIndex=n,this.$emit("change",n)),this.$emit("scroll-end",n),this.autoPlay&&this._play()},_onScroll:function(t){this.$emit("scroll",t)},_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))},_goToPage:function(t,e){"horizontal"===this.direction?this.slide&&this.slide.goToPage(t,0,e):"vertical"===this.direction&&this.slide&&this.slide.goToPage(0,t,e)}},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._destroy(),this.slide=null,this._dataWatchers.forEach(function(t){t()}),this._dataWatchers=null},components:{CubeSlideItem:u.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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})},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:[]}},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,n){return i("cube-slide-item",{key:n,attrs:{item:e},nativeOn:{click:function(i){t.clickItem(e,n)}}})}))],2),t._v(" "),t.showDots?i("div",{staticClass:"cube-slide-dots"},[t._t("dots",t._l(t.dots,function(e,n){return i("span",{key:n,class:{active:t.currentPageIndex===n}})}),{current:t.currentPageIndex,dots:t.dots})],2):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-image-preview-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"image-preview","z-index":t.zIndex,center:!1}},[i("div",{staticClass:"cube-image-preview-container"},[i("div",{staticClass:"cube-image-preview-header"},[t._t("header",null,{current:t.currentPageIndex})],2),t._v(" "),t.isVisible?i("cube-slide",{ref:"slide",attrs:{data:t.imgs,"initial-index":t.currentPageIndex,"auto-play":!1,loop:t.loop,speed:t.speed,options:t.options},on:{change:t.slideChangeHandler}},[t._l(t.imgs,function(e,n){return i("cube-slide-item",{key:n},[i("div",{staticClass:"cube-image-preview-item",on:{click:t.itemClickHandler}},[i("cube-scroll",{ref:"items",refInFor:!0,attrs:{options:t.scrollOptions},nativeOn:{dblclick:function(e){t.dblclickHandler(n,e)}}},[i("img",{staticClass:"cube-image-preview-img",attrs:{src:e},on:{load:function(e){t.imgLoad(n)}}})])],1)])}),t._v(" "),i("template",{slot:"dots"},[i("i")])],2):t._e(),t._v(" "),i("div",{staticClass:"cube-image-preview-footer"},[t._t("footer",[i("span",{staticClass:"cube-image-preview-counter"},[t._v(t._s(t.currentPageIndex+1)+"/"+t._s(t.imgs.length))])],{current:t.currentPageIndex})],2)],1)])],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";function n(t,e){(0,o.default)(t,e,["change","hide"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var o=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(30)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(122),i(75)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(387),i(123),i(124)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Group=a.default,r.default.Item=l.default,e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(388)}var o=i(0)(i(389),i(395),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(13),i(12),i(39),i(30),i(123),i(42),i(74)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=u(i),f=u(s),d=u(r),h=u(a),p=u(l),v=o.inBrowser&&window.innerHeight<=480?17:18,m=(0,n.prefixStyle)("transform");e.default={name:"cube-index-list",mixins:[h.default,p.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},speed:{type:Number,default:0},navbar:{type:Boolean,default:!0},pullDownRefresh:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}},pullUpLoad:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}}},data:function(){return{scrollEvents:["scroll"],currentIndex:0,scrollY:-1,diff:-1,titleHeight:0}},computed:{hasTitle:function(){return this.title||this.$slots.title},fixedTitle:function(){return this.hasTitle&&!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):""})},scrollOptions:function(){return(0,c.default)({},{pullDownRefresh:this.pullDownRefresh,pullUpLoad:this.pullUpLoad},this.options)}},created:function(){this.groupList=[],this.listHeight=[],this.touch={},this.subTitleHeight=0},mounted:function(){var t=this;this.$nextTick(function(){t.refresh()})},methods:{refresh:function(){this._caculateTitleHeight(),this._calculateHeight(),this.$refs.scroll&&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(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.$refs.scroll.forceUpdate(e,i),e&&this.$nextTick(function(){t._calculateHeight()})},onShortcutTouchStart:function(t){var e=(0,n.getMatchedTarget)(t,"cube-index-list-nav-item");if(e){var i=(0,n.getData)(e,"index"),o=t.touches[0];this.touch.y1=o.pageY,this.touch.anchorIndex=i,this._scrollTo(i)}},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var i=(this.touch.y2-this.touch.y1)/v|0,n=parseInt(this.touch.anchorIndex)+i;this._scrollTo(n)},onPullingUp:function(){this.$emit("pulling-up")},onPullingDown:function(){this.$emit("pulling-down")},_caculateTitleHeight:function(){this.titleHeight=this.$refs.title?(0,n.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,n.getRect)(t).height:0,this.listHeight=[],this.groupList){var e=this.titleHeight;this.listHeight.push(e);for(var i=0;i<this.groupList.length;i++){e+=this.groupList[i].clientHeight,this.listHeight.push(e)}}},_scrollTo:function(t){t<0?t=0:t>this.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.refresh()})},diff:function(t){var e=t>0&&t<this.subTitleHeight?t-this.subTitleHeight:0;this.fixedTop!==e&&(this.fixedTop=e,this.$refs.fixed.style[m]="translate3d(0,"+e+"px,0)")},scrollY:function(t){var e=this.listHeight;if(t>-this.titleHeight)return void(this.currentIndex=0);for(var i=0;i<e.length-1;i++){var n=e[i],o=e[i+1];if(-t>=n&&-t<o)return this.currentIndex=i,void(this.diff=o+t)}this.currentIndex=e.length-2}},components:{CubeScroll:f.default,CubeIndexListGroup:d.default}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(124)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=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:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n="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?n:""}},methods:{addActiveCls:function(t){(0,i.addClass)(t.currentTarget,n)},removeActiveCls:function(t){(0,i.removeClass)(t.currentTarget,n)},selectItem:function(){this.$emit("select",this.item)}}},t.exports=e.default})},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-item",class:t.itemClass,on:{touchstart:t.addActiveCls,touchend:t.removeActiveCls,click:function(e){t.selectItem()}}},[t._t("default",[i("div",{staticClass:"cube-index-list-item-def border-bottom-1px"},[t._v("\n      "+t._s(t.item.name)+"\n    ")])])],2)},staticRenderFns:[]}},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",domProps:{innerHTML:t._s(t.group.name)}}),t._v(" "),i("ul",[t._t("default",t._l(t.group.items,function(e,n){return i("cube-index-list-item",{key:n,attrs:{item:e},on:{select:t.selectItem}})}))],2)])},staticRenderFns:[]}},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.scrollOptions,data:t.data},on:{scroll:t.scroll,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pullup",fn:function(e){return t.$slots.pullup||t.$scopedSlots.pullup?[t._t("pullup",null,{pullUpLoad:e.pullUpLoad,isPullUpLoad:e.isPullUpLoad})]:void 0}},{key:"pulldown",fn:function(e){return t.$slots.pulldown||t.$scopedSlots.pulldown?[t._t("pulldown",null,{pullDownRefresh:e.pullDownRefresh,pullDownStyle:e.pullDownStyle,beforePullDown:e.beforePullDown,isPullingDown:e.isPullingDown,bubbleY:e.bubbleY})]:void 0}}])},[i("div",{ref:"content",staticClass:"cube-index-list-content"},[t.hasTitle?i("h1",{ref:"title",staticClass:"cube-index-list-title",on:{click:t.titleClick}},[t._t("title",[t._v(t._s(t.title))])],2):t._e(),t._v(" "),i("ul",[t._t("default",t._l(t.data,function(e,n){return i("cube-index-list-group",{key:n,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,n){return i("li",{key:n,staticClass:"cube-index-list-nav-item",class:{active:t.currentIndex===n},attrs:{"data-index":n}},[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",domProps:{innerHTML:t._s(t.fixedTitle)}})],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(397),i(125)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Item=r.default,e.default=s.default,t.exports=e.default})},function(t,e,i){function n(t){i(398)}var o=i(0)(i(399),i(404),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(125)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-swipe",provide:function(){return{swipe:this}},props:{data:{type:Array,default:function(){return[]}},autoShrink:{type:Boolean,default:!1}},created:function(){this.activeIndex=-1,this.items=[]},methods:{addItem:function(t){this.items.push(t)},removeItem:function(t){var e=this.items.indexOf(t);this.items.splice(e,1),e<=this.activeIndex&&(this.activeIndex-=1)},onItemClick:function(t,e){this.$emit("item-click",t,e)},onBtnClick:function(t,e){var i=this.data[e];this.$emit("btn-click",t,e,i)},onItemActive:function(t){if(t!==this.activeIndex){if(-1!==this.activeIndex){this.items[this.activeIndex].shrink()}this.activeIndex=t}}},components:{CubeSwipeItem:n.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12),i(402),i(48)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=(0,i.prefixStyle)("transform"),r=(0,i.prefixStyle)("transitionProperty"),a=(0,i.prefixStyle)("transitionDuration"),l=(0,i.prefixStyle)("transitionTimingFunction");e.default={name:"cube-swipe-item",inject:["swipe"],props:{item:{type:Object,default:function(){return{}}},btns:{type:Array,default:function(){return[]}},index:{type:Number,index:-1},autoShrink:{type:Boolean,default:!1}},watch:{btns:function(){var t=this;this.$nextTick(function(){t.refresh()})}},created:function(){this.x=0,this.state=0,this.swipe.addItem(this)},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<t;e++)this.cachedBtns.push({width:(0,i.getRect)(this.$refs.btns[e]).width})},_handleBtns:function(t){if(0!==this.btns.length)for(var e=this.$refs.btns.length,i=0,n=-this.maxScrollX,o=0;o<e;o++){var r=this.$refs.btns[o],l=(n-i)/n,u=void 0,c=l*t-t;u=t<this.maxScrollX?this.cachedBtns[o].width+l*(this.maxScrollX-t):this.cachedBtns[o].width,i+=this.cachedBtns[o].width,r.style.width=u+"px",r.style[s]="translate("+c+"px)",r.style[a]="0ms"}},_isInBtns:function(t){for(var e=t,i=!1;e&&e.className.indexOf("cube-swipe-item")<0;){if(e.className.indexOf("cube-swipe-btns")>=0){i=!0;break}e=e.parentNode}return i},_calculateBtnsWidth:function(){for(var t=0,e=this.cachedBtns.length,i=0;i<e;i++)t+=this.cachedBtns[i].width;this.maxScrollX=-t},_translate:function(t,e){var i=e?" translateZ(0)":"";this.scrollerStyle[s]="translate("+t+"px,0)"+i,this.x=t},_transitionProperty:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[r]=t},_transitionTimingFunction:function(t){this.scrollerStyle[l]=t},_transitionTime:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.scrollerStyle[a]=t+"ms"},_getComputedPositionX:function(){var t=window.getComputedStyle(this.$refs.swipeItem,null);return t=t[s].split(")")[0].split(", "),+(t[12]||t[4])},_translateBtns:function(t,e,i){if(0!==this.btns.length)for(var n=this.$refs.btns.length,o=0,u=0,c=0;c<n;c++){var f=this.$refs.btns[c];u=1===this.state?o:0,o+=this.cachedBtns[c].width,f.style[s]="translate("+u+"px,0) translateZ(0)",f.style[r]="all",f.style[l]=e,f.style[a]=t+"ms",i&&(f.style.width=this.cachedBtns[c].width+"px")}},refresh:function(){this.btns.length>0&&(this._initCachedBtns(),this._calculateBtnsWidth()),this.endTime=0},shrink:function(){var t=this;this.stop(),this.state=0,this.$nextTick(function(){t.scrollTo(0,600,n.easeOutQuart),t._translateBtns(600,n.easeOutQuart)})},grow:function(){this.state=1;var t=this.x<this.maxScrollX,e=n.easeOutCubic;this.scrollTo(this.maxScrollX,600,e),this._translateBtns(600,e,t)},scrollTo:function(t,e,i){this._transitionProperty(),this._transitionTimingFunction(i),this._transitionTime(e),this._translate(t,!0),e&&(this.isInTransition=!0)},genBtnStyl:function(t){return"background: "+t.color},clickItem:function(){this.swipe.onItemClick(this.item,this.index),this.$emit("item-click",this.item,this.index)},clickBtn:function(t){this.swipe.onBtnClick(t,this.index),this.$emit("btn-click",t,this.index),this.autoShrink&&this.shrink()},stop:function(){if(this.isInTransition){this.isInTransition=!1;var t=0===this.state?0:this._getComputedPositionX();this._translate(t),this.$emit("scroll",this.x)}},onTouchStart:function(t){var e=this;this.swipe.onItemActive(this.index),this.$emit("active",this.index),this.stop(),this.moved=!1,this.movingDirectionX=0;var i=t.touches[0];this.pointX=i.pageX,this.pointY=i.pageY,this.distX=0,this.distY=0,this.startX=this.x,this._transitionTime(),this.startTime=(0,o.getNow)(),1!==this.state||this._isInBtns(t.target)||(this.shrinkTimer=setTimeout(function(){e.shrink()},300))},onTouchMove:function(t){if(this.moved&&(clearTimeout(this.shrinkTimer),t.stopPropagation()),!this.isInTransition){t.preventDefault();var e=t.touches[0],i=e.pageX-this.pointX,n=e.pageY-this.pointY;this.pointX=e.pageX,this.pointY=e.pageY,this.distX+=i,this.distY+=n;var s=Math.abs(this.distX);if(!(s+5<=Math.abs(this.distY))){var r=(0,o.getNow)();if(!(r-this.endTime>300&&s<15)){this.movingDirectionX=i>0?-1:i<0?1:0;var a=this.x+i;a>0&&(a=0),a<this.maxScrollX&&(a=this.x+i/3),this.moved||(this.moved=!0),this._translate(a,!0),r-this.startTime>300&&(this.startTime=r,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,o.getNow)();var t=this.endTime-this.startTime,e=Math.abs(this.x-this.startX);t<300&&e>15||this.x<this.maxScrollX/2?this.grow():this.shrink()}},onTransitionEnd:function(){this.isInTransition=!1,this._transitionTime(),this._translate(this.x)}},beforeDestroy:function(){this.swipe.removeItem(this)}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(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)"})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"swipeItem",staticClass:"cube-swipe-item",on:{transitionend:t.onTransitionEnd,touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd}},[t._t("default",[i("div",{staticClass:"cube-swipe-item-inner border-bottom-1px",on:{click:t.clickItem}},[i("span",[t._v(t._s(t.item.text))])])]),t._v(" "),i("ul",{staticClass:"cube-swipe-btns"},t._l(t.btns,function(e){return i("li",{ref:"btns",refInFor:!0,staticClass:"cube-swipe-btn",style:t.genBtnStyl(e),on:{click:function(i){i.preventDefault(),t.clickBtn(e)}}},[i("span",{staticClass:"text"},[t._v(t._s(e.text))])])}))],2)},staticRenderFns:[]}},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,n){return i("li",{key:e.item.value},[i("cube-swipe-item",{attrs:{btns:e.btns,item:e.item,index:n,"auto-shrink":t.autoShrink}})],1)}))])],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(126),i(76)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default)},s.default.Ele=r.default,e.default=s.default,t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(12)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=(0,i.prefixStyle)("transform");e.default={name:"cube-sticky",provide:function(){return{sticky:this}},props:{pos:{type:Number,required:!0},checkTop:{type:Boolean,default:!0},fixedShowAni:{type:String,default:function(){return this.checkTop?"":"cube-sticky-fixed-fade"}},offset:{type:Number,default:0}},data:function(){return{diff:0,currentDiff:0,currentIndex:-1,currentKey:""}},computed:{fixedShow:function(){return!!this.eles[this.currentIndex]}},watch:{diff:function(t){t>=0&&(t=0),t=Math.ceil(t),this._fixedTop!==t&&(this._fixedTop=t,this.$refs.fixedEle.style[n]="translate3d(0, "+t+"px, 0)")},pos:"computeCurrentSticky",currentIndex:function(t,e){var n=this,o=this.eles[e],s=this.eles[t],r=s&&void 0!==s.eleKey?s.eleKey:-1===t?"":t,a=this.$refs.fixedEle,l=this.$slots.fixed||this.$scopedSlots.fixed;this.$nextTick(function(){if(l)n.fixedEleHeight=a.offsetHeight;else{var t=a.firstElementChild;o&&(o.$el.appendChild(t),o.refresh()),s?(a.appendChild(s.$el.firstElementChild),n.fixedEleHeight=a.offsetHeight):n.fixedEleHeight=0}o&&(0,i.removeClass)(o.$el,"cube-sticky-ele-on"),s&&(0,i.addClass)(s.$el,"cube-sticky-ele-on")}),this.currentKey=r,this.$emit("change",r,t)},currentDiff:function(t){var e=this.heights[this.currentIndex]||0;this.$emit("diff-change",t,e)}},created:function(){this.fixedEleHeight=0,this.eles=[],this.positions=[],this.heights=[]},mounted:function(){this.refresh()},methods:{addEle:function(t){this.eles.push(t)},removeEle:function(t){var e=this.eles.indexOf(t);this.eles.splice(e,1),this.positions.splice(e,1)},refresh:function(){var t=this;this.$nextTick(function(){t.eles.forEach(function(t){t.refresh()}),t._calculateHeight(),t.computeCurrentSticky(t.pos)})},computeCurrentSticky:function(t){t+=this.offset;for(var e=this.positions,i=this.heights,n=this.checkTop,o=e.length,s=o-1;s>=0;s--){var r=s===o-1,a=r?t:e[s+1],l=void 0,u=void 0;n?(l=e[s],u=l+i[s]):(l=e[s]+i[s],u=l);var c=Math.max(u,a);if(t>=l&&t<=c){this.currentIndex=s,this.currentDiff=t-l;var f=a-t;return void(this.diff=f>=0&&!r?f-(this.fixedEleHeight||i[s]):0)}}this.currentIndex=-1,this.currentDiff=0},_calculateHeight:function(){var t=this;this.eles.forEach(function(e,n){var o=(0,i.getRect)(e.$el),s=o.top,r=o.height;t.positions[n]=s,t.heights[n]=r}),this.fixedEleHeight=this.$refs.fixedEle.offsetHeight}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-sticky"},[t._t("default"),t._v(" "),i("transition",{attrs:{name:t.fixedShowAni}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedShow,expression:"fixedShow"}],ref:"fixedEle",staticClass:"cube-sticky-fixed"},[t._t("fixed",null,{current:t.currentKey,index:t.currentIndex})],2)])],2)},staticRenderFns:[]}},function(t,e){},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-sticky-ele",inject:["sticky"],props:{eleKey:{type:[Number,String]}},mounted:function(){this.sticky.addEle(this)},methods:{refresh:function(){var t=this.$el;t.firstElementChild&&(t.style.height="",t.style.height=t.offsetHeight+"px")}},beforeDestroy:function(){this.sticky.removeEle(this)}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-sticky-ele"},[i("div",{staticClass:"cube-sticky-content"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(413),i(420),i(77)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);r.default.install=function(t){t.component(r.default.name,r.default),t.component(a.default.name,a.default),t.component(l.default.name,l.default)},r.default.Panel=a.default,r.default.Bar=l.default,e.default=r.default,t.exports=e.default})},function(t,e,i){function n(t){i(414)}var o=i(0)(i(415),i(419),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(42),i(126),i(76),i(30),i(77)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),u=a(n),c=a(o),f=a(s),d=a(r);e.default={name:"cube-scroll-nav",provide:function(){return{scrollNav:this}},mixins:[l.default],props:{data:{type:Array},speed:{type:Number,default:300},side:{type:Boolean,default:!1},current:{type:[String,Number],default:""}},data:function(){return{scrollEvents:["scroll","scroll-end"],scrollY:0,panels:[],active:this.current,pageStickyOffset:0}},computed:{labels:function(){return this.panels.map(function(t){return t.label})},barTxts:function(){return this.panels.map(function(t){return t.title})},barDirection:function(){return this.side?"vertical":"horizontal"}},watch:{current:function(t){this.stickyCurrent=t,this.active=t,this.jumpTo(t)},active:function(t){this.$emit("change",t)}},created:function(){this.navBar=null,this.stickyCurrent=this.current},mounted:function(){var t=this;this.$nextTick(function(){if(t.side){var e=t.$refs.pageSticky.$refs.fixedEle;t.$refs.scroll.$el.appendChild(e)}t.current||(t.active=t.stickyCurrent=t.labels[0]),t.refresh(),t.jumpTo(t.current)})},methods:{scrollTo:function(){this.$refs.scroll&&this.$refs.scroll.scrollTo.apply(this.$refs.scroll,arguments)},refresh:function(){this.navBar&&this.navBar.refresh(),this.$refs.sticky.refresh(),this.$refs.pageSticky.refresh(),this.pageStickyOffset=this.side?0:this.$refs.navBarEle.$el.offsetHeight,this.$refs.scroll.refresh()},setBar:function(t){this.navBar=t},barChange:function(t){var e=this;this.active=t,setTimeout(function(){e.jumpTo(t)})},jumpTo:function(t){if(t){var e=this.getPanel(t);if(e){this._jumping=!0;var i=this.pageStickyOffset;this.$refs.scroll.scrollToElement(e.$el,this.speed,0,this.side?i:-i)}}},getPanel:function(t){var e=null;return this.panels.some(function(i){if(i.label===t)return e=i,!0}),e},pageStickyChangeHandler:function(t){""===t&&(t=this.labels[0]),this.stickyCurrent=t,this._jumping||(this.active=t)},stickyChangeHandler:function(t){var e=this;this.$nextTick(function(){e.navBar&&e.navBar.refresh()}),this.$emit("sticky-change",t)},scrollHandler:function(t){this.scrollY=-t.y,this._jumping||(this.active=this.stickyCurrent)},scrollEndHandler:function(){this._jumping=!1},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)}},components:{CubeSticky:u.default,CubeStickyEle:c.default,CubeScroll:f.default,CubeScrollNavBar:d.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(42),i(30)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"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);e.default={name:"cube-scroll-nav-bar",inject:{scrollNav:{default:null}},mixins:[s.default],props:{direction:{type:String,default:"horizontal",validator:function(t){return"horizontal"===t||"vertical"===t}},labels:{type:Array,default:function(){return[]}},txts:{type:Array,default:function(){return this._defaultTxts=!0,this.labels}},current:{type:[String,Number],default:""}},data:function(){return{active:this.current,usedTxts:this.txts}},watch:{labels:function(t){this._defaultTxts&&(this.usedTxts=t)},txts:function(t){this.usedTxts=t},current:function(t){this.active=t},active:function(t){this.$emit("change",t),this._adjust()}},mounted:function(){var t=this;this.scrollNav&&this.scrollNav.setBar(this),this.active&&this.$nextTick(function(){t._adjust()})},beforeDestroy:function(){this.scrollNav&&this.scrollNav.setBar(null)},methods:{clickHandler:function(t){t!==this.active&&(this.active=t,this.scrollNav&&this.scrollNav.barChange(t))},refresh:function(){this.$refs.scroll.refresh(),this._adjust()},_adjust:function(){var t=this;this.$nextTick(function(){var e="horizontal"===t.direction,i=e?"clientWidth":"clientHeight",n=t.active,o=t.$refs.scroll.$el[i],s=t.$refs.items,r=s[i],a=Math.min(0,o-r),l=o/2,u=s.children,c=0;t.labels.every(function(t,e){return t===n?(c+=u[e][i]/2,!1):(c+=u[e][i],!0)});var f=l-c;f=Math.max(a,Math.min(0,f)),t.$refs.scroll.scrollTo(e?f:0,e?0:f,300)})}},components:{CubeScroll:r.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-scroll-nav-bar",class:"cube-scroll-nav-bar_"+t.direction},[i("cube-scroll",{ref:"scroll",attrs:{nestMode:"none",options:t.options,direction:t.direction}},[i("div",{ref:"items",staticClass:"cube-scroll-nav-bar-items"},t._l(t.usedTxts,function(e,n){return i("div",{key:n,staticClass:"cube-scroll-nav-bar-item",class:{"cube-scroll-nav-bar-item_active":t.active===t.labels[n]},on:{click:function(e){t.clickHandler(t.labels[n])}}},[t._t("default",[i("span",{domProps:{innerHTML:t._s(e)}})],{txt:e,index:n,active:t.active,label:t.labels[n]})],2)}))])],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-scroll-nav",class:{"cube-scroll-nav_side":t.side}},[i("cube-sticky",{ref:"sticky",attrs:{pos:t.scrollY},on:{change:t.stickyChangeHandler}},[i("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.options,data:t.data},on:{scroll:t.scrollHandler,"scroll-end":t.scrollEndHandler}},[t._t("prepend"),t._v(" "),i("div",{staticClass:"cube-scroll-nav-main"},[i("cube-sticky-ele",{ref:"navBarEle",attrs:{"ele-key":"cube-scroll-nav-bar"}},[t._t("bar",[i("cube-scroll-nav-bar",{attrs:{direction:t.barDirection,txts:t.barTxts,labels:t.labels,current:t.active}})],{txts:t.barTxts,labels:t.labels,current:t.active})],2),t._v(" "),i("cube-sticky",{ref:"pageSticky",attrs:{offset:t.pageStickyOffset,pos:t.scrollY},on:{change:t.pageStickyChangeHandler}},[i("div",{staticClass:"cube-scroll-nav-panels"},[t._t("default")],2),t._v(" "),t.side?t._e():i("template",{slot:"fixed"},[i("div")])],2)],1)],2)],1)],1)},staticRenderFns:[]}},function(t,e,i){var n=i(0)(i(421),i(422),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(76)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-scroll-nav-panel",inject:["scrollNav"],props:{label:{type:[String,Number],required:!0},title:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.scrollNav.addPanel(this)},beforeDestroy:function(){this.scrollNav.removePanel(this)},components:{CubeStickyEle:n.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-scroll-nav-panel"},[i("cube-sticky-ele",{attrs:{"ele-key":t.label}},[i("h2",{staticClass:"cube-scroll-nav-panel-title",domProps:{innerHTML:t._s(t.title)}})]),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(77)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(425)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);n.default.install=function(t){t.component(n.default.name,n.default)},e.default=n.default,t.exports=e.default})},function(t,e,i){function n(t){i(426)}var o=i(0)(i(427),i(428),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(38),i(7),i(2)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-recycle-list",data:function(){return{items:[],heights:0,startIndex:0,loadings:[],noMore:!1}},props:{infinite:{type:Boolean,default:!1},size:{type:Number,default:20},offset:{type:Number,default:100},onFetch:{type:Function,required:!0}},computed:{visibleItems:function(){return this.items.slice(Math.max(0,this.startIndex-this.size),Math.min(this.items.length,this.startIndex+this.size))},tombHeight:function(){return this.infinite?this.$refs.tomb&&this.$refs.tomb.offsetHeight:0},loading:function(){return this.loadings.length}},created:function(){this.list=[],this.promiseStack=[]},mounted:function(){this.checkPromiseCompatibility(),this.$el.addEventListener("scroll",this._onScroll),window.addEventListener("resize",this._onResize),this.load()},beforeDestroy:function(){this.$el.removeEventListener("scroll",this._onScroll),window.removeEventListener("resize",this._onResize)},methods:{checkPromiseCompatibility:function(){(0,o.isUndef)(window.Promise)&&(0,n.warn)("requires a Promise polyfill in this browser.")},load:function(){if(this.infinite){var t=this.items,e=t.length;t.length+=this.size;var i=t.length;this.loadItems(e,i),this.getItems()}else this.loading||this.getItems()},getItems:function(){var t=this,e=this.promiseStack.length,i=this.onFetch();this.loadings.push("pending"),this.promiseStack.push(i),i.then(function(i){t.loadings.pop(),i?(t.setList(e,i),t.loadItemsByIndex(e),i.length<t.size&&t.stopScroll(e)):t.stopScroll(e)})},removeUnusedTombs:function(t,e){var i=void 0,n=this.size,o=e*n,s=(e+1)*n;for(i=o;i<s&&(!t[i]||!t[i].isTombstone);i++);this.items=t.slice(0,i)},stopScroll:function(t){this.noMore=!0,this.removeUnusedTombs(this.items.slice(0),t),this.updateItemTop(),this.updateStartIndex()},setList:function(t,e){for(var i=this.list,n=t*this.size,o=0;o<e.length;o++)i[n+o]=e[o]},loadItemsByIndex:function(t){var e=this.size,i=t*e,n=(t+1)*e;this.loadItems(i,n)},loadItems:function(t,e){for(var i=this,n=this.items,o=[],s=void 0,r=t;r<e;r++){(function(t){if((s=n[t])&&s.loaded)return"continue";i.setItem(t,i.list[t]),o.push(i.$nextTick().then(function(){i.updateItemHeight(t)}))})(r)}window.Promise.all(o).then(function(){i.updateItemTop(),i.updateStartIndex()})},setItem:function(t,e){this.$set(this.items,t,{data:e||{},height:0,top:-1e3,isTombstone:!e,loaded:e?1:0})},updateItemHeight:function(t){var e=this.items[t],i=this.$refs["preloads"+t];i&&i[0]?e.height=i[0].offsetHeight:e&&(e.height=this.tombHeight)},updateItemTop:function(){for(var t=0,e=this.items,i=void 0,n=void 0,o=0;o<e.length;o++)i=e[o-1],n=e[o],e[o]?(n.top=i?i.top+i.height:0,t+=n.height):t+=0;this.heights=t},updateStartIndex:function(){for(var t=this.$el.scrollTop,e=void 0,i=this.items,n=0;n<i.length;n++)if(!(e=i[n])||e.top>t){this.startIndex=Math.max(0,n-1);break}},reset:function(){var t=this;[{key:"items",value:[]},{key:"heights",value:0},{key:"startIndex",value:0},{key:"loadings",value:[]},{key:"noMore",value:!1},{key:"list",value:[]},{key:"promiseStack",value:[]}].forEach(function(e){var i=e.key,n=e.value;t[i]=n}),this.$el.scrollTop=0,this.load()},_onScroll:function(){!this.noMore&&this.$el.scrollTop+this.$el.offsetHeight>this.heights-this.offset&&this.load(),this.updateStartIndex()},_onResize:function(){var t=this.items;t.forEach(function(t){t.loaded=!1}),this.loadItems(0,t.length)}},components:{CubeLoading:s.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-recycle-list"},[i("div",{staticClass:"cube-recycle-list-main"},[i("div",{staticClass:"cube-recycle-list-items",style:{height:t.heights+"px"}},[t._l(t.visibleItems,function(e){return i("div",{staticClass:"cube-recycle-list-item",style:{transform:"translate(0,"+e.top+"px)"}},[t.infinite?i("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:+!e.loaded}},[t._t("tombstone")],2):t._e(),t._v(" "),i("div",{class:{"cube-recycle-list-transition":t.infinite},style:{opacity:e.loaded}},[t._t("item",null,{data:e.data})],2)])}),t._v(" "),i("div",{staticClass:"cube-recycle-list-pool"},[t._l(t.items,function(e,n){return!e||e.isTombstone||e.height?t._e():i("div",{ref:"preloads"+n,refInFor:!0,staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("item",null,{data:e.data})],2)}),t._v(" "),i("div",{ref:"tomb",staticClass:"cube-recycle-list-item cube-recycle-list-invisible"},[t._t("tombstone")],2)],2)],2),t._v(" "),t.infinite||t.noMore?t._e():i("div",{staticClass:"cube-recycle-list-loading",style:{visibility:t.loading?"visible":"hidden"}},[t._t("spinner",[i("div",{staticClass:"cube-recycle-list-loading-content"},[i("cube-loading",{staticClass:"cube-recycle-list-spinner"})],1)])],2),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.noMore,expression:"noMore"}],staticClass:"cube-recycle-list-noMore"},[t._t("noMore")],2)]),t._v(" "),i("div",{staticClass:"cube-recycle-list-fake"})])},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(52)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default=n.default,t.exports=e.default})},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(9)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default=n.default,t.exports=e.default})}])});
\ No newline at end of file
diff --git a/lib/date-picker/date-picker.min.js b/lib/date-picker/date-picker.min.js
index 11977387a..7e5d4cb50 100644
--- a/lib/date-picker/date-picker.min.js
+++ b/lib/date-picker/date-picker.min.js
@@ -8,4 +8,4 @@ var Y=function(){function t(t,e){var i=[],n=!0,o=!1,r=void 0;try{for(var s,a=t[S
  * (c) 2019 ustbhuangyi
  * @license MIT
  */
-var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:h,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=r(i),a=r(n),l=r(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,s.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,r;!function(i,s){o=[t,e],n=s,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,r;!function(i,s){o=[t,e],n=s,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,r;!function(i,s){o=[t,e],n=s,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),r=i(27),s=i(94),a=i(95),l=i(41),c=i(123),h=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=r(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=h(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)c(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)c(i,g,v?s(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a,l,c,h){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(r),v=u(s),g=u(a),y=u(l),x=u(c);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var r=this._getSelectIndex(this.wheels[o]);this._indexes[o]=r;var s=null,a="";this.finalData[o].length&&(s=this.finalData[o][r][this.valueKey],a=this.finalData[o][r][this.textKey]),this._values[o]!==s&&(t=!0),this._values[o]=s,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),r=!!this.wheels&&this.wheels[t],s=0;if(o&&r){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=r.getSelectedIndex();if(a.length)for(var c=a[l][this.valueKey],h=0;h<e.length;h++)if(e[h][this.valueKey]===c){s=h;break}this._indexes[t]=s,this.$nextTick(function(){r=i._createWheel(n,t),r.wheelTo(s)})}return s},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:h.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return h.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(88),i(39)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,r.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(i),h=l(n),u=l(o),p=l(r),f=l(s),d=l(a);e.default={name:"cube-cascade-picker",mixins:[h.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(88),i(39)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,r.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(116),i(165),i(289),i(292),i(177),i(139),i(83)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=c(i),u=c(n),p=c(o),f=c(r),d=c(s),m=c(a),v=c(l);p.default.install=function(t){t.component(h.default.name,h.default),t.component(u.default.name,u.default),t.component(p.default.name,p.default),v.default.install(t),(0,m.default)(t,h.default),(0,d.default)(t,u.default),(0,f.default)(t,p.default)},p.default.Picker=h.default,u.default.Picker=h.default,p.default.CascadePicker=u.default,e.default=p.default,t.exports=e.default})},function(t,e,i){var n=i(9)(i(290),i(291),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(48),i(87),i(58),i(69),i(105),i(84),i(35),i(90)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a,l,c){"use strict";function h(t){return t&&t.__esModule?t:{default:t}}function u(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var p=h(i),f=h(n),d=h(o),m=h(r),v=h(s),g=h(a),y=["year","month","date","hour","minute","second"],x={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:[d.default,m.default,v.default,g.default],props:{min:{type:[Date,Array],default:function(){return new Date(2010,0,1)}},max:{type:[Date,Array],default:function(){return[(new Date).getFullYear()+1,12,31,23,59,59]}},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}},columnOrder:{type:Array,default:function(){return["year","month","date","hour","minute","second"]}}},computed:{formatConfig:function(){var t=(0,f.default)({},b);return(0,l.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,x[i].natureMin,x[i].natureMax)}),e},startIndex:function(){var t=y.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?u(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?u(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?u(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,n=void 0,o=0;o<this.columnCount&&o<6-this.startIndex;o++)!function(o){n=(0,l.findIndex)(i,function(e){return t.valueArray[o]&&e.value===t.valueArray[o]}),e[o]=-1!==n?n:0,i=i[e[o]]&&i[e[o]].children}(o);return e}},methods:{_select:function(t,e,i){this.$emit("select",this._arrayToDate(t),t,i)},_cancel:function(){this.$emit("cancel")},_change:function(t,e){this.$emit("change",t,e)},_generateData:function(t,e,i){var n=this;if(0===e){var o=0===t?this.minArray[0]:Math.max(this.minArray[0],x[y[t]].natureMin),r=0===t?this.maxArray[0]:Math.min(this.maxArray[0],x[y[t]].natureMax);i.push.apply(i,this._range(y[t],o,r,!0,!0))}else if(t<3||i.isMin||i.isMax){var s=2===t?(0,c.computeNatureMaxDay)(i.value,i.year):x[y[t]].natureMax,a=i.isMin?Math.max(this.minArray[e],x[y[t]].natureMin):x[y[t]].natureMin,l=i.isMax?Math.min(this.maxArray[e],s):s,h=1===t&&0===this.startIndex&&this.columnCount>=3&&i.value;i.children=this._range(y[t],a,l,i.isMin,i.isMax,h)}else i.children=this.natureRangeCache[y[t]];e<this.columnCount-1&&t<5&&(i.children||i).forEach(function(i){(!i.children||i.isMin||i.isMax)&&n._generateData(t+1,e+1,i)})},_arrayToDate:function(t){for(var e=[],i=u(new Date(0)),n=0;n<6;n++)n<this.startIndex?e[n]=i[n]:n>=this.startIndex+this.columnCount?e[n]=x[y[n]].natureMin:e[n]=t[n-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,i,n,o){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this._rangeCache||(this._rangeCache={});var s=t+r+e+i+n+o;if(this._rangeCache[s])return this._rangeCache[s];for(var a=[],l=this.formatConfig[t],h=e;h<=i;h++){var u={text:(0,c.formatType)(t,l,h,"i"),value:h,order:this.columnOrder.indexOf(t)};n&&h===e&&(u.isMin=!0),o&&h===i&&(u.isMax=!0),r&&(u.year=r),a.push(u)}return this._rangeCache[s]=a,a}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{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,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(88),i(39)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,r.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})}])});
\ No newline at end of file
+var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:h,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=r(i),a=r(n),l=r(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,s.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,r;!function(i,s){o=[t,e],n=s,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,r;!function(i,s){o=[t,e],n=s,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,r;!function(i,s){o=[t,e],n=s,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),r=i(27),s=i(94),a=i(95),l=i(41),c=i(123),h=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=r(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=h(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)c(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)c(i,g,v?s(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a,l,c,h){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(r),v=u(s),g=u(a),y=u(l),x=u(c);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var r=this._getSelectIndex(this.wheels[o]);this._indexes[o]=r;var s=null,a="";this.finalData[o].length&&(s=this.finalData[o][r][this.valueKey],a=this.finalData[o][r][this.textKey]),this._values[o]!==s&&(t=!0),this._values[o]=s,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),r=!!this.wheels&&this.wheels[t],s=0;if(o&&r){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=r.getSelectedIndex();if(a.length)for(var c=a[l][this.valueKey],h=0;h<e.length;h++)if(e[h][this.valueKey]===c){s=h;break}this._indexes[t]=s,this.$nextTick(function(){r=i._createWheel(n,t),r.wheelTo(s)})}return s},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:h.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return h.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(88),i(39)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,r.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},,,,function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(i),h=l(n),u=l(o),p=l(r),f=l(s),d=l(a);e.default={name:"cube-cascade-picker",mixins:[h.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(88),i(39)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,r.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(116),i(162),i(289),i(292),i(177),i(139),i(83)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=c(i),u=c(n),p=c(o),f=c(r),d=c(s),m=c(a),v=c(l);p.default.install=function(t){t.component(h.default.name,h.default),t.component(u.default.name,u.default),t.component(p.default.name,p.default),v.default.install(t),(0,m.default)(t,h.default),(0,d.default)(t,u.default),(0,f.default)(t,p.default)},p.default.Picker=h.default,u.default.Picker=h.default,p.default.CascadePicker=u.default,e.default=p.default,t.exports=e.default})},function(t,e,i){var n=i(9)(i(290),i(291),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(48),i(87),i(58),i(69),i(105),i(84),i(35),i(90),i(162)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n,o,r,s,a,l,c,h){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}function p(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var f=u(i),d=u(n),m=u(o),v=u(r),g=u(s),y=u(a),x=u(h),b=["year","month","date","hour","minute","second"],_={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}},w={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[m.default,v.default,g.default,y.default],components:{CubeCascadePicker:x.default},props:{min:{type:[Date,Array],default:function(){return new Date(2010,0,1)}},max:{type:[Date,Array],default:function(){return[(new Date).getFullYear()+1,12,31,23,59,59]}},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}},columnOrder:{type:Array,default:function(){return["year","month","date","hour","minute","second"]}}},computed:{formatConfig:function(){var t=(0,d.default)({},w);return(0,l.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,f.default)(e).forEach(function(i){e[i]=t._range(i,_[i].natureMin,_[i].natureMax)}),e},startIndex:function(){var t=b.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?p(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?p(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?p(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,n=void 0,o=0;o<this.columnCount&&o<6-this.startIndex;o++)!function(o){n=(0,l.findIndex)(i,function(e){return t.valueArray[o]&&e.value===t.valueArray[o]}),e[o]=-1!==n?n:0,i=i[e[o]]&&i[e[o]].children}(o);return e}},methods:{_select:function(t,e,i){this.$emit("select",this._arrayToDate(t),t,i)},_cancel:function(){this.$emit("cancel")},_change:function(t,e){this.$emit("change",t,e)},_generateData:function(t,e,i){var n=this;if(0===e){var o=0===t?this.minArray[0]:Math.max(this.minArray[0],_[b[t]].natureMin),r=0===t?this.maxArray[0]:Math.min(this.maxArray[0],_[b[t]].natureMax);i.push.apply(i,this._range(b[t],o,r,!0,!0))}else if(t<3||i.isMin||i.isMax){var s=2===t?(0,c.computeNatureMaxDay)(i.value,i.year):_[b[t]].natureMax,a=i.isMin?Math.max(this.minArray[e],_[b[t]].natureMin):_[b[t]].natureMin,l=i.isMax?Math.min(this.maxArray[e],s):s,h=1===t&&0===this.startIndex&&this.columnCount>=3&&i.value;i.children=this._range(b[t],a,l,i.isMin,i.isMax,h)}else i.children=this.natureRangeCache[b[t]];e<this.columnCount-1&&t<5&&(i.children||i).forEach(function(i){(!i.children||i.isMin||i.isMax)&&n._generateData(t+1,e+1,i)})},_arrayToDate:function(t){for(var e=[],i=p(new Date(0)),n=0;n<6;n++)n<this.startIndex?e[n]=i[n]:n>=this.startIndex+this.columnCount?e[n]=_[b[n]].natureMin:e[n]=t[n-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,i,n,o){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this._rangeCache||(this._rangeCache={});var s=t+r+e+i+n+o;if(this._rangeCache[s])return this._rangeCache[s];for(var a=[],l=this.formatConfig[t],h=e;h<=i;h++){var u={text:(0,c.formatType)(t,l,h,"i"),value:h,order:this.columnOrder.indexOf(t)};n&&h===e&&(u.isMin=!0),o&&h===i&&(u.isMax=!0),r&&(u.year=r),a.push(u)}return this._rangeCache[s]=a,a}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{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,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,r;!function(s,a){o=[t,e,i(88),i(39)],n=a,void 0!==(r="function"==typeof n?n.apply(e,o):n)&&(t.exports=r)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,r.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})}])});
\ No newline at end of file
diff --git a/lib/date-picker/index.js b/lib/date-picker/index.js
index 1c8961692..5b8fe8d48 100644
--- a/lib/date-picker/index.js
+++ b/lib/date-picker/index.js
@@ -7549,10 +7549,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 /* 160 */,
 /* 161 */,
 /* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */
+/* 163 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(9)(
@@ -7572,6 +7569,9 @@ module.exports = Component.exports
 
 
 /***/ }),
+/* 164 */,
+/* 165 */,
+/* 166 */,
 /* 167 */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7910,7 +7910,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(117), __webpack_require__(166), __webpack_require__(290), __webpack_require__(293), __webpack_require__(178), __webpack_require__(140), __webpack_require__(84)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(117), __webpack_require__(163), __webpack_require__(290), __webpack_require__(293), __webpack_require__(178), __webpack_require__(140), __webpack_require__(84)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -7994,20 +7994,20 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(48), __webpack_require__(88), __webpack_require__(58), __webpack_require__(69), __webpack_require__(106), __webpack_require__(85), __webpack_require__(35), __webpack_require__(91)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(48), __webpack_require__(88), __webpack_require__(58), __webpack_require__(69), __webpack_require__(106), __webpack_require__(85), __webpack_require__(35), __webpack_require__(91), __webpack_require__(163)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
   } else if (typeof exports !== "undefined") {
-    factory(module, exports, require('babel-runtime/core-js/object/keys'), require('babel-runtime/core-js/object/assign'), require('../../common/mixins/visibility'), require('../../common/mixins/popup'), require('../../common/mixins/picker'), require('../../common/mixins/locale'), require('../../common/helpers/util'), require('../../common/lang/date'));
+    factory(module, exports, require('babel-runtime/core-js/object/keys'), require('babel-runtime/core-js/object/assign'), require('../../common/mixins/visibility'), require('../../common/mixins/popup'), require('../../common/mixins/picker'), require('../../common/mixins/locale'), require('../../common/helpers/util'), require('../../common/lang/date'), require('../cascade-picker/cascade-picker.vue'));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod, mod.exports, global.keys, global.assign, global.visibility, global.popup, global.picker, global.locale, global.util, global.date);
+    factory(mod, mod.exports, global.keys, global.assign, global.visibility, global.popup, global.picker, global.locale, global.util, global.date, global.cascadePicker);
     global.datePicker = mod.exports;
   }
-})(this, function (module, exports, _keys, _assign, _visibility, _popup, _picker, _locale, _util, _date) {
+})(this, function (module, exports, _keys, _assign, _visibility, _popup, _picker, _locale, _util, _date, _cascadePicker) {
   'use strict';
 
   Object.defineProperty(exports, "__esModule", {
@@ -8026,6 +8026,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   var _locale2 = _interopRequireDefault(_locale);
 
+  var _cascadePicker2 = _interopRequireDefault(_cascadePicker);
+
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
       default: obj
@@ -8073,6 +8075,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   exports.default = {
     name: COMPONENT_NAME,
     mixins: [_visibility2.default, _popup2.default, _picker2.default, _locale2.default],
+    components: {
+      CubeCascadePicker: _cascadePicker2.default
+    },
     props: {
       min: {
         type: [Date, Array],
diff --git a/lib/dialog/dialog.min.js b/lib/dialog/dialog.min.js
index 12b49854f..ff15693c7 100644
--- a/lib/dialog/dialog.min.js
+++ b/lib/dialog/dialog.min.js
@@ -3,4 +3,4 @@
  * (c) 2019 ustbhuangyi
  * @license MIT
  */
-var y=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},b=/-(\w)/g,m="hook:beforeDestroy",g={install:v,instantiateComponent:f,version:"0.2.3"};e.default=g},,function(t,e,n){function r(t){n(101)}var o=n(9)(n(102),n(103),r,null,null);t.exports=o.exports},function(t,e){},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(37),n(58),n(69)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=i(n),a=i(r),c=i(o);e.default={name:"cube-popup",mixins:[a.default,c.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,u.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.rootClass,style:{"z-index":t.zIndex}},[n("div",{staticClass:"cube-popup-mask",on:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),n("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[t.$slots.default?n("div",{staticClass:"cube-popup-content"},[t._t("default")],2):n("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},function(t,e,n){var r,o,i;!function(n,u){o=[t,e],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){var r,o,i;!function(n,u){o=[t,e],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},,,,,,,,,,function(t,e,n){function r(t){n(178)}var o=n(9)(n(179),n(180),r,null,null);t.exports=o.exports},,,,,function(t,e){},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(87),n(163)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=o(n),u=o(r);e.default={name:"cube-input",mixins:[u.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){var t=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(t=!1),t},_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)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,i.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,i.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})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"cube-input",class:{"cube-input_active":t.isFocus}},[t.$slots.prepend?n("div",{staticClass:"cube-input-prepend"},[t._t("prepend")],2):t._e(),t._v(" "),"checkbox"===t._type?n("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:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var n=t.inputValue,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&(t.inputValue=n.concat([null])):i>-1&&(t.inputValue=n.slice(0,i).concat(n.slice(i+1)))}else t.inputValue=o},t.changeHander]}},"input",t.$props,!1)):"radio"===t._type?n("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)):n("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?n("div",{staticClass:"cube-input-append"},[t._showClear?n("div",{staticClass:"cube-input-clear",on:{touchend:t.handleClear}},[n("i",{staticClass:"cubeic-wrong"})]):t._e(),t._v(" "),t._showPwdEye?n("div",{staticClass:"cube-input-eye",on:{click:t.handlePwdEye}},[n("i",{class:t.eyeClass})]):t._e(),t._v(" "),t._t("append")],2):t._e()])},staticRenderFns:[]}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){"use strict";e.__esModule=!0;var r=n(87),o=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=o.default||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(294),n(83),n(173),n(298)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o,i){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=u(n),c=u(r),s=u(o),f=u(i);a.default.install=function(t){t.component(s.default.name,s.default),t.component(a.default.name,a.default),c.default.install(t),(0,f.default)(t,a.default)},a.default.Input=s.default,e.default=a.default,t.exports=e.default})},function(t,e,n){function r(t){n(295)}var o=n(9)(n(296),n(297),r,null,null);t.exports=o.exports},function(t,e){},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(210),n(87),n(100),n(173),n(58),n(69),n(84)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o,i,u,a,c){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=s(n),l=s(r),p=s(o),d=s(i),v=s(u),h=s(a),y=s(c),b={textType:"ok",active:!0,disabled:!1,href:"javascript:;"},m={textType:"cancel",active:!1,disabled:!1,href:"javascript:;"},g=function(t,e){"string"==typeof t&&(t={text:t});var n=e&&this.$t(e.textType);return(0,l.default)({},e,{text:n},t)};e.default={name:"cube-dialog",mixins:[v.default,h.default,y.default],props:{type:{type:String,default:"alert"},prompt:{type:Object,default:function(){return{value:"",placeholder:""}}},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,f.default)({},b)}},cancelBtn:{type:[Object,String],default:function(){return(0,f.default)({},m)}}},data:function(){return{defHref:"javascript:;",promptValue:this.prompt.value}},computed:{_confirmBtn:function(){return g.call(this,this.confirmBtn,b)},_cancelBtn:function(){return g.call(this,this.cancelBtn,m)},isConfirm:function(){return"confirm"===this.type},isPrompt:function(){return"prompt"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},watch:{"prompt.value":{handler:function(t){this.promptValue=t}}},methods:{maskClick:function(t){this.maskClosable&&this.cancel(t)},confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t,this.promptValue))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:p.default,CubeInput:d.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"cube-dialog-fade"}},[n("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog","z-index":t.zIndex,mask:!0,center:!0},on:{"mask-click":t.maskClick}},[n("div",{staticClass:"cube-dialog-main"},[n("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[n("i",{staticClass:"cubeic-close"})]),t._v(" "),n("div",{class:t.containerClass},[t.icon?n("p",{staticClass:"cube-dialog-icon"},[n("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?n("h2",{staticClass:"cube-dialog-title"},[t._t("title",[n("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),n("div",{staticClass:"cube-dialog-content"},[t._t("content",[n("div",{staticClass:"cube-dialog-content-def"},[t.content?n("p",{domProps:{innerHTML:t._s(t.content)}}):t._e(),t._v(" "),t.isPrompt?n("cube-input",t._b({model:{value:t.promptValue,callback:function(e){t.promptValue=e},expression:"promptValue"}},"cube-input",t.prompt,!1)):t._e()],1)])],2),t._v(" "),n("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm||t.isPrompt}},[t._t("btns",[t.isConfirm||t.isPrompt?n("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(" "),n("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active,"cube-dialog-btn_disabled":t._confirmBtn.disabled},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])],2)])])])],1)},staticRenderFns:[]}},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(88)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";function r(t,e){(0,o.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var o=function(t){return t&&t.__esModule?t:{default:t}}(n);t.exports=e.default})}])});
\ No newline at end of file
+var y=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},b=/-(\w)/g,m="hook:beforeDestroy",g={install:v,instantiateComponent:f,version:"0.2.3"};e.default=g},,function(t,e,n){function r(t){n(101)}var o=n(9)(n(102),n(103),r,null,null);t.exports=o.exports},function(t,e){},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(37),n(58),n(69)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=i(n),a=i(r),c=i(o);e.default={name:"cube-popup",mixins:[a.default,c.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,u.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.rootClass,style:{"z-index":t.zIndex}},[n("div",{staticClass:"cube-popup-mask",on:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),n("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[t.$slots.default?n("div",{staticClass:"cube-popup-content"},[t._t("default")],2):n("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},function(t,e,n){var r,o,i;!function(n,u){o=[t,e],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){var r,o,i;!function(n,u){o=[t,e],r=u,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},,,,,,,,,function(t,e,n){function r(t){n(178)}var o=n(9)(n(179),n(180),r,null,null);t.exports=o.exports},,,,,function(t,e){},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(87),n(164)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=o(n),u=o(r);e.default={name:"cube-input",mixins:[u.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){var t=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(t=!1),t},_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)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,i.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,i.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})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"cube-input",class:{"cube-input_active":t.isFocus}},[t.$slots.prepend?n("div",{staticClass:"cube-input-prepend"},[t._t("prepend")],2):t._e(),t._v(" "),"checkbox"===t._type?n("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:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var n=t.inputValue,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&(t.inputValue=n.concat([null])):i>-1&&(t.inputValue=n.slice(0,i).concat(n.slice(i+1)))}else t.inputValue=o},t.changeHander]}},"input",t.$props,!1)):"radio"===t._type?n("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)):n("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?n("div",{staticClass:"cube-input-append"},[t._showClear?n("div",{staticClass:"cube-input-clear",on:{touchend:t.handleClear}},[n("i",{staticClass:"cubeic-wrong"})]):t._e(),t._v(" "),t._showPwdEye?n("div",{staticClass:"cube-input-eye",on:{click:t.handlePwdEye}},[n("i",{class:t.eyeClass})]):t._e(),t._v(" "),t._t("append")],2):t._e()])},staticRenderFns:[]}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){"use strict";e.__esModule=!0;var r=n(87),o=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=o.default||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(294),n(83),n(173),n(298)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o,i){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=u(n),c=u(r),s=u(o),f=u(i);a.default.install=function(t){t.component(s.default.name,s.default),t.component(a.default.name,a.default),c.default.install(t),(0,f.default)(t,a.default)},a.default.Input=s.default,e.default=a.default,t.exports=e.default})},function(t,e,n){function r(t){n(295)}var o=n(9)(n(296),n(297),r,null,null);t.exports=o.exports},function(t,e){},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(210),n(87),n(100),n(173),n(58),n(69),n(84)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o,i,u,a,c){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=s(n),l=s(r),p=s(o),d=s(i),v=s(u),h=s(a),y=s(c),b={textType:"ok",active:!0,disabled:!1,href:"javascript:;"},m={textType:"cancel",active:!1,disabled:!1,href:"javascript:;"},g=function(t,e){"string"==typeof t&&(t={text:t});var n=e&&this.$t(e.textType);return(0,l.default)({},e,{text:n},t)};e.default={name:"cube-dialog",mixins:[v.default,h.default,y.default],props:{type:{type:String,default:"alert"},prompt:{type:Object,default:function(){return{value:"",placeholder:""}}},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,f.default)({},b)}},cancelBtn:{type:[Object,String],default:function(){return(0,f.default)({},m)}}},data:function(){return{defHref:"javascript:;",promptValue:this.prompt.value}},computed:{_confirmBtn:function(){return g.call(this,this.confirmBtn,b)},_cancelBtn:function(){return g.call(this,this.cancelBtn,m)},isConfirm:function(){return"confirm"===this.type},isPrompt:function(){return"prompt"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},watch:{"prompt.value":{handler:function(t){this.promptValue=t}}},methods:{maskClick:function(t){this.maskClosable&&this.cancel(t)},confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t,this.promptValue))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:p.default,CubeInput:d.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"cube-dialog-fade"}},[n("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog","z-index":t.zIndex,mask:!0,center:!0},on:{"mask-click":t.maskClick}},[n("div",{staticClass:"cube-dialog-main"},[n("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[n("i",{staticClass:"cubeic-close"})]),t._v(" "),n("div",{class:t.containerClass},[t.icon?n("p",{staticClass:"cube-dialog-icon"},[n("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?n("h2",{staticClass:"cube-dialog-title"},[t._t("title",[n("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),n("div",{staticClass:"cube-dialog-content"},[t._t("content",[n("div",{staticClass:"cube-dialog-content-def"},[t.content?n("p",{domProps:{innerHTML:t._s(t.content)}}):t._e(),t._v(" "),t.isPrompt?n("cube-input",t._b({model:{value:t.promptValue,callback:function(e){t.promptValue=e},expression:"promptValue"}},"cube-input",t.prompt,!1)):t._e()],1)])],2),t._v(" "),n("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm||t.isPrompt}},[t._t("btns",[t.isConfirm||t.isPrompt?n("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(" "),n("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active,"cube-dialog-btn_disabled":t._confirmBtn.disabled},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])],2)])])])],1)},staticRenderFns:[]}},function(t,e,n){var r,o,i;!function(u,a){o=[t,e,n(88)],r=a,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n){"use strict";function r(t,e){(0,o.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var o=function(t){return t&&t.__esModule?t:{default:t}}(n);t.exports=e.default})}])});
\ No newline at end of file
diff --git a/lib/dialog/index.js b/lib/dialog/index.js
index f71847ede..b8fdd8bb5 100644
--- a/lib/dialog/index.js
+++ b/lib/dialog/index.js
@@ -3342,7 +3342,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 /* 161 */,
 /* 162 */,
 /* 163 */,
-/* 164 */
+/* 164 */,
+/* 165 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -3385,7 +3386,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 });
 
 /***/ }),
-/* 165 */,
 /* 166 */,
 /* 167 */,
 /* 168 */,
@@ -3432,7 +3432,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(165)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/form/form.min.css b/lib/form/form.min.css
index 39f2ad00f..a90755371 100644
--- a/lib/form/form.min.css
+++ b/lib/form/form.min.css
@@ -1 +1 @@
-.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.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-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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-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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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}
\ No newline at end of file
+.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.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-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIKUlEQVRoBcVZb1BUVRQ/d/8CIoIIrNJAhbkCRf79wExhmeIgqahBHxSdiWxsnAlNPzWjSTOV4+hoo31w1LJsmik/9EGnGRjFELOc0XAIWTUNAQnjnyCEC7v7br/zhA3Wfcsj39Zl7u7j3vvOPb97/t1zliiMTVbOXADyk8K4BZnCRVyefTKCfOYy0E9FD9s+YSNMnsiFYPsFMB+FHjYphAWAvPBEJAnT22QV5tLS0kwAcIRLCmEBQH2xL5KgPBpQaNOmTW/GxsYmAMBEdMOb4QDkzpcsRHIrmfGHlpiYOHf79u3z8DjFcO5B0HAA9EJbtqr7ilT5jYiIsObm5ubFxcVNxUC00SDUUzKKqLw010oPPGVkN80j70MAfyWtJ6hQMoDUnz59uhl79Ri1H9MxVgI97tkkRCENKn4epZRksVjs+fn5yyIjI9mYI/2TBjwYC0Chd8ksIujh4fvZ8/l85HA4srdu3ZqFwST/hAEPhgGQVc/PJrPMpX8O388eA4iOjo5cuXLlUqvVmogJjg2GNENsQO6EKibHvwfdX0Ce0cfvnlaiMqooCk2cODFZCFF7/vz5FgzeNwKBMRJYMGMGXGcx+32txgCioqKiV69enQdbYI8UobV2POPGAPBaSslqmhSo+4GMsCqlpKQsWL9+vRNzhsSFxwYgK51ORN2CYLofCMDr9bIaxRYXFy/FHNuCLXDNeP9/bADksxSTTTjIN1r3tRgZHByktLS03A0bNqRjTbzWOr3jCPvja7L6uTjyDCaCcb7fpENt3go03FAU2RZiYmImr1mzZsnhw4drsdaH7kYfRPcM/Y8vfU1oLZNn+U7TG0tu90z4mAwyKTOJxNPoyTDYZKjNVLJBgBy0Qhx+97wfH9nCZFIF33/u3Lkj+/bt+6G2trarp6fH7fF4+rH4AToDGv4ewDODDLqLUE900BtD0pRIUk5DJHWSIp8Dg3wNTgXDuBrLCLIIgSAFUqDDzobvOkFJYm5ECwaAp81mM7FRwy76oFYMoKmjo6Ph9u3bjU1NTa0NDQ1dFy9e7Kyrq7uH5X3oDIrBcGdJcfcKWZFejLv7zocnOhTmVQYxPXQhw5MuZtV1AR9aAHgZYoK/s1QYFH/39/f7BgYGOt1udweeO7q7u1uam5ubXC7X7TNnzrRWV1d34HVWuUYhT86NIrv7fbLIbSSFaRTTvMtjtlAAtEgziJGAWFJQL4mxgStXrpxYvnz5ZwDVgPebVRvAfUtQeSZ8Oe3Gk1WvR9FiYOT4vwEw8n1+Zsmw8YP5L9euXfv5nTt3rmH4Ls+pXgiShDZf3S8rMh5Az/eQSUQbLQne7N80lgRutB7Yw+dLliz5AjRuorcN0xoVB0Ru/SGc/htQ+HvIZ4fX/G/fNpuNDX2goqJiH5g/Akauo/uZZ8ZGAeABgDgBj7QOCcldeB4e+l8aM9/X19d66tSpjwoLC78GE3zynYHMPAKAF4hFdafwVQR3+TuibOA7Yf8f2Rv19vY27969e8e6deu+w4ZssOxOH2lBAfAqsai+mnzidRqUrv8ShN1up66urub9+/d/sHfv3p/Byu/omldvTQAqiNy6SySUAtjFRbKHXxJ88nCPt3bt2rUD/SfwwGrzF/Oi1UIC4JfEoms34AZeJ49SFU7DZp1va2u7VlZWtvPAgQPM/G/oHH1DtjEB8NviFVcjmXyvkZdOws3quECE3PORSaSZHH1b9+zZ8/GhQ4eY+VvoHGnHbLoAMBXx8o0OgNgLdfIi2BnaOFDB47QfO3aMjZXTTa/eDXQDUAl6zXPVSG2wDDjRgf5PWbZsmQP7jCvhHx8AQbPC4ZH4roN8OXHWrFnTwgZAns2MhjHP0HOF1iv+4XVc/EKib3E6nU9hjMuPupVUvwQeUAridqqaWgzvbOA3q1FqaqoTBs0AdOfK+gHYAMAikoy8qY7EzwASEhLS4+PjuQxvHzkX6lk/AIWy4EJ1izbUpsHm+LoMQ07Kzs7mcovumpEuAGq+IGT2cMU5GANaYxyg+HrA2ddYDe7UhsLX81inuwCsCwCdyI6AWc3WU/vxM8n8Ioe+fPny8fb29noGgCq1JhA2ZOi/afr06c4hAGMjxkJ9AGI64X1kErqfv5APD2+wXvIpP+Xk5Hy4atWqLeXl5btwz7mBBEWyRII1Tl4mT56cCo8Uh3ldhqwPgMk8H0cXmuDQifOp4wb7I8CW0D3Xi2DkOqRwuaio6DjSwW1VVVUHOJ/l60OgRDgeoIrtwG8JU/GeLjXSCUDMRw0IuV2wc8MYZ28MwCd/gZ0UU78vTyx2fSmK/E6XE5HrYP4Cou1hAClFTejg/fv37zAIBsONAeD0HVlZWRyRJ6iDY3yMWZmT32bacJrPBGWeT1tlnK4ihz5K/coRseJ6r8aeXJxiIN2VlZWd6I0FBQU/bN68OT8jIyNvwoQJjqGIbEXpEcUzFQBT1zo2TOmIePL7Z9PIqlRCNVL8MYBTTSbtkTcB7iD839cip6Zdpaj/g4+da6NJK1aseAa/3uQjEufjV82Empqa7+fMmbMDc7+ih7yVMhshmyxPz0Hp/AxOmF0IPAuW+6gRHukrsiufihxXa0gCY0+ybbHKTNm4cWN6SUlJIQw5Dcb/TktLyyWMa0lUpTw2gNOZmyhSHFRPf0D5A1W8oxDqEbH4apNKwbgPDl6qRLZs2TIbZZSOC2gYCylZHQAyjpPF9Cp5lW9QrfhELK5zGcdzUEp8nWYvxFL5E53TSs0W0oiHDPgujHOhWFpfo0nF2AmuUHNGxvUflggfsqYh/w0Dks+ZwQ7q7wAAAABJRU5ErkJggg==)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJmUlEQVR4AeVcfUxW1xk/5wUjdBQESxdcxdExpSioLUQGo1IRSjNmjN1H3Wg2t8nWlWUjzRhrl7GMZFqzYGpMOs2M/uHHMlejCzpaa9Rtjm6tc5sC2rEVFG2sHco3KLx3v9/1Xnx5+bof73vv1T7J855z7j0fz/nxnI/nnOcihIdIeTM9H+LEekgk4fOSMEIRL0KeZC/J5BmAlNfTHgMwJeB48Me8ApJnABIRvpoAUB4KiLsa9QRASsPCxRhenw9A4kHEPaFFngAIM2G1Ds7BgwdXaXFPaJHrACmvZ6QJqXxBB2jZsmVf1eLUoij9uVuh6wAJn//H6HykDkBUVFTS/v37OVmTXNciVwHC3JMqhPKV21jc+c3JyXlGS30c4Yw7b5yPuQqQiFBeQJdHtUfvfkxMzMO7d+9+AmnK56oWuQaQ8saCOej8Oh2U4DA/P1/XIuZzTYtcA0jIyB+i4zODgdHTsbGxj+zcuZOmB2VM0p87HboCkPLmIswtyvrpOgstelrL8wmErsjqSqNCjFSiw9NuBGfPnv3o1q1bc5CX85Qrc5HjACn1GfFCkRXosCEqLi5eo2V0RYscB0hEjfwAHZ5We3T0EhMTc6BF2UhTixyfixwFSPnzgvuhPd/XO280XLFihW6ncUVzVGZHGxMDkc9jco4zCoyeLykpqWDz5s08DqHpkag/dyJ0DCDlLw9FAxxOzpYIWlSsFeSBmmNyO9aQ6I97Dh2jAWqJkpOTn9q4cWMmCjuqRY4ApGqPopoVlsDRCxUWFtL8IHFFc4QcAUj0xn4NveEEa4tSU1Of1rSIq2CCrcoMFg47QMo7j83AjPEjg/JMm2358uXcOJLm3g7C+xt2gMT1gWdxnPrJUHUjLS2trKqqCsck6vVQ2LUobABRc9SzZnHnODVUIJWWlj6u1UUt4nALWz+kXaHVIfS/m58SEf5FWMYzoC0LUSdXmxTwuLOe6dq7kXVquizq+w0bNnxj06ZNrQGZ+xAnD4B7wf3gm2A/2DKZAkg9AfSJdCHBiliMs+QFaDkdPOmxhVnJjALEek+ePPnLI0eOnNm+ffulSdohOASMwBE0xgncINgQTQiQepjl86HjvkzgjxCaIVXNoDqHlcwApAuiKMqtvr6+Sz09PRevXr3a2tbW9l5jY2PbNMARMF3jCFwP+JZepx5K9T5ckYsBAofGIhUIRb3d1PM4GloBaDIB/X7/AIHr6upqv3z58rutra3tp06dat+3b9/7k5QZxnNqmA5cj1TeWLgKQ+W3eBiyYTJJ44YehxKgyRocHh7u7e/vv9TZ2fkfaFx7S0tL67Fjx9rr6+s/DCjD4dmiDjHl6KICaNBBsGlDMqDCkESdAGgiQTlMDx069LN169b9Ce+pSU3gbnV5lEXnTgj/SCEefAD+yBE0qnvv3r3VAeD8CyB0E4jR/YN88vxp4Y9YjjmojS8+KjQ0NPThjh07XqyoqHgbfebqdgbMOUilUYCYkk+ePQ9NysMSTvW652lwcPD9urq6qurqamoMQfkHeMwWYAxAREQWX7gibkbkA6S/MX2v0sDAwMX169c/r202OZzOgsct8+MAIiCy9Ox1EdNdgGgD0/cadXd3txQVFZVrq9Z19G9CcNjvCQHiC5nbMSDio1fhDPk3TN8rdO3atbfmzZv37aamJu53uCg1gyc1RyYFiIDIrNO3xI2mMkR/xfTdTjRN5s+fX6X1owPhBfCk4DDflAAxg/ySGJFFzc9hdfs503crEZzVq1f/XpO/HeF7RvoyLUB6JXJlM3wI5ff09N0UHj9+/OUAcN6F7BeNym8YIFYoi5q2YnV7FlHuNO8KamhoqF2zZs1hCMuhxO3LVTOCmwKIFcvi5t0YmPQj5L7Bs0TTAf6OL61du/YohFTtKoSdZgU2DRAbkIXNfxDSX4R5iUuk50gzHV4KMB24ATQNDjtmCSAWlCvPN4ph+QSiV5j2ClFzNNPhLcg0znQwK6dlgNiQLGn6pxj25yH6b7MNhyv/iRMn6qYyHcy2awsgNiafOt+G86Tvmm04XPkxKdOuInEDOM50UN+Y+LEN0O22cDTrEcrKytLvy+4LhUihAUhRckMhTCjqwL1ZmlZPSA7/QgOQFHRN8QTNmTNH1+aQXDDYBkh1yAzhzaldlOPj4x/R6qAG2e6f7QpwwOaZ4UVgfD5ftHY1zb7BJ8ke2QdI+HLsiRD60rm5uelarTF2a7cPkPTOBK2DkZKSwjs+0qzbgfVfWwDhNi0CTS+13nx4SsIzVgco1m4LtgASsQvhsGDcpdeusEbLR0dHJ2t56a5n6zsPewD5lM8YFdrpfJqHPpu9307b9gCS0rMAZWZmhmSitgeQCL0GwUODJ362KWDDaGsesgyQ6jUvxKdt9ySoArj7fmvLli3fgSfGa0GvTCXj4uLmawVcGmKDvmWmJDaW+Qyy9dXU1DRnZ2e/sm3btgr4+tQbKzo2V2RkZEx5eTkNV3q5WTY7LGsQ9qyhm3941S3lF3F78ig683cwz477eK6zdOnSTbt27ars6Ojg0akpKikp0e0yyxtG6wCFwoKnowQvAW40L5Yrm34X0PtOxAkU56PBysrK0xkZGbV79ux5Af48dE8xRAEbRsvDTPUPMtRaUCZ4pnWic/w/G1boCsrWioToHerl5NQ18I+YCH4YrDqFcgmHdjzDD+6mKtrb2/vfuXPnfh15eMFAwE2TJYBUZ84Ixcox6wcYSi+L+7peVa+2zYlLoJLA3ASqQPGb1oKCgi/PmjVLH0pjauT5dEJCAv2eSDyjNn3CaG2I+RSTBqrsAjA/FdEjqRhKdRbAYQd5dXMZ/Fcwb0aHeWuBYVRx+PDhmom2B1LKGdpnVMhubcNoDSAp8tiiAerD1dAvxJAvBcDUys9eoCepXSJQF8HvgHm/7i8rKzvO7QEvCenWgmejtGTJEt0uszRRWxtiR9M5nqcyUoeEkK9CazbKledM3WSO9sx4hLbWPDCHn0oHDhz4HI48vjlz5swH6M2hOSzwDu+clsVwYBog9dOmvthutKDOA0Et8Ur610IZqVUdsYJehjlJw5RAPai3w/8kk5eXVw7rvhTPKFuj/s5oaB4g/p8xRfwxqAE0LveKEVGLu7LWoHdOJ8cAhe86HoDZEa05lb8NYXiZaJgm0oJpCstsuAsH5nkNzp8/Uf0bA5+6FycAF8Ccn1LgRRYoCc+pwwzQnQ1ig/D7AQy8Y71J3PtwzokFc2vAPRs3jKbmRPMapMhbwqc8Dn8hwztaCOUmcb4kUAkam5Ll/3eOxdjOBHY1AAAAAElFTkSuQmCC)}}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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-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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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}
\ No newline at end of file
diff --git a/lib/form/form.min.js b/lib/form/form.min.js
index 5edfb40ed..81e9dc0d8 100644
--- a/lib/form/form.min.js
+++ b/lib/form/form.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.form=t():(e.cube=e.cube||{},e.cube.form=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=310)}([function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t,n){var i=n(24)("wks"),r=n(17),o=n(1).Symbol,a="function"==typeof o;(e.exports=function(e){return i[e]||(i[e]=a&&o[e]||(a?o:r)("Symbol."+e))}).store=i},function(e,t,n){e.exports=!n(11)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t,n){var i=n(12),r=n(33),o=n(22),a=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(i(e),t=o(t,!0),i(n),r)try{return a(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var i=n(4),r=n(14);e.exports=n(3)?function(e,t,n){return i.f(e,t,r(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var i=n(40),r=n(19);e.exports=function(e){return i(r(e))}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t){e.exports=function(e,t,n,i,r){var o,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),i&&(s._scopeId=i);var l;if(r?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},s._ssrRegister=l):n&&(l=n),l){var c=s.functional,f=c?s.render:s.beforeCreate;c?s.render=function(e,t){return l.call(t),f(e,t)}:s.beforeCreate=f?[].concat(f,l):[l]}return{esModule:o,exports:a,options:s}}},function(e,t,n){var i=n(1),r=n(0),o=n(31),a=n(6),u=n(5),s=function(e,t,n){var l,c,f,d=e&s.F,p=e&s.G,h=e&s.S,v=e&s.P,m=e&s.B,y=e&s.W,b=p?r:r[t]||(r[t]={}),g=b.prototype,_=p?i:h?i[t]:(i[t]||{}).prototype;p&&(n=t);for(l in n)(c=!d&&_&&void 0!==_[l])&&u(b,l)||(f=c?_[l]:n[l],b[l]=p&&"function"!=typeof _[l]?n[l]:m&&c?o(f,i):y&&_[l]==f?function(e){var t=function(t,n,i){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,i)}return e.apply(this,arguments)};return t.prototype=e.prototype,t}(f):v&&"function"==typeof f?o(Function.call,f):f,v&&((b.virtual||(b.virtual={}))[l]=f,e&s.R&&g&&!g[l]&&a(g,l,f)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,e.exports=s},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){var i=n(8);e.exports=function(e){if(!i(e))throw TypeError(e+" is not an object!");return e}},function(e,t,n){var i=n(36),r=n(25);e.exports=Object.keys||function(e){return i(e,r)}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){e.exports=!0},function(e,t){e.exports={}},function(e,t){var n=0,i=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+i).toString(36))}},function(e,t){t.f={}.propertyIsEnumerable},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t){var n=Math.ceil,i=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?i:n)(e)}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var i=n(8);e.exports=function(e,t){if(!i(e))return e;var n,r;if(t&&"function"==typeof(n=e.toString)&&!i(r=n.call(e)))return r;if("function"==typeof(n=e.valueOf)&&!i(r=n.call(e)))return r;if(!t&&"function"==typeof(n=e.toString)&&!i(r=n.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},function(e,t,n){var i=n(24)("keys"),r=n(17);e.exports=function(e){return i[e]||(i[e]=r(e))}},function(e,t,n){var i=n(0),r=n(1),o=r["__core-js_shared__"]||(r["__core-js_shared__"]={});(e.exports=function(e,t){return o[e]||(o[e]=void 0!==t?t:{})})("versions",[]).push({version:i.version,mode:n(15)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var i=n(4).f,r=n(5),o=n(2)("toStringTag");e.exports=function(e,t,n){e&&!r(e=n?e:e.prototype,o)&&i(e,o,{configurable:!0,value:t})}},function(e,t,n){var i=n(19);e.exports=function(e){return Object(i(e))}},function(e,t,n){var i=n(8),r=n(1).document,o=i(r)&&i(r.createElement);e.exports=function(e){return o?r.createElement(e):{}}},function(e,t,n){t.f=n(2)},function(e,t,n){var i=n(1),r=n(0),o=n(15),a=n(29),u=n(4).f;e.exports=function(e){var t=r.Symbol||(r.Symbol=o?{}:i.Symbol||{});"_"==e.charAt(0)||e in t||u(t,e,{value:a.f(e)})}},function(e,t,n){var i=n(34);e.exports=function(e,t,n){if(i(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,i){return e.call(t,n,i)};case 3:return function(n,i,r){return e.call(t,n,i,r)}}return function(){return e.apply(t,arguments)}}},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){e.exports=!n(3)&&!n(11)(function(){return 7!=Object.defineProperty(n(28)("div"),"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(48),n(37),n(53),n(47)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(e.findIndex)return e.findIndex(t);var n=-1;return e.some(function(e,i,r){var o=t.call(this,e,i,r);if(o)return n=i,o}),n}function u(e,t){for(var n in t)e[n]&&"object"===(0,g.default)(e[n])?u(e[n],t[n]):e[n]=t[n]}function s(e){return function(){for(var t=arguments.length,n=Array(t),i=0;i<t;i++)n[i]=arguments[i];"string"==typeof n[0]&&(n[0]=(0,b.default)({},n[0],n[1])),u(e,n[0])}}function l(e){var t=Object.prototype.toString;return function(n){return t.call(n)==="[object "+e+"]"}}function c(e,t,n){if(void 0!==n)return _._set(e,t,n);if(t){var i=e[t],r=_[void 0===i?"undefined":(0,g.default)(i)];r&&r(e,t,i)}else(0,y.default)(e).forEach(function(t){c(e,t)})}function f(e,t){var n=0,i=[],r=e.length;if(!r)return t(i);e.forEach(function(e,o){e(function(e){n+=1,i[o]=e,n===r&&t(i)})})}function d(e){var t=void 0;if(void 0!==window.Promise){var n=e;t=new window.Promise(function(t){e=function(e){n&&n(e),t(e)}}),t.resolve=e}return t}function p(e,t,n,i){var r=void 0,o=i,a=function(t,n){r=null,n&&(o=e.apply(t,n))},u=function(){for(var i=this,u=arguments.length,s=Array(u),l=0;l<u;l++)s[l]=arguments[l];if(r&&clearTimeout(r),n){var c=!r;r=setTimeout(a,t),c&&(o=e.apply(this,s))}else r=setTimeout(function(){a(i,s)},t);return o};return u.cancel=function(){clearTimeout(r),r=null},u}function h(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.prefix,i=void 0===n?"":n,o=t.firstUpperCase,a=void 0!==o&&o,u=e.name,s=u.replace(/^cube-/i,""),l=""+(0,r.camelize)(""+i+s);return a&&(l=l.charAt(0).toUpperCase()+l.slice(1)),l}function v(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.split("."),i=e,r=0;r<n.length;r++){var o=n[r];if(S(i[o])){i="";break}i=i[o]}return i}function m(e){var t=/os (\d\d?_\d(_\d)?)/,n=t.exec(e);if(!n)return null;var i=n[1].split("_").map(function(e){return parseInt(e,10)});return{major:i[0],minor:i[1],patch:i[2]||0}}Object.defineProperty(e,"__esModule",{value:!0}),e.getIOSVersion=e.isNumber=e.isObject=e.isString=e.isArray=e.isFunc=e.isUndef=e.parsePath=e.processComponentName=e.debounce=e.cb2PromiseWithResolve=e.parallel=e.resetTypeValue=e.createAddAPI=e.deepAssign=e.findIndex=void 0;var y=o(t),b=o(n),g=o(i),_={_set:function(e,t,n){e[t]=n},string:function(e,t){_._set(e,t,"")},number:function(e,t){_._set(e,t,0)},boolean:function(e,t){_._set(e,t,!1)},object:function(e,t,n){Array.isArray(n)?_._set(e,t,[]):_._set(e,t,{})}},x=l("Function"),S=l("Undefined"),O=l("Array"),V=l("String"),w=l("Object"),C=l("Number");e.findIndex=a,e.deepAssign=u,e.createAddAPI=s,e.resetTypeValue=c,e.parallel=f,e.cb2PromiseWithResolve=d,e.debounce=p,e.processComponentName=h,e.parsePath=v,e.isUndef=S,e.isFunc=x,e.isArray=O,e.isString=V,e.isObject=w,e.isNumber=C,e.getIOSVersion=m})},function(e,t,n){var i=n(5),r=n(7),o=n(50)(!1),a=n(23)("IE_PROTO");e.exports=function(e,t){var n,u=r(e),s=0,l=[];for(n in u)n!=a&&i(u,n)&&l.push(n);for(;t.length>s;)i(u,n=t[s++])&&(~o(l,n)||l.push(n));return l}},function(e,t,n){"use strict";t.__esModule=!0;var i=n(55),r=function(e){return e&&e.__esModule?e:{default:e}}(i);t.default=function(e,t,n){return t in e?(0,r.default)(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t,n){"use strict";var i=n(62)(!0);n(42)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=i(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.warn=function(e,t){},e.tip=function(e,t){}})},function(e,t,n){var i=n(21);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==i(e)?e.split(""):Object(e)}},function(e,t,n){var i=n(20),r=Math.min;e.exports=function(e){return e>0?r(i(e),9007199254740991):0}},function(e,t,n){"use strict";var i=n(15),r=n(10),o=n(43),a=n(6),u=n(16),s=n(63),l=n(26),c=n(65),f=n(2)("iterator"),d=!([].keys&&"next"in[].keys()),p=function(){return this};e.exports=function(e,t,n,h,v,m,y){s(n,t,h);var b,g,_,x=function(e){if(!d&&e in w)return w[e];switch(e){case"keys":case"values":return function(){return new n(this,e)}}return function(){return new n(this,e)}},S=t+" Iterator",O="values"==v,V=!1,w=e.prototype,C=w[f]||w["@@iterator"]||v&&w[v],M=C||x(v),k=v?O?x("entries"):M:void 0,P="Array"==t?w.entries||C:C;if(P&&(_=c(P.call(new e)))!==Object.prototype&&_.next&&(l(_,S,!0),i||"function"==typeof _[f]||a(_,f,p)),O&&C&&"values"!==C.name&&(V=!0,M=function(){return C.call(this)}),i&&!y||!d&&!V&&w[f]||a(w,f,M),u[t]=M,u[S]=p,v)if(b={values:O?M:x("values"),keys:m?M:x("keys"),entries:k},y)for(g in b)g in w||o(w,g,b[g]);else r(r.P+r.F*(d||V),t,b);return b}},function(e,t,n){e.exports=n(6)},function(e,t,n){var i=n(12),r=n(64),o=n(25),a=n(23)("IE_PROTO"),u=function(){},s=function(){var e,t=n(28)("iframe"),i=o.length;for(t.style.display="none",n(52).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write("<script>document.F=Object<\/script>"),e.close(),s=e.F;i--;)delete s.prototype[o[i]];return s()};e.exports=Object.create||function(e,t){var n;return null!==e?(u.prototype=i(e),n=new u,u.prototype=null,n[a]=e):n=s(),void 0===t?n:r(n,t)}},function(e,t,n){n(66);for(var i=n(1),r=n(6),o=n(16),a=n(2)("toStringTag"),u="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(","),s=0;s<u.length;s++){var l=u[s],c=i[l],f=c&&c.prototype;f&&!f[a]&&r(f,a,l),o[l]=o.Array}},function(e,t,n){var i=n(36),r=n(25).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return i(e,r)}},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";function t(e){return e=String(e),e.replace(i,function(e,t){return t?t.toUpperCase():""})}function n(e){return e=String(e),e.replace(/([A-Z])/g,"-$1").toLowerCase()}Object.defineProperty(e,"__esModule",{value:!0}),e.camelize=t,e.kebab=n;var i=/-(\w)/g})},function(e,t,n){e.exports={default:n(59),__esModule:!0}},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,n=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=n&&n.indexOf("android")>0,e.isIOS=n&&/iphone|ipad|ipod|ios/.test(n)})},function(e,t,n){var i=n(7),r=n(41),o=n(51);e.exports=function(e){return function(t,n,a){var u,s=i(t),l=r(s.length),c=o(a,l);if(e&&n!=n){for(;l>c;)if((u=s[c++])!=u)return!0}else for(;l>c;c++)if((e||c in s)&&s[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){var i=n(20),r=Math.max,o=Math.min;e.exports=function(e,t){return e=i(e),e<0?r(e+t,0):o(e,t)}},function(e,t,n){var i=n(1).document;e.exports=i&&i.documentElement},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=n(70),o=i(r),a=n(72),u=i(a),s="function"==typeof u.default&&"symbol"==typeof o.default?function(e){return typeof e}:function(e){return e&&"function"==typeof u.default&&e.constructor===u.default&&e!==u.default.prototype?"symbol":typeof e};t.default="function"==typeof u.default&&"symbol"===s(o.default)?function(e){return void 0===e?"undefined":s(e)}:function(e){return e&&"function"==typeof u.default&&e.constructor===u.default&&e!==u.default.prototype?"symbol":void 0===e?"undefined":s(e)}},function(e,t){},function(e,t,n){e.exports={default:n(56),__esModule:!0}},function(e,t,n){n(57);var i=n(0).Object;e.exports=function(e,t,n){return i.defineProperty(e,t,n)}},function(e,t,n){var i=n(10);i(i.S+i.F*!n(3),"Object",{defineProperty:n(4).f})},,function(e,t,n){n(60),e.exports=n(0).Object.keys},function(e,t,n){var i=n(27),r=n(13);n(61)("keys",function(){return function(e){return r(i(e))}})},function(e,t,n){var i=n(10),r=n(0),o=n(11);e.exports=function(e,t){var n=(r.Object||{})[e]||Object[e],a={};a[e]=t(n),i(i.S+i.F*o(function(){n(1)}),"Object",a)}},function(e,t,n){var i=n(20),r=n(19);e.exports=function(e){return function(t,n){var o,a,u=String(r(t)),s=i(n),l=u.length;return s<0||s>=l?e?"":void 0:(o=u.charCodeAt(s),o<55296||o>56319||s+1===l||(a=u.charCodeAt(s+1))<56320||a>57343?e?u.charAt(s):o:e?u.slice(s,s+2):a-56320+(o-55296<<10)+65536)}}},function(e,t,n){"use strict";var i=n(44),r=n(14),o=n(26),a={};n(6)(a,n(2)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=i(a,{next:r(1,n)}),o(e,t+" Iterator")}},function(e,t,n){var i=n(4),r=n(12),o=n(13);e.exports=n(3)?Object.defineProperties:function(e,t){r(e);for(var n,a=o(t),u=a.length,s=0;u>s;)i.f(e,n=a[s++],t[n]);return e}},function(e,t,n){var i=n(5),r=n(27),o=n(23)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=r(e),i(e,o)?e[o]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){"use strict";var i=n(67),r=n(68),o=n(16),a=n(7);e.exports=n(42)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,r(1)):"keys"==t?r(0,n):"values"==t?r(0,e[n]):r(0,[n,e[n]])},"values"),o.Arguments=o.Array,i("keys"),i("values"),i("entries")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},,function(e,t,n){e.exports={default:n(71),__esModule:!0}},function(e,t,n){n(38),n(45),e.exports=n(29).f("iterator")},function(e,t,n){e.exports={default:n(73),__esModule:!0}},function(e,t,n){n(74),n(54),n(80),n(81),e.exports=n(0).Symbol},function(e,t,n){"use strict";var i=n(1),r=n(5),o=n(3),a=n(10),u=n(43),s=n(75).KEY,l=n(11),c=n(24),f=n(26),d=n(17),p=n(2),h=n(29),v=n(30),m=n(76),y=n(77),b=n(12),g=n(8),_=n(7),x=n(22),S=n(14),O=n(44),V=n(78),w=n(79),C=n(4),M=n(13),k=w.f,P=C.f,T=V.f,E=i.Symbol,$=i.JSON,j=$&&$.stringify,A=p("_hidden"),R=p("toPrimitive"),F={}.propertyIsEnumerable,N=c("symbol-registry"),I=c("symbols"),D=c("op-symbols"),B=Object.prototype,L="function"==typeof E,U=i.QObject,H=!U||!U.prototype||!U.prototype.findChild,G=o&&l(function(){return 7!=O(P({},"a",{get:function(){return P(this,"a",{value:7}).a}})).a})?function(e,t,n){var i=k(B,t);i&&delete B[t],P(e,t,n),i&&e!==B&&P(B,t,i)}:P,q=function(e){var t=I[e]=O(E.prototype);return t._k=e,t},z=L&&"symbol"==typeof E.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof E},K=function(e,t,n){return e===B&&K(D,t,n),b(e),t=x(t,!0),b(n),r(I,t)?(n.enumerable?(r(e,A)&&e[A][t]&&(e[A][t]=!1),n=O(n,{enumerable:S(0,!1)})):(r(e,A)||P(e,A,S(1,{})),e[A][t]=!0),G(e,t,n)):P(e,t,n)},W=function(e,t){b(e);for(var n,i=m(t=_(t)),r=0,o=i.length;o>r;)K(e,n=i[r++],t[n]);return e},Y=function(e,t){return void 0===t?O(e):W(O(e),t)},J=function(e){var t=F.call(this,e=x(e,!0));return!(this===B&&r(I,e)&&!r(D,e))&&(!(t||!r(this,e)||!r(I,e)||r(this,A)&&this[A][e])||t)},X=function(e,t){if(e=_(e),t=x(t,!0),e!==B||!r(I,t)||r(D,t)){var n=k(e,t);return!n||!r(I,t)||r(e,A)&&e[A][t]||(n.enumerable=!0),n}},Z=function(e){for(var t,n=T(_(e)),i=[],o=0;n.length>o;)r(I,t=n[o++])||t==A||t==s||i.push(t);return i},Q=function(e){for(var t,n=e===B,i=T(n?D:_(e)),o=[],a=0;i.length>a;)!r(I,t=i[a++])||n&&!r(B,t)||o.push(I[t]);return o};L||(E=function(){if(this instanceof E)throw TypeError("Symbol is not a constructor!");var e=d(arguments.length>0?arguments[0]:void 0),t=function(n){this===B&&t.call(D,n),r(this,A)&&r(this[A],e)&&(this[A][e]=!1),G(this,e,S(1,n))};return o&&H&&G(B,e,{configurable:!0,set:t}),q(e)},u(E.prototype,"toString",function(){return this._k}),w.f=X,C.f=K,n(46).f=V.f=Z,n(18).f=J,n(32).f=Q,o&&!n(15)&&u(B,"propertyIsEnumerable",J,!0),h.f=function(e){return q(p(e))}),a(a.G+a.W+a.F*!L,{Symbol:E});for(var ee="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),te=0;ee.length>te;)p(ee[te++]);for(var ne=M(p.store),ie=0;ne.length>ie;)v(ne[ie++]);a(a.S+a.F*!L,"Symbol",{for:function(e){return r(N,e+="")?N[e]:N[e]=E(e)},keyFor:function(e){if(!z(e))throw TypeError(e+" is not a symbol!");for(var t in N)if(N[t]===e)return t},useSetter:function(){H=!0},useSimple:function(){H=!1}}),a(a.S+a.F*!L,"Object",{create:Y,defineProperty:K,defineProperties:W,getOwnPropertyDescriptor:X,getOwnPropertyNames:Z,getOwnPropertySymbols:Q}),$&&a(a.S+a.F*(!L||l(function(){var e=E();return"[null]"!=j([e])||"{}"!=j({a:e})||"{}"!=j(Object(e))})),"JSON",{stringify:function(e){for(var t,n,i=[e],r=1;arguments.length>r;)i.push(arguments[r++]);if(n=t=i[1],(g(t)||void 0!==e)&&!z(e))return y(t)||(t=function(e,t){if("function"==typeof n&&(t=n.call(this,e,t)),!z(t))return t}),i[1]=t,j.apply($,i)}}),E.prototype[R]||n(6)(E.prototype,R,E.prototype.valueOf),f(E,"Symbol"),f(Math,"Math",!0),f(i.JSON,"JSON",!0)},function(e,t,n){var i=n(17)("meta"),r=n(8),o=n(5),a=n(4).f,u=0,s=Object.isExtensible||function(){return!0},l=!n(11)(function(){return s(Object.preventExtensions({}))}),c=function(e){a(e,i,{value:{i:"O"+ ++u,w:{}}})},f=function(e,t){if(!r(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!o(e,i)){if(!s(e))return"F";if(!t)return"E";c(e)}return e[i].i},d=function(e,t){if(!o(e,i)){if(!s(e))return!0;if(!t)return!1;c(e)}return e[i].w},p=function(e){return l&&h.NEED&&s(e)&&!o(e,i)&&c(e),e},h=e.exports={KEY:i,NEED:!1,fastKey:f,getWeak:d,onFreeze:p}},function(e,t,n){var i=n(13),r=n(32),o=n(18);e.exports=function(e){var t=i(e),n=r.f;if(n)for(var a,u=n(e),s=o.f,l=0;u.length>l;)s.call(e,a=u[l++])&&t.push(a);return t}},function(e,t,n){var i=n(21);e.exports=Array.isArray||function(e){return"Array"==i(e)}},function(e,t,n){var i=n(7),r=n(46).f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(e){try{return r(e)}catch(e){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==o.call(e)?u(e):r(i(e))}},function(e,t,n){var i=n(18),r=n(14),o=n(7),a=n(22),u=n(5),s=n(33),l=Object.getOwnPropertyDescriptor;t.f=n(3)?l:function(e,t){if(e=o(e),t=a(t,!0),s)try{return l(e,t)}catch(e){}if(u(e,t))return r(!i.f.call(e,t),e[t])}},function(e,t,n){n(30)("asyncIterator")},function(e,t,n){n(30)("observable")},,function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(37),n(104),n(39),n(35),n(90)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a){"use strict";function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=u(n),l=u(i),c=void 0,f={name:"locale",install:function(e){f.installed||(c=e.prototype,e.util.defineReactive(c,"$cubeLang","zh-CN"),c.$cubeMessages=(0,s.default)({},"zh-CN",l.default),f.installed=!0)},use:function(e,t){c.$cubeLang=e;var n=c.$cubeMessages;e in n||(n[[e]]=t)},helpers:{toLocaleDateString:function(e,t){var n=(0,o.isNumber)(e)?e:e.replace(/-/g,"/"),i=new Date(n);return(0,o.isUndef)(t)?i.toDateString():(0,a.formatDate)(i,t)}},addHelper:function(e,t){if(e in f.helpers)return void(0,r.warn)(e+" has already been registered on helpers function, please change another name");f.helpers[e]=t}};t.default=f,e.exports=t.default})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(83),n(35),n(39)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={computed:{$t:function(){var e=this.$cubeLang,t=this.$cubeMessages[e];return(0,i.isUndef)(t)?((0,r.warn)("Translation is not registered correctly, you can call Locale.use() to install it."),""):function(e){return(0,i.parsePath)(t,e)}}},beforeCreate:function(){o.default.install(this.$root.constructor)}},e.exports=t.default})},,function(e,t,n){var i,r,o;!function(a,u){r=[t,n(49)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";function n(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function i(e,t){if(!n(e,t)){var i=e.className.split(" ");i.push(t),e.className=i.join(" ")}}function r(e,t){if(n(e,t)){var i=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(i," ")}}function o(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==c&&("standard"===c?"transitionEnd"===e?"transitionend":e:c+e.charAt(0).toUpperCase()+e.substr(1))}function s(e,t){for(var i=e.target;i&&!n(i,t);){if(i===e.currentTarget)return null;i=i.parentNode}return i}function l(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=n.type,r=void 0===i?"Event":i,o=n.bubbles,a=void 0===o||o,u=n.cancelable,s=void 0===u||u,l=document.createEvent(r);l.initEvent(t,a,s),e.dispatchEvent(l)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=n,e.addClass=i,e.removeClass=r,e.getData=o,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=s,e.dispatchEvent=l;var c=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,n={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var i in n)if(void 0!==e[n[i]])return i;return!1}()})},function(e,t,n){e.exports={default:n(91),__esModule:!0}},,,function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";function t(e,t,i,r){var o={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(o[e],r).test(t)){var a="year"===e?i.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?i:n(i);t=t.replace(RegExp.$1,a)}return t}function n(e){return("00"+e).substr((""+e).length)}function i(e,n){var i={year:{value:e.getFullYear(),regExpAttributes:"i"},month:{value:e.getMonth()+1},date:{value:e.getDate(),regExpAttributes:"i"},hour:{value:e.getHours(),regExpAttributes:"i"},minute:{value:e.getMinutes()},second:{value:e.getSeconds()},quarter:{value:Math.floor((e.getMonth()+3)/3),regExpAttributes:"i"},millisecond:{value:e.getMilliseconds()}};for(var r in i)n=t(r,n,i[r].value,i[r].regExpAttributes);return n}function r(e){var t=e.getFullYear(),n=e.getMonth()+1,i=e.getDate();return+new Date(t+"/"+n+"/"+i+" 00:00:00")}function o(e,t){return Math.floor((r(e)-r(t))/s)}function a(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function u(e,t){var n=30;return[1,3,5,7,8,10,12].indexOf(e)>-1?n=31:2===e&&(n=t&&t%400&&(t%4||!(t%100))?28:29),n}Object.defineProperty(e,"__esModule",{value:!0});var s=864e5;e.DAY_TIMESTAMP=s,e.HOUR_TIMESTAMP=36e5,e.MINUTE_TIMESTAMP=6e4,e.pad=n,e.formatType=t,e.formatDate=i,e.getZeroStamp=r,e.getDayDiff=o,e.getNow=a,e.computeNatureMaxDay=u})},function(e,t,n){n(92),e.exports=n(0).Object.assign},function(e,t,n){var i=n(10);i(i.S+i.F,"Object",{assign:n(93)})},function(e,t,n){"use strict";var i=n(13),r=n(32),o=n(18),a=n(27),u=n(40),s=Object.assign;e.exports=!s||n(11)(function(){var e={},t={},n=Symbol(),i="abcdefghijklmnopqrst";return e[n]=7,i.split("").forEach(function(e){t[e]=e}),7!=s({},e)[n]||Object.keys(s({},t)).join("")!=i})?function(e,t){for(var n=a(e),s=arguments.length,l=1,c=r.f,f=o.f;s>l;)for(var d,p=u(arguments[l++]),h=c?i(p).concat(c(p)):i(p),v=h.length,m=0;v>m;)f.call(p,d=h[m++])&&(n[d]=p[d]);return n}:s},,,,,,,,,,,function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},e.exports=t.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){function i(e){n(168)}var r=n(9)(n(169),n(170),i,null,null);e.exports=r.exports},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(86)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=(0,n.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var n=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[i]=n})})}}}},e.exports=t.default})},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={methods:{changeHander:function(e){this.$emit("change",e)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},e.exports=t.default})},function(e,t,n){function i(e){n(184)}var r=n(9)(n(185),n(186),i,null,null);e.exports=r.exports},,,,function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.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 e=this.$parent,t=e.$data._checkboxGroup;return{isInGroup:t,isInHorizontalGroup:t&&(e.$props.horizontal||e.$props.colNum>1)}},computed:{computedOption:function(){var e=this.option,t=this.label,n=this.disabled;return!0===e._def_option?e={label:t,value:t,disabled:n}:"string"==typeof e&&(e={label:e,value:e,disabled:!1}),e},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(e){var t=this.computedOption.value,n=t&&e?t:e;if(this.$emit("input",n),this.isInGroup){e=!this.checkValue;var i=e?"checked":"cancel-checked";this.$parent.$emit(i,t||e)}}},_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"}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-checkbox",class:e._containerClass,attrs:{"data-pos":e.position}},[n("label",{staticClass:"cube-checkbox-wrap",class:e._wrapClass},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:e.computedOption.disabled},domProps:{checked:Array.isArray(e.checkValue)?e._i(e.checkValue,null)>-1:e.checkValue},on:{change:function(t){var n=e.checkValue,i=t.target,r=!!i.checked;if(Array.isArray(n)){var o=e._i(n,null);i.checked?o<0&&(e.checkValue=n.concat([null])):o>-1&&(e.checkValue=n.slice(0,o).concat(n.slice(o+1)))}else e.checkValue=r}}}),e._v(" "),n("span",{staticClass:"cube-checkbox-ui",class:e._borderIconClass},[n("i",{class:e._rightIconClass})]),e._v(" "),n("span",{staticClass:"cube-checkbox-label"},[e._t("default",[e._v(e._s(e.computedOption.label))])],2)])])},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(49)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";function n(e,t,n,r){for(var o=[],a=e.length,u=0,s=0;s<a;s++)i(e[s],s,t,function(e,t){if(u++,o[t]=e,n(e,t),u===a)return r(o)})}function i(e,t,n,i){n(e,function(e){var n=r(e.name,e.size,s,0,e);i(n,t)})}function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,a=r&&r.base64||"";return{name:e,size:t,url:a?"":o(r),base64:a,status:n,progress:i,file:r}}function o(e){return e&&u?u.createObjectURL(e):""}function a(e){if("function"==typeof e){for(var t=arguments.length,n=Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];return e.apply(this,n)}return e}Object.defineProperty(e,"__esModule",{value:!0}),e.STATUS_SUCCESS=e.STATUS_ERROR=e.STATUS_UPLOADING=e.STATUS_READY=e.URL=void 0,e.processFiles=n,e.processFile=i,e.newFile=r,e.evalOpts=a;var u=e.URL=t.inBrowser?window.URL||window.webkitURL||window.mozURL:null,s=e.STATUS_READY="ready";e.STATUS_UPLOADING="uploading",e.STATUS_ERROR="error",e.STATUS_SUCCESS="success"})},function(e,t,n){function i(e){n(174)}var r=n(9)(n(175),n(176),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(178)}var r=n(9)(n(179),n(180),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.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(e){if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.$emit("click",e)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("button",{staticClass:"cube-btn",class:e.btnClass,attrs:{type:e.type},on:{click:e.handleClick}},[e.icon?n("i",{class:e.icon}):e._e(),e._v(" "),e._t("default")],2)},staticRenderFns:[]}},,function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(87),n(163)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);t.default={name:"cube-input",mixins:[a.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var e=this.type;return"password"===e&&this.eye&&this.pwdVisible?"text":e},_showClear:function(){var e=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(e=!1),e},_showPwdEye:function(){return"password"===this.type&&this.eye&&!this.disabled},pwdVisible:function(){var e=this.formatedEye;return e.reverse?!e.open:e.open},eyeClass:function(){return this.formatedEye.open?"cubeic-eye-visible":"cubeic-eye-invisible"}},watch:{value:function(e){this.inputValue=e},inputValue:function(e){this.$emit("input",e)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,o.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,o.default)(this.formatedEye,this.eye)},handleFocus:function(e){this.$emit("focus",e),this.isFocus=!0},handleBlur:function(e){this.$emit("blur",e),this.isFocus=!1},handleClear:function(e){this.inputValue="",this.$refs.input.focus()},handlePwdEye:function(){this.formatedEye.open=!this.formatedEye.open}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-input",class:{"cube-input_active":e.isFocus}},[e.$slots.prepend?n("div",{staticClass:"cube-input-prepend"},[e._t("prepend")],2):e._e(),e._v(" "),"checkbox"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"checkbox"},domProps:{checked:Array.isArray(e.inputValue)?e._i(e.inputValue,null)>-1:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){var n=e.inputValue,i=t.target,r=!!i.checked;if(Array.isArray(n)){var o=e._i(n,null);i.checked?o<0&&(e.inputValue=n.concat([null])):o>-1&&(e.inputValue=n.slice(0,o).concat(n.slice(o+1)))}else e.inputValue=r},e.changeHander]}},"input",e.$props,!1)):"radio"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"radio"},domProps:{checked:e._q(e.inputValue,null)},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){e.inputValue=null},e.changeHander]}},"input",e.$props,!1)):n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:e._type},domProps:{value:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:e.changeHander,input:function(t){t.target.composing||(e.inputValue=t.target.value)}}},"input",e.$props,!1)),e._v(" "),e.$slots.append||e._showClear||e._showPwdEye?n("div",{staticClass:"cube-input-append"},[e._showClear?n("div",{staticClass:"cube-input-clear",on:{touchend:e.handleClear}},[n("i",{staticClass:"cubeic-wrong"})]):e._e(),e._v(" "),e._showPwdEye?n("div",{staticClass:"cube-input-eye",on:{click:e.handlePwdEye}},[n("i",{class:e.eyeClass})]):e._e(),e._v(" "),e._t("append")],2):e._e()])},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(213),n(214),n(182)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"rules",{enumerable:!0,get:function(){return t.rules}}),Object.defineProperty(e,"addRule",{enumerable:!0,get:function(){return t.addRule}}),Object.defineProperty(e,"addMessage",{enumerable:!0,get:function(){return n.addMessage}}),Object.defineProperty(e,"types",{enumerable:!0,get:function(){return i.types}}),Object.defineProperty(e,"addType",{enumerable:!0,get:function(){return i.addType}})})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(35)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.addType=e.types=void 0;var n=/^(1|2)\d{3}[.\-/]\d{1,2}[.\-/]\d{1,2}$/,i={string:function(e){return"string"==typeof e},number:function(e){return!isNaN(Number(e))},array:function(e){return Array.isArray(e)},date:function(e){return!isNaN(Number(e))||n.test(e)},email:function(e){return"string"==typeof e&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)+$/i.test(e)},tel:function(e){return"string"==typeof e&&/^(11|13|14|15|17|18|19)[0-9]{9}$/.test(e)},url:function(e){return"string"==typeof e&&/(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/.test(e)}},r=(0,t.createAddAPI)(i);e.types=i,e.addType=r})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(83),n(84)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);o.default.localeMixin=a.default,t.default=o.default,e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&void 0!==t.radioValue&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var e=this.$parent;if(!(e.horizontal||e.$props.colNum>1))return"border-bottom-1px"}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[n("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[n("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("span",{staticClass:"cube-radio-ui cubeic-round-border"},[n("i")])}]}},function(e,t,n){function i(e){n(188)}var r=n(9)(n(189),n(190),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(164),n(162)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);t.default={name:"cube-radio-group",mixins:[a.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:o.default}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"group",staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,i){return n("cube-radio",{key:i,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}}},e.exports=t.default})},,function(e,t,n){function i(e){n(206)}var r=n(9)(n(207),n(208),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(211)}var r=n(9)(n(212),n(216),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(220)}var r=n(9)(n(221),n(222),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(239)}var r=n(9)(n(240),n(241),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(242)}var r=n(9)(n(243),n(244),i,null,null);e.exports=r.exports},,,function(e,t,n){function i(e){n(201)}var r=n(9)(n(202),n(203),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(161),n(162)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);t.default={name:"cube-checkbox-group",mixins:[a.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(e,t){this._value=this.value.concat()}}},mounted:function(){var e=this;this.$on("checked",function(t){e._value.length<e.max&&-1===e._value.indexOf(t)&&e._value.push(t),e.$emit("input",e._value)}),this.$on("cancel-checked",function(t){var n=e._value.indexOf(t);e._value.length>e.min&&n>-1&&e._value.splice(n,1),e.$emit("input",e._value)})},components:{CubeCheckbox:o.default}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"group",staticClass:"cube-checkbox-group",class:e.groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,i){return n("cube-checkbox",{key:i,attrs:{option:t,shape:e.shape,position:e.position,"hollow-style":e.hollowStyle}})}))],2)},staticRenderFns:[]}},function(e,t,n){var i=n(9)(n(205),n(209),null,null,null);e.exports=i.exports},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(193)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={name:"cube-checker",props:{value:[String,Number,Array],options:{type:Array,default:function(){return[]}},type:{type:String,default:"checkbox"},min:{type:Number,default:0},max:{type:Number,default:function(){return this.options.length}}},data:function(){return{currentValue:this.value}},computed:{isRadio:function(){return"radio"===this.type}},watch:{value:function(e){this.currentValue=e},currentValue:function(e){this.$emit("input",e)}},methods:{check:function(e){this.isRadio?this.checkRadio(e):this.checkCheckbox(e)},checkRadio:function(e){this.currentValue=e.value},checkCheckbox:function(e){var t=e.value,n=this.currentValue,i=n.length,r=this.min,o=this.max,a=n.indexOf(t);a>-1?i>r&&n.splice(a,1):i<o&&n.push(t)}},components:{CubeCheckerItem:i.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-checker-item",props:{option:{type:Object,default:function(){return{}}}},computed:{isActive:function(){var e=this.$parent.isRadio,t=this.$parent.currentValue,n=this.option.value;return e?t===n:t.indexOf(n)>=0},isDisabled:function(){return this.option.disabled}},methods:{clickHandler:function(){this.isDisabled||this.$parent.check(this.option)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{staticClass:"cube-checker-item",class:{"cube-checker-item_active":e.isActive,"cube-checker-item_disabled":e.isDisabled},on:{click:e.clickHandler}},[e._t("default",[n("span",{domProps:{innerHTML:e._s(e.option.text)}})])],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"cube-checker"},[e._t("default",e._l(e.options,function(e,t){return n("cube-checker-item",{key:t,attrs:{option:e}})}))],2)},staticRenderFns:[]}},function(e,t,n){"use strict";t.__esModule=!0;var i=n(87),r=function(e){return e&&e.__esModule?e:{default:e}}(i);t.default=r.default||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(53),n(48),n(35),n(181),n(84),n(215)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=s(n),c=s(i),f=s(a),d=s(u);t.default={name:"cube-validator",mixins:[f.default],props:{model:{required:!0},modelKey:{type:String,default:""},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:{targetModel:function(){var e=this.modelKey,t=this.model;return e?t[e]:t},invalid:function(){var e=this.valid;return(0,r.isUndef)(e)?void 0:!e},isDisabled:function(){var e=this.disabled,t=(0,c.default)(this.rules).length<=0;return e||t},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(e){this.valid=e},targetModel:{handler:function(){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},sync:!0},rules:function(){this.validate()},isDisabled:function(e){e||!this.trigger||this.validated||this.validate()}},created:function(){this._validateCount=0,!this.isDisabled&&this.immediate&&this.validate()},methods:{validate:function(e){var t=(0,r.cb2PromiseWithResolve)(e);if(t&&(e=t.resolve),this.isDisabled)return e&&e(this.valid),t;this._validateCount++;var n=this._validateCount,i=this.targetModel,a=this.rules,u=a.type,s=[],c=!0;if(a.required||(c=o.rules.required(i,!0,u)),c){for(var f in a)!function(e){var t=a[e],n=void 0;n=(0,r.isFunc)(t)?t(i,a[e],u):!o.rules[e]||o.rules[e](i,a[e],u),s.push(function(t){var i=function(n){t({key:e,valid:!0===n,ret:n})},o=function(n){t({key:e,valid:!1,ret:n})};"object"===(void 0===n?"undefined":(0,l.default)(n))&&(0,r.isFunc)(n.then)?n.then(i).catch(o):(0,r.isFunc)(n)?n(i,o):t({key:e,valid:!0===n,ret:n})})}(f)}return this._checkTasks(s,n,e),t},_checkTasks:function(e,t,n){var i=this,o=this.rules,a=!0,u={},s=!0;this.validating=!0;var l=this.targetModel;(0,r.parallel)(e,function(e){i._validateCount===t&&(i.validating=!1,e.forEach(function(e){var t=e.key,n=e.valid,s=e.ret,c=i.messages[t]?(0,r.isFunc)(i.messages[t])?i.messages[t](s,n):i.messages[t]:i.findMessage(t,o[t],o.type,l);a&&!n&&(a=!1,i.msg=c),u[t]={valid:n,invalid:!n,message:c}}),s||i.$emit("validated",a),i._updateModel(a,u),n&&n(i.valid))}),this.validating&&(s=!1,this.$emit("validating"),this.valid=void 0,this.$emit("input",this.valid))},_updateModel:function(e,t){this.validated=!0,this.result=t,t.required&&t.required.invalid&&(this.msg=t.required.message),e&&(this.msg=""),this.valid=e,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")},findMessage:function(e,t,n,i){var o=this.$cubeMessages,a=this.$cubeLang,u=o[a].validator[e];return u?(0,r.isString)(u)?u:(0,r.isFunc)(u)?u(t):(u[n]||(n=(0,r.isArray)(i)?"array":void 0===i?"undefined":(0,l.default)(i)),"function"==typeof u[n]?u[n](t):(0,d.default)(u[n],t)):""}}},e.exports=t.default})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(48),n(53),n(35),n(182)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(e,"__esModule",{value:!0}),e.addRule=e.rules=void 0;var a=o(t),u=o(n),s={required:function(e,t,n){return n=n||(Array.isArray(e)?"array":void 0===e?"undefined":(0,u.default)(e)),"array"===n&&Array.isArray(e)?e.length>0:""!==e&&void 0!==e&&null!==e},type:function(e,t){return!r.types[t]||r.types[t](e)},min:function(e,t,n){return n=n||(void 0===e?"undefined":(0,u.default)(e)),"number"===n||"date"===n?Number(e)>=t:e.length>=t},max:function(e,t,n){return n=n||(void 0===e?"undefined":(0,u.default)(e)),"number"===n||"date"===n?Number(e)<=t:e.length<=t},len:function(e,t,n){n=n||(void 0===e?"undefined":(0,u.default)(e));var i=e;return void 0===i.length&&(i="object"===n?(0,a.default)(i):String(i)),i.length===t},notWhitespace:function(e,t,n){return!/^\s+$/.test(e)},pattern:function(e,t,n){return t.test(e)},custom:function(e,t,n){return t(e)}},l=(0,i.createAddAPI)(s);e.rules=s,e.addRule=l})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(37),n(35)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";function i(){for(var e=this._base.prototype,t=e.$cubeLang,i=e.$cubeMessages[t].validator,o=arguments.length,a=Array(o),u=0;u<o;u++)a[u]=arguments[u];"string"==typeof a[0]&&(a[0]=(0,r.default)({},a[0],a[1])),(0,n.deepAssign)(i,a[0])}Object.defineProperty(e,"__esModule",{value:!0}),e.addMessage=void 0;var r=function(e){return e&&e.__esModule?e:{default:e}}(t);e.addMessage=i})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(35),n(39),n(183)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.replace(s,function(e,r,o){var s=r.split("|").slice(1).map(function(e){return e.trim()}),l=s.length,c=t;return l&&s.forEach(function(e){var t=a(e),r=t.fnName,o=t.args;o.unshift(c),(0,n.isFunc)(u.default.helpers[r])?c=u.default.helpers[r].apply(null,o):((0,i.warn)('A helper function named "'+r+'" is not registered, please register it by Validator.addHelper()'),c="")}),c})}function a(e){var t=e.indexOf("("),n=e.indexOf(")"),i="",r=[];if(t===c)r=[],i=e;else if(t!==c&&n!==c){var o=e.slice(t+1,n);r=o.split(",").map(function(e){return e.trim().replace(l,"")}),i=e.slice(0,t)}return{fnName:i,args:r}}Object.defineProperty(t,"__esModule",{value:!0});var u=function(e){return e&&e.__esModule?e:{default:e}}(r),s=/\{\{((?:.|\n)+?)\}\}/g,l=/['"]/g,c=-1;t.default=o,e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-validator",class:e.containerClass},[n("div",{staticClass:"cube-validator-content"},[e._t("default")],2),e._v(" "),n("div",{staticClass:"cube-validator-msg",on:{click:e.msgClickHandler}},[e._t("message",[n("span",{staticClass:"cube-validator-msg-def"},[e._v(e._s(e.dirtyOrValidated?e.msg:""))])],{message:e.msg,dirty:e.dirty,validated:e.validated,validating:e.validating,result:e.result})],2)])},staticRenderFns:[]}},function(e,t,n){function i(e){n(218)}var r=n(9)(n(219),n(223),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(195)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n);t.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(e){e!==this.tempValue&&(this.tempValue=e)}},methods:{handleStart:function(e){if(!this.disabled){e.type.indexOf("mouse")>-1&&(this.mousePressed=!0,document.addEventListener("mouseup",this.handleEnd),document.addEventListener("mousemove",this.handleMove));var t=this.$refs.rateContainer.getBoundingClientRect();this.left=t.left,this.containerWidth=t.width}},handleMove:function(e){this.disabled||-1!==e.type.indexOf("mouse")&&!this.mousePressed||this.computeTempValue(-1===e.type.indexOf("mouse")?e.touches[0]:e)},handleEnd:function(e){this.disabled||-1!==e.type.indexOf("mouse")&&!this.mousePressed||(e.type.indexOf("mouse")>-1&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(e.type.indexOf("mouse")>-1?e:e.changedTouches[0]),this.$emit("input",this.tempValue))},computeTempValue:function(e){var t=Math.ceil((e.clientX-this.left)/this.containerWidth*this.max);t>0&&t<=this.max?this.tempValue=t:this.tempValue=t<=0?0:this.max}},components:{CubeRateItem:i.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-rate-item",props:{index:{type:Number,default:0}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":e.index<=e.$parent.tempValue}},[e._t("default",[n("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{ref:"rateContainer",staticClass:"cube-rate",class:e.rateClass,on:{touchstart:function(t){return t.stopPropagation(),e.handleStart(t)},touchmove:function(t){return t.stopPropagation(),t.preventDefault(),e.handleMove(t)},touchend:function(t){return t.stopPropagation(),e.handleEnd(t)},mousedown:function(t){return t.stopPropagation(),e.handleStart(t)},mousemove:function(t){return t.stopPropagation(),e.handleMove(t)},mouseup:function(t){return t.stopPropagation(),e.handleEnd(t)}}},[e._t("default",e._l(e.max,function(e){return n("cube-rate-item",{key:e,attrs:{index:e}})}))],2)},staticRenderFns:[]}},function(e,t,n){function i(e){n(225)}var r=n(9)(n(226),n(227),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(53),n(35),n(84)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(n),u=o(r);t.default={name:"cube-select",mixins:[u.default],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(e){return"object"!==(void 0===e?"undefined":(0,a.default)(e))&&(e={value:e,text:e}),e})]},valueIndex:function(){var e=this.value,t=(0,i.findIndex)(this.adaptOptions[0],function(t){return t.value===e});return this.picker&&this.picker.setData(this.adaptOptions,-1!==t?[t]:[0]),t},selectedIndex:function(){return-1!==this.valueIndex?[this.valueIndex]:[0]},selectedText:function(){return-1!==this.valueIndex?this.adaptOptions[0][this.valueIndex].text:""},_placeholder:function(){return this.placeholder||this.$t("selectText")},_title:function(){return this.title||this.$t("selectText")},_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}},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(e,t,n){this.hided(),e[0]!==this.value&&(this.$emit("input",e[0]),this.$emit("change",e[0],t[0],n[0]))}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-select",class:{"cube-select_active":e.active,"cube-select_disabled":e.disabled},on:{click:e.showPicker}},[e.selectedText?n("span",{staticClass:"cube-select-text"},[e._v(e._s(e.selectedText))]):n("span",{staticClass:"cube-select-placeholder"},[e._v(e._s(e._placeholder))]),e._v(" "),n("i",{staticClass:"cube-select-icon"})])},staticRenderFns:[]}},function(e,t,n){function i(e){n(229)}var r=n(9)(n(230),n(231),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-switch",props:{value:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{checkboxValue:this.value}},watch:{value:function(e){this.checkboxValue=e},checkboxValue:function(e){this.$emit("input",e)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-switch"},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.checkboxValue,expression:"checkboxValue"}],staticClass:"cube-switch-input",attrs:{type:"checkbox",disabled:e.disabled},domProps:{checked:Array.isArray(e.checkboxValue)?e._i(e.checkboxValue,null)>-1:e.checkboxValue},on:{change:function(t){var n=e.checkboxValue,i=t.target,r=!!i.checked;if(Array.isArray(n)){var o=e._i(n,null);i.checked?o<0&&(e.checkboxValue=n.concat([null])):o>-1&&(e.checkboxValue=n.slice(0,o).concat(n.slice(o+1)))}else e.checkboxValue=r}}}),e._v(" "),n("i",{staticClass:"cube-switch-ui"}),e._v(" "),n("span",{staticClass:"cube-switch-label"},[e._t("default")],2)])},staticRenderFns:[]}},function(e,t,n){function i(e){n(233)}var r=n(9)(n(234),n(235),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(87),n(163)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i),u={negative:!0,remain:!0};t.default={name:"cube-textarea",mixins:[a.default],data:function(){return{textareaValue:this.value,expanded:!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var e=this.indicator;return"boolean"==typeof e&&(e={}),(0,o.default)({},u,e)},count:function(){return this.textareaValue.length},remain:function(){var e=this.maxlength-this.count;return!this.indicatorConf.negative&&e<0&&(e=0),e}},watch:{value:function(e){this.textareaValue=e},textareaValue:function(e){this.$emit("input",e),!this.isFocus&&this.expanded&&(this.expanded=!1)}},methods:{handleFocus:function(e){this.$emit("focus",e),this.expanded=!0,this.isFocus=!0},handleBlur:function(e){this.$emit("blur",e),0===this.textareaValue.length&&(this.expanded=!1),this.isFocus=!1}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":e.expanded,"cube-textarea_active":e.isFocus}},[n("textarea",e._b({directives:[{name:"model",rawName:"v-model",value:e.textareaValue,expression:"textareaValue"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:e.placeholder,maxlength:e.maxlength,disabled:e.disabled},domProps:{value:e.textareaValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:e.changeHander,input:function(t){t.target.composing||(e.textareaValue=t.target.value)}}},"textarea",e.$props,!1)),e._v(" "),e.indicator?n("span",{directives:[{name:"show",rawName:"v-show",value:e.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[e._v(e._s(e.indicatorConf.remain?e.remain:e.count))]):e._e()])},staticRenderFns:[]}},function(e,t,n){function i(e){n(237)}var r=n(9)(n(238),n(246),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(196),n(197),n(245),n(191),n(171)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a){"use strict";function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=u(n),l=u(i),c=u(r),f=u(o);t.default={name:"cube-upload",mixins:[f.default],props:{value:{type:Array,default:function(){return[]}},action:{type:[String,Object],default:""},max:{type:Number,default:10},auto:{type:Boolean,default:!0},simultaneousUploads:{type:Number,default:1},processFile:{type:Function,default:function(e,t){t(e)}}},data:function(){return{files:this.value,paused:!this.auto}},computed:{actionOptions:function(){var e=this.action;return"string"==typeof e?e?{target:e}:null:e},isShowBtn:function(){return this.files.length<this.max}},watch:{value:function(e){this.files=e},files:function(e){this.$emit("input",e)}},methods:{addFiles:function(e){var t=this;this.$emit("files-added",e);for(var n=this.files.length,i=[],r=this.max-n,o=0,u=e[o];i.length<r&&u;)u.ignore||(i.push(u),this.files.push((0,a.newFile)())),u=e[++o];(0,a.processFiles)(i,this.processFile,function(e,i){t.$set(t.files,n+i,e),t.$emit("file-submitted",e)},function(){t.$nextTick(function(){t.upload()})})},removeFile:function(e){this.$emit("file-removed",e),e._xhr&&e._xhr.abort(),e.url&&a.URL.revokeObjectURL(e.url);var t=this.files.indexOf(e);this.files.splice(t,1),this.upload()},fileClick:function(e,t){this.$emit("file-click",e,t)},upload:function(e){var t=this,n=this.actionOptions;if(!this.paused&&n)for(var i=this.files.length,r=0,o=0;o<i&&r<this.simultaneousUploads;)!function(){var i=t.files[o],u=i.status;u===a.STATUS_READY||e&&u===a.STATUS_ERROR&&i._retryId!==t.retryId?((0,c.default)(i,n,function(n){u===a.STATUS_ERROR&&(n._retryId=t.retryId),t.$emit(n.status===a.STATUS_SUCCESS?"file-success":"file-error",n),t.upload(e)}),r++):u===a.STATUS_UPLOADING&&r++,o++}()},start:function(){this.paused=!1,this.upload()},pause:function(){this.paused=!0,this.files.forEach(function(e){e.status===a.STATUS_UPLOADING&&(e._xhr.abort(),e.status=a.STATUS_READY)})},retry:function(){this.retryId=Date.now(),this.paused=!1,this.upload(!0)}},components:{UploadBtn:s.default,UploadFile:l.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(191)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={name:"cube-upload-btn",mixins:[i.default],methods:{changeHandler:function(e){var t=e.currentTarget,n=t.files;n&&(this.$parent.addFiles(n),t.value=null)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload-btn"},[e._t("default",[e._m(0)]),e._v(" "),n("input",{staticClass:"cube-upload-input",attrs:{type:"file",multiple:e.multiple,accept:e.accept},on:{change:e.changeHandler}})],2)},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload-btn-def"},[n("i")])}]}},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(171)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i={success:"cubeic-right",error:"cubeic-warn"};t.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileCls:function(){return"cube-upload-file_"+this.file.status},fileStatusCls:function(){var e=this.file,t=e.status;if(e.progress>=.01||t===n.STATUS_SUCCESS||t===n.STATUS_ERROR)return"cube-upload-file_stat"},fileStyle:function(){var e=this.file.url||this.file.base64;if(e)return{"background-image":'url("'+e+'")'}},statusCls:function(){var e=this.file.status;return i[e]},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)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload-file",class:e.fileCls,on:{click:e.clickHandler}},[e._t("default",[n("div",{staticClass:"cube-upload-file-def",style:e.fileStyle},[n("i",{staticClass:"cubeic-wrong",on:{click:function(t){return t.stopPropagation(),e.removeFile(t)}}}),e._v(" "),n("div",{staticClass:"cube-upload-file-state",class:e.fileStatusCls},[n("i",{staticClass:"cube-upload-file-status",class:e.statusCls}),e._v(" "),n("span",{staticClass:"cube-upload-file-progress"},[e._v(e._s(e.fileProgress))])])])],{imgStyle:e.fileStyle,progress:e.fileProgress})],2)},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(48),n(171)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e,t,n){function r(t){clearTimeout(V),V=0,e.progress=1,e.status=t,n&&n(e)}function a(){var t=O.responseText||O.response;try{t=JSON.parse(t)}catch(e){}e.response=t,e.responseHeaders=O.getAllResponseHeaders()}var u=t.target,s=t.headers,l=void 0===s?{}:s,c=t.data,f=void 0===c?{}:c,d=t.fileName,p=void 0===d?"file":d,h=t.withCredentials,v=t.timeout,m=t.prop,y=void 0===m?"file":m,b=t.progressInterval,g=void 0===b?100:b,_=t.checkSuccess,x=void 0===_?function(){return!0}:_,S=(0,i.evalOpts)(u,e);e.progress=0,e.status=i.STATUS_UPLOADING;var O=new window.XMLHttpRequest;e._xhr=O;var V=0;if(O.upload){var w=Date.now();O.upload.onprogress=function(t){function n(){e.progress=t.loaded/t.total,w=Date.now()}if(t.total>0)if(V){clearTimeout(V);var i=Date.now(),r=i-w;r>=g?n():V=setTimeout(n,r)}else n(),V=1}}var C=new window.FormData,M=(0,i.evalOpts)(f,e);(0,o.default)(M).forEach(function(e){C.append(e,M[e])}),C.append(p,e[y]),O.onload=function(){if(O.status<200||O.status>=300)return void r(i.STATUS_ERROR);a();var t=e.response;if(x.length<=2){r(x(t,e)?i.STATUS_SUCCESS:i.STATUS_ERROR)}else x(t,e,function(e){r(e?i.STATUS_SUCCESS:i.STATUS_ERROR)})},O.onerror=function(){a(),r(i.STATUS_ERROR)},O.ontimeout=function(){a(),r(i.STATUS_ERROR)},O.open("POST",S,!0),h&&(O.withCredentials=!0);var k=(0,i.evalOpts)(l,e);(0,o.default)(k).forEach(function(e){O.setRequestHeader(e,k[e])}),v>0&&(O.timeout=v),O.send(C)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var o=function(e){return e&&e.__esModule?e:{default:e}}(n);e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload"},[e._t("default",[n("div",{staticClass:"cube-upload-def clear-fix"},[e._l(e.files,function(t,i){return n("upload-file",{key:i,attrs:{file:t},on:{click:function(n){e.fileClick(t,i)}}})}),e._v(" "),n("upload-btn",{directives:[{name:"show",rawName:"v-show",value:e.isShowBtn,expression:"isShowBtn"}],attrs:{multiple:e.multiple,accept:e.accept}})],2)])],2)},staticRenderFns:[]}},,,,,,,,,,,,,,,,,,,,function(e,t,n){function i(e){n(314)}var r=n(9)(n(315),n(325),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(316)}var r=n(9)(n(317),n(324),i,null,null);e.exports=r.exports},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={STANDARD:"standard",CLASSIC:"classic",FRESH:"fresh"};t.default=n,e.exports=t.default})},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{validating:!1,pending:!1,originValid:void 0}},computed:{valid:function(){var e=this.originValid,t=this.pending,n=this.validating;return t||n?void 0:e},invalid:function(){var e=this.valid;return void 0===e?e:!e}}},e.exports=t.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(311),n(266),n(267),n(83),n(194),n(181)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=s(n),c=s(i),f=s(r),d=s(o),p=s(a);l.default.install=function(e){e.component(l.default.name,l.default),e.component(c.default.name,c.default),e.component(f.default.name,f.default),e.component(p.default.name,p.default),d.default.install(e),p.default._base=e},l.default.Group=c.default,l.default.Item=f.default,l.default.Validator=p.default,p.default.addRule=u.addRule,p.default.addMessage=u.addMessage,p.default.addType=u.addType,p.default.addHelper=d.default.addHelper,t.default=l.default,e.exports=t.default})},function(e,t,n){function i(e){n(312)}var r=n(9)(n(313),n(326),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(87),n(86),n(35),n(266),n(268),n(269)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=s(n),c=s(o),f=s(a),d=s(u);t.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:f.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1},submitAlwaysValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{fieldsModel:function(){var e={};return this.fields.forEach(function(t){t.isBtnField||(e[t.fieldValue.modelKey]=t.modelValue)}),e},groups:function(){var e=this.schema,t=e.groups||[];return e.fields&&t.unshift({fields:e.fields}),t},fieldsData:function(){return this.groups.reduce(function(e,t){return t.fields.reduce(function(e,t){return e.push(t),e},e),e},[])},layout:function(){var e=this.options;return e&&e.layout||f.default.STANDARD},formClass:function(){var e=this.invalid,t=this.valid,n=this.layout;return{"cube-form_standard":n===f.default.STANDARD,"cube-form_groups":this.groups.length>1,"cube-form_validating":this.validating,"cube-form_pending":this.pending,"cube-form_valid":t,"cube-form_invalid":e,"cube-form_classic":n===f.default.CLASSIC,"cube-form_fresh":n===f.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(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.skipValidate=e,(0,i.dispatchEvent)(this.$refs.form,"submit"),this.skipValidate=!1},reset:function(){(0,i.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(e){var t=this;if(this.syncValidatorValues(),this.skipValidate)return void this.$emit("submit",e,this.model,this.fieldsModel);var n=function(n){n?(t.$emit("valid",t.validity),t.$emit("submit",e,t.model,t.fieldsModel)):(t.options.scrollToInvalidField&&t.firstInvalidField&&t.firstInvalidField.$el.scrollIntoView(),e.preventDefault(),t.$emit("invalid",t.validity))};this.submitAlwaysValidate||void 0===this.valid?(this._submit(n),(this.validating||this.pending)&&e.preventDefault()):n(this.valid)},resetHandler:function(e){this._reset(),this.$emit("reset",e)},_submit:function(e){var t=this;this.validate(function(){e&&e(t.valid)})},_reset:function(){this.fields.forEach(function(e){e.reset()}),this.setValidity(),this.setValidating(),this.setPending()},syncValidatorValues:function(){this.fields.forEach(function(e){e.syncValidatorValue()})},validate:function(e){var t=this,n=(0,r.cb2PromiseWithResolve)(e);n&&(e=n.resolve);var i=0,o=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(n){n.validate(function(){++i===o&&e&&e(t.valid)})}),n},updateValidating:function(){var e=this.fields.some(function(e){return e.validating});this.setValidating(e)},updatePending:function(){var e=this.fields.some(function(e){return e.pending});this.setPending(e)},setValidating:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.validating=e},setPending:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.pending=e},updateValidity:function(e,t,n,i){var r=this.validity[e];r&&r.valid===t&&r.result===n&&r.dirty===i||this.setValidity(e,{valid:t,result:n,dirty:i})},setValidity:function(e,t){var n={};e&&((0,l.default)(n,this.validity),void 0===t?delete n[e]:n[e]=t);var i=!1,r=!1,o=!0,a="";this.fields.forEach(function(e){var t=e.fieldValue.modelKey;if(t){var u=n[t];u?(u.dirty&&(i=!0),!1===u.valid?o=!1:o&&!u.valid&&(o=u.valid),r||!1!==u.valid||(r=!0,a=t)):e.hasRules&&(o&&(o=void 0),n[t]={valid:void 0,result:{},dirty:!1})}}),this.validity=n,this.dirty=i,this.originValid=o,this.setFirstInvalid(a),this.validatedCount++},setFirstInvalid:function(e){var t=this;if(!e)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(n,i){if(n.fieldValue.modelKey===e)return t.firstInvalidField=n,t.firstInvalidFieldIndex=i,!0})},addField:function(e){var t=this.fieldsData.indexOf(e.field);this.fields.splice(t,0,e);var n=e.fieldValue.modelKey;n&&this.setValidity(n)},destroyField:function(e){var t=this.fields.indexOf(e);this.fields.splice(t,1);var n=e.fieldValue.modelKey;n&&this.setValidity(n)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:c.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(267)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n);t.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:i.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(48),n(37),n(318),n(35),n(194),n(268),n(322),n(269),n(323)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u,s,l,c){"use strict";function f(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var d=f(n),p=f(i),h=f(a),v=f(u),m=f(l),y=f(c);y.default.CubeValidator=h.default;t.default={name:"cube-form-item",mixins:[m.default],props:{field:{type:Object,default:function(){return{}}}},data:function(){var e=this.field.modelKey,t=e?this.form.model[e]:null;return{validatorDisabled:!1,validatorModelKey:"value",modelValue:t,validatorModel:(0,p.default)({},"value",t)}},computed:{fieldValue:function(){return(0,r.processField)(this.field)},hasRules:function(){return(0,d.default)(this.fieldValue.rules||{}).length>0},isBtnField:function(){return"button"===this.fieldValue.type},itemClass:function(){var e=this.fieldValue.rules;return{"cube-form-item_required":e&&e.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 e=this.fieldValue,t=e.component;if(t)return t;var n=e.type,i="cube-"+n;return y.default[i]?i:n}},watch:{modelVal:function(e){this.modelValue!==e&&(this.modelValue=e)},modelValue:{handler:function(e){this.form.model[this.fieldValue.modelKey]=e,this.updateValidatorModel()},sync:!0},originValid:function(e){this.lastOriginValid=e}},beforeCreate:function(){this.form=this.$parent.form},created:function(){var e=this;this.form.addField(this),this.getValidatorModel=function(t){return e.pending=!1,t}},mounted:function(){this.initDebounce(),this.initFocusEvents()},methods:{initDebounce:function(){var e=this,t=this.fieldValue.debounce;!0===t&&(t=200),!t&&0!==t||t<0||"blur"===this.fieldValue.trigger||(this.getValidatorModel=(0,o.debounce)(function(t){return e.syncValidatorValue(),e.validate(),t},t,!1,this.validatorModel[this.validatorModelKey]))},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.validate()},initFocusEvents:function(){var e=this;if("blur"===this.fieldValue.trigger){var t=this.$refs.formItem;t.addEventListener("focusin",this.focusInHandler,!1),t.addEventListener("focusout",this.focusOutHandler,!1),this.getValidatorModel=function(t){return e.focused?e.validatorModel[e.validatorModelKey]:(e.pending=!1,e.form.updatePending(),t)}}},removeFocusEvents:function(){var e=this.$refs.formItem;e.removeEventListener("focusin",this.focusInHandler,!1),e.removeEventListener("focusout",this.focusOutHandler,!1)},updateValidatorModel:function(){this.pending=!0,this.validatorModel[this.validatorModelKey]=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},syncValidatorValue:function(){this.pending=!1,this.validatorModel[this.validatorModelKey]=this.modelValue,this.form.updatePending()},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 e=this.$refs.validator;e&&this.form.updateValidity(this.fieldValue.modelKey,e.valid,e.result,e.dirty)},validate:function(e){var t=this,n=(0,o.cb2PromiseWithResolve)(e);n&&(e=n.resolve);var i=this.$refs.validator;return i?i.validate(function(){t.validatorDisabled=!0,t.updateValidity(),e&&e(),t.$nextTick(function(){t.validatorDisabled=!1})}):e&&e(),n},reset:function(){var e=this,t=this.fieldValue;if(t.modelKey){var n=(0,s.getResetValueByType)(t.type);this.validatorDisabled=!0,(0,o.resetTypeValue)(this,"modelValue",n),this.syncValidatorValue(),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){e.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===v.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:y.default},e.exports=t.default})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(210),n(319)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=(0,o.default)({},e);return(0,a.default)(t),t}Object.defineProperty(e,"__esModule",{value:!0}),e.processField=void 0;var o=i(t),a=i(n);e.processField=r})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(320),n(321)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){var t=o[e.type];t&&t(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var o={submit:function(e){(0,i.toButtonHandler)(e,"submit")},reset:function(e){(0,i.toButtonHandler)(e,"reset")},checkbox:function(e){(0,n.boolRequiredHandler)(e)},switch:function(e){(0,n.boolRequiredHandler)(e)},rate:function(e){(0,n.numberGT0RequiredHandler)(e)}};e.exports=t.default})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=function(e,t,n){var i=e.rules&&e.rules[t];"custom"!==t&&i&&"function"!=typeof i&&(e.rules[t]=n)},n=function(e){return function(n,i){return t(n,e,i)}}("required"),i=function(e){return n(e,function(e){return!1!==e})},r=function(e){return n(e,function(e){return e>0})};e.boolRequiredHandler=i,e.numberGT0RequiredHandler=r})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=function(e,t){e.type="button",e.props||(e.props={}),e.props.type=t};e.toButtonHandler=t})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";function t(e){var t=n[e];return t&&t()}Object.defineProperty(e,"__esModule",{value:!0});var n={checkbox:function(){return!1},select:function(){return null}};e.getResetValueByType=t})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(172),n(161),n(200),n(204),n(173),n(164),n(187),n(217),n(224),n(228),n(232),n(236)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u,s,l,c,f,d,p){"use strict";function h(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var v=h(n),m=h(i),y=h(r),b=h(o),g=h(a),_=h(u),x=h(s),S=h(l),O=h(c),V=h(f),w=h(d),C=h(p),M=[v.default,m.default,y.default,b.default,g.default,_.default,x.default,S.default,O.default,V.default,w.default,C.default],k={};M.forEach(function(e){k[e.name]=e}),t.default=k,e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"formItem",staticClass:"cube-form-item border-bottom-1px",class:e.itemClass},[e.isBtnField?n("cube-button",e._g(e._b({},"cube-button",e.fieldValue.props,!1),e.fieldValue.events),[e._v(e._s(e.fieldValue.label))]):[e._t("label",[n("div",{directives:[{name:"show",rawName:"v-show",value:e.fieldValue.label,expression:"fieldValue.label"}],staticClass:"cube-form-label"},[n("span",[e._v(e._s(e.fieldValue.label))])])]),e._v(" "),e.hasRules?n("cube-validator",{ref:"validator",staticClass:"cube-form-field",attrs:{disabled:e.validatorDisabled,model:e.validatorModel,"model-key":e.validatorModelKey,rules:e.fieldValue.rules,messages:e.fieldValue.messages},on:{input:e.validatorChangeHandler,validating:e.validatingHandler,validated:e.validatedHandler,"msg-click":e.msgClick},model:{value:e.originValid,callback:function(t){e.originValid=t},expression:"originValid"}},[e._t("default",[n(e.componentName,e._g(e._b({tag:"component",model:{value:e.modelValue,callback:function(t){e.modelValue=t},expression:"modelValue"}},"component",e.fieldValue.props,!1),e.fieldValue.events))])],2):n("div",{staticClass:"cube-form-field"},[e._t("default",[n(e.componentName,e._g(e._b({tag:"component",model:{value:e.modelValue,callback:function(t){e.modelValue=t},expression:"modelValue"}},"component",e.fieldValue.props,!1),e.fieldValue.events))])],2)]],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-form-group"},[n("p",{staticClass:"cube-form-group-legend"},[e._v(e._s(e.legend))]),e._v(" "),n("div",{staticClass:"cube-form-group-content"},[e._t("default",e._l(e.fields,function(e,t){return n("cube-form-item",{key:e.key||t,attrs:{field:e}})}))],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("form",{ref:"form",staticClass:"cube-form",class:e.formClass,attrs:{action:e.action},on:{submit:e.submitHandler,reset:e.resetHandler}},[e._t("default",e._l(e.groups,function(e,t){return n("cube-form-group",{key:e.key||t,attrs:{fields:e.fields,legend:e.legend}})}))],2)},staticRenderFns:[]}}])});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.form=t():(e.cube=e.cube||{},e.cube.form=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=310)}([function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t,n){var i=n(24)("wks"),r=n(17),o=n(1).Symbol,a="function"==typeof o;(e.exports=function(e){return i[e]||(i[e]=a&&o[e]||(a?o:r)("Symbol."+e))}).store=i},function(e,t,n){e.exports=!n(11)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t,n){var i=n(12),r=n(33),o=n(22),a=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(i(e),t=o(t,!0),i(n),r)try{return a(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var i=n(4),r=n(14);e.exports=n(3)?function(e,t,n){return i.f(e,t,r(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var i=n(40),r=n(19);e.exports=function(e){return i(r(e))}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t){e.exports=function(e,t,n,i,r){var o,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),i&&(s._scopeId=i);var l;if(r?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},s._ssrRegister=l):n&&(l=n),l){var c=s.functional,f=c?s.render:s.beforeCreate;c?s.render=function(e,t){return l.call(t),f(e,t)}:s.beforeCreate=f?[].concat(f,l):[l]}return{esModule:o,exports:a,options:s}}},function(e,t,n){var i=n(1),r=n(0),o=n(31),a=n(6),u=n(5),s=function(e,t,n){var l,c,f,d=e&s.F,p=e&s.G,h=e&s.S,v=e&s.P,m=e&s.B,y=e&s.W,b=p?r:r[t]||(r[t]={}),g=b.prototype,_=p?i:h?i[t]:(i[t]||{}).prototype;p&&(n=t);for(l in n)(c=!d&&_&&void 0!==_[l])&&u(b,l)||(f=c?_[l]:n[l],b[l]=p&&"function"!=typeof _[l]?n[l]:m&&c?o(f,i):y&&_[l]==f?function(e){var t=function(t,n,i){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,i)}return e.apply(this,arguments)};return t.prototype=e.prototype,t}(f):v&&"function"==typeof f?o(Function.call,f):f,v&&((b.virtual||(b.virtual={}))[l]=f,e&s.R&&g&&!g[l]&&a(g,l,f)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,e.exports=s},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){var i=n(8);e.exports=function(e){if(!i(e))throw TypeError(e+" is not an object!");return e}},function(e,t,n){var i=n(36),r=n(25);e.exports=Object.keys||function(e){return i(e,r)}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){e.exports=!0},function(e,t){e.exports={}},function(e,t){var n=0,i=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+i).toString(36))}},function(e,t){t.f={}.propertyIsEnumerable},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t){var n=Math.ceil,i=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?i:n)(e)}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var i=n(8);e.exports=function(e,t){if(!i(e))return e;var n,r;if(t&&"function"==typeof(n=e.toString)&&!i(r=n.call(e)))return r;if("function"==typeof(n=e.valueOf)&&!i(r=n.call(e)))return r;if(!t&&"function"==typeof(n=e.toString)&&!i(r=n.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},function(e,t,n){var i=n(24)("keys"),r=n(17);e.exports=function(e){return i[e]||(i[e]=r(e))}},function(e,t,n){var i=n(0),r=n(1),o=r["__core-js_shared__"]||(r["__core-js_shared__"]={});(e.exports=function(e,t){return o[e]||(o[e]=void 0!==t?t:{})})("versions",[]).push({version:i.version,mode:n(15)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var i=n(4).f,r=n(5),o=n(2)("toStringTag");e.exports=function(e,t,n){e&&!r(e=n?e:e.prototype,o)&&i(e,o,{configurable:!0,value:t})}},function(e,t,n){var i=n(19);e.exports=function(e){return Object(i(e))}},function(e,t,n){var i=n(8),r=n(1).document,o=i(r)&&i(r.createElement);e.exports=function(e){return o?r.createElement(e):{}}},function(e,t,n){t.f=n(2)},function(e,t,n){var i=n(1),r=n(0),o=n(15),a=n(29),u=n(4).f;e.exports=function(e){var t=r.Symbol||(r.Symbol=o?{}:i.Symbol||{});"_"==e.charAt(0)||e in t||u(t,e,{value:a.f(e)})}},function(e,t,n){var i=n(34);e.exports=function(e,t,n){if(i(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,i){return e.call(t,n,i)};case 3:return function(n,i,r){return e.call(t,n,i,r)}}return function(){return e.apply(t,arguments)}}},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){e.exports=!n(3)&&!n(11)(function(){return 7!=Object.defineProperty(n(28)("div"),"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(48),n(37),n(53),n(47)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(e.findIndex)return e.findIndex(t);var n=-1;return e.some(function(e,i,r){var o=t.call(this,e,i,r);if(o)return n=i,o}),n}function u(e,t){for(var n in t)e[n]&&"object"===(0,g.default)(e[n])?u(e[n],t[n]):e[n]=t[n]}function s(e){return function(){for(var t=arguments.length,n=Array(t),i=0;i<t;i++)n[i]=arguments[i];"string"==typeof n[0]&&(n[0]=(0,b.default)({},n[0],n[1])),u(e,n[0])}}function l(e){var t=Object.prototype.toString;return function(n){return t.call(n)==="[object "+e+"]"}}function c(e,t,n){if(void 0!==n)return _._set(e,t,n);if(t){var i=e[t],r=_[void 0===i?"undefined":(0,g.default)(i)];r&&r(e,t,i)}else(0,y.default)(e).forEach(function(t){c(e,t)})}function f(e,t){var n=0,i=[],r=e.length;if(!r)return t(i);e.forEach(function(e,o){e(function(e){n+=1,i[o]=e,n===r&&t(i)})})}function d(e){var t=void 0;if(void 0!==window.Promise){var n=e;t=new window.Promise(function(t){e=function(e){n&&n(e),t(e)}}),t.resolve=e}return t}function p(e,t,n,i){var r=void 0,o=i,a=function(t,n){r=null,n&&(o=e.apply(t,n))},u=function(){for(var i=this,u=arguments.length,s=Array(u),l=0;l<u;l++)s[l]=arguments[l];if(r&&clearTimeout(r),n){var c=!r;r=setTimeout(a,t),c&&(o=e.apply(this,s))}else r=setTimeout(function(){a(i,s)},t);return o};return u.cancel=function(){clearTimeout(r),r=null},u}function h(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.prefix,i=void 0===n?"":n,o=t.firstUpperCase,a=void 0!==o&&o,u=e.name,s=u.replace(/^cube-/i,""),l=""+(0,r.camelize)(""+i+s);return a&&(l=l.charAt(0).toUpperCase()+l.slice(1)),l}function v(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.split("."),i=e,r=0;r<n.length;r++){var o=n[r];if(S(i[o])){i="";break}i=i[o]}return i}function m(e){var t=/os (\d\d?_\d(_\d)?)/,n=t.exec(e);if(!n)return null;var i=n[1].split("_").map(function(e){return parseInt(e,10)});return{major:i[0],minor:i[1],patch:i[2]||0}}Object.defineProperty(e,"__esModule",{value:!0}),e.getIOSVersion=e.isNumber=e.isObject=e.isString=e.isArray=e.isFunc=e.isUndef=e.parsePath=e.processComponentName=e.debounce=e.cb2PromiseWithResolve=e.parallel=e.resetTypeValue=e.createAddAPI=e.deepAssign=e.findIndex=void 0;var y=o(t),b=o(n),g=o(i),_={_set:function(e,t,n){e[t]=n},string:function(e,t){_._set(e,t,"")},number:function(e,t){_._set(e,t,0)},boolean:function(e,t){_._set(e,t,!1)},object:function(e,t,n){Array.isArray(n)?_._set(e,t,[]):_._set(e,t,{})}},x=l("Function"),S=l("Undefined"),V=l("Array"),O=l("String"),w=l("Object"),C=l("Number");e.findIndex=a,e.deepAssign=u,e.createAddAPI=s,e.resetTypeValue=c,e.parallel=f,e.cb2PromiseWithResolve=d,e.debounce=p,e.processComponentName=h,e.parsePath=v,e.isUndef=S,e.isFunc=x,e.isArray=V,e.isString=O,e.isObject=w,e.isNumber=C,e.getIOSVersion=m})},function(e,t,n){var i=n(5),r=n(7),o=n(50)(!1),a=n(23)("IE_PROTO");e.exports=function(e,t){var n,u=r(e),s=0,l=[];for(n in u)n!=a&&i(u,n)&&l.push(n);for(;t.length>s;)i(u,n=t[s++])&&(~o(l,n)||l.push(n));return l}},function(e,t,n){"use strict";t.__esModule=!0;var i=n(55),r=function(e){return e&&e.__esModule?e:{default:e}}(i);t.default=function(e,t,n){return t in e?(0,r.default)(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t,n){"use strict";var i=n(62)(!0);n(42)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=i(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.warn=function(e,t){},e.tip=function(e,t){}})},function(e,t,n){var i=n(21);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==i(e)?e.split(""):Object(e)}},function(e,t,n){var i=n(20),r=Math.min;e.exports=function(e){return e>0?r(i(e),9007199254740991):0}},function(e,t,n){"use strict";var i=n(15),r=n(10),o=n(43),a=n(6),u=n(16),s=n(63),l=n(26),c=n(65),f=n(2)("iterator"),d=!([].keys&&"next"in[].keys()),p=function(){return this};e.exports=function(e,t,n,h,v,m,y){s(n,t,h);var b,g,_,x=function(e){if(!d&&e in w)return w[e];switch(e){case"keys":case"values":return function(){return new n(this,e)}}return function(){return new n(this,e)}},S=t+" Iterator",V="values"==v,O=!1,w=e.prototype,C=w[f]||w["@@iterator"]||v&&w[v],M=C||x(v),k=v?V?x("entries"):M:void 0,P="Array"==t?w.entries||C:C;if(P&&(_=c(P.call(new e)))!==Object.prototype&&_.next&&(l(_,S,!0),i||"function"==typeof _[f]||a(_,f,p)),V&&C&&"values"!==C.name&&(O=!0,M=function(){return C.call(this)}),i&&!y||!d&&!O&&w[f]||a(w,f,M),u[t]=M,u[S]=p,v)if(b={values:V?M:x("values"),keys:m?M:x("keys"),entries:k},y)for(g in b)g in w||o(w,g,b[g]);else r(r.P+r.F*(d||O),t,b);return b}},function(e,t,n){e.exports=n(6)},function(e,t,n){var i=n(12),r=n(64),o=n(25),a=n(23)("IE_PROTO"),u=function(){},s=function(){var e,t=n(28)("iframe"),i=o.length;for(t.style.display="none",n(52).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write("<script>document.F=Object<\/script>"),e.close(),s=e.F;i--;)delete s.prototype[o[i]];return s()};e.exports=Object.create||function(e,t){var n;return null!==e?(u.prototype=i(e),n=new u,u.prototype=null,n[a]=e):n=s(),void 0===t?n:r(n,t)}},function(e,t,n){n(66);for(var i=n(1),r=n(6),o=n(16),a=n(2)("toStringTag"),u="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(","),s=0;s<u.length;s++){var l=u[s],c=i[l],f=c&&c.prototype;f&&!f[a]&&r(f,a,l),o[l]=o.Array}},function(e,t,n){var i=n(36),r=n(25).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return i(e,r)}},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";function t(e){return e=String(e),e.replace(i,function(e,t){return t?t.toUpperCase():""})}function n(e){return e=String(e),e.replace(/([A-Z])/g,"-$1").toLowerCase()}Object.defineProperty(e,"__esModule",{value:!0}),e.camelize=t,e.kebab=n;var i=/-(\w)/g})},function(e,t,n){e.exports={default:n(59),__esModule:!0}},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,n=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=n&&n.indexOf("android")>0,e.isIOS=n&&/iphone|ipad|ipod|ios/.test(n)})},function(e,t,n){var i=n(7),r=n(41),o=n(51);e.exports=function(e){return function(t,n,a){var u,s=i(t),l=r(s.length),c=o(a,l);if(e&&n!=n){for(;l>c;)if((u=s[c++])!=u)return!0}else for(;l>c;c++)if((e||c in s)&&s[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){var i=n(20),r=Math.max,o=Math.min;e.exports=function(e,t){return e=i(e),e<0?r(e+t,0):o(e,t)}},function(e,t,n){var i=n(1).document;e.exports=i&&i.documentElement},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=n(70),o=i(r),a=n(72),u=i(a),s="function"==typeof u.default&&"symbol"==typeof o.default?function(e){return typeof e}:function(e){return e&&"function"==typeof u.default&&e.constructor===u.default&&e!==u.default.prototype?"symbol":typeof e};t.default="function"==typeof u.default&&"symbol"===s(o.default)?function(e){return void 0===e?"undefined":s(e)}:function(e){return e&&"function"==typeof u.default&&e.constructor===u.default&&e!==u.default.prototype?"symbol":void 0===e?"undefined":s(e)}},function(e,t){},function(e,t,n){e.exports={default:n(56),__esModule:!0}},function(e,t,n){n(57);var i=n(0).Object;e.exports=function(e,t,n){return i.defineProperty(e,t,n)}},function(e,t,n){var i=n(10);i(i.S+i.F*!n(3),"Object",{defineProperty:n(4).f})},,function(e,t,n){n(60),e.exports=n(0).Object.keys},function(e,t,n){var i=n(27),r=n(13);n(61)("keys",function(){return function(e){return r(i(e))}})},function(e,t,n){var i=n(10),r=n(0),o=n(11);e.exports=function(e,t){var n=(r.Object||{})[e]||Object[e],a={};a[e]=t(n),i(i.S+i.F*o(function(){n(1)}),"Object",a)}},function(e,t,n){var i=n(20),r=n(19);e.exports=function(e){return function(t,n){var o,a,u=String(r(t)),s=i(n),l=u.length;return s<0||s>=l?e?"":void 0:(o=u.charCodeAt(s),o<55296||o>56319||s+1===l||(a=u.charCodeAt(s+1))<56320||a>57343?e?u.charAt(s):o:e?u.slice(s,s+2):a-56320+(o-55296<<10)+65536)}}},function(e,t,n){"use strict";var i=n(44),r=n(14),o=n(26),a={};n(6)(a,n(2)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=i(a,{next:r(1,n)}),o(e,t+" Iterator")}},function(e,t,n){var i=n(4),r=n(12),o=n(13);e.exports=n(3)?Object.defineProperties:function(e,t){r(e);for(var n,a=o(t),u=a.length,s=0;u>s;)i.f(e,n=a[s++],t[n]);return e}},function(e,t,n){var i=n(5),r=n(27),o=n(23)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=r(e),i(e,o)?e[o]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){"use strict";var i=n(67),r=n(68),o=n(16),a=n(7);e.exports=n(42)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,r(1)):"keys"==t?r(0,n):"values"==t?r(0,e[n]):r(0,[n,e[n]])},"values"),o.Arguments=o.Array,i("keys"),i("values"),i("entries")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},,function(e,t,n){e.exports={default:n(71),__esModule:!0}},function(e,t,n){n(38),n(45),e.exports=n(29).f("iterator")},function(e,t,n){e.exports={default:n(73),__esModule:!0}},function(e,t,n){n(74),n(54),n(80),n(81),e.exports=n(0).Symbol},function(e,t,n){"use strict";var i=n(1),r=n(5),o=n(3),a=n(10),u=n(43),s=n(75).KEY,l=n(11),c=n(24),f=n(26),d=n(17),p=n(2),h=n(29),v=n(30),m=n(76),y=n(77),b=n(12),g=n(8),_=n(7),x=n(22),S=n(14),V=n(44),O=n(78),w=n(79),C=n(4),M=n(13),k=w.f,P=C.f,T=O.f,E=i.Symbol,$=i.JSON,j=$&&$.stringify,A=p("_hidden"),R=p("toPrimitive"),F={}.propertyIsEnumerable,N=c("symbol-registry"),I=c("symbols"),D=c("op-symbols"),B=Object.prototype,L="function"==typeof E,H=i.QObject,U=!H||!H.prototype||!H.prototype.findChild,G=o&&l(function(){return 7!=V(P({},"a",{get:function(){return P(this,"a",{value:7}).a}})).a})?function(e,t,n){var i=k(B,t);i&&delete B[t],P(e,t,n),i&&e!==B&&P(B,t,i)}:P,q=function(e){var t=I[e]=V(E.prototype);return t._k=e,t},z=L&&"symbol"==typeof E.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof E},K=function(e,t,n){return e===B&&K(D,t,n),b(e),t=x(t,!0),b(n),r(I,t)?(n.enumerable?(r(e,A)&&e[A][t]&&(e[A][t]=!1),n=V(n,{enumerable:S(0,!1)})):(r(e,A)||P(e,A,S(1,{})),e[A][t]=!0),G(e,t,n)):P(e,t,n)},W=function(e,t){b(e);for(var n,i=m(t=_(t)),r=0,o=i.length;o>r;)K(e,n=i[r++],t[n]);return e},Y=function(e,t){return void 0===t?V(e):W(V(e),t)},J=function(e){var t=F.call(this,e=x(e,!0));return!(this===B&&r(I,e)&&!r(D,e))&&(!(t||!r(this,e)||!r(I,e)||r(this,A)&&this[A][e])||t)},X=function(e,t){if(e=_(e),t=x(t,!0),e!==B||!r(I,t)||r(D,t)){var n=k(e,t);return!n||!r(I,t)||r(e,A)&&e[A][t]||(n.enumerable=!0),n}},Z=function(e){for(var t,n=T(_(e)),i=[],o=0;n.length>o;)r(I,t=n[o++])||t==A||t==s||i.push(t);return i},Q=function(e){for(var t,n=e===B,i=T(n?D:_(e)),o=[],a=0;i.length>a;)!r(I,t=i[a++])||n&&!r(B,t)||o.push(I[t]);return o};L||(E=function(){if(this instanceof E)throw TypeError("Symbol is not a constructor!");var e=d(arguments.length>0?arguments[0]:void 0),t=function(n){this===B&&t.call(D,n),r(this,A)&&r(this[A],e)&&(this[A][e]=!1),G(this,e,S(1,n))};return o&&U&&G(B,e,{configurable:!0,set:t}),q(e)},u(E.prototype,"toString",function(){return this._k}),w.f=X,C.f=K,n(46).f=O.f=Z,n(18).f=J,n(32).f=Q,o&&!n(15)&&u(B,"propertyIsEnumerable",J,!0),h.f=function(e){return q(p(e))}),a(a.G+a.W+a.F*!L,{Symbol:E});for(var ee="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),te=0;ee.length>te;)p(ee[te++]);for(var ne=M(p.store),ie=0;ne.length>ie;)v(ne[ie++]);a(a.S+a.F*!L,"Symbol",{for:function(e){return r(N,e+="")?N[e]:N[e]=E(e)},keyFor:function(e){if(!z(e))throw TypeError(e+" is not a symbol!");for(var t in N)if(N[t]===e)return t},useSetter:function(){U=!0},useSimple:function(){U=!1}}),a(a.S+a.F*!L,"Object",{create:Y,defineProperty:K,defineProperties:W,getOwnPropertyDescriptor:X,getOwnPropertyNames:Z,getOwnPropertySymbols:Q}),$&&a(a.S+a.F*(!L||l(function(){var e=E();return"[null]"!=j([e])||"{}"!=j({a:e})||"{}"!=j(Object(e))})),"JSON",{stringify:function(e){for(var t,n,i=[e],r=1;arguments.length>r;)i.push(arguments[r++]);if(n=t=i[1],(g(t)||void 0!==e)&&!z(e))return y(t)||(t=function(e,t){if("function"==typeof n&&(t=n.call(this,e,t)),!z(t))return t}),i[1]=t,j.apply($,i)}}),E.prototype[R]||n(6)(E.prototype,R,E.prototype.valueOf),f(E,"Symbol"),f(Math,"Math",!0),f(i.JSON,"JSON",!0)},function(e,t,n){var i=n(17)("meta"),r=n(8),o=n(5),a=n(4).f,u=0,s=Object.isExtensible||function(){return!0},l=!n(11)(function(){return s(Object.preventExtensions({}))}),c=function(e){a(e,i,{value:{i:"O"+ ++u,w:{}}})},f=function(e,t){if(!r(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!o(e,i)){if(!s(e))return"F";if(!t)return"E";c(e)}return e[i].i},d=function(e,t){if(!o(e,i)){if(!s(e))return!0;if(!t)return!1;c(e)}return e[i].w},p=function(e){return l&&h.NEED&&s(e)&&!o(e,i)&&c(e),e},h=e.exports={KEY:i,NEED:!1,fastKey:f,getWeak:d,onFreeze:p}},function(e,t,n){var i=n(13),r=n(32),o=n(18);e.exports=function(e){var t=i(e),n=r.f;if(n)for(var a,u=n(e),s=o.f,l=0;u.length>l;)s.call(e,a=u[l++])&&t.push(a);return t}},function(e,t,n){var i=n(21);e.exports=Array.isArray||function(e){return"Array"==i(e)}},function(e,t,n){var i=n(7),r=n(46).f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(e){try{return r(e)}catch(e){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==o.call(e)?u(e):r(i(e))}},function(e,t,n){var i=n(18),r=n(14),o=n(7),a=n(22),u=n(5),s=n(33),l=Object.getOwnPropertyDescriptor;t.f=n(3)?l:function(e,t){if(e=o(e),t=a(t,!0),s)try{return l(e,t)}catch(e){}if(u(e,t))return r(!i.f.call(e,t),e[t])}},function(e,t,n){n(30)("asyncIterator")},function(e,t,n){n(30)("observable")},,function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(37),n(104),n(39),n(35),n(90)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a){"use strict";function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=u(n),l=u(i),c=void 0,f={name:"locale",install:function(e){f.installed||(c=e.prototype,e.util.defineReactive(c,"$cubeLang","zh-CN"),c.$cubeMessages=(0,s.default)({},"zh-CN",l.default),f.installed=!0)},use:function(e,t){c.$cubeLang=e;var n=c.$cubeMessages;e in n||(n[[e]]=t)},helpers:{toLocaleDateString:function(e,t){var n=(0,o.isNumber)(e)?e:e.replace(/-/g,"/"),i=new Date(n);return(0,o.isUndef)(t)?i.toDateString():(0,a.formatDate)(i,t)}},addHelper:function(e,t){if(e in f.helpers)return void(0,r.warn)(e+" has already been registered on helpers function, please change another name");f.helpers[e]=t}};t.default=f,e.exports=t.default})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(83),n(35),n(39)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={computed:{$t:function(){var e=this.$cubeLang,t=this.$cubeMessages[e];return(0,i.isUndef)(t)?((0,r.warn)("Translation is not registered correctly, you can call Locale.use() to install it."),""):function(e){return(0,i.parsePath)(t,e)}}},beforeCreate:function(){o.default.install(this.$root.constructor)}},e.exports=t.default})},,function(e,t,n){var i,r,o;!function(a,u){r=[t,n(49)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";function n(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function i(e,t){if(!n(e,t)){var i=e.className.split(" ");i.push(t),e.className=i.join(" ")}}function r(e,t){if(n(e,t)){var i=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(i," ")}}function o(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==c&&("standard"===c?"transitionEnd"===e?"transitionend":e:c+e.charAt(0).toUpperCase()+e.substr(1))}function s(e,t){for(var i=e.target;i&&!n(i,t);){if(i===e.currentTarget)return null;i=i.parentNode}return i}function l(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=n.type,r=void 0===i?"Event":i,o=n.bubbles,a=void 0===o||o,u=n.cancelable,s=void 0===u||u,l=document.createEvent(r);l.initEvent(t,a,s),e.dispatchEvent(l)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=n,e.addClass=i,e.removeClass=r,e.getData=o,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=s,e.dispatchEvent=l;var c=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,n={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var i in n)if(void 0!==e[n[i]])return i;return!1}()})},function(e,t,n){e.exports={default:n(91),__esModule:!0}},,,function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";function t(e,t,i,r){var o={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(o[e],r).test(t)){var a="year"===e?i.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?i:n(i);t=t.replace(RegExp.$1,a)}return t}function n(e){return("00"+e).substr((""+e).length)}function i(e,n){var i={year:{value:e.getFullYear(),regExpAttributes:"i"},month:{value:e.getMonth()+1},date:{value:e.getDate(),regExpAttributes:"i"},hour:{value:e.getHours(),regExpAttributes:"i"},minute:{value:e.getMinutes()},second:{value:e.getSeconds()},quarter:{value:Math.floor((e.getMonth()+3)/3),regExpAttributes:"i"},millisecond:{value:e.getMilliseconds()}};for(var r in i)n=t(r,n,i[r].value,i[r].regExpAttributes);return n}function r(e){var t=e.getFullYear(),n=e.getMonth()+1,i=e.getDate();return+new Date(t+"/"+n+"/"+i+" 00:00:00")}function o(e,t){return Math.floor((r(e)-r(t))/s)}function a(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function u(e,t){var n=30;return[1,3,5,7,8,10,12].indexOf(e)>-1?n=31:2===e&&(n=t&&t%400&&(t%4||!(t%100))?28:29),n}Object.defineProperty(e,"__esModule",{value:!0});var s=864e5;e.DAY_TIMESTAMP=s,e.HOUR_TIMESTAMP=36e5,e.MINUTE_TIMESTAMP=6e4,e.pad=n,e.formatType=t,e.formatDate=i,e.getZeroStamp=r,e.getDayDiff=o,e.getNow=a,e.computeNatureMaxDay=u})},function(e,t,n){n(92),e.exports=n(0).Object.assign},function(e,t,n){var i=n(10);i(i.S+i.F,"Object",{assign:n(93)})},function(e,t,n){"use strict";var i=n(13),r=n(32),o=n(18),a=n(27),u=n(40),s=Object.assign;e.exports=!s||n(11)(function(){var e={},t={},n=Symbol(),i="abcdefghijklmnopqrst";return e[n]=7,i.split("").forEach(function(e){t[e]=e}),7!=s({},e)[n]||Object.keys(s({},t)).join("")!=i})?function(e,t){for(var n=a(e),s=arguments.length,l=1,c=r.f,f=o.f;s>l;)for(var d,p=u(arguments[l++]),h=c?i(p).concat(c(p)):i(p),v=h.length,m=0;v>m;)f.call(p,d=h[m++])&&(n[d]=p[d]);return n}:s},,,,,,,,,,,function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},e.exports=t.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){function i(e){n(168)}var r=n(9)(n(169),n(170),i,null,null);e.exports=r.exports},,function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(86)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=(0,n.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var n=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[i]=n})})}}}},e.exports=t.default})},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={methods:{changeHander:function(e){this.$emit("change",e)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},e.exports=t.default})},function(e,t,n){function i(e){n(184)}var r=n(9)(n(185),n(186),i,null,null);e.exports=r.exports},,,function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.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 e=this.$parent,t=e.$data._checkboxGroup;return{isInGroup:t,isInHorizontalGroup:t&&(e.$props.horizontal||e.$props.colNum>1)}},computed:{computedOption:function(){var e=this.option,t=this.label,n=this.disabled;return!0===e._def_option?e={label:t,value:t,disabled:n}:"string"==typeof e&&(e={label:e,value:e,disabled:!1}),e},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(e){var t=this.computedOption.value,n=t&&e?t:e;if(this.$emit("input",n),this.isInGroup){e=!this.checkValue;var i=e?"checked":"cancel-checked";this.$parent.$emit(i,t||e)}}},_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"}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-checkbox",class:e._containerClass,attrs:{"data-pos":e.position}},[n("label",{staticClass:"cube-checkbox-wrap",class:e._wrapClass},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:e.computedOption.disabled},domProps:{checked:Array.isArray(e.checkValue)?e._i(e.checkValue,null)>-1:e.checkValue},on:{change:function(t){var n=e.checkValue,i=t.target,r=!!i.checked;if(Array.isArray(n)){var o=e._i(n,null);i.checked?o<0&&(e.checkValue=n.concat([null])):o>-1&&(e.checkValue=n.slice(0,o).concat(n.slice(o+1)))}else e.checkValue=r}}}),e._v(" "),n("span",{staticClass:"cube-checkbox-ui",class:e._borderIconClass},[n("i",{class:e._rightIconClass})]),e._v(" "),n("span",{staticClass:"cube-checkbox-label"},[e._t("default",[e._v(e._s(e.computedOption.label))])],2)])])},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(49)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";function n(e,t,n,r){for(var o=[],a=e.length,u=0,s=0;s<a;s++)i(e[s],s,t,function(e,t){if(u++,o[t]=e,n(e,t),u===a)return r(o)})}function i(e,t,n,i){n(e,function(e){var n=r(e.name,e.size,s,0,e);i(n,t)})}function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,a=r&&r.base64||"";return{name:e,size:t,url:a?"":o(r),base64:a,status:n,progress:i,file:r}}function o(e){return e&&u?u.createObjectURL(e):""}function a(e){if("function"==typeof e){for(var t=arguments.length,n=Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];return e.apply(this,n)}return e}Object.defineProperty(e,"__esModule",{value:!0}),e.STATUS_SUCCESS=e.STATUS_ERROR=e.STATUS_UPLOADING=e.STATUS_READY=e.URL=void 0,e.processFiles=n,e.processFile=i,e.newFile=r,e.evalOpts=a;var u=e.URL=t.inBrowser?window.URL||window.webkitURL||window.mozURL:null,s=e.STATUS_READY="ready";e.STATUS_UPLOADING="uploading",e.STATUS_ERROR="error",e.STATUS_SUCCESS="success"})},function(e,t,n){function i(e){n(174)}var r=n(9)(n(175),n(176),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(178)}var r=n(9)(n(179),n(180),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.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(e){if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.$emit("click",e)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("button",{staticClass:"cube-btn",class:e.btnClass,attrs:{type:e.type},on:{click:e.handleClick}},[e.icon?n("i",{class:e.icon}):e._e(),e._v(" "),e._t("default")],2)},staticRenderFns:[]}},,function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(87),n(164)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);t.default={name:"cube-input",mixins:[a.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var e=this.type;return"password"===e&&this.eye&&this.pwdVisible?"text":e},_showClear:function(){var e=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(e=!1),e},_showPwdEye:function(){return"password"===this.type&&this.eye&&!this.disabled},pwdVisible:function(){var e=this.formatedEye;return e.reverse?!e.open:e.open},eyeClass:function(){return this.formatedEye.open?"cubeic-eye-visible":"cubeic-eye-invisible"}},watch:{value:function(e){this.inputValue=e},inputValue:function(e){this.$emit("input",e)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,o.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,o.default)(this.formatedEye,this.eye)},handleFocus:function(e){this.$emit("focus",e),this.isFocus=!0},handleBlur:function(e){this.$emit("blur",e),this.isFocus=!1},handleClear:function(e){this.inputValue="",this.$refs.input.focus()},handlePwdEye:function(){this.formatedEye.open=!this.formatedEye.open}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-input",class:{"cube-input_active":e.isFocus}},[e.$slots.prepend?n("div",{staticClass:"cube-input-prepend"},[e._t("prepend")],2):e._e(),e._v(" "),"checkbox"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"checkbox"},domProps:{checked:Array.isArray(e.inputValue)?e._i(e.inputValue,null)>-1:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){var n=e.inputValue,i=t.target,r=!!i.checked;if(Array.isArray(n)){var o=e._i(n,null);i.checked?o<0&&(e.inputValue=n.concat([null])):o>-1&&(e.inputValue=n.slice(0,o).concat(n.slice(o+1)))}else e.inputValue=r},e.changeHander]}},"input",e.$props,!1)):"radio"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"radio"},domProps:{checked:e._q(e.inputValue,null)},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){e.inputValue=null},e.changeHander]}},"input",e.$props,!1)):n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:e._type},domProps:{value:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:e.changeHander,input:function(t){t.target.composing||(e.inputValue=t.target.value)}}},"input",e.$props,!1)),e._v(" "),e.$slots.append||e._showClear||e._showPwdEye?n("div",{staticClass:"cube-input-append"},[e._showClear?n("div",{staticClass:"cube-input-clear",on:{touchend:e.handleClear}},[n("i",{staticClass:"cubeic-wrong"})]):e._e(),e._v(" "),e._showPwdEye?n("div",{staticClass:"cube-input-eye",on:{click:e.handlePwdEye}},[n("i",{class:e.eyeClass})]):e._e(),e._v(" "),e._t("append")],2):e._e()])},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(213),n(214),n(182)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"rules",{enumerable:!0,get:function(){return t.rules}}),Object.defineProperty(e,"addRule",{enumerable:!0,get:function(){return t.addRule}}),Object.defineProperty(e,"addMessage",{enumerable:!0,get:function(){return n.addMessage}}),Object.defineProperty(e,"types",{enumerable:!0,get:function(){return i.types}}),Object.defineProperty(e,"addType",{enumerable:!0,get:function(){return i.addType}})})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(35)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.addType=e.types=void 0;var n=/^(1|2)\d{3}[.\-/]\d{1,2}[.\-/]\d{1,2}$/,i={string:function(e){return"string"==typeof e},number:function(e){return!isNaN(Number(e))},array:function(e){return Array.isArray(e)},date:function(e){return!isNaN(Number(e))||n.test(e)},email:function(e){return"string"==typeof e&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)+$/i.test(e)},tel:function(e){return"string"==typeof e&&/^(11|13|14|15|17|18|19)[0-9]{9}$/.test(e)},url:function(e){return"string"==typeof e&&/(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/.test(e)}},r=(0,t.createAddAPI)(i);e.types=i,e.addType=r})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(83),n(84)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);o.default.localeMixin=a.default,t.default=o.default,e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&void 0!==t.radioValue&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var e=this.$parent;if(!(e.horizontal||e.$props.colNum>1))return"border-bottom-1px"}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[n("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[n("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("span",{staticClass:"cube-radio-ui cubeic-round-border"},[n("i")])}]}},function(e,t,n){function i(e){n(188)}var r=n(9)(n(189),n(190),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(165),n(163)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);t.default={name:"cube-radio-group",mixins:[a.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:o.default}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"group",staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,i){return n("cube-radio",{key:i,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}}},e.exports=t.default})},,function(e,t,n){function i(e){n(206)}var r=n(9)(n(207),n(208),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(211)}var r=n(9)(n(212),n(216),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(220)}var r=n(9)(n(221),n(222),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(239)}var r=n(9)(n(240),n(241),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(242)}var r=n(9)(n(243),n(244),i,null,null);e.exports=r.exports},,,function(e,t,n){function i(e){n(201)}var r=n(9)(n(202),n(203),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(161),n(163)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i);t.default={name:"cube-checkbox-group",mixins:[a.default],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[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal||this.colNum>1)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(e,t){this._value=this.value.concat()}}},mounted:function(){var e=this;this.$on("checked",function(t){e._value.length<e.max&&-1===e._value.indexOf(t)&&e._value.push(t),e.$emit("input",e._value)}),this.$on("cancel-checked",function(t){var n=e._value.indexOf(t);e._value.length>e.min&&n>-1&&e._value.splice(n,1),e.$emit("input",e._value)})},components:{CubeCheckbox:o.default}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"group",staticClass:"cube-checkbox-group",class:e.groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,i){return n("cube-checkbox",{key:i,attrs:{option:t,shape:e.shape,position:e.position,"hollow-style":e.hollowStyle}})}))],2)},staticRenderFns:[]}},function(e,t,n){var i=n(9)(n(205),n(209),null,null,null);e.exports=i.exports},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(193)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={name:"cube-checker",props:{value:[String,Number,Array],options:{type:Array,default:function(){return[]}},type:{type:String,default:"checkbox"},min:{type:Number,default:0},max:{type:Number,default:function(){return this.options.length}}},data:function(){return{currentValue:this.value}},computed:{isRadio:function(){return"radio"===this.type}},watch:{value:function(e){this.currentValue=e},currentValue:function(e){this.$emit("input",e)}},methods:{check:function(e){this.isRadio?this.checkRadio(e):this.checkCheckbox(e)},checkRadio:function(e){this.currentValue=e.value},checkCheckbox:function(e){var t=e.value,n=this.currentValue,i=n.length,r=this.min,o=this.max,a=n.indexOf(t);a>-1?i>r&&n.splice(a,1):i<o&&n.push(t)}},components:{CubeCheckerItem:i.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-checker-item",props:{option:{type:Object,default:function(){return{}}}},computed:{isActive:function(){var e=this.$parent.isRadio,t=this.$parent.currentValue,n=this.option.value;return e?t===n:t.indexOf(n)>=0},isDisabled:function(){return this.option.disabled}},methods:{clickHandler:function(){this.isDisabled||this.$parent.check(this.option)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{staticClass:"cube-checker-item",class:{"cube-checker-item_active":e.isActive,"cube-checker-item_disabled":e.isDisabled},on:{click:e.clickHandler}},[e._t("default",[n("span",{domProps:{innerHTML:e._s(e.option.text)}})])],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"cube-checker"},[e._t("default",e._l(e.options,function(e,t){return n("cube-checker-item",{key:t,attrs:{option:e}})}))],2)},staticRenderFns:[]}},function(e,t,n){"use strict";t.__esModule=!0;var i=n(87),r=function(e){return e&&e.__esModule?e:{default:e}}(i);t.default=r.default||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(53),n(48),n(35),n(181),n(84),n(215)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=s(n),c=s(i),f=s(a),d=s(u);t.default={name:"cube-validator",mixins:[f.default],props:{model:{required:!0},modelKey:{type:String,default:""},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:{targetModel:function(){var e=this.modelKey,t=this.model;return e?t[e]:t},invalid:function(){var e=this.valid;return(0,r.isUndef)(e)?void 0:!e},isDisabled:function(){var e=this.disabled,t=(0,c.default)(this.rules).length<=0;return e||t},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(e){this.valid=e},targetModel:{handler:function(){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},sync:!0},rules:function(){this.validate()},isDisabled:function(e){e||!this.trigger||this.validated||this.validate()}},created:function(){this._validateCount=0,!this.isDisabled&&this.immediate&&this.validate()},methods:{validate:function(e){var t=(0,r.cb2PromiseWithResolve)(e);if(t&&(e=t.resolve),this.isDisabled)return e&&e(this.valid),t;this._validateCount++;var n=this._validateCount,i=this.targetModel,a=this.rules,u=a.type,s=[],c=!0;if(a.required||(c=o.rules.required(i,!0,u)),c){for(var f in a)!function(e){var t=a[e],n=void 0;n=(0,r.isFunc)(t)?t(i,a[e],u):!o.rules[e]||o.rules[e](i,a[e],u),s.push(function(t){var i=function(n){t({key:e,valid:!0===n,ret:n})},o=function(n){t({key:e,valid:!1,ret:n})};"object"===(void 0===n?"undefined":(0,l.default)(n))&&(0,r.isFunc)(n.then)?n.then(i).catch(o):(0,r.isFunc)(n)?n(i,o):t({key:e,valid:!0===n,ret:n})})}(f)}return this._checkTasks(s,n,e),t},_checkTasks:function(e,t,n){var i=this,o=this.rules,a=!0,u={},s=!0;this.validating=!0;var l=this.targetModel;(0,r.parallel)(e,function(e){i._validateCount===t&&(i.validating=!1,e.forEach(function(e){var t=e.key,n=e.valid,s=e.ret,c=i.messages[t]?(0,r.isFunc)(i.messages[t])?i.messages[t](s,n):i.messages[t]:i.findMessage(t,o[t],o.type,l);a&&!n&&(a=!1,i.msg=c),u[t]={valid:n,invalid:!n,message:c}}),s||i.$emit("validated",a),i._updateModel(a,u),n&&n(i.valid))}),this.validating&&(s=!1,this.$emit("validating"),this.valid=void 0,this.$emit("input",this.valid))},_updateModel:function(e,t){this.validated=!0,this.result=t,t.required&&t.required.invalid&&(this.msg=t.required.message),e&&(this.msg=""),this.valid=e,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")},findMessage:function(e,t,n,i){var o=this.$cubeMessages,a=this.$cubeLang,u=o[a].validator[e];return u?(0,r.isString)(u)?u:(0,r.isFunc)(u)?u(t):(u[n]||(n=(0,r.isArray)(i)?"array":void 0===i?"undefined":(0,l.default)(i)),"function"==typeof u[n]?u[n](t):(0,d.default)(u[n],t)):""}}},e.exports=t.default})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(48),n(53),n(35),n(182)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(e,"__esModule",{value:!0}),e.addRule=e.rules=void 0;var a=o(t),u=o(n),s={required:function(e,t,n){return n=n||(Array.isArray(e)?"array":void 0===e?"undefined":(0,u.default)(e)),"array"===n&&Array.isArray(e)?e.length>0:""!==e&&void 0!==e&&null!==e},type:function(e,t){return!r.types[t]||r.types[t](e)},min:function(e,t,n){return n=n||(void 0===e?"undefined":(0,u.default)(e)),"number"===n||"date"===n?Number(e)>=t:e.length>=t},max:function(e,t,n){return n=n||(void 0===e?"undefined":(0,u.default)(e)),"number"===n||"date"===n?Number(e)<=t:e.length<=t},len:function(e,t,n){n=n||(void 0===e?"undefined":(0,u.default)(e));var i=e;return void 0===i.length&&(i="object"===n?(0,a.default)(i):String(i)),i.length===t},notWhitespace:function(e,t,n){return!/^\s+$/.test(e)},pattern:function(e,t,n){return t.test(e)},custom:function(e,t,n){return t(e)}},l=(0,i.createAddAPI)(s);e.rules=s,e.addRule=l})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(37),n(35)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";function i(){for(var e=this._base.prototype,t=e.$cubeLang,i=e.$cubeMessages[t].validator,o=arguments.length,a=Array(o),u=0;u<o;u++)a[u]=arguments[u];"string"==typeof a[0]&&(a[0]=(0,r.default)({},a[0],a[1])),(0,n.deepAssign)(i,a[0])}Object.defineProperty(e,"__esModule",{value:!0}),e.addMessage=void 0;var r=function(e){return e&&e.__esModule?e:{default:e}}(t);e.addMessage=i})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(35),n(39),n(183)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.replace(s,function(e,r,o){var s=r.split("|").slice(1).map(function(e){return e.trim()}),l=s.length,c=t;return l&&s.forEach(function(e){var t=a(e),r=t.fnName,o=t.args;o.unshift(c),(0,n.isFunc)(u.default.helpers[r])?c=u.default.helpers[r].apply(null,o):((0,i.warn)('A helper function named "'+r+'" is not registered, please register it by Validator.addHelper()'),c="")}),c})}function a(e){var t=e.indexOf("("),n=e.indexOf(")"),i="",r=[];if(t===c)r=[],i=e;else if(t!==c&&n!==c){var o=e.slice(t+1,n);r=o.split(",").map(function(e){return e.trim().replace(l,"")}),i=e.slice(0,t)}return{fnName:i,args:r}}Object.defineProperty(t,"__esModule",{value:!0});var u=function(e){return e&&e.__esModule?e:{default:e}}(r),s=/\{\{((?:.|\n)+?)\}\}/g,l=/['"]/g,c=-1;t.default=o,e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-validator",class:e.containerClass},[n("div",{staticClass:"cube-validator-content"},[e._t("default")],2),e._v(" "),n("div",{staticClass:"cube-validator-msg",on:{click:e.msgClickHandler}},[e._t("message",[n("span",{staticClass:"cube-validator-msg-def"},[e._v(e._s(e.dirtyOrValidated?e.msg:""))])],{message:e.msg,dirty:e.dirty,validated:e.validated,validating:e.validating,result:e.result})],2)])},staticRenderFns:[]}},function(e,t,n){function i(e){n(218)}var r=n(9)(n(219),n(223),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(195)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";function i(e){return e.type.indexOf(o)>-1}Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return e&&e.__esModule?e:{default:e}}(n),o="mouse";t.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},allowHalf:{type:Boolean,default:!1}},data:function(){return{tempValue:0}},created:function(){this.mousePressed=!1},computed:{rateClass:function(){return this.justify&&"cube-rate-justify"}},watch:{value:{immediate:!0,handler:function(e){e!==this.tempValue&&(this.tempValue=this.handleNum(e))}}},methods:{handleStart:function(e){if(!this.disabled){i(e)&&(this.mousePressed=!0,document.addEventListener("mouseup",this.handleEnd),document.addEventListener("mousemove",this.handleMove));var t=this.$refs.rateContainer.getBoundingClientRect();this.left=t.left,this.containerWidth=t.width}},handleMove:function(e){this.disabled||(i(e)?this.mousePressed&&this.computeTempValue(e):this.computeTempValue(e.touches[0]))},handleEnd:function(e){this.disabled||i(e)&&!this.mousePressed||(i(e)&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(i(e)?e:e.changedTouches[0]),this.$emit("input",this.tempValue))},handleNum:function(e){if(this.allowHalf){var t=Math.ceil(e)-.5;e=e<=t?t:t+.5}else e=Math.ceil(e);return e},computeTempValue:function(e){var t=(e.clientX-this.left)/this.containerWidth*this.max;t=this.handleNum(t),t>0&&t<=this.max?this.tempValue=t:this.tempValue=t<=0?0:this.max}},components:{CubeRateItem:r.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-rate-item",props:{index:{type:Number,default:0}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":e.index<=e.$parent.tempValue,"cube-rate-item_half_active":e.index===e.$parent.tempValue+.5}},[e._t("default",[n("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{ref:"rateContainer",staticClass:"cube-rate",class:e.rateClass,on:{touchstart:function(t){return t.stopPropagation(),e.handleStart(t)},touchmove:function(t){return t.stopPropagation(),t.preventDefault(),e.handleMove(t)},touchend:function(t){return t.stopPropagation(),e.handleEnd(t)},mousedown:function(t){return t.stopPropagation(),e.handleStart(t)},mousemove:function(t){return t.stopPropagation(),e.handleMove(t)},mouseup:function(t){return t.stopPropagation(),e.handleEnd(t)}}},[e._t("default",e._l(e.max,function(e){return n("cube-rate-item",{key:e,attrs:{index:e}})}))],2)},staticRenderFns:[]}},function(e,t,n){function i(e){n(225)}var r=n(9)(n(226),n(227),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(53),n(35),n(84)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(n),u=o(r);t.default={name:"cube-select",mixins:[u.default],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(e){return"object"!==(void 0===e?"undefined":(0,a.default)(e))&&(e={value:e,text:e}),e})]},valueIndex:function(){var e=this.value,t=(0,i.findIndex)(this.adaptOptions[0],function(t){return t.value===e});return this.picker&&this.picker.setData(this.adaptOptions,-1!==t?[t]:[0]),t},selectedIndex:function(){return-1!==this.valueIndex?[this.valueIndex]:[0]},selectedText:function(){return-1!==this.valueIndex?this.adaptOptions[0][this.valueIndex].text:""},_placeholder:function(){return this.placeholder||this.$t("selectText")},_title:function(){return this.title||this.$t("selectText")},_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}},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(e,t,n){this.hided(),e[0]!==this.value&&(this.$emit("input",e[0]),this.$emit("change",e[0],t[0],n[0]))}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-select",class:{"cube-select_active":e.active,"cube-select_disabled":e.disabled},on:{click:e.showPicker}},[e.selectedText?n("span",{staticClass:"cube-select-text"},[e._v(e._s(e.selectedText))]):n("span",{staticClass:"cube-select-placeholder"},[e._v(e._s(e._placeholder))]),e._v(" "),n("i",{staticClass:"cube-select-icon"})])},staticRenderFns:[]}},function(e,t,n){function i(e){n(229)}var r=n(9)(n(230),n(231),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-switch",props:{value:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{checkboxValue:this.value}},watch:{value:function(e){this.checkboxValue=e},checkboxValue:function(e){this.$emit("input",e)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-switch"},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.checkboxValue,expression:"checkboxValue"}],staticClass:"cube-switch-input",attrs:{type:"checkbox",disabled:e.disabled},domProps:{checked:Array.isArray(e.checkboxValue)?e._i(e.checkboxValue,null)>-1:e.checkboxValue},on:{change:function(t){var n=e.checkboxValue,i=t.target,r=!!i.checked;if(Array.isArray(n)){var o=e._i(n,null);i.checked?o<0&&(e.checkboxValue=n.concat([null])):o>-1&&(e.checkboxValue=n.slice(0,o).concat(n.slice(o+1)))}else e.checkboxValue=r}}}),e._v(" "),n("i",{staticClass:"cube-switch-ui"}),e._v(" "),n("span",{staticClass:"cube-switch-label"},[e._t("default")],2)])},staticRenderFns:[]}},function(e,t,n){function i(e){n(233)}var r=n(9)(n(234),n(235),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(87),n(164)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(n),a=r(i),u={negative:!0,remain:!0};t.default={name:"cube-textarea",mixins:[a.default],data:function(){return{textareaValue:this.value,expanded:!!this.forceExpand||!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var e=this.indicator;return"boolean"==typeof e&&(e={}),(0,o.default)({},u,e)},count:function(){return this.textareaValue.length},remain:function(){var e=this.maxlength-this.count;return!this.indicatorConf.negative&&e<0&&(e=0),e}},watch:{value:function(e){this.textareaValue=e},textareaValue:function(e){this.$emit("input",e),this.forceExpand||this.isFocus||!this.expanded||(this.expanded=!1)}},methods:{handleFocus:function(e){this.$emit("focus",e),this.expanded=!0,this.isFocus=!0},handleBlur:function(e){this.$emit("blur",e),this.forceExpand||0!==this.textareaValue.length||(this.expanded=!1),this.isFocus=!1}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":e.expanded,"cube-textarea_active":e.isFocus}},[n("textarea",e._b({directives:[{name:"model",rawName:"v-model",value:e.textareaValue,expression:"textareaValue"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:e.placeholder,maxlength:e.maxlength,disabled:e.disabled},domProps:{value:e.textareaValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:e.changeHander,input:function(t){t.target.composing||(e.textareaValue=t.target.value)}}},"textarea",e.$props,!1)),e._v(" "),e._t("indicator",[e.indicator?n("span",{directives:[{name:"show",rawName:"v-show",value:e.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[e._v(e._s(e.indicatorConf.remain?e.remain:e.count))]):e._e()],{remain:e.remain,count:e.count})],2)},staticRenderFns:[]}},function(e,t,n){function i(e){n(237)}var r=n(9)(n(238),n(246),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(196),n(197),n(245),n(191),n(171)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a){"use strict";function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=u(n),l=u(i),c=u(r),f=u(o);t.default={name:"cube-upload",mixins:[f.default],props:{value:{type:Array,default:function(){return[]}},action:{type:[String,Object],default:""},max:{type:Number,default:10},auto:{type:Boolean,default:!0},simultaneousUploads:{type:Number,default:1},processFile:{type:Function,default:function(e,t){t(e)}}},data:function(){return{files:this.value,paused:!this.auto}},computed:{actionOptions:function(){var e=this.action;return"string"==typeof e?e?{target:e}:null:e},isShowBtn:function(){return this.files.length<this.max}},watch:{value:function(e){this.files=e},files:function(e){this.$emit("input",e)}},methods:{addFiles:function(e){var t=this;this.$emit("files-added",e);for(var n=this.files.length,i=[],r=this.max-n,o=0,u=e[o];i.length<r&&u;)u.ignore||(i.push(u),this.files.push((0,a.newFile)())),u=e[++o];(0,a.processFiles)(i,this.processFile,function(e,i){t.$set(t.files,n+i,e),t.$emit("file-submitted",e)},function(){t.$nextTick(function(){t.upload()})})},removeFile:function(e){this.$emit("file-removed",e),e._xhr&&e._xhr.abort(),e.url&&a.URL.revokeObjectURL(e.url);var t=this.files.indexOf(e);this.files.splice(t,1),this.upload()},fileClick:function(e,t){this.$emit("file-click",e,t)},upload:function(e){var t=this,n=this.actionOptions;if(!this.paused&&n)for(var i=this.files.length,r=0,o=0;o<i&&r<this.simultaneousUploads;)!function(){var i=t.files[o],u=i.status;u===a.STATUS_READY||e&&u===a.STATUS_ERROR&&i._retryId!==t.retryId?((0,c.default)(i,n,function(n){u===a.STATUS_ERROR&&(n._retryId=t.retryId),t.$emit(n.status===a.STATUS_SUCCESS?"file-success":"file-error",n),t.upload(e)}),r++):u===a.STATUS_UPLOADING&&r++,o++}()},start:function(){this.paused=!1,this.upload()},pause:function(){this.paused=!0,this.files.forEach(function(e){e.status===a.STATUS_UPLOADING&&(e._xhr.abort(),e.status=a.STATUS_READY)})},retry:function(){this.retryId=Date.now(),this.paused=!1,this.upload(!0)}},components:{UploadBtn:s.default,UploadFile:l.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(191)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={name:"cube-upload-btn",mixins:[i.default],methods:{changeHandler:function(e){var t=e.currentTarget,n=t.files;n&&(this.$parent.addFiles(n),t.value=null)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload-btn"},[e._t("default",[e._m(0)]),e._v(" "),n("input",{staticClass:"cube-upload-input",attrs:{type:"file",multiple:e.multiple,accept:e.accept},on:{change:e.changeHandler}})],2)},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload-btn-def"},[n("i")])}]}},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(171)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i={success:"cubeic-right",error:"cubeic-warn"};t.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileCls:function(){return"cube-upload-file_"+this.file.status},fileStatusCls:function(){var e=this.file,t=e.status;if(e.progress>=.01||t===n.STATUS_SUCCESS||t===n.STATUS_ERROR)return"cube-upload-file_stat"},fileStyle:function(){var e=this.file.url||this.file.base64;if(e)return{"background-image":'url("'+e+'")'}},statusCls:function(){var e=this.file.status;return i[e]},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)}}},e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload-file",class:e.fileCls,on:{click:e.clickHandler}},[e._t("default",[n("div",{staticClass:"cube-upload-file-def",style:e.fileStyle},[n("i",{staticClass:"cubeic-wrong",on:{click:function(t){return t.stopPropagation(),e.removeFile(t)}}}),e._v(" "),n("div",{staticClass:"cube-upload-file-state",class:e.fileStatusCls},[n("i",{staticClass:"cube-upload-file-status",class:e.statusCls}),e._v(" "),n("span",{staticClass:"cube-upload-file-progress"},[e._v(e._s(e.fileProgress))])])])],{imgStyle:e.fileStyle,progress:e.fileProgress})],2)},staticRenderFns:[]}},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(48),n(171)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e,t,n){function r(t){clearTimeout(O),O=0,e.progress=1,e.status=t,n&&n(e)}function a(){var t=V.responseText||V.response;try{t=JSON.parse(t)}catch(e){}e.response=t,e.responseHeaders=V.getAllResponseHeaders()}var u=t.target,s=t.headers,l=void 0===s?{}:s,c=t.data,f=void 0===c?{}:c,d=t.fileName,p=void 0===d?"file":d,h=t.withCredentials,v=t.timeout,m=t.prop,y=void 0===m?"file":m,b=t.progressInterval,g=void 0===b?100:b,_=t.checkSuccess,x=void 0===_?function(){return!0}:_,S=(0,i.evalOpts)(u,e);e.progress=0,e.status=i.STATUS_UPLOADING;var V=new window.XMLHttpRequest;e._xhr=V;var O=0;if(V.upload){var w=Date.now();V.upload.onprogress=function(t){function n(){e.progress=t.loaded/t.total,w=Date.now()}if(t.total>0)if(O){clearTimeout(O);var i=Date.now(),r=i-w;r>=g?n():O=setTimeout(n,r)}else n(),O=1}}var C=new window.FormData,M=(0,i.evalOpts)(f,e);(0,o.default)(M).forEach(function(e){C.append(e,M[e])}),C.append(p,e[y]),V.onload=function(){if(V.status<200||V.status>=300)return void r(i.STATUS_ERROR);a();var t=e.response;if(x.length<=2){r(x(t,e)?i.STATUS_SUCCESS:i.STATUS_ERROR)}else x(t,e,function(e){r(e?i.STATUS_SUCCESS:i.STATUS_ERROR)})},V.onerror=function(){a(),r(i.STATUS_ERROR)},V.ontimeout=function(){a(),r(i.STATUS_ERROR)},V.open("POST",S,!0),h&&(V.withCredentials=!0);var k=(0,i.evalOpts)(l,e);(0,o.default)(k).forEach(function(e){V.setRequestHeader(e,k[e])}),v>0&&(V.timeout=v),V.send(C)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var o=function(e){return e&&e.__esModule?e:{default:e}}(n);e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-upload"},[e._t("default",[n("div",{staticClass:"cube-upload-def clear-fix"},[e._l(e.files,function(t,i){return n("upload-file",{key:i,attrs:{file:t},on:{click:function(n){e.fileClick(t,i)}}})}),e._v(" "),n("upload-btn",{directives:[{name:"show",rawName:"v-show",value:e.isShowBtn,expression:"isShowBtn"}],attrs:{multiple:e.multiple,accept:e.accept}})],2)])],2)},staticRenderFns:[]}},,,,,,,,,,,,,,,,,,,,function(e,t,n){function i(e){n(314)}var r=n(9)(n(315),n(325),i,null,null);e.exports=r.exports},function(e,t,n){function i(e){n(316)}var r=n(9)(n(317),n(324),i,null,null);e.exports=r.exports},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={STANDARD:"standard",CLASSIC:"classic",FRESH:"fresh"};t.default=n,e.exports=t.default})},function(e,t,n){var i,r,o;!function(n,a){r=[e,t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{validating:!1,pending:!1,originValid:void 0}},computed:{valid:function(){var e=this.originValid,t=this.pending,n=this.validating;return t||n?void 0:e},invalid:function(){var e=this.valid;return void 0===e?e:!e}}},e.exports=t.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(311),n(266),n(267),n(83),n(194),n(181)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=s(n),c=s(i),f=s(r),d=s(o),p=s(a);l.default.install=function(e){e.component(l.default.name,l.default),e.component(c.default.name,c.default),e.component(f.default.name,f.default),e.component(p.default.name,p.default),d.default.install(e),p.default._base=e},l.default.Group=c.default,l.default.Item=f.default,l.default.Validator=p.default,p.default.addRule=u.addRule,p.default.addMessage=u.addMessage,p.default.addType=u.addType,p.default.addHelper=d.default.addHelper,t.default=l.default,e.exports=t.default})},function(e,t,n){function i(e){n(312)}var r=n(9)(n(313),n(326),i,null,null);e.exports=r.exports},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(87),n(86),n(35),n(266),n(268),n(269)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=s(n),c=s(o),f=s(a),d=s(u);t.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:f.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1},submitAlwaysValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{fieldsModel:function(){var e={};return this.fields.forEach(function(t){t.isBtnField||(e[t.fieldValue.modelKey]=t.modelValue)}),e},groups:function(){var e=this.schema,t=e.groups||[];return e.fields&&t.unshift({fields:e.fields}),t},fieldsData:function(){return this.groups.reduce(function(e,t){return t.fields.reduce(function(e,t){return e.push(t),e},e),e},[])},layout:function(){var e=this.options;return e&&e.layout||f.default.STANDARD},formClass:function(){var e=this.invalid,t=this.valid,n=this.layout;return{"cube-form_standard":n===f.default.STANDARD,"cube-form_groups":this.groups.length>1,"cube-form_validating":this.validating,"cube-form_pending":this.pending,"cube-form_valid":t,"cube-form_invalid":e,"cube-form_classic":n===f.default.CLASSIC,"cube-form_fresh":n===f.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(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.skipValidate=e,(0,i.dispatchEvent)(this.$refs.form,"submit"),this.skipValidate=!1},reset:function(){(0,i.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(e){var t=this;if(this.syncValidatorValues(),this.skipValidate)return void this.$emit("submit",e,this.model,this.fieldsModel);var n=function(n){n?(t.$emit("valid",t.validity),t.$emit("submit",e,t.model,t.fieldsModel)):(t.options.scrollToInvalidField&&t.firstInvalidField&&t.firstInvalidField.$el.scrollIntoView(),e.preventDefault(),t.$emit("invalid",t.validity))};this.submitAlwaysValidate||void 0===this.valid?(this._submit(n),(this.validating||this.pending)&&e.preventDefault()):n(this.valid)},resetHandler:function(e){this._reset(),this.$emit("reset",e)},_submit:function(e){var t=this;this.validate(function(){e&&e(t.valid)})},_reset:function(){this.fields.forEach(function(e){e.reset()}),this.setValidity(),this.setValidating(),this.setPending()},syncValidatorValues:function(){this.fields.forEach(function(e){e.syncValidatorValue()})},validate:function(e){var t=this,n=(0,r.cb2PromiseWithResolve)(e);n&&(e=n.resolve);var i=0,o=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(n){n.validate(function(){++i===o&&e&&e(t.valid)})}),n},updateValidating:function(){var e=this.fields.some(function(e){return e.validating});this.setValidating(e)},updatePending:function(){var e=this.fields.some(function(e){return e.pending});this.setPending(e)},setValidating:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.validating=e},setPending:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.pending=e},updateValidity:function(e,t,n,i){var r=this.validity[e];r&&r.valid===t&&r.result===n&&r.dirty===i||this.setValidity(e,{valid:t,result:n,dirty:i})},setValidity:function(e,t){var n={};e&&((0,l.default)(n,this.validity),void 0===t?delete n[e]:n[e]=t);var i=!1,r=!1,o=!0,a="";this.fields.forEach(function(e){var t=e.fieldValue.modelKey;if(t){var u=n[t];u?(u.dirty&&(i=!0),!1===u.valid?o=!1:o&&!u.valid&&(o=u.valid),r||!1!==u.valid||(r=!0,a=t)):e.hasRules&&(o&&(o=void 0),n[t]={valid:void 0,result:{},dirty:!1})}}),this.validity=n,this.dirty=i,this.originValid=o,this.setFirstInvalid(a),this.validatedCount++},setFirstInvalid:function(e){var t=this;if(!e)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(n,i){if(n.fieldValue.modelKey===e)return t.firstInvalidField=n,t.firstInvalidFieldIndex=i,!0})},addField:function(e){var t=this.fieldsData.indexOf(e.field);this.fields.splice(t,0,e);var n=e.fieldValue.modelKey;n&&this.setValidity(n)},destroyField:function(e){var t=this.fields.indexOf(e);this.fields.splice(t,1);var n=e.fieldValue.modelKey;n&&this.setValidity(n)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:c.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(267)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return e&&e.__esModule?e:{default:e}}(n);t.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:i.default}},e.exports=t.default})},function(e,t){},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(48),n(37),n(318),n(35),n(194),n(268),n(322),n(269),n(323)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u,s,l,c){"use strict";function f(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var d=f(n),p=f(i),h=f(a),v=f(u),m=f(l),y=f(c);y.default.CubeValidator=h.default;t.default={name:"cube-form-item",mixins:[m.default],props:{field:{type:Object,default:function(){return{}}}},data:function(){var e=this.field.modelKey,t=e?this.form.model[e]:null;return{validatorDisabled:!1,validatorModelKey:"value",modelValue:t,validatorModel:(0,p.default)({},"value",t)}},computed:{fieldValue:function(){return(0,r.processField)(this.field)},hasRules:function(){return(0,d.default)(this.fieldValue.rules||{}).length>0},isBtnField:function(){return"button"===this.fieldValue.type},itemClass:function(){var e=this.fieldValue.rules;return{"cube-form-item_required":e&&e.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 e=this.fieldValue,t=e.component;if(t)return t;var n=e.type,i="cube-"+n;return y.default[i]?i:n}},watch:{modelVal:function(e){this.modelValue!==e&&(this.modelValue=e)},modelValue:{handler:function(e){this.form.model[this.fieldValue.modelKey]=e,this.updateValidatorModel()},sync:!0},originValid:function(e){this.lastOriginValid=e}},beforeCreate:function(){this.form=this.$parent.form},created:function(){var e=this;this.form.addField(this),this.getValidatorModel=function(t){return e.pending=!1,t}},mounted:function(){this.initDebounce(),this.initFocusEvents()},methods:{initDebounce:function(){var e=this,t=this.fieldValue.debounce;!0===t&&(t=200),!t&&0!==t||t<0||"blur"===this.fieldValue.trigger||(this.getValidatorModel=(0,o.debounce)(function(t){return e.syncValidatorValue(),e.validate(),t},t,!1,this.validatorModel[this.validatorModelKey]))},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.validate()},initFocusEvents:function(){var e=this;if("blur"===this.fieldValue.trigger){var t=this.$refs.formItem;t.addEventListener("focusin",this.focusInHandler,!1),t.addEventListener("focusout",this.focusOutHandler,!1),this.getValidatorModel=function(t){return e.focused?e.validatorModel[e.validatorModelKey]:(e.pending=!1,e.form.updatePending(),t)}}},removeFocusEvents:function(){var e=this.$refs.formItem;e.removeEventListener("focusin",this.focusInHandler,!1),e.removeEventListener("focusout",this.focusOutHandler,!1)},updateValidatorModel:function(){this.pending=!0,this.validatorModel[this.validatorModelKey]=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},syncValidatorValue:function(){this.pending=!1,this.validatorModel[this.validatorModelKey]=this.modelValue,this.form.updatePending()},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 e=this.$refs.validator;e&&this.form.updateValidity(this.fieldValue.modelKey,e.valid,e.result,e.dirty)},validate:function(e){var t=this,n=(0,o.cb2PromiseWithResolve)(e);n&&(e=n.resolve);var i=this.$refs.validator;return i?i.validate(function(){t.validatorDisabled=!0,t.updateValidity(),e&&e(),t.$nextTick(function(){t.validatorDisabled=!1})}):e&&e(),n},reset:function(){var e=this,t=this.fieldValue;if(t.modelKey){var n=(0,s.getResetValueByType)(t.type);this.validatorDisabled=!0,(0,o.resetTypeValue)(this,"modelValue",n),this.syncValidatorValue(),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){e.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===v.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:y.default},e.exports=t.default})},function(e,t,n){var i,r,o;!function(a,u){r=[t,n(210),n(319)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=(0,o.default)({},e);return(0,a.default)(t),t}Object.defineProperty(e,"__esModule",{value:!0}),e.processField=void 0;var o=i(t),a=i(n);e.processField=r})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(320),n(321)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i){"use strict";function r(e){var t=o[e.type];t&&t(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var o={submit:function(e){(0,i.toButtonHandler)(e,"submit")},reset:function(e){(0,i.toButtonHandler)(e,"reset")},checkbox:function(e){(0,n.boolRequiredHandler)(e)},switch:function(e){(0,n.boolRequiredHandler)(e)},rate:function(e){(0,n.numberGT0RequiredHandler)(e)}};e.exports=t.default})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=function(e,t,n){var i=e.rules&&e.rules[t];"custom"!==t&&i&&"function"!=typeof i&&(e.rules[t]=n)},n=function(e){return function(n,i){return t(n,e,i)}}("required"),i=function(e){return n(e,function(e){return!1!==e})},r=function(e){return n(e,function(e){return e>0})};e.boolRequiredHandler=i,e.numberGT0RequiredHandler=r})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=function(e,t){e.type="button",e.props||(e.props={}),e.props.type=t};e.toButtonHandler=t})},function(e,t,n){var i,r,o;!function(n,a){r=[t],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e){"use strict";function t(e){var t=n[e];return t&&t()}Object.defineProperty(e,"__esModule",{value:!0});var n={checkbox:function(){return!1},select:function(){return null}};e.getResetValueByType=t})},function(e,t,n){var i,r,o;!function(a,u){r=[e,t,n(172),n(161),n(200),n(204),n(173),n(165),n(187),n(217),n(224),n(228),n(232),n(236)],i=u,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(e,t,n,i,r,o,a,u,s,l,c,f,d,p){"use strict";function h(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var v=h(n),m=h(i),y=h(r),b=h(o),g=h(a),_=h(u),x=h(s),S=h(l),V=h(c),O=h(f),w=h(d),C=h(p),M=[v.default,m.default,y.default,b.default,g.default,_.default,x.default,S.default,V.default,O.default,w.default,C.default],k={};M.forEach(function(e){k[e.name]=e}),t.default=k,e.exports=t.default})},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"formItem",staticClass:"cube-form-item border-bottom-1px",class:e.itemClass},[e.isBtnField?n("cube-button",e._g(e._b({},"cube-button",e.fieldValue.props,!1),e.fieldValue.events),[e._v(e._s(e.fieldValue.label))]):[e._t("label",[n("div",{directives:[{name:"show",rawName:"v-show",value:e.fieldValue.label,expression:"fieldValue.label"}],staticClass:"cube-form-label"},[n("span",[e._v(e._s(e.fieldValue.label))])])]),e._v(" "),e.hasRules?n("cube-validator",{ref:"validator",staticClass:"cube-form-field",attrs:{disabled:e.validatorDisabled,model:e.validatorModel,"model-key":e.validatorModelKey,rules:e.fieldValue.rules,messages:e.fieldValue.messages},on:{input:e.validatorChangeHandler,validating:e.validatingHandler,validated:e.validatedHandler,"msg-click":e.msgClick},model:{value:e.originValid,callback:function(t){e.originValid=t},expression:"originValid"}},[e._t("default",[n(e.componentName,e._g(e._b({tag:"component",model:{value:e.modelValue,callback:function(t){e.modelValue=t},expression:"modelValue"}},"component",e.fieldValue.props,!1),e.fieldValue.events))])],2):n("div",{staticClass:"cube-form-field"},[e._t("default",[n(e.componentName,e._g(e._b({tag:"component",model:{value:e.modelValue,callback:function(t){e.modelValue=t},expression:"modelValue"}},"component",e.fieldValue.props,!1),e.fieldValue.events))])],2)]],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-form-group"},[n("p",{staticClass:"cube-form-group-legend"},[e._v(e._s(e.legend))]),e._v(" "),n("div",{staticClass:"cube-form-group-content"},[e._t("default",e._l(e.fields,function(e,t){return n("cube-form-item",{key:e.key||t,attrs:{field:e}})}))],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("form",{ref:"form",staticClass:"cube-form",class:e.formClass,attrs:{action:e.action},on:{submit:e.submitHandler,reset:e.resetHandler}},[e._t("default",e._l(e.groups,function(e,t){return n("cube-form-group",{key:e.key||t,attrs:{fields:e.fields,legend:e.legend}})}))],2)},staticRenderFns:[]}}])});
\ No newline at end of file
diff --git a/lib/form/index.js b/lib/form/index.js
index 948272477..8759383e8 100644
--- a/lib/form/index.js
+++ b/lib/form/index.js
@@ -2848,7 +2848,8 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 163 */
+/* 163 */,
+/* 164 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -2903,7 +2904,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 });
 
 /***/ }),
-/* 164 */
+/* 165 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -2946,7 +2947,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 });
 
 /***/ }),
-/* 165 */
+/* 166 */
 /***/ (function(module, exports, __webpack_require__) {
 
 function injectStyle (ssrContext) {
@@ -2969,7 +2970,6 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 166 */,
 /* 167 */,
 /* 168 */,
 /* 169 */
@@ -3453,7 +3453,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(165)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -4123,7 +4123,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(165), __webpack_require__(163)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(166), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -4440,7 +4440,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(162), __webpack_require__(163)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(162), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -5506,7 +5506,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   var EVENT_INPUT = 'input';
 
   var EVENT_TYPE_MOUSE = 'mouse';
-
+  function isMouseEvent(e) {
+    return e.type.indexOf(EVENT_TYPE_MOUSE) > -1;
+  }
   exports.default = {
     name: COMPONENT_NAME,
     props: {
@@ -5525,11 +5527,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       justify: {
         type: Boolean,
         default: false
+      },
+      allowHalf: {
+        type: Boolean,
+        default: false
       }
     },
     data: function data() {
       return {
-        tempValue: this.value
+        tempValue: 0
       };
     },
     created: function created() {
@@ -5542,16 +5548,19 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       }
     },
     watch: {
-      value: function value(val) {
-        if (val !== this.tempValue) {
-          this.tempValue = val;
+      value: {
+        immediate: true,
+        handler: function handler(val) {
+          if (val !== this.tempValue) {
+            this.tempValue = this.handleNum(val);
+          }
         }
       }
     },
     methods: {
       handleStart: function handleStart(e) {
         if (!this.disabled) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+          if (isMouseEvent(e)) {
             this.mousePressed = true;
             document.addEventListener('mouseup', this.handleEnd);
             document.addEventListener('mousemove', this.handleMove);
@@ -5562,26 +5571,41 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         }
       },
       handleMove: function handleMove(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) === -1 ? e.touches[0] : e);
+        if (this.disabled) return;
+
+        if (!isMouseEvent(e)) {
+          this.computeTempValue(e.touches[0]);
+        } else if (this.mousePressed) {
+          this.computeTempValue(e);
         }
       },
       handleEnd: function handleEnd(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+        if (this.disabled) return;
+        if (!isMouseEvent(e) || this.mousePressed) {
+          if (isMouseEvent(e)) {
             this.mousePressed = false;
             document.removeEventListener('mouseup', this.handleEnd);
             document.removeEventListener('mousemove', this.handleMove);
           }
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) > -1 ? e : e.changedTouches[0]);
+          this.computeTempValue(isMouseEvent(e) ? e : e.changedTouches[0]);
           this.$emit(EVENT_INPUT, this.tempValue);
         }
       },
+      handleNum: function handleNum(num) {
+        if (this.allowHalf) {
+          var baseNum = Math.ceil(num) - 0.5;
+          num = num <= baseNum ? baseNum : baseNum + 0.5;
+        } else {
+          num = Math.ceil(num);
+        }
+        return num;
+      },
       computeTempValue: function computeTempValue(touch) {
-        var leftAmount = Math.ceil((touch.clientX - this.left) / this.containerWidth * this.max);
-        if (leftAmount > 0 && leftAmount <= this.max) {
-          this.tempValue = leftAmount;
-        } else if (leftAmount <= 0) {
+        var num = (touch.clientX - this.left) / this.containerWidth * this.max;
+        num = this.handleNum(num);
+        if (num > 0 && num <= this.max) {
+          this.tempValue = num;
+        } else if (num <= 0) {
           this.tempValue = 0;
         } else {
           this.tempValue = this.max;
@@ -5649,7 +5673,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   return _c('li', {
     staticClass: "cube-rate-item",
     class: {
-      'cube-rate-item_active': _vm.index <= _vm.$parent.tempValue
+      'cube-rate-item_active': _vm.index <= _vm.$parent.tempValue,
+        'cube-rate-item_half_active': _vm.index === _vm.$parent.tempValue + 0.5
     }
   }, [_vm._t("default", [_c('div', {
     staticClass: "cube-rate-item-def"
@@ -6092,7 +6117,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(165)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -6136,7 +6161,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     data: function data() {
       return {
         textareaValue: this.value,
-        expanded: this.autoExpand ? !!this.value : false,
+        expanded: this.forceExpand ? true : this.autoExpand ? !!this.value : false,
         isFocus: false
       };
     },
@@ -6174,6 +6199,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       autoExpand: {
         type: Boolean,
         default: false
+      },
+      forceExpand: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -6201,7 +6230,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       },
       textareaValue: function textareaValue(newValue) {
         this.$emit(EVENT_INPUT, newValue);
-        if (!this.isFocus && this.expanded) {
+        if (!this.forceExpand && !this.isFocus && this.expanded) {
           this.expanded = false;
         }
       }
@@ -6214,7 +6243,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       },
       handleBlur: function handleBlur(e) {
         this.$emit('blur', e);
-        if (this.textareaValue.length === 0) {
+        if (!this.forceExpand && this.textareaValue.length === 0) {
           this.expanded = false;
         }
         this.isFocus = false;
@@ -6260,7 +6289,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
         _vm.textareaValue = $event.target.value
       }
     }
-  }, 'textarea', _vm.$props, false)), _vm._v(" "), (_vm.indicator) ? _c('span', {
+  }, 'textarea', _vm.$props, false)), _vm._v(" "), _vm._t("indicator", [(_vm.indicator) ? _c('span', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -6268,7 +6297,10 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       expression: "expanded"
     }],
     staticClass: "cube-textarea-indicator"
-  }, [_vm._v(_vm._s(_vm.indicatorConf.remain ? _vm.remain : _vm.count))]) : _vm._e()])
+  }, [_vm._v(_vm._s(_vm.indicatorConf.remain ? _vm.remain : _vm.count))]) : _vm._e()], {
+    remain: _vm.remain,
+    count: _vm.count
+  })], 2)
 },staticRenderFns: []}
 
 /***/ }),
@@ -8165,7 +8197,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(173), __webpack_require__(162), __webpack_require__(201), __webpack_require__(205), __webpack_require__(174), __webpack_require__(165), __webpack_require__(188), __webpack_require__(218), __webpack_require__(225), __webpack_require__(229), __webpack_require__(233), __webpack_require__(237)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(173), __webpack_require__(162), __webpack_require__(201), __webpack_require__(205), __webpack_require__(174), __webpack_require__(166), __webpack_require__(188), __webpack_require__(218), __webpack_require__(225), __webpack_require__(229), __webpack_require__(233), __webpack_require__(237)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/form/style.css b/lib/form/style.css
index 39f2ad00f..a90755371 100644
--- a/lib/form/style.css
+++ b/lib/form/style.css
@@ -1 +1 @@
-.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.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-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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-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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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}
\ No newline at end of file
+.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.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-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIKUlEQVRoBcVZb1BUVRQ/d/8CIoIIrNJAhbkCRf79wExhmeIgqahBHxSdiWxsnAlNPzWjSTOV4+hoo31w1LJsmik/9EGnGRjFELOc0XAIWTUNAQnjnyCEC7v7br/zhA3Wfcsj39Zl7u7j3vvOPb97/t1zliiMTVbOXADyk8K4BZnCRVyefTKCfOYy0E9FD9s+YSNMnsiFYPsFMB+FHjYphAWAvPBEJAnT22QV5tLS0kwAcIRLCmEBQH2xL5KgPBpQaNOmTW/GxsYmAMBEdMOb4QDkzpcsRHIrmfGHlpiYOHf79u3z8DjFcO5B0HAA9EJbtqr7ilT5jYiIsObm5ubFxcVNxUC00SDUUzKKqLw010oPPGVkN80j70MAfyWtJ6hQMoDUnz59uhl79Ri1H9MxVgI97tkkRCENKn4epZRksVjs+fn5yyIjI9mYI/2TBjwYC0Chd8ksIujh4fvZ8/l85HA4srdu3ZqFwST/hAEPhgGQVc/PJrPMpX8O388eA4iOjo5cuXLlUqvVmogJjg2GNENsQO6EKibHvwfdX0Ce0cfvnlaiMqooCk2cODFZCFF7/vz5FgzeNwKBMRJYMGMGXGcx+32txgCioqKiV69enQdbYI8UobV2POPGAPBaSslqmhSo+4GMsCqlpKQsWL9+vRNzhsSFxwYgK51ORN2CYLofCMDr9bIaxRYXFy/FHNuCLXDNeP9/bADksxSTTTjIN1r3tRgZHByktLS03A0bNqRjTbzWOr3jCPvja7L6uTjyDCaCcb7fpENt3go03FAU2RZiYmImr1mzZsnhw4drsdaH7kYfRPcM/Y8vfU1oLZNn+U7TG0tu90z4mAwyKTOJxNPoyTDYZKjNVLJBgBy0Qhx+97wfH9nCZFIF33/u3Lkj+/bt+6G2trarp6fH7fF4+rH4AToDGv4ewDODDLqLUE900BtD0pRIUk5DJHWSIp8Dg3wNTgXDuBrLCLIIgSAFUqDDzobvOkFJYm5ECwaAp81mM7FRwy76oFYMoKmjo6Ph9u3bjU1NTa0NDQ1dFy9e7Kyrq7uH5X3oDIrBcGdJcfcKWZFejLv7zocnOhTmVQYxPXQhw5MuZtV1AR9aAHgZYoK/s1QYFH/39/f7BgYGOt1udweeO7q7u1uam5ubXC7X7TNnzrRWV1d34HVWuUYhT86NIrv7fbLIbSSFaRTTvMtjtlAAtEgziJGAWFJQL4mxgStXrpxYvnz5ZwDVgPebVRvAfUtQeSZ8Oe3Gk1WvR9FiYOT4vwEw8n1+Zsmw8YP5L9euXfv5nTt3rmH4Ls+pXgiShDZf3S8rMh5Az/eQSUQbLQne7N80lgRutB7Yw+dLliz5AjRuorcN0xoVB0Ru/SGc/htQ+HvIZ4fX/G/fNpuNDX2goqJiH5g/Akauo/uZZ8ZGAeABgDgBj7QOCcldeB4e+l8aM9/X19d66tSpjwoLC78GE3zynYHMPAKAF4hFdafwVQR3+TuibOA7Yf8f2Rv19vY27969e8e6deu+w4ZssOxOH2lBAfAqsai+mnzidRqUrv8ShN1up66urub9+/d/sHfv3p/Byu/omldvTQAqiNy6SySUAtjFRbKHXxJ88nCPt3bt2rUD/SfwwGrzF/Oi1UIC4JfEoms34AZeJ49SFU7DZp1va2u7VlZWtvPAgQPM/G/oHH1DtjEB8NviFVcjmXyvkZdOws3quECE3PORSaSZHH1b9+zZ8/GhQ4eY+VvoHGnHbLoAMBXx8o0OgNgLdfIi2BnaOFDB47QfO3aMjZXTTa/eDXQDUAl6zXPVSG2wDDjRgf5PWbZsmQP7jCvhHx8AQbPC4ZH4roN8OXHWrFnTwgZAns2MhjHP0HOF1iv+4XVc/EKib3E6nU9hjMuPupVUvwQeUAridqqaWgzvbOA3q1FqaqoTBs0AdOfK+gHYAMAikoy8qY7EzwASEhLS4+PjuQxvHzkX6lk/AIWy4EJ1izbUpsHm+LoMQ07Kzs7mcovumpEuAGq+IGT2cMU5GANaYxyg+HrA2ddYDe7UhsLX81inuwCsCwCdyI6AWc3WU/vxM8n8Ioe+fPny8fb29noGgCq1JhA2ZOi/afr06c4hAGMjxkJ9AGI64X1kErqfv5APD2+wXvIpP+Xk5Hy4atWqLeXl5btwz7mBBEWyRII1Tl4mT56cCo8Uh3ldhqwPgMk8H0cXmuDQifOp4wb7I8CW0D3Xi2DkOqRwuaio6DjSwW1VVVUHOJ/l60OgRDgeoIrtwG8JU/GeLjXSCUDMRw0IuV2wc8MYZ28MwCd/gZ0UU78vTyx2fSmK/E6XE5HrYP4Cou1hAClFTejg/fv37zAIBsONAeD0HVlZWRyRJ6iDY3yMWZmT32bacJrPBGWeT1tlnK4ihz5K/coRseJ6r8aeXJxiIN2VlZWd6I0FBQU/bN68OT8jIyNvwoQJjqGIbEXpEcUzFQBT1zo2TOmIePL7Z9PIqlRCNVL8MYBTTSbtkTcB7iD839cip6Zdpaj/g4+da6NJK1aseAa/3uQjEufjV82Empqa7+fMmbMDc7+ih7yVMhshmyxPz0Hp/AxOmF0IPAuW+6gRHukrsiufihxXa0gCY0+ybbHKTNm4cWN6SUlJIQw5Dcb/TktLyyWMa0lUpTw2gNOZmyhSHFRPf0D5A1W8oxDqEbH4apNKwbgPDl6qRLZs2TIbZZSOC2gYCylZHQAyjpPF9Cp5lW9QrfhELK5zGcdzUEp8nWYvxFL5E53TSs0W0oiHDPgujHOhWFpfo0nF2AmuUHNGxvUflggfsqYh/w0Dks+ZwQ7q7wAAAABJRU5ErkJggg==)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJmUlEQVR4AeVcfUxW1xk/5wUjdBQESxdcxdExpSioLUQGo1IRSjNmjN1H3Wg2t8nWlWUjzRhrl7GMZFqzYGpMOs2M/uHHMlejCzpaa9Rtjm6tc5sC2rEVFG2sHco3KLx3v9/1Xnx5+bof73vv1T7J855z7j0fz/nxnI/nnOcihIdIeTM9H+LEekgk4fOSMEIRL0KeZC/J5BmAlNfTHgMwJeB48Me8ApJnABIRvpoAUB4KiLsa9QRASsPCxRhenw9A4kHEPaFFngAIM2G1Ds7BgwdXaXFPaJHrACmvZ6QJqXxBB2jZsmVf1eLUoij9uVuh6wAJn//H6HykDkBUVFTS/v37OVmTXNciVwHC3JMqhPKV21jc+c3JyXlGS30c4Yw7b5yPuQqQiFBeQJdHtUfvfkxMzMO7d+9+AmnK56oWuQaQ8saCOej8Oh2U4DA/P1/XIuZzTYtcA0jIyB+i4zODgdHTsbGxj+zcuZOmB2VM0p87HboCkPLmIswtyvrpOgstelrL8wmErsjqSqNCjFSiw9NuBGfPnv3o1q1bc5CX85Qrc5HjACn1GfFCkRXosCEqLi5eo2V0RYscB0hEjfwAHZ5We3T0EhMTc6BF2UhTixyfixwFSPnzgvuhPd/XO280XLFihW6ncUVzVGZHGxMDkc9jco4zCoyeLykpqWDz5s08DqHpkag/dyJ0DCDlLw9FAxxOzpYIWlSsFeSBmmNyO9aQ6I97Dh2jAWqJkpOTn9q4cWMmCjuqRY4ApGqPopoVlsDRCxUWFtL8IHFFc4QcAUj0xn4NveEEa4tSU1Of1rSIq2CCrcoMFg47QMo7j83AjPEjg/JMm2358uXcOJLm3g7C+xt2gMT1gWdxnPrJUHUjLS2trKqqCsck6vVQ2LUobABRc9SzZnHnODVUIJWWlj6u1UUt4nALWz+kXaHVIfS/m58SEf5FWMYzoC0LUSdXmxTwuLOe6dq7kXVquizq+w0bNnxj06ZNrQGZ+xAnD4B7wf3gm2A/2DKZAkg9AfSJdCHBiliMs+QFaDkdPOmxhVnJjALEek+ePPnLI0eOnNm+ffulSdohOASMwBE0xgncINgQTQiQepjl86HjvkzgjxCaIVXNoDqHlcwApAuiKMqtvr6+Sz09PRevXr3a2tbW9l5jY2PbNMARMF3jCFwP+JZepx5K9T5ckYsBAofGIhUIRb3d1PM4GloBaDIB/X7/AIHr6upqv3z58rutra3tp06dat+3b9/7k5QZxnNqmA5cj1TeWLgKQ+W3eBiyYTJJ44YehxKgyRocHh7u7e/vv9TZ2fkfaFx7S0tL67Fjx9rr6+s/DCjD4dmiDjHl6KICaNBBsGlDMqDCkESdAGgiQTlMDx069LN169b9Ce+pSU3gbnV5lEXnTgj/SCEefAD+yBE0qnvv3r3VAeD8CyB0E4jR/YN88vxp4Y9YjjmojS8+KjQ0NPThjh07XqyoqHgbfebqdgbMOUilUYCYkk+ePQ9NysMSTvW652lwcPD9urq6qurqamoMQfkHeMwWYAxAREQWX7gibkbkA6S/MX2v0sDAwMX169c/r202OZzOgsct8+MAIiCy9Ox1EdNdgGgD0/cadXd3txQVFZVrq9Z19G9CcNjvCQHiC5nbMSDio1fhDPk3TN8rdO3atbfmzZv37aamJu53uCg1gyc1RyYFiIDIrNO3xI2mMkR/xfTdTjRN5s+fX6X1owPhBfCk4DDflAAxg/ySGJFFzc9hdfs503crEZzVq1f/XpO/HeF7RvoyLUB6JXJlM3wI5ff09N0UHj9+/OUAcN6F7BeNym8YIFYoi5q2YnV7FlHuNO8KamhoqF2zZs1hCMuhxO3LVTOCmwKIFcvi5t0YmPQj5L7Bs0TTAf6OL61du/YohFTtKoSdZgU2DRAbkIXNfxDSX4R5iUuk50gzHV4KMB24ATQNDjtmCSAWlCvPN4ph+QSiV5j2ClFzNNPhLcg0znQwK6dlgNiQLGn6pxj25yH6b7MNhyv/iRMn6qYyHcy2awsgNiafOt+G86Tvmm04XPkxKdOuInEDOM50UN+Y+LEN0O22cDTrEcrKytLvy+4LhUihAUhRckMhTCjqwL1ZmlZPSA7/QgOQFHRN8QTNmTNH1+aQXDDYBkh1yAzhzaldlOPj4x/R6qAG2e6f7QpwwOaZ4UVgfD5ftHY1zb7BJ8ke2QdI+HLsiRD60rm5uelarTF2a7cPkPTOBK2DkZKSwjs+0qzbgfVfWwDhNi0CTS+13nx4SsIzVgco1m4LtgASsQvhsGDcpdeusEbLR0dHJ2t56a5n6zsPewD5lM8YFdrpfJqHPpu9307b9gCS0rMAZWZmhmSitgeQCL0GwUODJ362KWDDaGsesgyQ6jUvxKdt9ySoArj7fmvLli3fgSfGa0GvTCXj4uLmawVcGmKDvmWmJDaW+Qyy9dXU1DRnZ2e/sm3btgr4+tQbKzo2V2RkZEx5eTkNV3q5WTY7LGsQ9qyhm3941S3lF3F78ig683cwz477eK6zdOnSTbt27ars6Ojg0akpKikp0e0yyxtG6wCFwoKnowQvAW40L5Yrm34X0PtOxAkU56PBysrK0xkZGbV79ux5Af48dE8xRAEbRsvDTPUPMtRaUCZ4pnWic/w/G1boCsrWioToHerl5NQ18I+YCH4YrDqFcgmHdjzDD+6mKtrb2/vfuXPnfh15eMFAwE2TJYBUZ84Ixcox6wcYSi+L+7peVa+2zYlLoJLA3ASqQPGb1oKCgi/PmjVLH0pjauT5dEJCAv2eSDyjNn3CaG2I+RSTBqrsAjA/FdEjqRhKdRbAYQd5dXMZ/Fcwb0aHeWuBYVRx+PDhmom2B1LKGdpnVMhubcNoDSAp8tiiAerD1dAvxJAvBcDUys9eoCepXSJQF8HvgHm/7i8rKzvO7QEvCenWgmejtGTJEt0uszRRWxtiR9M5nqcyUoeEkK9CazbKledM3WSO9sx4hLbWPDCHn0oHDhz4HI48vjlz5swH6M2hOSzwDu+clsVwYBog9dOmvthutKDOA0Et8Ur610IZqVUdsYJehjlJw5RAPai3w/8kk5eXVw7rvhTPKFuj/s5oaB4g/p8xRfwxqAE0LveKEVGLu7LWoHdOJ8cAhe86HoDZEa05lb8NYXiZaJgm0oJpCstsuAsH5nkNzp8/Uf0bA5+6FycAF8Ccn1LgRRYoCc+pwwzQnQ1ig/D7AQy8Y71J3PtwzokFc2vAPRs3jKbmRPMapMhbwqc8Dn8hwztaCOUmcb4kUAkam5Ll/3eOxdjOBHY1AAAAAElFTkSuQmCC)}}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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-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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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}
\ No newline at end of file
diff --git a/lib/index.js b/lib/index.js
index 5008faf35..f3d24c970 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -469,7 +469,7 @@ if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
 /***/ (function(module, exports, __webpack_require__) {
 
 var store = __webpack_require__(59)('wks');
-var uid = __webpack_require__(44);
+var uid = __webpack_require__(45);
 var Symbol = __webpack_require__(3).Symbol;
 var USE_SYMBOL = typeof Symbol == 'function';
 
@@ -562,7 +562,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(23), __webpack_require__(134), __webpack_require__(7), __webpack_require__(2), __webpack_require__(47)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(23), __webpack_require__(134), __webpack_require__(7), __webpack_require__(2), __webpack_require__(48)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -1325,7 +1325,7 @@ module.exports = Component.exports
 /***/ (function(module, exports, __webpack_require__) {
 
 // optional / simple context binding
-var aFunction = __webpack_require__(42);
+var aFunction = __webpack_require__(43);
 module.exports = function (fn, that, length) {
   aFunction(fn);
   if (that === undefined) return fn;
@@ -1556,6 +1556,26 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 /* 41 */
 /***/ (function(module, exports, __webpack_require__) {
 
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(301),
+  /* template */
+  __webpack_require__(302),
+  /* styles */
+  null,
+  /* scopeId */
+  null,
+  /* moduleIdentifier (server only) */
+  null
+)
+
+module.exports = Component.exports
+
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
     !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
@@ -1591,7 +1611,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 });
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports) {
 
 module.exports = function (it) {
@@ -1601,7 +1621,7 @@ module.exports = function (it) {
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // 7.1.13 ToObject(argument)
@@ -1612,7 +1632,7 @@ module.exports = function (it) {
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module, exports) {
 
 var id = 0;
@@ -1623,7 +1643,7 @@ module.exports = function (key) {
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var def = __webpack_require__(14).f;
@@ -1636,7 +1656,7 @@ module.exports = function (it, tag, stat) {
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(module, exports, __webpack_require__) {
 
 __webpack_require__(147);
@@ -1661,7 +1681,7 @@ for (var i = 0; i < DOMIterables.length; i++) {
 
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -1793,7 +1813,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 });
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (function(module, exports, __webpack_require__) {
 
 function injectStyle (ssrContext) {
@@ -1816,7 +1836,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (function(module, exports, __webpack_require__) {
 
 function injectStyle (ssrContext) {
@@ -1839,7 +1859,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1866,7 +1886,7 @@ exports.default = function (arr) {
 };
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5199,26 +5219,6 @@ BScroll.Version = '1.12.6';
 /* harmony default export */ __webpack_exports__["default"] = (BScroll);
 
 
-/***/ }),
-/* 52 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
-  /* script */
-  __webpack_require__(301),
-  /* template */
-  __webpack_require__(302),
-  /* styles */
-  null,
-  /* scopeId */
-  null,
-  /* moduleIdentifier (server only) */
-  null
-)
-
-module.exports = Component.exports
-
-
 /***/ }),
 /* 53 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -5290,7 +5290,7 @@ module.exports = function (it) {
 /***/ (function(module, exports, __webpack_require__) {
 
 var shared = __webpack_require__(59)('keys');
-var uid = __webpack_require__(44);
+var uid = __webpack_require__(45);
 module.exports = function (key) {
   return shared[key] || (shared[key] = uid(key));
 };
@@ -5737,7 +5737,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 "use strict";
 
 // 25.4.1.5 NewPromiseCapability(C)
-var aFunction = __webpack_require__(42);
+var aFunction = __webpack_require__(43);
 
 function PromiseCapability(C) {
   var resolve, reject;
@@ -5986,7 +5986,7 @@ var redefine = __webpack_require__(83);
 var hide = __webpack_require__(17);
 var Iterators = __webpack_require__(26);
 var $iterCreate = __webpack_require__(144);
-var setToStringTag = __webpack_require__(45);
+var setToStringTag = __webpack_require__(46);
 var getPrototypeOf = __webpack_require__(146);
 var ITERATOR = __webpack_require__(4)('iterator');
 var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
@@ -6978,7 +6978,7 @@ module.exports = { "default": __webpack_require__(338), __esModule: true };
 
 // 7.3.20 SpeciesConstructor(O, defaultConstructor)
 var anObject = __webpack_require__(15);
-var aFunction = __webpack_require__(42);
+var aFunction = __webpack_require__(43);
 var SPECIES = __webpack_require__(4)('species');
 module.exports = function (O, D) {
   var C = anObject(O).constructor;
@@ -7268,6 +7268,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
+  Object.keys(_module).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    Object.defineProperty(exports, key, {
+      enumerable: true,
+      get: function () {
+        return _module[key];
+      }
+    });
+  });
 
 
   var components = [_module.Locale, _module.Button, _module.Loading, _module.Tip, _module.Toolbar, _module.TabBar, _module.TabPanels, _module.Checkbox, _module.CheckboxGroup, _module.Checker, _module.Radio, _module.RadioGroup, _module.Input, _module.Textarea, _module.Select, _module.Switch, _module.Rate, _module.Validator, _module.Upload, _module.Form, _module.Popup, _module.Toast, _module.Picker, _module.CascadePicker, _module.DatePicker, _module.TimePicker, _module.SegmentPicker, _module.Dialog, _module.ActionSheet, _module.Drawer, _module.ImagePreview, _module.Scroll, _module.Slide, _module.IndexList, _module.Swipe, _module.Sticky, _module.ScrollNav, _module.ScrollNavBar, _module.RecycleList];
@@ -7286,7 +7295,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   }
 
   var Cube = {
-    version: "1.12.46",
+    version: "1.12.54",
     install: install,
     BScroll: _module.BetterScroll,
     createAPI: _module.createAPI
@@ -7840,7 +7849,7 @@ module.exports = __webpack_require__(1).Object.keys;
 /***/ (function(module, exports, __webpack_require__) {
 
 // 19.1.2.14 Object.keys(O)
-var toObject = __webpack_require__(43);
+var toObject = __webpack_require__(44);
 var $keys = __webpack_require__(25);
 
 __webpack_require__(140)('keys', function () {
@@ -7919,7 +7928,7 @@ module.exports = { "default": __webpack_require__(142), __esModule: true };
 /***/ (function(module, exports, __webpack_require__) {
 
 __webpack_require__(36);
-__webpack_require__(46);
+__webpack_require__(47);
 module.exports = __webpack_require__(61).f('iterator');
 
 
@@ -7954,7 +7963,7 @@ module.exports = function (TO_STRING) {
 
 var create = __webpack_require__(84);
 var descriptor = __webpack_require__(32);
-var setToStringTag = __webpack_require__(45);
+var setToStringTag = __webpack_require__(46);
 var IteratorPrototype = {};
 
 // 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
@@ -7991,7 +8000,7 @@ module.exports = __webpack_require__(16) ? Object.defineProperties : function de
 
 // 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
 var has = __webpack_require__(19);
-var toObject = __webpack_require__(43);
+var toObject = __webpack_require__(44);
 var IE_PROTO = __webpack_require__(58)('IE_PROTO');
 var ObjectProto = Object.prototype;
 
@@ -8093,8 +8102,8 @@ var redefine = __webpack_require__(83);
 var META = __webpack_require__(153).KEY;
 var $fails = __webpack_require__(24);
 var shared = __webpack_require__(59);
-var setToStringTag = __webpack_require__(45);
-var uid = __webpack_require__(44);
+var setToStringTag = __webpack_require__(46);
+var uid = __webpack_require__(45);
 var wks = __webpack_require__(4);
 var wksExt = __webpack_require__(61);
 var wksDefine = __webpack_require__(62);
@@ -8323,7 +8332,7 @@ setToStringTag(global.JSON, 'JSON', true);
 /* 153 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var META = __webpack_require__(44)('meta');
+var META = __webpack_require__(45)('meta');
 var isObject = __webpack_require__(18);
 var has = __webpack_require__(19);
 var setDesc = __webpack_require__(14).f;
@@ -8477,7 +8486,7 @@ __webpack_require__(62)('observable');
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(48)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(49)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -8999,7 +9008,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(48), __webpack_require__(27), __webpack_require__(177)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(49), __webpack_require__(27), __webpack_require__(177)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -9399,12 +9408,12 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(48), __webpack_require__(27)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(49), __webpack_require__(27)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
   } else if (typeof exports !== "undefined") {
-    factory(module, exports, require('../button/button'), require('../checkbox/checkbox'));
+    factory(module, exports, require('../button/button.vue'), require('../checkbox/checkbox.vue'));
   } else {
     var mod = {
       exports: {}
@@ -11025,7 +11034,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(49)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(50)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -11283,7 +11292,7 @@ $export($export.S + $export.F, 'Object', { assign: __webpack_require__(224) });
 var getKeys = __webpack_require__(25);
 var gOPS = __webpack_require__(63);
 var pIE = __webpack_require__(37);
-var toObject = __webpack_require__(43);
+var toObject = __webpack_require__(44);
 var IObject = __webpack_require__(81);
 var $assign = Object.assign;
 
@@ -11536,7 +11545,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     data: function data() {
       return {
         textareaValue: this.value,
-        expanded: this.autoExpand ? !!this.value : false,
+        expanded: this.forceExpand ? true : this.autoExpand ? !!this.value : false,
         isFocus: false
       };
     },
@@ -11574,6 +11583,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       autoExpand: {
         type: Boolean,
         default: false
+      },
+      forceExpand: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -11601,7 +11614,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       },
       textareaValue: function textareaValue(newValue) {
         this.$emit(EVENT_INPUT, newValue);
-        if (!this.isFocus && this.expanded) {
+        if (!this.forceExpand && !this.isFocus && this.expanded) {
           this.expanded = false;
         }
       }
@@ -11614,7 +11627,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       },
       handleBlur: function handleBlur(e) {
         this.$emit('blur', e);
-        if (this.textareaValue.length === 0) {
+        if (!this.forceExpand && this.textareaValue.length === 0) {
           this.expanded = false;
         }
         this.isFocus = false;
@@ -11660,7 +11673,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
         _vm.textareaValue = $event.target.value
       }
     }
-  }, 'textarea', _vm.$props, false)), _vm._v(" "), (_vm.indicator) ? _c('span', {
+  }, 'textarea', _vm.$props, false)), _vm._v(" "), _vm._t("indicator", [(_vm.indicator) ? _c('span', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -11668,7 +11681,10 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       expression: "expanded"
     }],
     staticClass: "cube-textarea-indicator"
-  }, [_vm._v(_vm._s(_vm.indicatorConf.remain ? _vm.remain : _vm.count))]) : _vm._e()])
+  }, [_vm._v(_vm._s(_vm.indicatorConf.remain ? _vm.remain : _vm.count))]) : _vm._e()], {
+    remain: _vm.remain,
+    count: _vm.count
+  })], 2)
 },staticRenderFns: []}
 
 /***/ }),
@@ -11736,7 +11752,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(50), __webpack_require__(51), __webpack_require__(28), __webpack_require__(5), __webpack_require__(8), __webpack_require__(100), __webpack_require__(40), __webpack_require__(11), __webpack_require__(68)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(51), __webpack_require__(52), __webpack_require__(28), __webpack_require__(5), __webpack_require__(8), __webpack_require__(100), __webpack_require__(40), __webpack_require__(11), __webpack_require__(68)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -12056,7 +12072,7 @@ module.exports = __webpack_require__(1).Array.from;
 
 var ctx = __webpack_require__(31);
 var $export = __webpack_require__(10);
-var toObject = __webpack_require__(43);
+var toObject = __webpack_require__(44);
 var call = __webpack_require__(97);
 var isArrayIter = __webpack_require__(98);
 var toLength = __webpack_require__(56);
@@ -13152,7 +13168,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   var EVENT_INPUT = 'input';
 
   var EVENT_TYPE_MOUSE = 'mouse';
-
+  function isMouseEvent(e) {
+    return e.type.indexOf(EVENT_TYPE_MOUSE) > -1;
+  }
   exports.default = {
     name: COMPONENT_NAME,
     props: {
@@ -13171,11 +13189,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       justify: {
         type: Boolean,
         default: false
+      },
+      allowHalf: {
+        type: Boolean,
+        default: false
       }
     },
     data: function data() {
       return {
-        tempValue: this.value
+        tempValue: 0
       };
     },
     created: function created() {
@@ -13188,16 +13210,19 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       }
     },
     watch: {
-      value: function value(val) {
-        if (val !== this.tempValue) {
-          this.tempValue = val;
+      value: {
+        immediate: true,
+        handler: function handler(val) {
+          if (val !== this.tempValue) {
+            this.tempValue = this.handleNum(val);
+          }
         }
       }
     },
     methods: {
       handleStart: function handleStart(e) {
         if (!this.disabled) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+          if (isMouseEvent(e)) {
             this.mousePressed = true;
             document.addEventListener('mouseup', this.handleEnd);
             document.addEventListener('mousemove', this.handleMove);
@@ -13208,26 +13233,41 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         }
       },
       handleMove: function handleMove(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) === -1 ? e.touches[0] : e);
+        if (this.disabled) return;
+
+        if (!isMouseEvent(e)) {
+          this.computeTempValue(e.touches[0]);
+        } else if (this.mousePressed) {
+          this.computeTempValue(e);
         }
       },
       handleEnd: function handleEnd(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+        if (this.disabled) return;
+        if (!isMouseEvent(e) || this.mousePressed) {
+          if (isMouseEvent(e)) {
             this.mousePressed = false;
             document.removeEventListener('mouseup', this.handleEnd);
             document.removeEventListener('mousemove', this.handleMove);
           }
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) > -1 ? e : e.changedTouches[0]);
+          this.computeTempValue(isMouseEvent(e) ? e : e.changedTouches[0]);
           this.$emit(EVENT_INPUT, this.tempValue);
         }
       },
+      handleNum: function handleNum(num) {
+        if (this.allowHalf) {
+          var baseNum = Math.ceil(num) - 0.5;
+          num = num <= baseNum ? baseNum : baseNum + 0.5;
+        } else {
+          num = Math.ceil(num);
+        }
+        return num;
+      },
       computeTempValue: function computeTempValue(touch) {
-        var leftAmount = Math.ceil((touch.clientX - this.left) / this.containerWidth * this.max);
-        if (leftAmount > 0 && leftAmount <= this.max) {
-          this.tempValue = leftAmount;
-        } else if (leftAmount <= 0) {
+        var num = (touch.clientX - this.left) / this.containerWidth * this.max;
+        num = this.handleNum(num);
+        if (num > 0 && num <= this.max) {
+          this.tempValue = num;
+        } else if (num <= 0) {
           this.tempValue = 0;
         } else {
           this.tempValue = this.max;
@@ -13295,7 +13335,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   return _c('li', {
     staticClass: "cube-rate-item",
     class: {
-      'cube-rate-item_active': _vm.index <= _vm.$parent.tempValue
+      'cube-rate-item_active': _vm.index <= _vm.$parent.tempValue,
+        'cube-rate-item_half_active': _vm.index === _vm.$parent.tempValue + 0.5
     }
   }, [_vm._t("default", [_c('div', {
     staticClass: "cube-rate-item-def"
@@ -15716,7 +15757,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(48), __webpack_require__(27), __webpack_require__(90), __webpack_require__(92), __webpack_require__(49), __webpack_require__(65), __webpack_require__(94), __webpack_require__(103), __webpack_require__(101), __webpack_require__(102), __webpack_require__(96), __webpack_require__(106)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(49), __webpack_require__(27), __webpack_require__(90), __webpack_require__(92), __webpack_require__(50), __webpack_require__(65), __webpack_require__(94), __webpack_require__(103), __webpack_require__(101), __webpack_require__(102), __webpack_require__(96), __webpack_require__(106)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -16319,7 +16360,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(22), __webpack_require__(52), __webpack_require__(72), __webpack_require__(29), __webpack_require__(6)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(22), __webpack_require__(41), __webpack_require__(72), __webpack_require__(29), __webpack_require__(6)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -16543,7 +16584,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(22), __webpack_require__(52), __webpack_require__(304), __webpack_require__(307), __webpack_require__(72), __webpack_require__(29), __webpack_require__(6)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(22), __webpack_require__(41), __webpack_require__(304), __webpack_require__(307), __webpack_require__(72), __webpack_require__(29), __webpack_require__(6)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -16627,20 +16668,20 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(20), __webpack_require__(13), __webpack_require__(5), __webpack_require__(8), __webpack_require__(40), __webpack_require__(11), __webpack_require__(2), __webpack_require__(47)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(20), __webpack_require__(13), __webpack_require__(5), __webpack_require__(8), __webpack_require__(40), __webpack_require__(11), __webpack_require__(2), __webpack_require__(48), __webpack_require__(41)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
   } else if (typeof exports !== "undefined") {
-    factory(module, exports, require('babel-runtime/core-js/object/keys'), require('babel-runtime/core-js/object/assign'), require('../../common/mixins/visibility'), require('../../common/mixins/popup'), require('../../common/mixins/picker'), require('../../common/mixins/locale'), require('../../common/helpers/util'), require('../../common/lang/date'));
+    factory(module, exports, require('babel-runtime/core-js/object/keys'), require('babel-runtime/core-js/object/assign'), require('../../common/mixins/visibility'), require('../../common/mixins/popup'), require('../../common/mixins/picker'), require('../../common/mixins/locale'), require('../../common/helpers/util'), require('../../common/lang/date'), require('../cascade-picker/cascade-picker.vue'));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod, mod.exports, global.keys, global.assign, global.visibility, global.popup, global.picker, global.locale, global.util, global.date);
+    factory(mod, mod.exports, global.keys, global.assign, global.visibility, global.popup, global.picker, global.locale, global.util, global.date, global.cascadePicker);
     global.datePicker = mod.exports;
   }
-})(this, function (module, exports, _keys, _assign, _visibility, _popup, _picker, _locale, _util, _date) {
+})(this, function (module, exports, _keys, _assign, _visibility, _popup, _picker, _locale, _util, _date, _cascadePicker) {
   'use strict';
 
   Object.defineProperty(exports, "__esModule", {
@@ -16659,6 +16700,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   var _locale2 = _interopRequireDefault(_locale);
 
+  var _cascadePicker2 = _interopRequireDefault(_cascadePicker);
+
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
       default: obj
@@ -16706,6 +16749,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   exports.default = {
     name: COMPONENT_NAME,
     mixins: [_visibility2.default, _popup2.default, _picker2.default, _locale2.default],
+    components: {
+      CubeCascadePicker: _cascadePicker2.default
+    },
     props: {
       min: {
         type: [Date, Array],
@@ -17061,7 +17107,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(50), __webpack_require__(35), __webpack_require__(13), __webpack_require__(47), __webpack_require__(5), __webpack_require__(8), __webpack_require__(40), __webpack_require__(11), __webpack_require__(52), __webpack_require__(7)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(51), __webpack_require__(35), __webpack_require__(13), __webpack_require__(48), __webpack_require__(5), __webpack_require__(8), __webpack_require__(40), __webpack_require__(11), __webpack_require__(41), __webpack_require__(7)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -17473,7 +17519,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(22), __webpack_require__(52), __webpack_require__(314), __webpack_require__(29), __webpack_require__(72), __webpack_require__(317), __webpack_require__(6)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(22), __webpack_require__(41), __webpack_require__(314), __webpack_require__(29), __webpack_require__(72), __webpack_require__(317), __webpack_require__(6)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -17557,7 +17603,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(50), __webpack_require__(5), __webpack_require__(8), __webpack_require__(40), __webpack_require__(11)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(51), __webpack_require__(5), __webpack_require__(8), __webpack_require__(40), __webpack_require__(11)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -17796,7 +17842,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(319), __webpack_require__(6), __webpack_require__(49), __webpack_require__(323)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(319), __webpack_require__(6), __webpack_require__(50), __webpack_require__(323)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -17878,7 +17924,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(112), __webpack_require__(13), __webpack_require__(28), __webpack_require__(49), __webpack_require__(5), __webpack_require__(8), __webpack_require__(11)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(112), __webpack_require__(13), __webpack_require__(28), __webpack_require__(50), __webpack_require__(5), __webpack_require__(8), __webpack_require__(11)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -18581,7 +18627,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(23), __webpack_require__(50), __webpack_require__(12), __webpack_require__(115), __webpack_require__(5), __webpack_require__(8)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(23), __webpack_require__(51), __webpack_require__(12), __webpack_require__(115), __webpack_require__(5), __webpack_require__(8)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -18901,7 +18947,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(116), __webpack_require__(349), __webpack_require__(352), __webpack_require__(13), __webpack_require__(51), __webpack_require__(38), __webpack_require__(353), __webpack_require__(41), __webpack_require__(74), __webpack_require__(12), __webpack_require__(64), __webpack_require__(68)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(116), __webpack_require__(349), __webpack_require__(352), __webpack_require__(13), __webpack_require__(52), __webpack_require__(38), __webpack_require__(353), __webpack_require__(42), __webpack_require__(74), __webpack_require__(12), __webpack_require__(64), __webpack_require__(68)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -19484,7 +19530,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 __webpack_require__(87);
 __webpack_require__(36);
-__webpack_require__(46);
+__webpack_require__(47);
 __webpack_require__(339);
 __webpack_require__(347);
 __webpack_require__(348);
@@ -19503,7 +19549,7 @@ var ctx = __webpack_require__(31);
 var classof = __webpack_require__(67);
 var $export = __webpack_require__(10);
 var isObject = __webpack_require__(18);
-var aFunction = __webpack_require__(42);
+var aFunction = __webpack_require__(43);
 var anInstance = __webpack_require__(340);
 var forOf = __webpack_require__(341);
 var speciesConstructor = __webpack_require__(117);
@@ -19718,7 +19764,7 @@ if (!USE_NATIVE) {
 }
 
 $export($export.G + $export.W + $export.F * !USE_NATIVE, { Promise: $Promise });
-__webpack_require__(45)($Promise, PROMISE);
+__webpack_require__(46)($Promise, PROMISE);
 __webpack_require__(346)(PROMISE);
 Wrapper = __webpack_require__(1)[PROMISE];
 
@@ -21095,7 +21141,7 @@ module.exports = { "default": __webpack_require__(358), __esModule: true };
 /* 358 */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(46);
+__webpack_require__(47);
 __webpack_require__(36);
 module.exports = __webpack_require__(359);
 
@@ -21126,7 +21172,7 @@ module.exports = { "default": __webpack_require__(361), __esModule: true };
 /* 361 */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(46);
+__webpack_require__(47);
 __webpack_require__(36);
 module.exports = __webpack_require__(362);
 
@@ -21808,7 +21854,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(13), __webpack_require__(75), __webpack_require__(51), __webpack_require__(41), __webpack_require__(74)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(13), __webpack_require__(75), __webpack_require__(52), __webpack_require__(42), __webpack_require__(74)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -22551,7 +22597,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(13), __webpack_require__(12), __webpack_require__(39), __webpack_require__(30), __webpack_require__(123), __webpack_require__(41), __webpack_require__(74)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(13), __webpack_require__(12), __webpack_require__(39), __webpack_require__(30), __webpack_require__(123), __webpack_require__(42), __webpack_require__(74)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -23267,7 +23313,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(12), __webpack_require__(403), __webpack_require__(47)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(12), __webpack_require__(403), __webpack_require__(48)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -24170,7 +24216,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(41), __webpack_require__(126), __webpack_require__(76), __webpack_require__(30), __webpack_require__(77)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(42), __webpack_require__(126), __webpack_require__(76), __webpack_require__(30), __webpack_require__(77)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -24395,7 +24441,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(41), __webpack_require__(30)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(42), __webpack_require__(30)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -25251,7 +25297,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(51)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(52)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/input/index.js b/lib/input/index.js
index 1baa210da..6d59bbad9 100644
--- a/lib/input/index.js
+++ b/lib/input/index.js
@@ -229,7 +229,7 @@ module.exports = true;
 
 /***/ }),
 
-/***/ 164:
+/***/ 165:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -329,7 +329,7 @@ exports.f = {}.propertyIsEnumerable;
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(165)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/input/input.min.js b/lib/input/input.min.js
index 79f29f3b3..9587d3e5e 100644
--- a/lib/input/input.min.js
+++ b/lib/input/input.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.input=t():(e.cube=e.cube||{},e.cube.input=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=343)}({0:function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},1:function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},10:function(e,t,n){var r=n(1),o=n(0),u=n(31),i=n(6),a=n(5),c=function(e,t,n){var s,f,l,p=e&c.F,d=e&c.G,h=e&c.S,y=e&c.P,v=e&c.B,b=e&c.W,m=d?o:o[t]||(o[t]={}),_=m.prototype,x=d?r:h?r[t]:(r[t]||{}).prototype;d&&(n=t);for(s in n)(f=!p&&x&&void 0!==x[s])&&a(m,s)||(l=f?x[s]:n[s],m[s]=d&&"function"!=typeof x[s]?n[s]:v&&f?u(l,r):b&&x[s]==l?function(e){var t=function(t,n,r){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,r)}return e.apply(this,arguments)};return t.prototype=e.prototype,t}(l):y&&"function"==typeof l?u(Function.call,l):l,y&&((m.virtual||(m.virtual={}))[s]=l,e&c.R&&_&&!_[s]&&i(_,s,l)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,e.exports=c},11:function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},12:function(e,t,n){var r=n(8);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},13:function(e,t,n){var r=n(36),o=n(25);e.exports=Object.keys||function(e){return r(e,o)}},14:function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},15:function(e,t){e.exports=!0},163:function(e,t,n){var r,o,u;!function(n,i){o=[e,t],r=i,void 0!==(u="function"==typeof r?r.apply(t,o):r)&&(e.exports=u)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={methods:{changeHander:function(e){this.$emit("change",e)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},e.exports=t.default})},17:function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},173:function(e,t,n){function r(e){n(178)}var o=n(9)(n(179),n(180),r,null,null);e.exports=o.exports},178:function(e,t){},179:function(e,t,n){var r,o,u;!function(i,a){o=[e,t,n(87),n(163)],r=a,void 0!==(u="function"==typeof r?r.apply(t,o):r)&&(e.exports=u)}(0,function(e,t,n,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var u=o(n),i=o(r);t.default={name:"cube-input",mixins:[i.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var e=this.type;return"password"===e&&this.eye&&this.pwdVisible?"text":e},_showClear:function(){var e=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(e=!1),e},_showPwdEye:function(){return"password"===this.type&&this.eye&&!this.disabled},pwdVisible:function(){var e=this.formatedEye;return e.reverse?!e.open:e.open},eyeClass:function(){return this.formatedEye.open?"cubeic-eye-visible":"cubeic-eye-invisible"}},watch:{value:function(e){this.inputValue=e},inputValue:function(e){this.$emit("input",e)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,u.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,u.default)(this.formatedEye,this.eye)},handleFocus:function(e){this.$emit("focus",e),this.isFocus=!0},handleBlur:function(e){this.$emit("blur",e),this.isFocus=!1},handleClear:function(e){this.inputValue="",this.$refs.input.focus()},handlePwdEye:function(){this.formatedEye.open=!this.formatedEye.open}}},e.exports=t.default})},18:function(e,t){t.f={}.propertyIsEnumerable},180:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-input",class:{"cube-input_active":e.isFocus}},[e.$slots.prepend?n("div",{staticClass:"cube-input-prepend"},[e._t("prepend")],2):e._e(),e._v(" "),"checkbox"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"checkbox"},domProps:{checked:Array.isArray(e.inputValue)?e._i(e.inputValue,null)>-1:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){var n=e.inputValue,r=t.target,o=!!r.checked;if(Array.isArray(n)){var u=e._i(n,null);r.checked?u<0&&(e.inputValue=n.concat([null])):u>-1&&(e.inputValue=n.slice(0,u).concat(n.slice(u+1)))}else e.inputValue=o},e.changeHander]}},"input",e.$props,!1)):"radio"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"radio"},domProps:{checked:e._q(e.inputValue,null)},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){e.inputValue=null},e.changeHander]}},"input",e.$props,!1)):n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:e._type},domProps:{value:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:e.changeHander,input:function(t){t.target.composing||(e.inputValue=t.target.value)}}},"input",e.$props,!1)),e._v(" "),e.$slots.append||e._showClear||e._showPwdEye?n("div",{staticClass:"cube-input-append"},[e._showClear?n("div",{staticClass:"cube-input-clear",on:{touchend:e.handleClear}},[n("i",{staticClass:"cubeic-wrong"})]):e._e(),e._v(" "),e._showPwdEye?n("div",{staticClass:"cube-input-eye",on:{click:e.handlePwdEye}},[n("i",{class:e.eyeClass})]):e._e(),e._v(" "),e._t("append")],2):e._e()])},staticRenderFns:[]}},19:function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},20:function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},21:function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},22:function(e,t,n){var r=n(8);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},23:function(e,t,n){var r=n(24)("keys"),o=n(17);e.exports=function(e){return r[e]||(r[e]=o(e))}},24:function(e,t,n){var r=n(0),o=n(1),u=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(e.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:n(15)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},25:function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},27:function(e,t,n){var r=n(19);e.exports=function(e){return Object(r(e))}},28:function(e,t,n){var r=n(8),o=n(1).document,u=r(o)&&r(o.createElement);e.exports=function(e){return u?o.createElement(e):{}}},3:function(e,t,n){e.exports=!n(11)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},31:function(e,t,n){var r=n(34);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},32:function(e,t){t.f=Object.getOwnPropertySymbols},33:function(e,t,n){e.exports=!n(3)&&!n(11)(function(){return 7!=Object.defineProperty(n(28)("div"),"a",{get:function(){return 7}}).a})},34:function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},343:function(e,t,n){var r,o,u;!function(i,a){o=[e,t,n(173)],r=a,void 0!==(u="function"==typeof r?r.apply(t,o):r)&&(e.exports=u)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return e&&e.__esModule?e:{default:e}}(n);r.default.install=function(e){e.component(r.default.name,r.default)},t.default=r.default,e.exports=t.default})},36:function(e,t,n){var r=n(5),o=n(7),u=n(50)(!1),i=n(23)("IE_PROTO");e.exports=function(e,t){var n,a=o(e),c=0,s=[];for(n in a)n!=i&&r(a,n)&&s.push(n);for(;t.length>c;)r(a,n=t[c++])&&(~u(s,n)||s.push(n));return s}},4:function(e,t,n){var r=n(12),o=n(33),u=n(22),i=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(r(e),t=u(t,!0),r(n),o)try{return i(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},40:function(e,t,n){var r=n(21);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},41:function(e,t,n){var r=n(20),o=Math.min;e.exports=function(e){return e>0?o(r(e),9007199254740991):0}},5:function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},50:function(e,t,n){var r=n(7),o=n(41),u=n(51);e.exports=function(e){return function(t,n,i){var a,c=r(t),s=o(c.length),f=u(i,s);if(e&&n!=n){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((e||f in c)&&c[f]===n)return e||f||0;return!e&&-1}}},51:function(e,t,n){var r=n(20),o=Math.max,u=Math.min;e.exports=function(e,t){return e=r(e),e<0?o(e+t,0):u(e,t)}},6:function(e,t,n){var r=n(4),o=n(14);e.exports=n(3)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},7:function(e,t,n){var r=n(40),o=n(19);e.exports=function(e){return r(o(e))}},8:function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},87:function(e,t,n){e.exports={default:n(91),__esModule:!0}},9:function(e,t){e.exports=function(e,t,n,r,o){var u,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(u=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),r&&(c._scopeId=r);var s;if(o?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=s):n&&(s=n),s){var f=c.functional,l=f?c.render:c.beforeCreate;f?c.render=function(e,t){return s.call(t),l(e,t)}:c.beforeCreate=l?[].concat(l,s):[s]}return{esModule:u,exports:i,options:c}}},91:function(e,t,n){n(92),e.exports=n(0).Object.assign},92:function(e,t,n){var r=n(10);r(r.S+r.F,"Object",{assign:n(93)})},93:function(e,t,n){"use strict";var r=n(13),o=n(32),u=n(18),i=n(27),a=n(40),c=Object.assign;e.exports=!c||n(11)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=c({},e)[n]||Object.keys(c({},t)).join("")!=r})?function(e,t){for(var n=i(e),c=arguments.length,s=1,f=o.f,l=u.f;c>s;)for(var p,d=a(arguments[s++]),h=f?r(d).concat(f(d)):r(d),y=h.length,v=0;y>v;)l.call(d,p=h[v++])&&(n[p]=d[p]);return n}:c}})});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.input=t():(e.cube=e.cube||{},e.cube.input=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=343)}({0:function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},1:function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},10:function(e,t,n){var r=n(1),o=n(0),u=n(31),i=n(6),a=n(5),c=function(e,t,n){var s,f,l,p=e&c.F,d=e&c.G,h=e&c.S,y=e&c.P,v=e&c.B,b=e&c.W,m=d?o:o[t]||(o[t]={}),_=m.prototype,x=d?r:h?r[t]:(r[t]||{}).prototype;d&&(n=t);for(s in n)(f=!p&&x&&void 0!==x[s])&&a(m,s)||(l=f?x[s]:n[s],m[s]=d&&"function"!=typeof x[s]?n[s]:v&&f?u(l,r):b&&x[s]==l?function(e){var t=function(t,n,r){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,r)}return e.apply(this,arguments)};return t.prototype=e.prototype,t}(l):y&&"function"==typeof l?u(Function.call,l):l,y&&((m.virtual||(m.virtual={}))[s]=l,e&c.R&&_&&!_[s]&&i(_,s,l)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,e.exports=c},11:function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},12:function(e,t,n){var r=n(8);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},13:function(e,t,n){var r=n(36),o=n(25);e.exports=Object.keys||function(e){return r(e,o)}},14:function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},15:function(e,t){e.exports=!0},164:function(e,t,n){var r,o,u;!function(n,i){o=[e,t],r=i,void 0!==(u="function"==typeof r?r.apply(t,o):r)&&(e.exports=u)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={methods:{changeHander:function(e){this.$emit("change",e)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},e.exports=t.default})},17:function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},173:function(e,t,n){function r(e){n(178)}var o=n(9)(n(179),n(180),r,null,null);e.exports=o.exports},178:function(e,t){},179:function(e,t,n){var r,o,u;!function(i,a){o=[e,t,n(87),n(164)],r=a,void 0!==(u="function"==typeof r?r.apply(t,o):r)&&(e.exports=u)}(0,function(e,t,n,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var u=o(n),i=o(r);t.default={name:"cube-input",mixins:[i.default],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,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,pattern:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var e=this.type;return"password"===e&&this.eye&&this.pwdVisible?"text":e},_showClear:function(){var e=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(e=!1),e},_showPwdEye:function(){return"password"===this.type&&this.eye&&!this.disabled},pwdVisible:function(){var e=this.formatedEye;return e.reverse?!e.open:e.open},eyeClass:function(){return this.formatedEye.open?"cubeic-eye-visible":"cubeic-eye-invisible"}},watch:{value:function(e){this.inputValue=e},inputValue:function(e){this.$emit("input",e)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,u.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,u.default)(this.formatedEye,this.eye)},handleFocus:function(e){this.$emit("focus",e),this.isFocus=!0},handleBlur:function(e){this.$emit("blur",e),this.isFocus=!1},handleClear:function(e){this.inputValue="",this.$refs.input.focus()},handlePwdEye:function(){this.formatedEye.open=!this.formatedEye.open}}},e.exports=t.default})},18:function(e,t){t.f={}.propertyIsEnumerable},180:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-input",class:{"cube-input_active":e.isFocus}},[e.$slots.prepend?n("div",{staticClass:"cube-input-prepend"},[e._t("prepend")],2):e._e(),e._v(" "),"checkbox"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"checkbox"},domProps:{checked:Array.isArray(e.inputValue)?e._i(e.inputValue,null)>-1:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){var n=e.inputValue,r=t.target,o=!!r.checked;if(Array.isArray(n)){var u=e._i(n,null);r.checked?u<0&&(e.inputValue=n.concat([null])):u>-1&&(e.inputValue=n.slice(0,u).concat(n.slice(u+1)))}else e.inputValue=o},e.changeHander]}},"input",e.$props,!1)):"radio"===e._type?n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:"radio"},domProps:{checked:e._q(e.inputValue,null)},on:{focus:e.handleFocus,blur:e.handleBlur,change:[function(t){e.inputValue=null},e.changeHander]}},"input",e.$props,!1)):n("input",e._b({directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:e.disabled,readonly:e.readonly,autocomplete:e.autocomplete,autofocus:e.autofocus,type:e._type},domProps:{value:e.inputValue},on:{focus:e.handleFocus,blur:e.handleBlur,change:e.changeHander,input:function(t){t.target.composing||(e.inputValue=t.target.value)}}},"input",e.$props,!1)),e._v(" "),e.$slots.append||e._showClear||e._showPwdEye?n("div",{staticClass:"cube-input-append"},[e._showClear?n("div",{staticClass:"cube-input-clear",on:{touchend:e.handleClear}},[n("i",{staticClass:"cubeic-wrong"})]):e._e(),e._v(" "),e._showPwdEye?n("div",{staticClass:"cube-input-eye",on:{click:e.handlePwdEye}},[n("i",{class:e.eyeClass})]):e._e(),e._v(" "),e._t("append")],2):e._e()])},staticRenderFns:[]}},19:function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},20:function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},21:function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},22:function(e,t,n){var r=n(8);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},23:function(e,t,n){var r=n(24)("keys"),o=n(17);e.exports=function(e){return r[e]||(r[e]=o(e))}},24:function(e,t,n){var r=n(0),o=n(1),u=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(e.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:n(15)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},25:function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},27:function(e,t,n){var r=n(19);e.exports=function(e){return Object(r(e))}},28:function(e,t,n){var r=n(8),o=n(1).document,u=r(o)&&r(o.createElement);e.exports=function(e){return u?o.createElement(e):{}}},3:function(e,t,n){e.exports=!n(11)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},31:function(e,t,n){var r=n(34);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},32:function(e,t){t.f=Object.getOwnPropertySymbols},33:function(e,t,n){e.exports=!n(3)&&!n(11)(function(){return 7!=Object.defineProperty(n(28)("div"),"a",{get:function(){return 7}}).a})},34:function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},343:function(e,t,n){var r,o,u;!function(i,a){o=[e,t,n(173)],r=a,void 0!==(u="function"==typeof r?r.apply(t,o):r)&&(e.exports=u)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return e&&e.__esModule?e:{default:e}}(n);r.default.install=function(e){e.component(r.default.name,r.default)},t.default=r.default,e.exports=t.default})},36:function(e,t,n){var r=n(5),o=n(7),u=n(50)(!1),i=n(23)("IE_PROTO");e.exports=function(e,t){var n,a=o(e),c=0,s=[];for(n in a)n!=i&&r(a,n)&&s.push(n);for(;t.length>c;)r(a,n=t[c++])&&(~u(s,n)||s.push(n));return s}},4:function(e,t,n){var r=n(12),o=n(33),u=n(22),i=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(r(e),t=u(t,!0),r(n),o)try{return i(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},40:function(e,t,n){var r=n(21);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},41:function(e,t,n){var r=n(20),o=Math.min;e.exports=function(e){return e>0?o(r(e),9007199254740991):0}},5:function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},50:function(e,t,n){var r=n(7),o=n(41),u=n(51);e.exports=function(e){return function(t,n,i){var a,c=r(t),s=o(c.length),f=u(i,s);if(e&&n!=n){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((e||f in c)&&c[f]===n)return e||f||0;return!e&&-1}}},51:function(e,t,n){var r=n(20),o=Math.max,u=Math.min;e.exports=function(e,t){return e=r(e),e<0?o(e+t,0):u(e,t)}},6:function(e,t,n){var r=n(4),o=n(14);e.exports=n(3)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},7:function(e,t,n){var r=n(40),o=n(19);e.exports=function(e){return r(o(e))}},8:function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},87:function(e,t,n){e.exports={default:n(91),__esModule:!0}},9:function(e,t){e.exports=function(e,t,n,r,o){var u,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(u=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),r&&(c._scopeId=r);var s;if(o?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=s):n&&(s=n),s){var f=c.functional,l=f?c.render:c.beforeCreate;f?c.render=function(e,t){return s.call(t),l(e,t)}:c.beforeCreate=l?[].concat(l,s):[s]}return{esModule:u,exports:i,options:c}}},91:function(e,t,n){n(92),e.exports=n(0).Object.assign},92:function(e,t,n){var r=n(10);r(r.S+r.F,"Object",{assign:n(93)})},93:function(e,t,n){"use strict";var r=n(13),o=n(32),u=n(18),i=n(27),a=n(40),c=Object.assign;e.exports=!c||n(11)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=c({},e)[n]||Object.keys(c({},t)).join("")!=r})?function(e,t){for(var n=i(e),c=arguments.length,s=1,f=o.f,l=u.f;c>s;)for(var p,d=a(arguments[s++]),h=f?r(d).concat(f(d)):r(d),y=h.length,v=0;y>v;)l.call(d,p=h[v++])&&(n[p]=d[p]);return n}:c}})});
\ No newline at end of file
diff --git a/lib/radio-group/index.js b/lib/radio-group/index.js
index 61b2a57b6..15c8b0bca 100644
--- a/lib/radio-group/index.js
+++ b/lib/radio-group/index.js
@@ -75,7 +75,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ 163:
+/***/ 164:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -131,7 +131,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 165:
+/***/ 166:
 /***/ (function(module, exports, __webpack_require__) {
 
 function injectStyle (ssrContext) {
@@ -364,7 +364,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(165), __webpack_require__(163)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(166), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -496,7 +496,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(188), __webpack_require__(165)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(188), __webpack_require__(166)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/radio-group/radio-group.min.js b/lib/radio-group/radio-group.min.js
index 4874ea880..e8cc84103 100644
--- a/lib/radio-group/radio-group.min.js
+++ b/lib/radio-group/radio-group.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["radio-group"]=t():(e.cube=e.cube||{},e.cube["radio-group"]=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=349)}({162:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(86)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(0,o.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var o=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[n]=o})})}}}},e.exports=t.default})},164:function(e,t,o){function n(e){o(184)}var r=o(9)(o(185),o(186),n,null,null);e.exports=r.exports},184:function(e,t){},185:function(e,t,o){var n,r,i;!function(o,a){r=[e,t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&void 0!==t.radioValue&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var e=this.$parent;if(!(e.horizontal||e.$props.colNum>1))return"border-bottom-1px"}}},e.exports=t.default})},186:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},187:function(e,t,o){function n(e){o(188)}var r=o(9)(o(189),o(190),n,null,null);e.exports=r.exports},188:function(e,t){},189:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(164),o(162)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);t.default={name:"cube-radio-group",mixins:[a.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:i.default}},e.exports=t.default})},190:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{ref:"group",staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},349:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(187),o(164)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);i.default.install=function(e){e.component(i.default.name,i.default),e.component(a.default.name,a.default)},i.default.Radio=a.default,t.default=i.default,e.exports=t.default})},49:function(e,t,o){var n,r,i;!function(o,a){r=[t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,o=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=o&&o.indexOf("android")>0,e.isIOS=o&&/iphone|ipad|ipod|ios/.test(o)})},86:function(e,t,o){var n,r,i;!function(a,u){r=[t,o(49)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";function o(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function n(e,t){if(!o(e,t)){var n=e.className.split(" ");n.push(t),e.className=n.join(" ")}}function r(e,t){if(o(e,t)){var n=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(n," ")}}function i(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==c&&("standard"===c?"transitionEnd"===e?"transitionend":e:c+e.charAt(0).toUpperCase()+e.substr(1))}function s(e,t){for(var n=e.target;n&&!o(n,t);){if(n===e.currentTarget)return null;n=n.parentNode}return n}function l(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=o.type,r=void 0===n?"Event":n,i=o.bubbles,a=void 0===i||i,u=o.cancelable,s=void 0===u||u,l=document.createEvent(r);l.initEvent(t,a,s),e.dispatchEvent(l)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=o,e.addClass=n,e.removeClass=r,e.getData=i,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=s,e.dispatchEvent=l;var c=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,o={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var n in o)if(void 0!==e[o[n]])return n;return!1}()})},9:function(e,t){e.exports=function(e,t,o,n,r){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),n&&(s._scopeId=n);var l;if(r?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},s._ssrRegister=l):o&&(l=o),l){var c=s.functional,d=c?s.render:s.beforeCreate;c?s.render=function(e,t){return l.call(t),d(e,t)}:s.beforeCreate=d?[].concat(d,l):[l]}return{esModule:i,exports:a,options:s}}}})});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["radio-group"]=t():(e.cube=e.cube||{},e.cube["radio-group"]=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=349)}({163:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(86)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(0,o.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var o=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[n]=o})})}}}},e.exports=t.default})},165:function(e,t,o){function n(e){o(184)}var r=o(9)(o(185),o(186),n,null,null);e.exports=r.exports},184:function(e,t){},185:function(e,t,o){var n,r,i;!function(o,a){r=[e,t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&void 0!==t.radioValue&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var e=this.$parent;if(!(e.horizontal||e.$props.colNum>1))return"border-bottom-1px"}}},e.exports=t.default})},186:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},187:function(e,t,o){function n(e){o(188)}var r=o(9)(o(189),o(190),n,null,null);e.exports=r.exports},188:function(e,t){},189:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(165),o(163)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);t.default={name:"cube-radio-group",mixins:[a.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:i.default}},e.exports=t.default})},190:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{ref:"group",staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},349:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(187),o(165)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);i.default.install=function(e){e.component(i.default.name,i.default),e.component(a.default.name,a.default)},i.default.Radio=a.default,t.default=i.default,e.exports=t.default})},49:function(e,t,o){var n,r,i;!function(o,a){r=[t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,o=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=o&&o.indexOf("android")>0,e.isIOS=o&&/iphone|ipad|ipod|ios/.test(o)})},86:function(e,t,o){var n,r,i;!function(a,u){r=[t,o(49)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";function o(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function n(e,t){if(!o(e,t)){var n=e.className.split(" ");n.push(t),e.className=n.join(" ")}}function r(e,t){if(o(e,t)){var n=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(n," ")}}function i(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==c&&("standard"===c?"transitionEnd"===e?"transitionend":e:c+e.charAt(0).toUpperCase()+e.substr(1))}function s(e,t){for(var n=e.target;n&&!o(n,t);){if(n===e.currentTarget)return null;n=n.parentNode}return n}function l(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=o.type,r=void 0===n?"Event":n,i=o.bubbles,a=void 0===i||i,u=o.cancelable,s=void 0===u||u,l=document.createEvent(r);l.initEvent(t,a,s),e.dispatchEvent(l)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=o,e.addClass=n,e.removeClass=r,e.getData=i,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=s,e.dispatchEvent=l;var c=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,o={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var n in o)if(void 0!==e[o[n]])return n;return!1}()})},9:function(e,t){e.exports=function(e,t,o,n,r){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),n&&(s._scopeId=n);var l;if(r?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},s._ssrRegister=l):o&&(l=o),l){var c=s.functional,d=c?s.render:s.beforeCreate;c?s.render=function(e,t){return l.call(t),d(e,t)}:s.beforeCreate=d?[].concat(d,l):[l]}return{esModule:i,exports:a,options:s}}}})});
\ No newline at end of file
diff --git a/lib/radio/index.js b/lib/radio/index.js
index 7a7267036..bfe4556df 100644
--- a/lib/radio/index.js
+++ b/lib/radio/index.js
@@ -75,7 +75,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ 163:
+/***/ 164:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -131,7 +131,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 165:
+/***/ 166:
 /***/ (function(module, exports, __webpack_require__) {
 
 function injectStyle (ssrContext) {
@@ -364,7 +364,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(165), __webpack_require__(163)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(166), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -496,7 +496,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(188), __webpack_require__(165)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(188), __webpack_require__(166)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/radio/radio.min.js b/lib/radio/radio.min.js
index 5d32d32b5..8b61898bb 100644
--- a/lib/radio/radio.min.js
+++ b/lib/radio/radio.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.radio=t():(e.cube=e.cube||{},e.cube.radio=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=348)}({162:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(86)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(0,o.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var o=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[n]=o})})}}}},e.exports=t.default})},164:function(e,t,o){function n(e){o(184)}var r=o(9)(o(185),o(186),n,null,null);e.exports=r.exports},184:function(e,t){},185:function(e,t,o){var n,r,i;!function(o,a){r=[e,t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&void 0!==t.radioValue&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var e=this.$parent;if(!(e.horizontal||e.$props.colNum>1))return"border-bottom-1px"}}},e.exports=t.default})},186:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},187:function(e,t,o){function n(e){o(188)}var r=o(9)(o(189),o(190),n,null,null);e.exports=r.exports},188:function(e,t){},189:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(164),o(162)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);t.default={name:"cube-radio-group",mixins:[a.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:i.default}},e.exports=t.default})},190:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{ref:"group",staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},348:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(187),o(164)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);i.default.install=function(e){e.component(i.default.name,i.default),e.component(a.default.name,a.default)},i.default.Radio=a.default,t.default=i.default,e.exports=t.default})},49:function(e,t,o){var n,r,i;!function(o,a){r=[t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,o=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=o&&o.indexOf("android")>0,e.isIOS=o&&/iphone|ipad|ipod|ios/.test(o)})},86:function(e,t,o){var n,r,i;!function(a,u){r=[t,o(49)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";function o(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function n(e,t){if(!o(e,t)){var n=e.className.split(" ");n.push(t),e.className=n.join(" ")}}function r(e,t){if(o(e,t)){var n=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(n," ")}}function i(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==c&&("standard"===c?"transitionEnd"===e?"transitionend":e:c+e.charAt(0).toUpperCase()+e.substr(1))}function s(e,t){for(var n=e.target;n&&!o(n,t);){if(n===e.currentTarget)return null;n=n.parentNode}return n}function l(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=o.type,r=void 0===n?"Event":n,i=o.bubbles,a=void 0===i||i,u=o.cancelable,s=void 0===u||u,l=document.createEvent(r);l.initEvent(t,a,s),e.dispatchEvent(l)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=o,e.addClass=n,e.removeClass=r,e.getData=i,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=s,e.dispatchEvent=l;var c=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,o={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var n in o)if(void 0!==e[o[n]])return n;return!1}()})},9:function(e,t){e.exports=function(e,t,o,n,r){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),n&&(s._scopeId=n);var l;if(r?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},s._ssrRegister=l):o&&(l=o),l){var c=s.functional,d=c?s.render:s.beforeCreate;c?s.render=function(e,t){return l.call(t),d(e,t)}:s.beforeCreate=d?[].concat(d,l):[l]}return{esModule:i,exports:a,options:s}}}})});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.radio=t():(e.cube=e.cube||{},e.cube.radio=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=348)}({163:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(86)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(0,o.prefixStyle)("flexBasis");t.default={props:{colNum:{type:Number,default:1}},watch:{colNum:{immediate:!0,handler:function(e){var t=this;if(e<=1)return"";this.$nextTick(function(){var o=100/e+"%";Array.prototype.forEach.call(t.$refs.group.children,function(e){e.style[n]=o})})}}}},e.exports=t.default})},165:function(e,t,o){function n(e){o(184)}var r=o(9)(o(185),o(186),n,null,null);e.exports=r.exports},184:function(e,t){},185:function(e,t,o){var n,r,i;!function(o,a){r=[e,t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&void 0!==t.radioValue&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){var e=this.$parent;if(!(e.horizontal||e.$props.colNum>1))return"border-bottom-1px"}}},e.exports=t.default})},186:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},187:function(e,t,o){function n(e){o(188)}var r=o(9)(o(189),o(190),n,null,null);e.exports=r.exports},188:function(e,t){},189:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(165),o(163)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);t.default={name:"cube-radio-group",mixins:[a.default],provide:function(){return{radioGroup:this}},props:{value:[String,Number],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(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:i.default}},e.exports=t.default})},190:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{ref:"group",staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal,"data-col":e.colNum>1}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},348:function(e,t,o){var n,r,i;!function(a,u){r=[e,t,o(187),o(165)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(o),a=r(n);i.default.install=function(e){e.component(i.default.name,i.default),e.component(a.default.name,a.default)},i.default.Radio=a.default,t.default=i.default,e.exports=t.default})},49:function(e,t,o){var n,r,i;!function(o,a){r=[t],n=a,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,o=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=o&&o.indexOf("android")>0,e.isIOS=o&&/iphone|ipad|ipod|ios/.test(o)})},86:function(e,t,o){var n,r,i;!function(a,u){r=[t,o(49)],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e,t){"use strict";function o(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function n(e,t){if(!o(e,t)){var n=e.className.split(" ");n.push(t),e.className=n.join(" ")}}function r(e,t){if(o(e,t)){var n=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(n," ")}}function i(e,t){return e.getAttribute("data-"+t)}function a(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function u(e){return!1!==c&&("standard"===c?"transitionEnd"===e?"transitionend":e:c+e.charAt(0).toUpperCase()+e.substr(1))}function s(e,t){for(var n=e.target;n&&!o(n,t);){if(n===e.currentTarget)return null;n=n.parentNode}return n}function l(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=o.type,r=void 0===n?"Event":n,i=o.bubbles,a=void 0===i||i,u=o.cancelable,s=void 0===u||u,l=document.createEvent(r);l.initEvent(t,a,s),e.dispatchEvent(l)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=o,e.addClass=n,e.removeClass=r,e.getData=i,e.getRect=a,e.prefixStyle=u,e.getMatchedTarget=s,e.dispatchEvent=l;var c=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,o={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var n in o)if(void 0!==e[o[n]])return n;return!1}()})},9:function(e,t){e.exports=function(e,t,o,n,r){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),n&&(s._scopeId=n);var l;if(r?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},s._ssrRegister=l):o&&(l=o),l){var c=s.functional,d=c?s.render:s.beforeCreate;c?s.render=function(e,t){return l.call(t),d(e,t)}:s.beforeCreate=d?[].concat(d,l):[l]}return{esModule:i,exports:a,options:s}}}})});
\ No newline at end of file
diff --git a/lib/rate/index.js b/lib/rate/index.js
index 1782f843a..0c65b105c 100644
--- a/lib/rate/index.js
+++ b/lib/rate/index.js
@@ -167,7 +167,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   var EVENT_INPUT = 'input';
 
   var EVENT_TYPE_MOUSE = 'mouse';
-
+  function isMouseEvent(e) {
+    return e.type.indexOf(EVENT_TYPE_MOUSE) > -1;
+  }
   exports.default = {
     name: COMPONENT_NAME,
     props: {
@@ -186,11 +188,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       justify: {
         type: Boolean,
         default: false
+      },
+      allowHalf: {
+        type: Boolean,
+        default: false
       }
     },
     data: function data() {
       return {
-        tempValue: this.value
+        tempValue: 0
       };
     },
     created: function created() {
@@ -203,16 +209,19 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       }
     },
     watch: {
-      value: function value(val) {
-        if (val !== this.tempValue) {
-          this.tempValue = val;
+      value: {
+        immediate: true,
+        handler: function handler(val) {
+          if (val !== this.tempValue) {
+            this.tempValue = this.handleNum(val);
+          }
         }
       }
     },
     methods: {
       handleStart: function handleStart(e) {
         if (!this.disabled) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+          if (isMouseEvent(e)) {
             this.mousePressed = true;
             document.addEventListener('mouseup', this.handleEnd);
             document.addEventListener('mousemove', this.handleMove);
@@ -223,26 +232,41 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         }
       },
       handleMove: function handleMove(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) === -1 ? e.touches[0] : e);
+        if (this.disabled) return;
+
+        if (!isMouseEvent(e)) {
+          this.computeTempValue(e.touches[0]);
+        } else if (this.mousePressed) {
+          this.computeTempValue(e);
         }
       },
       handleEnd: function handleEnd(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+        if (this.disabled) return;
+        if (!isMouseEvent(e) || this.mousePressed) {
+          if (isMouseEvent(e)) {
             this.mousePressed = false;
             document.removeEventListener('mouseup', this.handleEnd);
             document.removeEventListener('mousemove', this.handleMove);
           }
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) > -1 ? e : e.changedTouches[0]);
+          this.computeTempValue(isMouseEvent(e) ? e : e.changedTouches[0]);
           this.$emit(EVENT_INPUT, this.tempValue);
         }
       },
+      handleNum: function handleNum(num) {
+        if (this.allowHalf) {
+          var baseNum = Math.ceil(num) - 0.5;
+          num = num <= baseNum ? baseNum : baseNum + 0.5;
+        } else {
+          num = Math.ceil(num);
+        }
+        return num;
+      },
       computeTempValue: function computeTempValue(touch) {
-        var leftAmount = Math.ceil((touch.clientX - this.left) / this.containerWidth * this.max);
-        if (leftAmount > 0 && leftAmount <= this.max) {
-          this.tempValue = leftAmount;
-        } else if (leftAmount <= 0) {
+        var num = (touch.clientX - this.left) / this.containerWidth * this.max;
+        num = this.handleNum(num);
+        if (num > 0 && num <= this.max) {
+          this.tempValue = num;
+        } else if (num <= 0) {
           this.tempValue = 0;
         } else {
           this.tempValue = this.max;
@@ -313,7 +337,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   return _c('li', {
     staticClass: "cube-rate-item",
     class: {
-      'cube-rate-item_active': _vm.index <= _vm.$parent.tempValue
+      'cube-rate-item_active': _vm.index <= _vm.$parent.tempValue,
+        'cube-rate-item_half_active': _vm.index === _vm.$parent.tempValue + 0.5
     }
   }, [_vm._t("default", [_c('div', {
     staticClass: "cube-rate-item-def"
diff --git a/lib/rate/rate.min.css b/lib/rate/rate.min.css
index 503db7f7e..305842fce 100644
--- a/lib/rate/rate.min.css
+++ b/lib/rate/rate.min.css
@@ -1 +1 @@
-.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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=)}}
\ No newline at end of file
+.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIKUlEQVRoBcVZb1BUVRQ/d/8CIoIIrNJAhbkCRf79wExhmeIgqahBHxSdiWxsnAlNPzWjSTOV4+hoo31w1LJsmik/9EGnGRjFELOc0XAIWTUNAQnjnyCEC7v7br/zhA3Wfcsj39Zl7u7j3vvOPb97/t1zliiMTVbOXADyk8K4BZnCRVyefTKCfOYy0E9FD9s+YSNMnsiFYPsFMB+FHjYphAWAvPBEJAnT22QV5tLS0kwAcIRLCmEBQH2xL5KgPBpQaNOmTW/GxsYmAMBEdMOb4QDkzpcsRHIrmfGHlpiYOHf79u3z8DjFcO5B0HAA9EJbtqr7ilT5jYiIsObm5ubFxcVNxUC00SDUUzKKqLw010oPPGVkN80j70MAfyWtJ6hQMoDUnz59uhl79Ri1H9MxVgI97tkkRCENKn4epZRksVjs+fn5yyIjI9mYI/2TBjwYC0Chd8ksIujh4fvZ8/l85HA4srdu3ZqFwST/hAEPhgGQVc/PJrPMpX8O388eA4iOjo5cuXLlUqvVmogJjg2GNENsQO6EKibHvwfdX0Ce0cfvnlaiMqooCk2cODFZCFF7/vz5FgzeNwKBMRJYMGMGXGcx+32txgCioqKiV69enQdbYI8UobV2POPGAPBaSslqmhSo+4GMsCqlpKQsWL9+vRNzhsSFxwYgK51ORN2CYLofCMDr9bIaxRYXFy/FHNuCLXDNeP9/bADksxSTTTjIN1r3tRgZHByktLS03A0bNqRjTbzWOr3jCPvja7L6uTjyDCaCcb7fpENt3go03FAU2RZiYmImr1mzZsnhw4drsdaH7kYfRPcM/Y8vfU1oLZNn+U7TG0tu90z4mAwyKTOJxNPoyTDYZKjNVLJBgBy0Qhx+97wfH9nCZFIF33/u3Lkj+/bt+6G2trarp6fH7fF4+rH4AToDGv4ewDODDLqLUE900BtD0pRIUk5DJHWSIp8Dg3wNTgXDuBrLCLIIgSAFUqDDzobvOkFJYm5ECwaAp81mM7FRwy76oFYMoKmjo6Ph9u3bjU1NTa0NDQ1dFy9e7Kyrq7uH5X3oDIrBcGdJcfcKWZFejLv7zocnOhTmVQYxPXQhw5MuZtV1AR9aAHgZYoK/s1QYFH/39/f7BgYGOt1udweeO7q7u1uam5ubXC7X7TNnzrRWV1d34HVWuUYhT86NIrv7fbLIbSSFaRTTvMtjtlAAtEgziJGAWFJQL4mxgStXrpxYvnz5ZwDVgPebVRvAfUtQeSZ8Oe3Gk1WvR9FiYOT4vwEw8n1+Zsmw8YP5L9euXfv5nTt3rmH4Ls+pXgiShDZf3S8rMh5Az/eQSUQbLQne7N80lgRutB7Yw+dLliz5AjRuorcN0xoVB0Ru/SGc/htQ+HvIZ4fX/G/fNpuNDX2goqJiH5g/Akauo/uZZ8ZGAeABgDgBj7QOCcldeB4e+l8aM9/X19d66tSpjwoLC78GE3zynYHMPAKAF4hFdafwVQR3+TuibOA7Yf8f2Rv19vY27969e8e6deu+w4ZssOxOH2lBAfAqsai+mnzidRqUrv8ShN1up66urub9+/d/sHfv3p/Byu/omldvTQAqiNy6SySUAtjFRbKHXxJ88nCPt3bt2rUD/SfwwGrzF/Oi1UIC4JfEoms34AZeJ49SFU7DZp1va2u7VlZWtvPAgQPM/G/oHH1DtjEB8NviFVcjmXyvkZdOws3quECE3PORSaSZHH1b9+zZ8/GhQ4eY+VvoHGnHbLoAMBXx8o0OgNgLdfIi2BnaOFDB47QfO3aMjZXTTa/eDXQDUAl6zXPVSG2wDDjRgf5PWbZsmQP7jCvhHx8AQbPC4ZH4roN8OXHWrFnTwgZAns2MhjHP0HOF1iv+4XVc/EKib3E6nU9hjMuPupVUvwQeUAridqqaWgzvbOA3q1FqaqoTBs0AdOfK+gHYAMAikoy8qY7EzwASEhLS4+PjuQxvHzkX6lk/AIWy4EJ1izbUpsHm+LoMQ07Kzs7mcovumpEuAGq+IGT2cMU5GANaYxyg+HrA2ddYDe7UhsLX81inuwCsCwCdyI6AWc3WU/vxM8n8Ioe+fPny8fb29noGgCq1JhA2ZOi/afr06c4hAGMjxkJ9AGI64X1kErqfv5APD2+wXvIpP+Xk5Hy4atWqLeXl5btwz7mBBEWyRII1Tl4mT56cCo8Uh3ldhqwPgMk8H0cXmuDQifOp4wb7I8CW0D3Xi2DkOqRwuaio6DjSwW1VVVUHOJ/l60OgRDgeoIrtwG8JU/GeLjXSCUDMRw0IuV2wc8MYZ28MwCd/gZ0UU78vTyx2fSmK/E6XE5HrYP4Cou1hAClFTejg/fv37zAIBsONAeD0HVlZWRyRJ6iDY3yMWZmT32bacJrPBGWeT1tlnK4ihz5K/coRseJ6r8aeXJxiIN2VlZWd6I0FBQU/bN68OT8jIyNvwoQJjqGIbEXpEcUzFQBT1zo2TOmIePL7Z9PIqlRCNVL8MYBTTSbtkTcB7iD839cip6Zdpaj/g4+da6NJK1aseAa/3uQjEufjV82Empqa7+fMmbMDc7+ih7yVMhshmyxPz0Hp/AxOmF0IPAuW+6gRHukrsiufihxXa0gCY0+ybbHKTNm4cWN6SUlJIQw5Dcb/TktLyyWMa0lUpTw2gNOZmyhSHFRPf0D5A1W8oxDqEbH4apNKwbgPDl6qRLZs2TIbZZSOC2gYCylZHQAyjpPF9Cp5lW9QrfhELK5zGcdzUEp8nWYvxFL5E53TSs0W0oiHDPgujHOhWFpfo0nF2AmuUHNGxvUflggfsqYh/w0Dks+ZwQ7q7wAAAABJRU5ErkJggg==)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJmUlEQVR4AeVcfUxW1xk/5wUjdBQESxdcxdExpSioLUQGo1IRSjNmjN1H3Wg2t8nWlWUjzRhrl7GMZFqzYGpMOs2M/uHHMlejCzpaa9Rtjm6tc5sC2rEVFG2sHco3KLx3v9/1Xnx5+bof73vv1T7J855z7j0fz/nxnI/nnOcihIdIeTM9H+LEekgk4fOSMEIRL0KeZC/J5BmAlNfTHgMwJeB48Me8ApJnABIRvpoAUB4KiLsa9QRASsPCxRhenw9A4kHEPaFFngAIM2G1Ds7BgwdXaXFPaJHrACmvZ6QJqXxBB2jZsmVf1eLUoij9uVuh6wAJn//H6HykDkBUVFTS/v37OVmTXNciVwHC3JMqhPKV21jc+c3JyXlGS30c4Yw7b5yPuQqQiFBeQJdHtUfvfkxMzMO7d+9+AmnK56oWuQaQ8saCOej8Oh2U4DA/P1/XIuZzTYtcA0jIyB+i4zODgdHTsbGxj+zcuZOmB2VM0p87HboCkPLmIswtyvrpOgstelrL8wmErsjqSqNCjFSiw9NuBGfPnv3o1q1bc5CX85Qrc5HjACn1GfFCkRXosCEqLi5eo2V0RYscB0hEjfwAHZ5We3T0EhMTc6BF2UhTixyfixwFSPnzgvuhPd/XO280XLFihW6ncUVzVGZHGxMDkc9jco4zCoyeLykpqWDz5s08DqHpkag/dyJ0DCDlLw9FAxxOzpYIWlSsFeSBmmNyO9aQ6I97Dh2jAWqJkpOTn9q4cWMmCjuqRY4ApGqPopoVlsDRCxUWFtL8IHFFc4QcAUj0xn4NveEEa4tSU1Of1rSIq2CCrcoMFg47QMo7j83AjPEjg/JMm2358uXcOJLm3g7C+xt2gMT1gWdxnPrJUHUjLS2trKqqCsck6vVQ2LUobABRc9SzZnHnODVUIJWWlj6u1UUt4nALWz+kXaHVIfS/m58SEf5FWMYzoC0LUSdXmxTwuLOe6dq7kXVquizq+w0bNnxj06ZNrQGZ+xAnD4B7wf3gm2A/2DKZAkg9AfSJdCHBiliMs+QFaDkdPOmxhVnJjALEek+ePPnLI0eOnNm+ffulSdohOASMwBE0xgncINgQTQiQepjl86HjvkzgjxCaIVXNoDqHlcwApAuiKMqtvr6+Sz09PRevXr3a2tbW9l5jY2PbNMARMF3jCFwP+JZepx5K9T5ckYsBAofGIhUIRb3d1PM4GloBaDIB/X7/AIHr6upqv3z58rutra3tp06dat+3b9/7k5QZxnNqmA5cj1TeWLgKQ+W3eBiyYTJJ44YehxKgyRocHh7u7e/vv9TZ2fkfaFx7S0tL67Fjx9rr6+s/DCjD4dmiDjHl6KICaNBBsGlDMqDCkESdAGgiQTlMDx069LN169b9Ce+pSU3gbnV5lEXnTgj/SCEefAD+yBE0qnvv3r3VAeD8CyB0E4jR/YN88vxp4Y9YjjmojS8+KjQ0NPThjh07XqyoqHgbfebqdgbMOUilUYCYkk+ePQ9NysMSTvW652lwcPD9urq6qurqamoMQfkHeMwWYAxAREQWX7gibkbkA6S/MX2v0sDAwMX169c/r202OZzOgsct8+MAIiCy9Ox1EdNdgGgD0/cadXd3txQVFZVrq9Z19G9CcNjvCQHiC5nbMSDio1fhDPk3TN8rdO3atbfmzZv37aamJu53uCg1gyc1RyYFiIDIrNO3xI2mMkR/xfTdTjRN5s+fX6X1owPhBfCk4DDflAAxg/ySGJFFzc9hdfs503crEZzVq1f/XpO/HeF7RvoyLUB6JXJlM3wI5ff09N0UHj9+/OUAcN6F7BeNym8YIFYoi5q2YnV7FlHuNO8KamhoqF2zZs1hCMuhxO3LVTOCmwKIFcvi5t0YmPQj5L7Bs0TTAf6OL61du/YohFTtKoSdZgU2DRAbkIXNfxDSX4R5iUuk50gzHV4KMB24ATQNDjtmCSAWlCvPN4ph+QSiV5j2ClFzNNPhLcg0znQwK6dlgNiQLGn6pxj25yH6b7MNhyv/iRMn6qYyHcy2awsgNiafOt+G86Tvmm04XPkxKdOuInEDOM50UN+Y+LEN0O22cDTrEcrKytLvy+4LhUihAUhRckMhTCjqwL1ZmlZPSA7/QgOQFHRN8QTNmTNH1+aQXDDYBkh1yAzhzaldlOPj4x/R6qAG2e6f7QpwwOaZ4UVgfD5ftHY1zb7BJ8ke2QdI+HLsiRD60rm5uelarTF2a7cPkPTOBK2DkZKSwjs+0qzbgfVfWwDhNi0CTS+13nx4SsIzVgco1m4LtgASsQvhsGDcpdeusEbLR0dHJ2t56a5n6zsPewD5lM8YFdrpfJqHPpu9307b9gCS0rMAZWZmhmSitgeQCL0GwUODJ362KWDDaGsesgyQ6jUvxKdt9ySoArj7fmvLli3fgSfGa0GvTCXj4uLmawVcGmKDvmWmJDaW+Qyy9dXU1DRnZ2e/sm3btgr4+tQbKzo2V2RkZEx5eTkNV3q5WTY7LGsQ9qyhm3941S3lF3F78ig683cwz477eK6zdOnSTbt27ars6Ojg0akpKikp0e0yyxtG6wCFwoKnowQvAW40L5Yrm34X0PtOxAkU56PBysrK0xkZGbV79ux5Af48dE8xRAEbRsvDTPUPMtRaUCZ4pnWic/w/G1boCsrWioToHerl5NQ18I+YCH4YrDqFcgmHdjzDD+6mKtrb2/vfuXPnfh15eMFAwE2TJYBUZ84Ixcox6wcYSi+L+7peVa+2zYlLoJLA3ASqQPGb1oKCgi/PmjVLH0pjauT5dEJCAv2eSDyjNn3CaG2I+RSTBqrsAjA/FdEjqRhKdRbAYQd5dXMZ/Fcwb0aHeWuBYVRx+PDhmom2B1LKGdpnVMhubcNoDSAp8tiiAerD1dAvxJAvBcDUys9eoCepXSJQF8HvgHm/7i8rKzvO7QEvCenWgmejtGTJEt0uszRRWxtiR9M5nqcyUoeEkK9CazbKledM3WSO9sx4hLbWPDCHn0oHDhz4HI48vjlz5swH6M2hOSzwDu+clsVwYBog9dOmvthutKDOA0Et8Ur610IZqVUdsYJehjlJw5RAPai3w/8kk5eXVw7rvhTPKFuj/s5oaB4g/p8xRfwxqAE0LveKEVGLu7LWoHdOJ8cAhe86HoDZEa05lb8NYXiZaJgm0oJpCstsuAsH5nkNzp8/Uf0bA5+6FycAF8Ccn1LgRRYoCc+pwwzQnQ1ig/D7AQy8Y71J3PtwzokFc2vAPRs3jKbmRPMapMhbwqc8Dn8hwztaCOUmcb4kUAkam5Ll/3eOxdjOBHY1AAAAAElFTkSuQmCC)}}
\ No newline at end of file
diff --git a/lib/rate/rate.min.js b/lib/rate/rate.min.js
index b643da2eb..2fa09dcf8 100644
--- a/lib/rate/rate.min.js
+++ b/lib/rate/rate.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.rate=t():(e.cube=e.cube||{},e.cube.rate=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var u=n[o]={i:o,l:!1,exports:{}};return e[o].call(u.exports,u,u.exports,t),u.l=!0,u.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=350)}({195:function(e,t,n){function o(e){n(220)}var u=n(9)(n(221),n(222),o,null,null);e.exports=u.exports},217:function(e,t,n){function o(e){n(218)}var u=n(9)(n(219),n(223),o,null,null);e.exports=u.exports},218:function(e,t){},219:function(e,t,n){var o,u,r;!function(i,s){u=[e,t,n(195)],o=s,void 0!==(r="function"==typeof o?o.apply(t,u):o)&&(e.exports=r)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={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(e){e!==this.tempValue&&(this.tempValue=e)}},methods:{handleStart:function(e){if(!this.disabled){e.type.indexOf("mouse")>-1&&(this.mousePressed=!0,document.addEventListener("mouseup",this.handleEnd),document.addEventListener("mousemove",this.handleMove));var t=this.$refs.rateContainer.getBoundingClientRect();this.left=t.left,this.containerWidth=t.width}},handleMove:function(e){this.disabled||-1!==e.type.indexOf("mouse")&&!this.mousePressed||this.computeTempValue(-1===e.type.indexOf("mouse")?e.touches[0]:e)},handleEnd:function(e){this.disabled||-1!==e.type.indexOf("mouse")&&!this.mousePressed||(e.type.indexOf("mouse")>-1&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(e.type.indexOf("mouse")>-1?e:e.changedTouches[0]),this.$emit("input",this.tempValue))},computeTempValue:function(e){var t=Math.ceil((e.clientX-this.left)/this.containerWidth*this.max);t>0&&t<=this.max?this.tempValue=t:this.tempValue=t<=0?0:this.max}},components:{CubeRateItem:o.default}},e.exports=t.default})},220:function(e,t){},221:function(e,t,n){var o,u,r;!function(n,i){u=[e,t],o=i,void 0!==(r="function"==typeof o?o.apply(t,u):o)&&(e.exports=r)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-rate-item",props:{index:{type:Number,default:0}}},e.exports=t.default})},222:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":e.index<=e.$parent.tempValue}},[e._t("default",[n("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},223:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{ref:"rateContainer",staticClass:"cube-rate",class:e.rateClass,on:{touchstart:function(t){return t.stopPropagation(),e.handleStart(t)},touchmove:function(t){return t.stopPropagation(),t.preventDefault(),e.handleMove(t)},touchend:function(t){return t.stopPropagation(),e.handleEnd(t)},mousedown:function(t){return t.stopPropagation(),e.handleStart(t)},mousemove:function(t){return t.stopPropagation(),e.handleMove(t)},mouseup:function(t){return t.stopPropagation(),e.handleEnd(t)}}},[e._t("default",e._l(e.max,function(e){return n("cube-rate-item",{key:e,attrs:{index:e}})}))],2)},staticRenderFns:[]}},350:function(e,t,n){var o,u,r;!function(i,s){u=[e,t,n(217),n(195)],o=s,void 0!==(r="function"==typeof o?o.apply(t,u):o)&&(e.exports=r)}(0,function(e,t,n,o){"use strict";function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=u(n),i=u(o);r.default.install=function(e){e.component(r.default.name,r.default),e.component(i.default.name,i.default)},r.default.Item=i.default,t.default=r.default,e.exports=t.default})},9:function(e,t){e.exports=function(e,t,n,o,u){var r,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(r=e,i=e.default);var a="function"==typeof i?i.options:i;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),o&&(a._scopeId=o);var d;if(u?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},a._ssrRegister=d):n&&(d=n),d){var f=a.functional,c=f?a.render:a.beforeCreate;f?a.render=function(e,t){return d.call(t),c(e,t)}:a.beforeCreate=c?[].concat(c,d):[d]}return{esModule:r,exports:i,options:a}}}})});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.rate=t():(e.cube=e.cube||{},e.cube.rate=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var u=n[o]={i:o,l:!1,exports:{}};return e[o].call(u.exports,u,u.exports,t),u.l=!0,u.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=350)}({195:function(e,t,n){function o(e){n(220)}var u=n(9)(n(221),n(222),o,null,null);e.exports=u.exports},217:function(e,t,n){function o(e){n(218)}var u=n(9)(n(219),n(223),o,null,null);e.exports=u.exports},218:function(e,t){},219:function(e,t,n){var o,u,r;!function(a,i){u=[e,t,n(195)],o=i,void 0!==(r="function"==typeof o?o.apply(t,u):o)&&(e.exports=r)}(0,function(e,t,n){"use strict";function o(e){return e.type.indexOf(r)>-1}Object.defineProperty(t,"__esModule",{value:!0});var u=function(e){return e&&e.__esModule?e:{default:e}}(n),r="mouse";t.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},allowHalf:{type:Boolean,default:!1}},data:function(){return{tempValue:0}},created:function(){this.mousePressed=!1},computed:{rateClass:function(){return this.justify&&"cube-rate-justify"}},watch:{value:{immediate:!0,handler:function(e){e!==this.tempValue&&(this.tempValue=this.handleNum(e))}}},methods:{handleStart:function(e){if(!this.disabled){o(e)&&(this.mousePressed=!0,document.addEventListener("mouseup",this.handleEnd),document.addEventListener("mousemove",this.handleMove));var t=this.$refs.rateContainer.getBoundingClientRect();this.left=t.left,this.containerWidth=t.width}},handleMove:function(e){this.disabled||(o(e)?this.mousePressed&&this.computeTempValue(e):this.computeTempValue(e.touches[0]))},handleEnd:function(e){this.disabled||o(e)&&!this.mousePressed||(o(e)&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(o(e)?e:e.changedTouches[0]),this.$emit("input",this.tempValue))},handleNum:function(e){if(this.allowHalf){var t=Math.ceil(e)-.5;e=e<=t?t:t+.5}else e=Math.ceil(e);return e},computeTempValue:function(e){var t=(e.clientX-this.left)/this.containerWidth*this.max;t=this.handleNum(t),t>0&&t<=this.max?this.tempValue=t:this.tempValue=t<=0?0:this.max}},components:{CubeRateItem:u.default}},e.exports=t.default})},220:function(e,t){},221:function(e,t,n){var o,u,r;!function(n,a){u=[e,t],o=a,void 0!==(r="function"==typeof o?o.apply(t,u):o)&&(e.exports=r)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-rate-item",props:{index:{type:Number,default:0}}},e.exports=t.default})},222:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":e.index<=e.$parent.tempValue,"cube-rate-item_half_active":e.index===e.$parent.tempValue+.5}},[e._t("default",[n("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},223:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{ref:"rateContainer",staticClass:"cube-rate",class:e.rateClass,on:{touchstart:function(t){return t.stopPropagation(),e.handleStart(t)},touchmove:function(t){return t.stopPropagation(),t.preventDefault(),e.handleMove(t)},touchend:function(t){return t.stopPropagation(),e.handleEnd(t)},mousedown:function(t){return t.stopPropagation(),e.handleStart(t)},mousemove:function(t){return t.stopPropagation(),e.handleMove(t)},mouseup:function(t){return t.stopPropagation(),e.handleEnd(t)}}},[e._t("default",e._l(e.max,function(e){return n("cube-rate-item",{key:e,attrs:{index:e}})}))],2)},staticRenderFns:[]}},350:function(e,t,n){var o,u,r;!function(a,i){u=[e,t,n(217),n(195)],o=i,void 0!==(r="function"==typeof o?o.apply(t,u):o)&&(e.exports=r)}(0,function(e,t,n,o){"use strict";function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=u(n),a=u(o);r.default.install=function(e){e.component(r.default.name,r.default),e.component(a.default.name,a.default)},r.default.Item=a.default,t.default=r.default,e.exports=t.default})},9:function(e,t){e.exports=function(e,t,n,o,u){var r,a=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(r=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),o&&(s._scopeId=o);var l;if(u?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},s._ssrRegister=l):n&&(l=n),l){var d=s.functional,c=d?s.render:s.beforeCreate;d?s.render=function(e,t){return l.call(t),c(e,t)}:s.beforeCreate=c?[].concat(c,l):[l]}return{esModule:r,exports:a,options:s}}}})});
\ No newline at end of file
diff --git a/lib/rate/style.css b/lib/rate/style.css
index 503db7f7e..305842fce 100644
--- a/lib/rate/style.css
+++ b/lib/rate/style.css
@@ -1 +1 @@
-.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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=)}}
\ No newline at end of file
+.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIKUlEQVRoBcVZb1BUVRQ/d/8CIoIIrNJAhbkCRf79wExhmeIgqahBHxSdiWxsnAlNPzWjSTOV4+hoo31w1LJsmik/9EGnGRjFELOc0XAIWTUNAQnjnyCEC7v7br/zhA3Wfcsj39Zl7u7j3vvOPb97/t1zliiMTVbOXADyk8K4BZnCRVyefTKCfOYy0E9FD9s+YSNMnsiFYPsFMB+FHjYphAWAvPBEJAnT22QV5tLS0kwAcIRLCmEBQH2xL5KgPBpQaNOmTW/GxsYmAMBEdMOb4QDkzpcsRHIrmfGHlpiYOHf79u3z8DjFcO5B0HAA9EJbtqr7ilT5jYiIsObm5ubFxcVNxUC00SDUUzKKqLw010oPPGVkN80j70MAfyWtJ6hQMoDUnz59uhl79Ri1H9MxVgI97tkkRCENKn4epZRksVjs+fn5yyIjI9mYI/2TBjwYC0Chd8ksIujh4fvZ8/l85HA4srdu3ZqFwST/hAEPhgGQVc/PJrPMpX8O388eA4iOjo5cuXLlUqvVmogJjg2GNENsQO6EKibHvwfdX0Ce0cfvnlaiMqooCk2cODFZCFF7/vz5FgzeNwKBMRJYMGMGXGcx+32txgCioqKiV69enQdbYI8UobV2POPGAPBaSslqmhSo+4GMsCqlpKQsWL9+vRNzhsSFxwYgK51ORN2CYLofCMDr9bIaxRYXFy/FHNuCLXDNeP9/bADksxSTTTjIN1r3tRgZHByktLS03A0bNqRjTbzWOr3jCPvja7L6uTjyDCaCcb7fpENt3go03FAU2RZiYmImr1mzZsnhw4drsdaH7kYfRPcM/Y8vfU1oLZNn+U7TG0tu90z4mAwyKTOJxNPoyTDYZKjNVLJBgBy0Qhx+97wfH9nCZFIF33/u3Lkj+/bt+6G2trarp6fH7fF4+rH4AToDGv4ewDODDLqLUE900BtD0pRIUk5DJHWSIp8Dg3wNTgXDuBrLCLIIgSAFUqDDzobvOkFJYm5ECwaAp81mM7FRwy76oFYMoKmjo6Ph9u3bjU1NTa0NDQ1dFy9e7Kyrq7uH5X3oDIrBcGdJcfcKWZFejLv7zocnOhTmVQYxPXQhw5MuZtV1AR9aAHgZYoK/s1QYFH/39/f7BgYGOt1udweeO7q7u1uam5ubXC7X7TNnzrRWV1d34HVWuUYhT86NIrv7fbLIbSSFaRTTvMtjtlAAtEgziJGAWFJQL4mxgStXrpxYvnz5ZwDVgPebVRvAfUtQeSZ8Oe3Gk1WvR9FiYOT4vwEw8n1+Zsmw8YP5L9euXfv5nTt3rmH4Ls+pXgiShDZf3S8rMh5Az/eQSUQbLQne7N80lgRutB7Yw+dLliz5AjRuorcN0xoVB0Ru/SGc/htQ+HvIZ4fX/G/fNpuNDX2goqJiH5g/Akauo/uZZ8ZGAeABgDgBj7QOCcldeB4e+l8aM9/X19d66tSpjwoLC78GE3zynYHMPAKAF4hFdafwVQR3+TuibOA7Yf8f2Rv19vY27969e8e6deu+w4ZssOxOH2lBAfAqsai+mnzidRqUrv8ShN1up66urub9+/d/sHfv3p/Byu/omldvTQAqiNy6SySUAtjFRbKHXxJ88nCPt3bt2rUD/SfwwGrzF/Oi1UIC4JfEoms34AZeJ49SFU7DZp1va2u7VlZWtvPAgQPM/G/oHH1DtjEB8NviFVcjmXyvkZdOws3quECE3PORSaSZHH1b9+zZ8/GhQ4eY+VvoHGnHbLoAMBXx8o0OgNgLdfIi2BnaOFDB47QfO3aMjZXTTa/eDXQDUAl6zXPVSG2wDDjRgf5PWbZsmQP7jCvhHx8AQbPC4ZH4roN8OXHWrFnTwgZAns2MhjHP0HOF1iv+4XVc/EKib3E6nU9hjMuPupVUvwQeUAridqqaWgzvbOA3q1FqaqoTBs0AdOfK+gHYAMAikoy8qY7EzwASEhLS4+PjuQxvHzkX6lk/AIWy4EJ1izbUpsHm+LoMQ07Kzs7mcovumpEuAGq+IGT2cMU5GANaYxyg+HrA2ddYDe7UhsLX81inuwCsCwCdyI6AWc3WU/vxM8n8Ioe+fPny8fb29noGgCq1JhA2ZOi/afr06c4hAGMjxkJ9AGI64X1kErqfv5APD2+wXvIpP+Xk5Hy4atWqLeXl5btwz7mBBEWyRII1Tl4mT56cCo8Uh3ldhqwPgMk8H0cXmuDQifOp4wb7I8CW0D3Xi2DkOqRwuaio6DjSwW1VVVUHOJ/l60OgRDgeoIrtwG8JU/GeLjXSCUDMRw0IuV2wc8MYZ28MwCd/gZ0UU78vTyx2fSmK/E6XE5HrYP4Cou1hAClFTejg/fv37zAIBsONAeD0HVlZWRyRJ6iDY3yMWZmT32bacJrPBGWeT1tlnK4ihz5K/coRseJ6r8aeXJxiIN2VlZWd6I0FBQU/bN68OT8jIyNvwoQJjqGIbEXpEcUzFQBT1zo2TOmIePL7Z9PIqlRCNVL8MYBTTSbtkTcB7iD839cip6Zdpaj/g4+da6NJK1aseAa/3uQjEufjV82Empqa7+fMmbMDc7+ih7yVMhshmyxPz0Hp/AxOmF0IPAuW+6gRHukrsiufihxXa0gCY0+ybbHKTNm4cWN6SUlJIQw5Dcb/TktLyyWMa0lUpTw2gNOZmyhSHFRPf0D5A1W8oxDqEbH4apNKwbgPDl6qRLZs2TIbZZSOC2gYCylZHQAyjpPF9Cp5lW9QrfhELK5zGcdzUEp8nWYvxFL5E53TSs0W0oiHDPgujHOhWFpfo0nF2AmuUHNGxvUflggfsqYh/w0Dks+ZwQ7q7wAAAABJRU5ErkJggg==)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJmUlEQVR4AeVcfUxW1xk/5wUjdBQESxdcxdExpSioLUQGo1IRSjNmjN1H3Wg2t8nWlWUjzRhrl7GMZFqzYGpMOs2M/uHHMlejCzpaa9Rtjm6tc5sC2rEVFG2sHco3KLx3v9/1Xnx5+bof73vv1T7J855z7j0fz/nxnI/nnOcihIdIeTM9H+LEekgk4fOSMEIRL0KeZC/J5BmAlNfTHgMwJeB48Me8ApJnABIRvpoAUB4KiLsa9QRASsPCxRhenw9A4kHEPaFFngAIM2G1Ds7BgwdXaXFPaJHrACmvZ6QJqXxBB2jZsmVf1eLUoij9uVuh6wAJn//H6HykDkBUVFTS/v37OVmTXNciVwHC3JMqhPKV21jc+c3JyXlGS30c4Yw7b5yPuQqQiFBeQJdHtUfvfkxMzMO7d+9+AmnK56oWuQaQ8saCOej8Oh2U4DA/P1/XIuZzTYtcA0jIyB+i4zODgdHTsbGxj+zcuZOmB2VM0p87HboCkPLmIswtyvrpOgstelrL8wmErsjqSqNCjFSiw9NuBGfPnv3o1q1bc5CX85Qrc5HjACn1GfFCkRXosCEqLi5eo2V0RYscB0hEjfwAHZ5We3T0EhMTc6BF2UhTixyfixwFSPnzgvuhPd/XO280XLFihW6ncUVzVGZHGxMDkc9jco4zCoyeLykpqWDz5s08DqHpkag/dyJ0DCDlLw9FAxxOzpYIWlSsFeSBmmNyO9aQ6I97Dh2jAWqJkpOTn9q4cWMmCjuqRY4ApGqPopoVlsDRCxUWFtL8IHFFc4QcAUj0xn4NveEEa4tSU1Of1rSIq2CCrcoMFg47QMo7j83AjPEjg/JMm2358uXcOJLm3g7C+xt2gMT1gWdxnPrJUHUjLS2trKqqCsck6vVQ2LUobABRc9SzZnHnODVUIJWWlj6u1UUt4nALWz+kXaHVIfS/m58SEf5FWMYzoC0LUSdXmxTwuLOe6dq7kXVquizq+w0bNnxj06ZNrQGZ+xAnD4B7wf3gm2A/2DKZAkg9AfSJdCHBiliMs+QFaDkdPOmxhVnJjALEek+ePPnLI0eOnNm+ffulSdohOASMwBE0xgncINgQTQiQepjl86HjvkzgjxCaIVXNoDqHlcwApAuiKMqtvr6+Sz09PRevXr3a2tbW9l5jY2PbNMARMF3jCFwP+JZepx5K9T5ckYsBAofGIhUIRb3d1PM4GloBaDIB/X7/AIHr6upqv3z58rutra3tp06dat+3b9/7k5QZxnNqmA5cj1TeWLgKQ+W3eBiyYTJJ44YehxKgyRocHh7u7e/vv9TZ2fkfaFx7S0tL67Fjx9rr6+s/DCjD4dmiDjHl6KICaNBBsGlDMqDCkESdAGgiQTlMDx069LN169b9Ce+pSU3gbnV5lEXnTgj/SCEefAD+yBE0qnvv3r3VAeD8CyB0E4jR/YN88vxp4Y9YjjmojS8+KjQ0NPThjh07XqyoqHgbfebqdgbMOUilUYCYkk+ePQ9NysMSTvW652lwcPD9urq6qurqamoMQfkHeMwWYAxAREQWX7gibkbkA6S/MX2v0sDAwMX169c/r202OZzOgsct8+MAIiCy9Ox1EdNdgGgD0/cadXd3txQVFZVrq9Z19G9CcNjvCQHiC5nbMSDio1fhDPk3TN8rdO3atbfmzZv37aamJu53uCg1gyc1RyYFiIDIrNO3xI2mMkR/xfTdTjRN5s+fX6X1owPhBfCk4DDflAAxg/ySGJFFzc9hdfs503crEZzVq1f/XpO/HeF7RvoyLUB6JXJlM3wI5ff09N0UHj9+/OUAcN6F7BeNym8YIFYoi5q2YnV7FlHuNO8KamhoqF2zZs1hCMuhxO3LVTOCmwKIFcvi5t0YmPQj5L7Bs0TTAf6OL61du/YohFTtKoSdZgU2DRAbkIXNfxDSX4R5iUuk50gzHV4KMB24ATQNDjtmCSAWlCvPN4ph+QSiV5j2ClFzNNPhLcg0znQwK6dlgNiQLGn6pxj25yH6b7MNhyv/iRMn6qYyHcy2awsgNiafOt+G86Tvmm04XPkxKdOuInEDOM50UN+Y+LEN0O22cDTrEcrKytLvy+4LhUihAUhRckMhTCjqwL1ZmlZPSA7/QgOQFHRN8QTNmTNH1+aQXDDYBkh1yAzhzaldlOPj4x/R6qAG2e6f7QpwwOaZ4UVgfD5ftHY1zb7BJ8ke2QdI+HLsiRD60rm5uelarTF2a7cPkPTOBK2DkZKSwjs+0qzbgfVfWwDhNi0CTS+13nx4SsIzVgco1m4LtgASsQvhsGDcpdeusEbLR0dHJ2t56a5n6zsPewD5lM8YFdrpfJqHPpu9307b9gCS0rMAZWZmhmSitgeQCL0GwUODJ362KWDDaGsesgyQ6jUvxKdt9ySoArj7fmvLli3fgSfGa0GvTCXj4uLmawVcGmKDvmWmJDaW+Qyy9dXU1DRnZ2e/sm3btgr4+tQbKzo2V2RkZEx5eTkNV3q5WTY7LGsQ9qyhm3941S3lF3F78ig683cwz477eK6zdOnSTbt27ars6Ojg0akpKikp0e0yyxtG6wCFwoKnowQvAW40L5Yrm34X0PtOxAkU56PBysrK0xkZGbV79ux5Af48dE8xRAEbRsvDTPUPMtRaUCZ4pnWic/w/G1boCsrWioToHerl5NQ18I+YCH4YrDqFcgmHdjzDD+6mKtrb2/vfuXPnfh15eMFAwE2TJYBUZ84Ixcox6wcYSi+L+7peVa+2zYlLoJLA3ASqQPGb1oKCgi/PmjVLH0pjauT5dEJCAv2eSDyjNn3CaG2I+RSTBqrsAjA/FdEjqRhKdRbAYQd5dXMZ/Fcwb0aHeWuBYVRx+PDhmom2B1LKGdpnVMhubcNoDSAp8tiiAerD1dAvxJAvBcDUys9eoCepXSJQF8HvgHm/7i8rKzvO7QEvCenWgmejtGTJEt0uszRRWxtiR9M5nqcyUoeEkK9CazbKledM3WSO9sx4hLbWPDCHn0oHDhz4HI48vjlz5swH6M2hOSzwDu+clsVwYBog9dOmvthutKDOA0Et8Ur610IZqVUdsYJehjlJw5RAPai3w/8kk5eXVw7rvhTPKFuj/s5oaB4g/p8xRfwxqAE0LveKEVGLu7LWoHdOJ8cAhe86HoDZEa05lb8NYXiZaJgm0oJpCstsuAsH5nkNzp8/Uf0bA5+6FycAF8Ccn1LgRRYoCc+pwwzQnQ1ig/D7AQy8Y71J3PtwzokFc2vAPRs3jKbmRPMapMhbwqc8Dn8hwztaCOUmcb4kUAkam5Ll/3eOxdjOBHY1AAAAAElFTkSuQmCC)}}
\ No newline at end of file
diff --git a/lib/segment-picker/index.js b/lib/segment-picker/index.js
index d38526901..e67b3033a 100644
--- a/lib/segment-picker/index.js
+++ b/lib/segment-picker/index.js
@@ -7488,10 +7488,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 /* 160 */,
 /* 161 */,
 /* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */
+/* 163 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(9)(
@@ -7511,6 +7508,9 @@ module.exports = Component.exports
 
 
 /***/ }),
+/* 164 */,
+/* 165 */,
+/* 166 */,
 /* 167 */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7927,7 +7927,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(117), __webpack_require__(166), __webpack_require__(368), __webpack_require__(140), __webpack_require__(178), __webpack_require__(371), __webpack_require__(84)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(117), __webpack_require__(163), __webpack_require__(368), __webpack_require__(140), __webpack_require__(178), __webpack_require__(371), __webpack_require__(84)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/segment-picker/segment-picker.min.js b/lib/segment-picker/segment-picker.min.js
index d88caecfd..1b38a01ed 100644
--- a/lib/segment-picker/segment-picker.min.js
+++ b/lib/segment-picker/segment-picker.min.js
@@ -8,4 +8,4 @@ var Y=function(){function t(t,e){var i=[],n=!0,o=!1,s=void 0;try{for(var r,a=t[S
  * (c) 2019 ustbhuangyi
  * @license MIT
  */
-var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:h,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(27),r=i(94),a=i(95),l=i(41),c=i(123),h=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=s(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=h(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)c(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)c(i,g,v?r(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,c,h){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(s),v=u(r),g=u(a),y=u(l),x=u(c);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var c=a[l][this.valueKey],h=0;h<e.length;h++)if(e[h][this.valueKey]===c){r=h;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:h.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return h.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(i),h=l(n),u=l(o),p=l(s),f=l(r),d=l(a);e.default={name:"cube-cascade-picker",mixins:[h.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(165),i(367),i(139),i(177),i(370),i(83)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=c(i),u=c(n),p=c(o),f=c(s),d=c(r),m=c(a),v=c(l);p.default.install=function(t){t.component(h.default.name,h.default),t.component(u.default.name,u.default),t.component(p.default.name,p.default),v.default.install(t),(0,f.default)(t,h.default),(0,d.default)(t,u.default),(0,m.default)(t,p.default)},p.default.Picker=h.default,u.default.Picker=h.default,p.default.CascadePicker=u.default,e.default=p.default,t.exports=e.default})},function(t,e,i){var n=i(9)(i(368),i(369),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(58),i(69),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),c=a(n),h=a(o),u=a(s),p=a(r);e.default={name:"cube-segment-picker",mixins:[c.default,h.default,u.default,p.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;t<this.data.length;t++){var e=this.$refs.pickers[t];if(e.$attrs.index===this.current)return e}},_nextTxt:function(){return this.nextTxt||this.$t("next")},_prevTxt:function(){return this.prevTxt||this.$t("prev")}},watch:{data:function(){this.current=0,this.selectedVal=[],this.selectedIndex=[],this.selectedText=[]}},methods:{show:function(){!this.isVisible&&this.data.length&&(this.isVisible=!0,this.currentPicker.show())},hide:function(){this.isVisible&&this.data.length&&(this.isVisible=!1,this.currentPicker.hide())},_select:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.selectedVal[this.current]=e[0],this.selectedIndex[this.current]=e[1],this.selectedText[this.current]=e[2],this.current<this.data.length-1?(this.$emit.apply(this,["next",this.current].concat((0,l.default)(e))),this.current++,this.currentPicker.show()):(this.isVisible=!1,this.$emit("select",this.selectedVal,this.selectedIndex,this.selectedText),this.current=0)},_cancel:function(){if(this.current>0){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["prev",this.current].concat((0,l.default)(e))),this.current--,this.currentPicker.show()}else this.isVisible=!1,this.$emit("cancel")},_change:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["change",this.current].concat((0,l.default)(e)))}}},t.exports=e.default})},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,n){return i(e.is||"cube-picker",t._b({key:n,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:n,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(n===t.data.length-1?t._confirmTxt:t._nextTxt),"cancel-txt":e.cancelTxt||(0===n?t._cancelTxt:t._prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,i){i&&(0,n.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})}])});
\ No newline at end of file
+var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:h,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(27),r=i(94),a=i(95),l=i(41),c=i(123),h=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=s(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=h(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)c(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)c(i,g,v?r(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,c,h){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(s),v=u(r),g=u(a),y=u(l),x=u(c);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var c=a[l][this.valueKey],h=0;h<e.length;h++)if(e[h][this.valueKey]===c){r=h;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:h.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return h.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(i),h=l(n),u=l(o),p=l(s),f=l(r),d=l(a);e.default={name:"cube-cascade-picker",mixins:[h.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("CascadePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(162),i(367),i(139),i(177),i(370),i(83)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=c(i),u=c(n),p=c(o),f=c(s),d=c(r),m=c(a),v=c(l);p.default.install=function(t){t.component(h.default.name,h.default),t.component(u.default.name,u.default),t.component(p.default.name,p.default),v.default.install(t),(0,f.default)(t,h.default),(0,d.default)(t,u.default),(0,m.default)(t,p.default)},p.default.Picker=h.default,u.default.Picker=h.default,p.default.CascadePicker=u.default,e.default=p.default,t.exports=e.default})},function(t,e,i){var n=i(9)(i(368),i(369),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(58),i(69),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),c=a(n),h=a(o),u=a(s),p=a(r);e.default={name:"cube-segment-picker",mixins:[c.default,h.default,u.default,p.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;t<this.data.length;t++){var e=this.$refs.pickers[t];if(e.$attrs.index===this.current)return e}},_nextTxt:function(){return this.nextTxt||this.$t("next")},_prevTxt:function(){return this.prevTxt||this.$t("prev")}},watch:{data:function(){this.current=0,this.selectedVal=[],this.selectedIndex=[],this.selectedText=[]}},methods:{show:function(){!this.isVisible&&this.data.length&&(this.isVisible=!0,this.currentPicker.show())},hide:function(){this.isVisible&&this.data.length&&(this.isVisible=!1,this.currentPicker.hide())},_select:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.selectedVal[this.current]=e[0],this.selectedIndex[this.current]=e[1],this.selectedText[this.current]=e[2],this.current<this.data.length-1?(this.$emit.apply(this,["next",this.current].concat((0,l.default)(e))),this.current++,this.currentPicker.show()):(this.isVisible=!1,this.$emit("select",this.selectedVal,this.selectedIndex,this.selectedText),this.current=0)},_cancel:function(){if(this.current>0){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["prev",this.current].concat((0,l.default)(e))),this.current--,this.currentPicker.show()}else this.isVisible=!1,this.$emit("cancel")},_change:function(){for(var t=arguments.length,e=Array(t),i=0;i<t;i++)e[i]=arguments[i];this.$emit.apply(this,["change",this.current].concat((0,l.default)(e)))}}},t.exports=e.default})},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,n){return i(e.is||"cube-picker",t._b({key:n,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:n,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(n===t.data.length-1?t._confirmTxt:t._nextTxt),"cancel-txt":e.cancelTxt||(0===n?t._cancelTxt:t._prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,i){i&&(0,n.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})}])});
\ No newline at end of file
diff --git a/lib/style.css b/lib/style.css
index 4425f2017..9c684e5d3 100644
--- a/lib/style.css
+++ b/lib/style.css
@@ -1 +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;-moz-user-select:none;-ms-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);transform:scale(.5)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%;-webkit-transform:scale(.5);transform:scale(.5)}.border-left-1px:before{height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@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);transform:scale(.333)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(./fonts/cubeic.dcc2b6f.ttf) 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-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.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-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;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;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s}@-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;-webkit-box-align:center;-webkit-align-items: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;-webkit-justify-content: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-tab-bar{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-tab-bar,.cube-tab-bar_inline .cube-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-tab-bar_inline .cube-tab{-webkit-align-content:center;align-content:center}.cube-tab-bar-slider{position:absolute;left:0;bottom:0;height:2px;width:20px;background-color:#e8864c}.cube-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px 0;color:#666;text-align:center}.cube-tab_active{color:#e8864c}.cube-tab-panels{position:relative;overflow:hidden}.cube-tab-panels-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1);transition:all .4s cubic-bezier(.86,0,.07,1)}.cube-tab-panel{width:100%;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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,100%,0);transform:translate3d(0,100%,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;box-sizing:content-box;font-size:14px}.cube-picker-confirm{position:absolute;right:0;color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{position:absolute;left:0;color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content: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-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-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:-webkit-flex;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;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,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{height:100%;top:-100%}.cube-popup-center .cube-popup-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-popup-top .cube-popup-content{top:-100%;left:-100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-right .cube-popup-content{top:-100%;right:100%}.cube-popup-left .cube-popup-content{left:-100%}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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}.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip{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;box-sizing:content-box;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-content-def>p+.cube-input{margin-top:12px}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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;-moz-user-select:none;-ms-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:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-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;box-shadow:-2px 0 2px rgba(0,0,0,.2)}.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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index:1;-webkit-box-flex:1;-webkit-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-scroll-list-wrapper{overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .before-trigger{height:54px;line-height:0;padding-top:6px}.cube-pulldown-wrapper .after-trigger .loading{padding:8px 0}.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded{padding:12px 0}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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-image-preview-fade-enter,.cube-image-preview-fade-leave-active{opacity:0}.cube-image-preview-fade-enter-active,.cube-image-preview-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-image-preview .cube-popup-mask{opacity:.6}.cube-image-preview .cube-popup-content{width:100%;height:100%}.cube-image-preview .cube-slide-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.cube-image-preview-container{height:100%;margin:0 -10px}.cube-image-preview-footer,.cube-image-preview-header{position:absolute;left:0;right:0}.cube-image-preview-header{top:0}.cube-image-preview-footer{bottom:0}.cube-image-preview-counter{position:absolute;bottom:50px;width:100%;text-align:center;font-size:14px;color:#fff}.cube-image-preview-item{position:relative;padding:0 10px;width:100%;height:100%}.cube-image-preview-item .cube-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-image-preview-item .cube-image-preview-img{display:block;height:auto;max-width:100%;max-height:100%}.cube-slide{min-height:1px}.cube-slide,.cube-slide-group{position:relative;height:100%;overflow:hidden}.cube-slide-group{white-space:nowrap;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.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%;width:100%}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-sticky{position:relative;height:100%;overflow:hidden}.cube-sticky-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-sticky-fixed-fade-enter,.cube-sticky-fixed-fade-leave-active{opacity:0}.cube-sticky-fixed-fade-enter-active,.cube-sticky-fixed-fade-leave-active{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cube-sticky-ele{position:relative}.cube-scroll-nav{position:relative;height:100%;overflow:hidden}.cube-scroll-nav .cube-sticky-content{height:100%}.cube-scroll-nav-main{overflow:hidden}.cube-scroll-nav-main>.cube-sticky{position:static}.cube-scroll-nav_side>.cube-sticky{display:-webkit-box;display:-webkit-flex;display:flex}.cube-scroll-nav_side>.cube-sticky>.cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-scroll-nav_side>.cube-sticky>.cube-sticky-fixed{position:relative;height:100%;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky-ele{float:left}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky{overflow:hidden}.cube-scroll-nav-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;color:#666;background-color:#fff}.cube-scroll-nav-bar_horizontal{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.cube-scroll-nav-bar_horizontal .cube-scroll-content{display:inline-block;vertical-align:top}.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items{white-space:nowrap}.cube-scroll-nav-bar_vertical{height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-scroll-nav-bar_vertical .cube-scroll-nav-bar-item{display:block}.cube-scroll-nav-bar-items{font-size:14px}.cube-scroll-nav-bar-item{display:inline-block;vertical-align:top;padding:20px 15px}.cube-scroll-nav-bar-item_active{color:#fc9153}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
\ No newline at end of file
+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;-moz-user-select:none;-ms-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);transform:scale(.5)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%;-webkit-transform:scale(.5);transform:scale(.5)}.border-left-1px:before{height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@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);transform:scale(.333)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(./fonts/cubeic.dcc2b6f.ttf) 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-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.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-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}.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.cube-btn_active,.cube-btn:active{background:#444654}.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-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}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.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}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.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_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled: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 #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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:-webkit-flex;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;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s}@-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:-webkit-flex;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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;-webkit-box-align:center;-webkit-align-items: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;-webkit-justify-content: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-tab-bar{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-tab-bar,.cube-tab-bar_inline .cube-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-tab-bar_inline .cube-tab{-webkit-align-content:center;align-content:center}.cube-tab-bar-slider{position:absolute;left:0;bottom:0;height:2px;width:20px;background-color:#e8864c}.cube-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px 0;color:#666;text-align:center}.cube-tab_active{color:#e8864c}.cube-tab-panels{position:relative;overflow:hidden}.cube-tab-panels-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1);transition:all .4s cubic-bezier(.86,0,.07,1)}.cube-tab-panel{width:100%;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.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-col=true],.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-col=true]:after,.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-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-col=true]:after,.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-col=true] .cube-checkbox,.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-col=true] .cube-checkbox:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-col=true] .cube-checkbox:last-child:before,.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-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-col=true] .cube-checkbox[data-pos=right] .cube-checkbox-label,.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-col=true] .cube-checkbox-wrap,.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checkbox-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-checkbox-group[data-col=true] .cube-checkbox{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-checkbox-group[data-col=true] .cube-checkbox:after{display:none}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item: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 #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active.cube-checker-item_disabled{background:#eee;position:relative}.cube-checker-item_active.cube-checker-item_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:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active.cube-checker-item_disabled:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_disabled{color:#ccc}.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-col=true],.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-col=true]:after,.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-col=true]:after,.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-col=true]:after,.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-col=true] .cube-radio,.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-col=true] .cube-radio:after,.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-col=true] .cube-radio:last-child:after,.cube-radio-group[data-col=true] .cube-radio:last-child:before,.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-col=true] .cube-radio[data-pos=right] .cube-radio-ui,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-col=true] .cube-radio[data-pos=right] .cube-radio-label,.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-col=true] .cube-radio-wrap,.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio-group[data-col=true]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-radio-group[data-col=true] .cube-radio{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}.cube-radio-group[data-col=true] .cube-radio:after{display:none}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.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);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)}.cube-radio_selected .cube-radio-ui i:before{background-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{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;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;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;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;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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,100%,0);transform:translate3d(0,100%,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;box-sizing:content-box;font-size:14px}.cube-picker-confirm{position:absolute;right:0;color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{position:absolute;left:0;color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content: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-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-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:-webkit-flex;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;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,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{height:100%;top:-100%}.cube-popup-center .cube-popup-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-popup-top .cube-popup-content{top:-100%;left:-100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-right .cube-popup-content{top:-100%;right:100%}.cube-popup-left .cube-popup-content{left:-100%}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:#ccc}.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:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items: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:block;width:48px;height:28px;box-sizing:content-box;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:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;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-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIKUlEQVRoBcVZb1BUVRQ/d/8CIoIIrNJAhbkCRf79wExhmeIgqahBHxSdiWxsnAlNPzWjSTOV4+hoo31w1LJsmik/9EGnGRjFELOc0XAIWTUNAQnjnyCEC7v7br/zhA3Wfcsj39Zl7u7j3vvOPb97/t1zliiMTVbOXADyk8K4BZnCRVyefTKCfOYy0E9FD9s+YSNMnsiFYPsFMB+FHjYphAWAvPBEJAnT22QV5tLS0kwAcIRLCmEBQH2xL5KgPBpQaNOmTW/GxsYmAMBEdMOb4QDkzpcsRHIrmfGHlpiYOHf79u3z8DjFcO5B0HAA9EJbtqr7ilT5jYiIsObm5ubFxcVNxUC00SDUUzKKqLw010oPPGVkN80j70MAfyWtJ6hQMoDUnz59uhl79Ri1H9MxVgI97tkkRCENKn4epZRksVjs+fn5yyIjI9mYI/2TBjwYC0Chd8ksIujh4fvZ8/l85HA4srdu3ZqFwST/hAEPhgGQVc/PJrPMpX8O388eA4iOjo5cuXLlUqvVmogJjg2GNENsQO6EKibHvwfdX0Ce0cfvnlaiMqooCk2cODFZCFF7/vz5FgzeNwKBMRJYMGMGXGcx+32txgCioqKiV69enQdbYI8UobV2POPGAPBaSslqmhSo+4GMsCqlpKQsWL9+vRNzhsSFxwYgK51ORN2CYLofCMDr9bIaxRYXFy/FHNuCLXDNeP9/bADksxSTTTjIN1r3tRgZHByktLS03A0bNqRjTbzWOr3jCPvja7L6uTjyDCaCcb7fpENt3go03FAU2RZiYmImr1mzZsnhw4drsdaH7kYfRPcM/Y8vfU1oLZNn+U7TG0tu90z4mAwyKTOJxNPoyTDYZKjNVLJBgBy0Qhx+97wfH9nCZFIF33/u3Lkj+/bt+6G2trarp6fH7fF4+rH4AToDGv4ewDODDLqLUE900BtD0pRIUk5DJHWSIp8Dg3wNTgXDuBrLCLIIgSAFUqDDzobvOkFJYm5ECwaAp81mM7FRwy76oFYMoKmjo6Ph9u3bjU1NTa0NDQ1dFy9e7Kyrq7uH5X3oDIrBcGdJcfcKWZFejLv7zocnOhTmVQYxPXQhw5MuZtV1AR9aAHgZYoK/s1QYFH/39/f7BgYGOt1udweeO7q7u1uam5ubXC7X7TNnzrRWV1d34HVWuUYhT86NIrv7fbLIbSSFaRTTvMtjtlAAtEgziJGAWFJQL4mxgStXrpxYvnz5ZwDVgPebVRvAfUtQeSZ8Oe3Gk1WvR9FiYOT4vwEw8n1+Zsmw8YP5L9euXfv5nTt3rmH4Ls+pXgiShDZf3S8rMh5Az/eQSUQbLQne7N80lgRutB7Yw+dLliz5AjRuorcN0xoVB0Ru/SGc/htQ+HvIZ4fX/G/fNpuNDX2goqJiH5g/Akauo/uZZ8ZGAeABgDgBj7QOCcldeB4e+l8aM9/X19d66tSpjwoLC78GE3zynYHMPAKAF4hFdafwVQR3+TuibOA7Yf8f2Rv19vY27969e8e6deu+w4ZssOxOH2lBAfAqsai+mnzidRqUrv8ShN1up66urub9+/d/sHfv3p/Byu/omldvTQAqiNy6SySUAtjFRbKHXxJ88nCPt3bt2rUD/SfwwGrzF/Oi1UIC4JfEoms34AZeJ49SFU7DZp1va2u7VlZWtvPAgQPM/G/oHH1DtjEB8NviFVcjmXyvkZdOws3quECE3PORSaSZHH1b9+zZ8/GhQ4eY+VvoHGnHbLoAMBXx8o0OgNgLdfIi2BnaOFDB47QfO3aMjZXTTa/eDXQDUAl6zXPVSG2wDDjRgf5PWbZsmQP7jCvhHx8AQbPC4ZH4roN8OXHWrFnTwgZAns2MhjHP0HOF1iv+4XVc/EKib3E6nU9hjMuPupVUvwQeUAridqqaWgzvbOA3q1FqaqoTBs0AdOfK+gHYAMAikoy8qY7EzwASEhLS4+PjuQxvHzkX6lk/AIWy4EJ1izbUpsHm+LoMQ07Kzs7mcovumpEuAGq+IGT2cMU5GANaYxyg+HrA2ddYDe7UhsLX81inuwCsCwCdyI6AWc3WU/vxM8n8Ioe+fPny8fb29noGgCq1JhA2ZOi/afr06c4hAGMjxkJ9AGI64X1kErqfv5APD2+wXvIpP+Xk5Hy4atWqLeXl5btwz7mBBEWyRII1Tl4mT56cCo8Uh3ldhqwPgMk8H0cXmuDQifOp4wb7I8CW0D3Xi2DkOqRwuaio6DjSwW1VVVUHOJ/l60OgRDgeoIrtwG8JU/GeLjXSCUDMRw0IuV2wc8MYZ28MwCd/gZ0UU78vTyx2fSmK/E6XE5HrYP4Cou1hAClFTejg/fv37zAIBsONAeD0HVlZWRyRJ6iDY3yMWZmT32bacJrPBGWeT1tlnK4ihz5K/coRseJ6r8aeXJxiIN2VlZWd6I0FBQU/bN68OT8jIyNvwoQJjqGIbEXpEcUzFQBT1zo2TOmIePL7Z9PIqlRCNVL8MYBTTSbtkTcB7iD839cip6Zdpaj/g4+da6NJK1aseAa/3uQjEufjV82Empqa7+fMmbMDc7+ih7yVMhshmyxPz0Hp/AxOmF0IPAuW+6gRHukrsiufihxXa0gCY0+ybbHKTNm4cWN6SUlJIQw5Dcb/TktLyyWMa0lUpTw2gNOZmyhSHFRPf0D5A1W8oxDqEbH4apNKwbgPDl6qRLZs2TIbZZSOC2gYCylZHQAyjpPF9Cp5lW9QrfhELK5zGcdzUEp8nWYvxFL5E53TSs0W0oiHDPgujHOhWFpfo0nF2AmuUHNGxvUflggfsqYh/w0Dks+ZwQ7q7wAAAABJRU5ErkJggg==)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_half_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJmUlEQVR4AeVcfUxW1xk/5wUjdBQESxdcxdExpSioLUQGo1IRSjNmjN1H3Wg2t8nWlWUjzRhrl7GMZFqzYGpMOs2M/uHHMlejCzpaa9Rtjm6tc5sC2rEVFG2sHco3KLx3v9/1Xnx5+bof73vv1T7J855z7j0fz/nxnI/nnOcihIdIeTM9H+LEekgk4fOSMEIRL0KeZC/J5BmAlNfTHgMwJeB48Me8ApJnABIRvpoAUB4KiLsa9QRASsPCxRhenw9A4kHEPaFFngAIM2G1Ds7BgwdXaXFPaJHrACmvZ6QJqXxBB2jZsmVf1eLUoij9uVuh6wAJn//H6HykDkBUVFTS/v37OVmTXNciVwHC3JMqhPKV21jc+c3JyXlGS30c4Yw7b5yPuQqQiFBeQJdHtUfvfkxMzMO7d+9+AmnK56oWuQaQ8saCOej8Oh2U4DA/P1/XIuZzTYtcA0jIyB+i4zODgdHTsbGxj+zcuZOmB2VM0p87HboCkPLmIswtyvrpOgstelrL8wmErsjqSqNCjFSiw9NuBGfPnv3o1q1bc5CX85Qrc5HjACn1GfFCkRXosCEqLi5eo2V0RYscB0hEjfwAHZ5We3T0EhMTc6BF2UhTixyfixwFSPnzgvuhPd/XO280XLFihW6ncUVzVGZHGxMDkc9jco4zCoyeLykpqWDz5s08DqHpkag/dyJ0DCDlLw9FAxxOzpYIWlSsFeSBmmNyO9aQ6I97Dh2jAWqJkpOTn9q4cWMmCjuqRY4ApGqPopoVlsDRCxUWFtL8IHFFc4QcAUj0xn4NveEEa4tSU1Of1rSIq2CCrcoMFg47QMo7j83AjPEjg/JMm2358uXcOJLm3g7C+xt2gMT1gWdxnPrJUHUjLS2trKqqCsck6vVQ2LUobABRc9SzZnHnODVUIJWWlj6u1UUt4nALWz+kXaHVIfS/m58SEf5FWMYzoC0LUSdXmxTwuLOe6dq7kXVquizq+w0bNnxj06ZNrQGZ+xAnD4B7wf3gm2A/2DKZAkg9AfSJdCHBiliMs+QFaDkdPOmxhVnJjALEek+ePPnLI0eOnNm+ffulSdohOASMwBE0xgncINgQTQiQepjl86HjvkzgjxCaIVXNoDqHlcwApAuiKMqtvr6+Sz09PRevXr3a2tbW9l5jY2PbNMARMF3jCFwP+JZepx5K9T5ckYsBAofGIhUIRb3d1PM4GloBaDIB/X7/AIHr6upqv3z58rutra3tp06dat+3b9/7k5QZxnNqmA5cj1TeWLgKQ+W3eBiyYTJJ44YehxKgyRocHh7u7e/vv9TZ2fkfaFx7S0tL67Fjx9rr6+s/DCjD4dmiDjHl6KICaNBBsGlDMqDCkESdAGgiQTlMDx069LN169b9Ce+pSU3gbnV5lEXnTgj/SCEefAD+yBE0qnvv3r3VAeD8CyB0E4jR/YN88vxp4Y9YjjmojS8+KjQ0NPThjh07XqyoqHgbfebqdgbMOUilUYCYkk+ePQ9NysMSTvW652lwcPD9urq6qurqamoMQfkHeMwWYAxAREQWX7gibkbkA6S/MX2v0sDAwMX169c/r202OZzOgsct8+MAIiCy9Ox1EdNdgGgD0/cadXd3txQVFZVrq9Z19G9CcNjvCQHiC5nbMSDio1fhDPk3TN8rdO3atbfmzZv37aamJu53uCg1gyc1RyYFiIDIrNO3xI2mMkR/xfTdTjRN5s+fX6X1owPhBfCk4DDflAAxg/ySGJFFzc9hdfs503crEZzVq1f/XpO/HeF7RvoyLUB6JXJlM3wI5ff09N0UHj9+/OUAcN6F7BeNym8YIFYoi5q2YnV7FlHuNO8KamhoqF2zZs1hCMuhxO3LVTOCmwKIFcvi5t0YmPQj5L7Bs0TTAf6OL61du/YohFTtKoSdZgU2DRAbkIXNfxDSX4R5iUuk50gzHV4KMB24ATQNDjtmCSAWlCvPN4ph+QSiV5j2ClFzNNPhLcg0znQwK6dlgNiQLGn6pxj25yH6b7MNhyv/iRMn6qYyHcy2awsgNiafOt+G86Tvmm04XPkxKdOuInEDOM50UN+Y+LEN0O22cDTrEcrKytLvy+4LhUihAUhRckMhTCjqwL1ZmlZPSA7/QgOQFHRN8QTNmTNH1+aQXDDYBkh1yAzhzaldlOPj4x/R6qAG2e6f7QpwwOaZ4UVgfD5ftHY1zb7BJ8ke2QdI+HLsiRD60rm5uelarTF2a7cPkPTOBK2DkZKSwjs+0qzbgfVfWwDhNi0CTS+13nx4SsIzVgco1m4LtgASsQvhsGDcpdeusEbLR0dHJ2t56a5n6zsPewD5lM8YFdrpfJqHPpu9307b9gCS0rMAZWZmhmSitgeQCL0GwUODJ362KWDDaGsesgyQ6jUvxKdt9ySoArj7fmvLli3fgSfGa0GvTCXj4uLmawVcGmKDvmWmJDaW+Qyy9dXU1DRnZ2e/sm3btgr4+tQbKzo2V2RkZEx5eTkNV3q5WTY7LGsQ9qyhm3941S3lF3F78ig683cwz477eK6zdOnSTbt27ars6Ojg0akpKikp0e0yyxtG6wCFwoKnowQvAW40L5Yrm34X0PtOxAkU56PBysrK0xkZGbV79ux5Af48dE8xRAEbRsvDTPUPMtRaUCZ4pnWic/w/G1boCsrWioToHerl5NQ18I+YCH4YrDqFcgmHdjzDD+6mKtrb2/vfuXPnfh15eMFAwE2TJYBUZ84Ixcox6wcYSi+L+7peVa+2zYlLoJLA3ASqQPGb1oKCgi/PmjVLH0pjauT5dEJCAv2eSDyjNn3CaG2I+RSTBqrsAjA/FdEjqRhKdRbAYQd5dXMZ/Fcwb0aHeWuBYVRx+PDhmom2B1LKGdpnVMhubcNoDSAp8tiiAerD1dAvxJAvBcDUys9eoCepXSJQF8HvgHm/7i8rKzvO7QEvCenWgmejtGTJEt0uszRRWxtiR9M5nqcyUoeEkK9CazbKledM3WSO9sx4hLbWPDCHn0oHDhz4HI48vjlz5swH6M2hOSzwDu+clsVwYBog9dOmvthutKDOA0Et8Ur610IZqVUdsYJehjlJw5RAPai3w/8kk5eXVw7rvhTPKFuj/s5oaB4g/p8xRfwxqAE0LveKEVGLu7LWoHdOJ8cAhe86HoDZEa05lb8NYXiZaJgm0oJpCstsuAsH5nkNzp8/Uf0bA5+6FycAF8Ccn1LgRRYoCc+pwwzQnQ1ig/D7AQy8Y71J3PtwzokFc2vAPRs3jKbmRPMapMhbwqc8Dn8hwztaCOUmcb4kUAkam5Ll/3eOxdjOBHY1AAAAAElFTkSuQmCC)}}.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;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.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;box-sizing:border-box;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);transform:scale(.5)}}@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);transform:scale(.333)}}.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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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-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;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-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{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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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}.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip{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;box-sizing:content-box;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-content-def>p+.cube-input{margin-top:12px}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: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;-moz-user-select:none;-ms-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:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-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;box-shadow:-2px 0 2px rgba(0,0,0,.2)}.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:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index:1;-webkit-box-flex:1;-webkit-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-scroll-list-wrapper{overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .before-trigger{height:54px;line-height:0;padding-top:6px}.cube-pulldown-wrapper .after-trigger .loading{padding:8px 0}.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded{padding:12px 0}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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-image-preview-fade-enter,.cube-image-preview-fade-leave-active{opacity:0}.cube-image-preview-fade-enter-active,.cube-image-preview-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-image-preview .cube-popup-mask{opacity:.6}.cube-image-preview .cube-popup-content{width:100%;height:100%}.cube-image-preview .cube-slide-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.cube-image-preview-container{height:100%;margin:0 -10px}.cube-image-preview-footer,.cube-image-preview-header{position:absolute;left:0;right:0}.cube-image-preview-header{top:0}.cube-image-preview-footer{bottom:0}.cube-image-preview-counter{position:absolute;bottom:50px;width:100%;text-align:center;font-size:14px;color:#fff}.cube-image-preview-item{position:relative;padding:0 10px;width:100%;height:100%}.cube-image-preview-item .cube-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-image-preview-item .cube-image-preview-img{display:block;height:auto;max-width:100%;max-height:100%}.cube-slide{min-height:1px}.cube-slide,.cube-slide-group{position:relative;height:100%;overflow:hidden}.cube-slide-group{white-space:nowrap;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.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%;width:100%}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-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:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items: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;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-sticky{position:relative;height:100%;overflow:hidden}.cube-sticky-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-sticky-fixed-fade-enter,.cube-sticky-fixed-fade-leave-active{opacity:0}.cube-sticky-fixed-fade-enter-active,.cube-sticky-fixed-fade-leave-active{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cube-sticky-ele{position:relative}.cube-scroll-nav{position:relative;height:100%;overflow:hidden}.cube-scroll-nav .cube-sticky-content{height:100%}.cube-scroll-nav-main{overflow:hidden}.cube-scroll-nav-main>.cube-sticky{position:static}.cube-scroll-nav_side>.cube-sticky{display:-webkit-box;display:-webkit-flex;display:flex}.cube-scroll-nav_side>.cube-sticky>.cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-scroll-nav_side>.cube-sticky>.cube-sticky-fixed{position:relative;height:100%;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky-ele{float:left}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky{overflow:hidden}.cube-scroll-nav-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;color:#666;background-color:#fff}.cube-scroll-nav-bar_horizontal{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.cube-scroll-nav-bar_horizontal .cube-scroll-content{display:inline-block;vertical-align:top}.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items{white-space:nowrap}.cube-scroll-nav-bar_vertical{height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-scroll-nav-bar_vertical .cube-scroll-nav-bar-item{display:block}.cube-scroll-nav-bar-items{font-size:14px}.cube-scroll-nav-bar-item{display:inline-block;vertical-align:top;padding:20px 15px}.cube-scroll-nav-bar-item_active{color:#fc9153}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
\ No newline at end of file
diff --git a/lib/textarea/index.js b/lib/textarea/index.js
index c0d26721e..8d121312a 100644
--- a/lib/textarea/index.js
+++ b/lib/textarea/index.js
@@ -229,7 +229,7 @@ module.exports = true;
 
 /***/ }),
 
-/***/ 164:
+/***/ 165:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
@@ -397,7 +397,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(164)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(88), __webpack_require__(165)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -441,7 +441,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     data: function data() {
       return {
         textareaValue: this.value,
-        expanded: this.autoExpand ? !!this.value : false,
+        expanded: this.forceExpand ? true : this.autoExpand ? !!this.value : false,
         isFocus: false
       };
     },
@@ -479,6 +479,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       autoExpand: {
         type: Boolean,
         default: false
+      },
+      forceExpand: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -506,7 +510,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       },
       textareaValue: function textareaValue(newValue) {
         this.$emit(EVENT_INPUT, newValue);
-        if (!this.isFocus && this.expanded) {
+        if (!this.forceExpand && !this.isFocus && this.expanded) {
           this.expanded = false;
         }
       }
@@ -519,7 +523,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       },
       handleBlur: function handleBlur(e) {
         this.$emit('blur', e);
-        if (this.textareaValue.length === 0) {
+        if (!this.forceExpand && this.textareaValue.length === 0) {
           this.expanded = false;
         }
         this.isFocus = false;
@@ -566,7 +570,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
         _vm.textareaValue = $event.target.value
       }
     }
-  }, 'textarea', _vm.$props, false)), _vm._v(" "), (_vm.indicator) ? _c('span', {
+  }, 'textarea', _vm.$props, false)), _vm._v(" "), _vm._t("indicator", [(_vm.indicator) ? _c('span', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -574,7 +578,10 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       expression: "expanded"
     }],
     staticClass: "cube-textarea-indicator"
-  }, [_vm._v(_vm._s(_vm.indicatorConf.remain ? _vm.remain : _vm.count))]) : _vm._e()])
+  }, [_vm._v(_vm._s(_vm.indicatorConf.remain ? _vm.remain : _vm.count))]) : _vm._e()], {
+    remain: _vm.remain,
+    count: _vm.count
+  })], 2)
 },staticRenderFns: []}
 
 /***/ }),
diff --git a/lib/textarea/textarea.min.js b/lib/textarea/textarea.min.js
index 4e5d5aa07..f7f9cf854 100644
--- a/lib/textarea/textarea.min.js
+++ b/lib/textarea/textarea.min.js
@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.textarea=e():(t.cube=t.cube||{},t.cube.textarea=e())}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="./",e(e.s=402)}({0:function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},1: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)},10:function(t,e,n){var r=n(1),o=n(0),u=n(31),i=n(6),a=n(5),c=function(t,e,n){var f,s,l,p=t&c.F,d=t&c.G,v=t&c.S,h=t&c.P,x=t&c.B,y=t&c.W,b=d?o:o[e]||(o[e]={}),m=b.prototype,_=d?r:v?r[e]:(r[e]||{}).prototype;d&&(n=e);for(f in n)(s=!p&&_&&void 0!==_[f])&&a(b,f)||(l=s?_[f]:n[f],b[f]=d&&"function"!=typeof _[f]?n[f]:x&&s?u(l,r):y&&_[f]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):h&&"function"==typeof l?u(Function.call,l):l,h&&((b.virtual||(b.virtual={}))[f]=l,t&c.R&&m&&!m[f]&&i(m,f,l)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},11:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},12:function(t,e,n){var r=n(8);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},13:function(t,e,n){var r=n(36),o=n(25);t.exports=Object.keys||function(t){return r(t,o)}},14:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},15:function(t,e){t.exports=!0},163:function(t,e,n){var r,o,u;!function(n,i){o=[t,e],r=i,void 0!==(u="function"==typeof r?r.apply(e,o):r)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},17:function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},18:function(t,e){e.f={}.propertyIsEnumerable},19:function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},20:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},21:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},22:function(t,e,n){var r=n(8);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},23:function(t,e,n){var r=n(24)("keys"),o=n(17);t.exports=function(t){return r[t]||(r[t]=o(t))}},232:function(t,e,n){function r(t){n(233)}var o=n(9)(n(234),n(235),r,null,null);t.exports=o.exports},233:function(t,e){},234:function(t,e,n){var r,o,u;!function(i,a){o=[t,e,n(87),n(163)],r=a,void 0!==(u="function"==typeof r?r.apply(e,o):r)&&(t.exports=u)}(0,function(t,e,n,r){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=o(n),i=o(r),a={negative:!0,remain:!0};e.default={name:"cube-textarea",mixins:[i.default],data:function(){return{textareaValue:this.value,expanded:!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var t=this.indicator;return"boolean"==typeof t&&(t={}),(0,u.default)({},a,t)},count:function(){return this.textareaValue.length},remain:function(){var t=this.maxlength-this.count;return!this.indicatorConf.negative&&t<0&&(t=0),t}},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})},235:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":t.expanded,"cube-textarea_active":t.isFocus}},[n("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),t.indicator?n("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.indicatorConf.remain?t.remain:t.count))]):t._e()])},staticRenderFns:[]}},24:function(t,e,n){var r=n(0),o=n(1),u=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return u[t]||(u[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(15)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},25:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},27:function(t,e,n){var r=n(19);t.exports=function(t){return Object(r(t))}},28:function(t,e,n){var r=n(8),o=n(1).document,u=r(o)&&r(o.createElement);t.exports=function(t){return u?o.createElement(t):{}}},3:function(t,e,n){t.exports=!n(11)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},31:function(t,e,n){var r=n(34);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,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},32:function(t,e){e.f=Object.getOwnPropertySymbols},33:function(t,e,n){t.exports=!n(3)&&!n(11)(function(){return 7!=Object.defineProperty(n(28)("div"),"a",{get:function(){return 7}}).a})},34:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},36:function(t,e,n){var r=n(5),o=n(7),u=n(50)(!1),i=n(23)("IE_PROTO");t.exports=function(t,e){var n,a=o(t),c=0,f=[];for(n in a)n!=i&&r(a,n)&&f.push(n);for(;e.length>c;)r(a,n=e[c++])&&(~u(f,n)||f.push(n));return f}},4:function(t,e,n){var r=n(12),o=n(33),u=n(22),i=Object.defineProperty;e.f=n(3)?Object.defineProperty:function(t,e,n){if(r(t),e=u(e,!0),r(n),o)try{return i(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},40:function(t,e,n){var r=n(21);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},402:function(t,e,n){var r,o,u;!function(i,a){o=[t,e,n(232)],r=a,void 0!==(u="function"==typeof r?r.apply(e,o):r)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return t&&t.__esModule?t:{default:t}}(n);r.default.install=function(t){t.component(r.default.name,r.default)},e.default=r.default,t.exports=e.default})},41:function(t,e,n){var r=n(20),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},5:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},50:function(t,e,n){var r=n(7),o=n(41),u=n(51);t.exports=function(t){return function(e,n,i){var a,c=r(e),f=o(c.length),s=u(i,f);if(t&&n!=n){for(;f>s;)if((a=c[s++])!=a)return!0}else for(;f>s;s++)if((t||s in c)&&c[s]===n)return t||s||0;return!t&&-1}}},51:function(t,e,n){var r=n(20),o=Math.max,u=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):u(t,e)}},6:function(t,e,n){var r=n(4),o=n(14);t.exports=n(3)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},7:function(t,e,n){var r=n(40),o=n(19);t.exports=function(t){return r(o(t))}},8:function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},87:function(t,e,n){t.exports={default:n(91),__esModule:!0}},9:function(t,e){t.exports=function(t,e,n,r,o){var u,i=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(u=t,i=t.default);var c="function"==typeof i?i.options:i;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),r&&(c._scopeId=r);var f;if(o?(f=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(o)},c._ssrRegister=f):n&&(f=n),f){var s=c.functional,l=s?c.render:c.beforeCreate;s?c.render=function(t,e){return f.call(e),l(t,e)}:c.beforeCreate=l?[].concat(l,f):[f]}return{esModule:u,exports:i,options:c}}},91:function(t,e,n){n(92),t.exports=n(0).Object.assign},92:function(t,e,n){var r=n(10);r(r.S+r.F,"Object",{assign:n(93)})},93:function(t,e,n){"use strict";var r=n(13),o=n(32),u=n(18),i=n(27),a=n(40),c=Object.assign;t.exports=!c||n(11)(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=i(t),c=arguments.length,f=1,s=o.f,l=u.f;c>f;)for(var p,d=a(arguments[f++]),v=s?r(d).concat(s(d)):r(d),h=v.length,x=0;h>x;)l.call(d,p=v[x++])&&(n[p]=d[p]);return n}:c}})});
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.textarea=e():(t.cube=t.cube||{},t.cube.textarea=e())}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="./",e(e.s=402)}({0:function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},1: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)},10:function(t,e,n){var r=n(1),o=n(0),u=n(31),i=n(6),a=n(5),c=function(t,e,n){var f,s,p,l=t&c.F,d=t&c.G,v=t&c.S,x=t&c.P,h=t&c.B,y=t&c.W,b=d?o:o[e]||(o[e]={}),m=b.prototype,_=d?r:v?r[e]:(r[e]||{}).prototype;d&&(n=e);for(f in n)(s=!l&&_&&void 0!==_[f])&&a(b,f)||(p=s?_[f]:n[f],b[f]=d&&"function"!=typeof _[f]?n[f]:h&&s?u(p,r):y&&_[f]==p?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(p):x&&"function"==typeof p?u(Function.call,p):p,x&&((b.virtual||(b.virtual={}))[f]=p,t&c.R&&m&&!m[f]&&i(m,f,p)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},11:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},12:function(t,e,n){var r=n(8);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},13:function(t,e,n){var r=n(36),o=n(25);t.exports=Object.keys||function(t){return r(t,o)}},14:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},15:function(t,e){t.exports=!0},164:function(t,e,n){var r,o,u;!function(n,i){o=[t,e],r=i,void 0!==(u="function"==typeof r?r.apply(e,o):r)&&(t.exports=u)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={methods:{changeHander:function(t){this.$emit("change",t)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},17:function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},18:function(t,e){e.f={}.propertyIsEnumerable},19:function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},20:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},21:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},22:function(t,e,n){var r=n(8);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},23:function(t,e,n){var r=n(24)("keys"),o=n(17);t.exports=function(t){return r[t]||(r[t]=o(t))}},232:function(t,e,n){function r(t){n(233)}var o=n(9)(n(234),n(235),r,null,null);t.exports=o.exports},233:function(t,e){},234:function(t,e,n){var r,o,u;!function(i,a){o=[t,e,n(87),n(164)],r=a,void 0!==(u="function"==typeof r?r.apply(e,o):r)&&(t.exports=u)}(0,function(t,e,n,r){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=o(n),i=o(r),a={negative:!0,remain:!0};e.default={name:"cube-textarea",mixins:[i.default],data:function(){return{textareaValue:this.value,expanded:!!this.forceExpand||!!this.autoExpand&&!!this.value,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},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var t=this.indicator;return"boolean"==typeof t&&(t={}),(0,u.default)({},a,t)},count:function(){return this.textareaValue.length},remain:function(){var t=this.maxlength-this.count;return!this.indicatorConf.negative&&t<0&&(t=0),t}},watch:{value:function(t){this.textareaValue=t},textareaValue:function(t){this.$emit("input",t),this.forceExpand||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),this.forceExpand||0!==this.textareaValue.length||(this.expanded=!1),this.isFocus=!1}}},t.exports=e.default})},235:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":t.expanded,"cube-textarea_active":t.isFocus}},[n("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),t._t("indicator",[t.indicator?n("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.indicatorConf.remain?t.remain:t.count))]):t._e()],{remain:t.remain,count:t.count})],2)},staticRenderFns:[]}},24:function(t,e,n){var r=n(0),o=n(1),u=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return u[t]||(u[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(15)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},25:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},27:function(t,e,n){var r=n(19);t.exports=function(t){return Object(r(t))}},28:function(t,e,n){var r=n(8),o=n(1).document,u=r(o)&&r(o.createElement);t.exports=function(t){return u?o.createElement(t):{}}},3:function(t,e,n){t.exports=!n(11)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},31:function(t,e,n){var r=n(34);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,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},32:function(t,e){e.f=Object.getOwnPropertySymbols},33:function(t,e,n){t.exports=!n(3)&&!n(11)(function(){return 7!=Object.defineProperty(n(28)("div"),"a",{get:function(){return 7}}).a})},34:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},36:function(t,e,n){var r=n(5),o=n(7),u=n(50)(!1),i=n(23)("IE_PROTO");t.exports=function(t,e){var n,a=o(t),c=0,f=[];for(n in a)n!=i&&r(a,n)&&f.push(n);for(;e.length>c;)r(a,n=e[c++])&&(~u(f,n)||f.push(n));return f}},4:function(t,e,n){var r=n(12),o=n(33),u=n(22),i=Object.defineProperty;e.f=n(3)?Object.defineProperty:function(t,e,n){if(r(t),e=u(e,!0),r(n),o)try{return i(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},40:function(t,e,n){var r=n(21);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},402:function(t,e,n){var r,o,u;!function(i,a){o=[t,e,n(232)],r=a,void 0!==(u="function"==typeof r?r.apply(e,o):r)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return t&&t.__esModule?t:{default:t}}(n);r.default.install=function(t){t.component(r.default.name,r.default)},e.default=r.default,t.exports=e.default})},41:function(t,e,n){var r=n(20),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},5:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},50:function(t,e,n){var r=n(7),o=n(41),u=n(51);t.exports=function(t){return function(e,n,i){var a,c=r(e),f=o(c.length),s=u(i,f);if(t&&n!=n){for(;f>s;)if((a=c[s++])!=a)return!0}else for(;f>s;s++)if((t||s in c)&&c[s]===n)return t||s||0;return!t&&-1}}},51:function(t,e,n){var r=n(20),o=Math.max,u=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):u(t,e)}},6:function(t,e,n){var r=n(4),o=n(14);t.exports=n(3)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},7:function(t,e,n){var r=n(40),o=n(19);t.exports=function(t){return r(o(t))}},8:function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},87:function(t,e,n){t.exports={default:n(91),__esModule:!0}},9:function(t,e){t.exports=function(t,e,n,r,o){var u,i=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(u=t,i=t.default);var c="function"==typeof i?i.options:i;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),r&&(c._scopeId=r);var f;if(o?(f=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(o)},c._ssrRegister=f):n&&(f=n),f){var s=c.functional,p=s?c.render:c.beforeCreate;s?c.render=function(t,e){return f.call(e),p(t,e)}:c.beforeCreate=p?[].concat(p,f):[f]}return{esModule:u,exports:i,options:c}}},91:function(t,e,n){n(92),t.exports=n(0).Object.assign},92:function(t,e,n){var r=n(10);r(r.S+r.F,"Object",{assign:n(93)})},93:function(t,e,n){"use strict";var r=n(13),o=n(32),u=n(18),i=n(27),a=n(40),c=Object.assign;t.exports=!c||n(11)(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=i(t),c=arguments.length,f=1,s=o.f,p=u.f;c>f;)for(var l,d=a(arguments[f++]),v=s?r(d).concat(s(d)):r(d),x=v.length,h=0;x>h;)p.call(d,l=v[h++])&&(n[l]=d[l]);return n}:c}})});
\ No newline at end of file
diff --git a/lib/time-picker/index.js b/lib/time-picker/index.js
index b03523b6d..723508f85 100644
--- a/lib/time-picker/index.js
+++ b/lib/time-picker/index.js
@@ -7549,10 +7549,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 /* 160 */,
 /* 161 */,
 /* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */
+/* 163 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(9)(
@@ -7572,6 +7569,9 @@ module.exports = Component.exports
 
 
 /***/ }),
+/* 164 */,
+/* 165 */,
+/* 166 */,
 /* 167 */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -8056,7 +8056,7 @@ module.exports = Component.exports
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
   if (true) {
-    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(118), __webpack_require__(53), __webpack_require__(88), __webpack_require__(91), __webpack_require__(58), __webpack_require__(69), __webpack_require__(106), __webpack_require__(85), __webpack_require__(166), __webpack_require__(39)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports, __webpack_require__(118), __webpack_require__(53), __webpack_require__(88), __webpack_require__(91), __webpack_require__(58), __webpack_require__(69), __webpack_require__(106), __webpack_require__(85), __webpack_require__(163), __webpack_require__(39)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
diff --git a/lib/time-picker/time-picker.min.js b/lib/time-picker/time-picker.min.js
index 295b25ff4..87a6391c7 100644
--- a/lib/time-picker/time-picker.min.js
+++ b/lib/time-picker/time-picker.min.js
@@ -8,4 +8,4 @@ var E=function(){function t(t,e){var i=[],n=!0,o=!1,s=void 0;try{for(var r,a=t[S
  * (c) 2019 ustbhuangyi
  * @license MIT
  */
-var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:c,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(27),r=i(94),a=i(95),l=i(41),h=i(123),c=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=s(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=c(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)h(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)h(i,g,v?r(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,h,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(s),v=u(r),g=u(a),y=u(l),x=u(h);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var h=a[l][this.valueKey],c=0;c<e.length;c++)if(e[c][this.valueKey]===h){r=c;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:c.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return c.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=l(i),c=l(n),u=l(o),p=l(s),f=l(r),d=l(a);e.default={name:"cube-cascade-picker",mixins:[c.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:h.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(404),i(407),i(139),i(83)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),h=a(n),c=a(o),u=a(s),p=a(r);h.default.install=function(t){t.component(l.default.name,l.default),t.component(h.default.name,h.default),p.default.install(t),(0,u.default)(t,l.default),(0,c.default)(t,h.default)},h.default.Picker=l.default,e.default=h.default,t.exports=e.default})},function(t,e,i){var n=i(9)(i(405),i(406),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(53),i(87),i(90),i(58),i(69),i(105),i(84),i(165),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,h,c,u){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=p(i),d=p(n),m=p(o),v=p(r),g=p(a),y=p(l),x=p(h),b=p(c),_={value:"now"},w={floor:"floor",ceil:"ceil",round:"round"};e.default={name:"cube-time-picker",mixins:[v.default,g.default,y.default,x.default],components:{CubeCascadePicker:b.default},props:{title:{type:String,default:""},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3}}},showNow:{type:[Boolean,Object],default:!0},minuteStep:{type:[Number,Object],default:10},format:{type:String,default:"YYYY/M/D hh:mm"},min:{type:[Date,Number],default:null},max:{type:[Date,Number],default:null}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{_title:function(){return this.title||this.$t("selectTime")},_day:function(){var t={filter:[this.$t("today")],format:this.$t("formatDate")};return(0,m.default)({},t,this.day)},nowText:function(){var t=this.$t("now");return this.showNow&&this.showNow.text||t},minuteStepRule:function(){var t=this.minuteStep;return"object"===(void 0===t?"undefined":(0,d.default)(t))&&Math[w[t.rule]]||Math[w.floor]},minuteStepNumber:function(){var t=this.minuteStep;return"number"==typeof t?t:t.step||10},minTime:function(){var t=+this.min||+this.now+this.delay*s.MINUTE_TIMESTAMP,e=new Date(t).getMinutes();return t+=(Math.min(this.minuteStepRule(e/this.minuteStepNumber)*this.minuteStepNumber,60)-e)*s.MINUTE_TIMESTAMP,new Date(t)},maxTime:function(){var t=+this.max||(0,s.getZeroStamp)(new Date(+this.minTime+this._day.len*s.DAY_TIMESTAMP))-1,e=new Date(t).getMinutes();return t-=(e-Math.floor(e/this.minuteStepNumber)*this.minuteStepNumber)*s.MINUTE_TIMESTAMP,new Date(t)},days:function(){for(var t=[],e=(0,s.getDayDiff)(this.minTime,this.now),i=this.max?(0,s.getDayDiff)(this.maxTime,this.minTime)+1:this._day.len,n=0;n<i;n++){var o=+this.minTime+n*s.DAY_TIMESTAMP;t.push({value:o,text:this._day.filter&&this._day.filter[e+n]||(0,s.formatDate)(new Date(o),this._day.format)})}return t},hours:function(){for(var t=[],e=0;e<24;e++)t.push({value:e,text:""+e+this.$t("hours"),children:this.minutes});return t},minutes:function(){for(var t=[],e=0;e<60;e+=this.minuteStepNumber)t.push({value:e,text:""+(0,s.pad)(e)+this.$t("minutes")});return t},cascadeData:function(){var t=this,e=this.days.slice();if(this.maxTime-this.minTime<=-6e4)return(0,u.warn)("The max is smaller than the min optional time.","cube-time-picker"),[];e.forEach(function(i,n){var o=0===n,s=n===e.length-1;if(!o&&!s)return void(i.children=t.hours);for(var r=[],a=o?t.minTime.getHours():0,l=s?t.maxTime.getHours():23,h=a;h<=l;h++){var c=o&&h===a,u=s&&h===l;if(c||u){var p=c?Math.round(t.minTime.getMinutes()/t.minuteStepNumber):0,f=u?Math.round(t.maxTime.getMinutes()/t.minuteStepNumber):Math.floor(59/t.minuteStepNumber),d=t.minutes.slice(p,f+1);r.push({value:h,text:""+h+t.$t("hours"),children:d})}else r.push({value:h,text:""+h+t.$t("hours"),children:t.minutes})}i.children=r});var i=(0,s.getDayDiff)(this.minTime,this.now);if(this.showNow&&i<=0){var n=Math.abs(i),o=e[n];o&&(o.children=[].concat((0,f.default)(o.children)),o.children.unshift({value:_.value,text:this.nowText,children:[]}))}return e}},methods:{show:function(){this.isVisible||(this.isVisible=!0,this._updateNow(),this._updateSelectedIndex())},setTime:function(t){this.value=t,this.isVisible&&this._updateSelectedIndex()},_updateSelectedIndex:function(){var t=this.value,e=this.minTime;if(t<(this.min||0===this.min?+e:Math.floor(e/s.MINUTE_TIMESTAMP)*s.MINUTE_TIMESTAMP))this.selectedIndex=[0,0,0];else{var i=new Date(t),n=(0,s.getDayDiff)(i,e);if(n>=this.days.length)return void(0,u.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var o=i.getHours(),r=0===n?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,a=o-r,l=this.minuteStepRule(i.getMinutes()/this.minuteStepNumber),h=n||(this.showNow?1!==a:a)?0:this.minuteStepRule(this.minTime.getMinutes()/this.minuteStepNumber),c=l-h;this.selectedIndex=[n,a,c]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,i){var n=void 0,o=void 0;t[1]===_.value?(n=+new Date,o=this.nowText):(n=(0,s.getZeroStamp)(new Date(t[0]))+t[1]*s.HOUR_TIMESTAMP+t[2]*s.MINUTE_TIMESTAMP,o=i[0]+" "+i[1]+":"+i[2]),this.value=n;var r=(0,s.formatDate)(new Date(n),this.format);this.$emit("select",n,o,r)},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})}])});
\ No newline at end of file
+var v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},g=/-(\w)/g,y="hook:beforeDestroy",x={install:d,instantiateComponent:c,version:"0.2.3"};e.default=x},,function(t,e,i){function n(t){i(101)}var o=i(9)(i(102),i(103),n,null,null);t.exports=o.exports},function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(37),i(58),i(69)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(i),a=s(n),l=s(o);e.default={name:"cube-popup",mixins:[a.default,l.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,r.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},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:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[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:[]}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String},subtitle:{type:String},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""},swipeTime:{type:Number,default:2500},maskClosable:{type:Boolean,default:!0}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}}},t.exports=e.default})},,,,,,,,,,,function(t,e,i){function n(t){i(136)}var o=i(9)(i(137),i(138),n,null,null);t.exports=o.exports},function(t,e,i){"use strict";e.__esModule=!0;var n=i(120),o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return(0,o.default)(t)}},function(t,e,i){var n,o,s;!function(i,r){o=[t,e],n=r,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||i.value},textKey:function(){return this.alias.text||i.text},orderKey:function(){return i.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},,function(t,e,i){t.exports={default:i(121),__esModule:!0}},function(t,e,i){i(38),i(122),t.exports=i(0).Array.from},function(t,e,i){"use strict";var n=i(31),o=i(10),s=i(27),r=i(94),a=i(95),l=i(41),h=i(123),c=i(85);o(o.S+o.F*!i(96)(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,o,u,p=s(t),f="function"==typeof this?this:Array,d=arguments.length,m=d>1?arguments[1]:void 0,v=void 0!==m,g=0,y=c(p);if(v&&(m=n(m,d>2?arguments[2]:void 0,2)),void 0==y||f==Array&&a(y))for(e=l(p.length),i=new f(e);e>g;g++)h(i,g,v?m(p[g],g):p[g]);else for(u=y.call(p),i=new f;!(o=u.next()).done;g++)h(i,g,v?r(u,m,[o.value,g],!0):o.value);return i.length=g,i}})},function(t,e,i){"use strict";var n=i(4),o=i(14);t.exports=function(t,e,i){e in t?n.f(t,e,o(0,i)):t[e]=i}},,,,,,,,,,,,,function(t,e){},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(89),i(100),i(58),i(69),i(118),i(105),i(84),i(97)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,h,c){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var p=u(i),f=u(n),d=u(o),m=u(s),v=u(r),g=u(a),y=u(l),x=u(h);e.default={name:"cube-picker",mixins:[m.default,v.default,g.default,y.default,x.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],i=this.finalData.length,n=this._values.length;n!==i&&(t=!0,n>i&&(this._values.length=this._indexes.length=i));for(var o=0;o<i;o++){var s=this._getSelectIndex(this.wheels[o]);this._indexes[o]=s;var r=null,a="";this.finalData[o].length&&(r=this.finalData[o][s][this.valueKey],a=this.finalData[o][s][this.textKey]),this._values[o]!==r&&(t=!0),this._values[o]=r,e[o]=a}this.$emit("select",this._values,this._indexes,e),t&&this.$emit("value-change",this._values,this._indexes,e)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var t=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){t.wheels=t.wheels||[];for(var e=t.$refs.wheelWrapper,i=0;i<t.finalData.length;i++)t._createWheel(e,i).enable(),t.wheels[i].wheelTo(t._indexes[i]);t.dirty&&t._destroyExtraWheels(),t.dirty=!1});else for(var e=0;e<this.finalData.length;e++)this.wheels[e].enable(),this.wheels[e].wheelTo(this._indexes[e])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var t=0;t<this.finalData.length;t++)this.wheels[t].disable()}},setData:function(t,e){var i=this;this._indexes=e?[].concat((0,p.default)(e)):[],this.finalData=t.slice(),this.isVisible?this.$nextTick(function(){var t=i.$refs.wheelWrapper;i.finalData.forEach(function(e,n){i._createWheel(t,n),i.wheels[n].wheelTo(i._indexes[n])}),i._destroyExtraWheels()}):this.dirty=!0},refill:function(t){var e=this,i=[];return t.length?(t.forEach(function(t,n){i[n]=e.refillColumn(n,t)}),i):i},refillColumn:function(t,e){var i=this,n=this.$refs.wheelWrapper,o=n.children[t].querySelector(".cube-picker-wheel-scroll"),s=!!this.wheels&&this.wheels[t],r=0;if(o&&s){var a=this.finalData[t];this.$set(this.finalData,t,e);var l=s.getSelectedIndex();if(a.length)for(var h=a[l][this.valueKey],c=0;c<e.length;c++)if(e[c][this.valueKey]===h){r=c;break}this._indexes[t]=r,this.$nextTick(function(){s=i._createWheel(n,t),s.wheelTo(r)})}return r},scrollTo:function(t,e){var i=this.wheels[t];this._indexes[t]=e,i.wheelTo(e)},refresh:function(){var t=this;this.$nextTick(function(){t.wheels.forEach(function(t){t.refresh()})})},_createWheel:function(t,e){var i=this;if(this.wheels[e])this.wheels[e].refresh();else{var n=this.wheels[e]=new f.default(t.children[e],{wheel:{selectedIndex:this._indexes[e]||0,wheelWrapperClass:"cube-picker-wheel-scroll",wheelItemClass:"cube-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:c.USE_TRANSITION});n.on("scrollEnd",function(){i.$emit("change",e,i._getSelectIndex(n))})}return this.wheels[e]},_destroyExtraWheels:function(){var t=this.finalData.length;if(this.wheels.length>t){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0},_getSelectIndex:function(t){var e=t.y;return c.USE_TRANSITION?t.getSelectedIndex():e>t.minScrollY?0:e<t.maxScrollY?t.items.length-1:Math.round(Math.abs(e/t.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:d.default}},t.exports=e.default})},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.maskClick}},[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("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),i("div",{staticClass:"cube-picker-title-group"},[i("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?i("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),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.finalData,function(e,n){return i("div",{key:n,style:{order:t._getFlexOrder(e)}},[i("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,n){return i("li",{key:n,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),i("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n=i(9)(i(166),i(167),null,null,null);t.exports=n.exports},,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(58),i(69),i(118),i(105),i(84)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=l(i),c=l(n),u=l(o),p=l(s),f=l(r),d=l(a);e.default={name:"cube-cascade-picker",mixins:[c.default,u.default,p.default,f.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,n=0;i;)n>=e&&function(){var o=[];i.forEach(function(e){o.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[n]=o,t.pickerSelectedIndex[n]=0===e?t.pickerSelectedIndex[n]<i.length?t.pickerSelectedIndex[n]||0:0:t.$refs.picker.refillColumn(n,o)}(),i=i.length?i[this.pickerSelectedIndex[n]].children:null,n++;n<this.pickerData.length&&this.pickerData.splice(n,this.pickerData.length-n),this.pickerData=this.pickerData.slice()}},components:{CubePicker:h.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(116),i(404),i(407),i(139),i(83)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=a(i),h=a(n),c=a(o),u=a(s),p=a(r);h.default.install=function(t){t.component(l.default.name,l.default),t.component(h.default.name,h.default),p.default.install(t),(0,u.default)(t,l.default),(0,c.default)(t,h.default)},h.default.Picker=l.default,e.default=h.default,t.exports=e.default})},function(t,e,i){var n=i(9)(i(405),i(406),null,null,null);t.exports=n.exports},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(117),i(53),i(87),i(90),i(58),i(69),i(105),i(84),i(162),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n,o,s,r,a,l,h,c,u){"use strict";function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=p(i),d=p(n),m=p(o),v=p(r),g=p(a),y=p(l),x=p(h),b=p(c),_={value:"now"},w={floor:"floor",ceil:"ceil",round:"round"};e.default={name:"cube-time-picker",mixins:[v.default,g.default,y.default,x.default],components:{CubeCascadePicker:b.default},props:{title:{type:String,default:""},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3}}},showNow:{type:[Boolean,Object],default:!0},minuteStep:{type:[Number,Object],default:10},format:{type:String,default:"YYYY/M/D hh:mm"},min:{type:[Date,Number],default:null},max:{type:[Date,Number],default:null}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{_title:function(){return this.title||this.$t("selectTime")},_day:function(){var t={filter:[this.$t("today")],format:this.$t("formatDate")};return(0,m.default)({},t,this.day)},nowText:function(){var t=this.$t("now");return this.showNow&&this.showNow.text||t},minuteStepRule:function(){var t=this.minuteStep;return"object"===(void 0===t?"undefined":(0,d.default)(t))&&Math[w[t.rule]]||Math[w.floor]},minuteStepNumber:function(){var t=this.minuteStep;return"number"==typeof t?t:t.step||10},minTime:function(){var t=+this.min||+this.now+this.delay*s.MINUTE_TIMESTAMP,e=new Date(t).getMinutes();return t+=(Math.min(this.minuteStepRule(e/this.minuteStepNumber)*this.minuteStepNumber,60)-e)*s.MINUTE_TIMESTAMP,new Date(t)},maxTime:function(){var t=+this.max||(0,s.getZeroStamp)(new Date(+this.minTime+this._day.len*s.DAY_TIMESTAMP))-1,e=new Date(t).getMinutes();return t-=(e-Math.floor(e/this.minuteStepNumber)*this.minuteStepNumber)*s.MINUTE_TIMESTAMP,new Date(t)},days:function(){for(var t=[],e=(0,s.getDayDiff)(this.minTime,this.now),i=this.max?(0,s.getDayDiff)(this.maxTime,this.minTime)+1:this._day.len,n=0;n<i;n++){var o=+this.minTime+n*s.DAY_TIMESTAMP;t.push({value:o,text:this._day.filter&&this._day.filter[e+n]||(0,s.formatDate)(new Date(o),this._day.format)})}return t},hours:function(){for(var t=[],e=0;e<24;e++)t.push({value:e,text:""+e+this.$t("hours"),children:this.minutes});return t},minutes:function(){for(var t=[],e=0;e<60;e+=this.minuteStepNumber)t.push({value:e,text:""+(0,s.pad)(e)+this.$t("minutes")});return t},cascadeData:function(){var t=this,e=this.days.slice();if(this.maxTime-this.minTime<=-6e4)return(0,u.warn)("The max is smaller than the min optional time.","cube-time-picker"),[];e.forEach(function(i,n){var o=0===n,s=n===e.length-1;if(!o&&!s)return void(i.children=t.hours);for(var r=[],a=o?t.minTime.getHours():0,l=s?t.maxTime.getHours():23,h=a;h<=l;h++){var c=o&&h===a,u=s&&h===l;if(c||u){var p=c?Math.round(t.minTime.getMinutes()/t.minuteStepNumber):0,f=u?Math.round(t.maxTime.getMinutes()/t.minuteStepNumber):Math.floor(59/t.minuteStepNumber),d=t.minutes.slice(p,f+1);r.push({value:h,text:""+h+t.$t("hours"),children:d})}else r.push({value:h,text:""+h+t.$t("hours"),children:t.minutes})}i.children=r});var i=(0,s.getDayDiff)(this.minTime,this.now);if(this.showNow&&i<=0){var n=Math.abs(i),o=e[n];o&&(o.children=[].concat((0,f.default)(o.children)),o.children.unshift({value:_.value,text:this.nowText,children:[]}))}return e}},methods:{show:function(){this.isVisible||(this.isVisible=!0,this._updateNow(),this._updateSelectedIndex())},setTime:function(t){this.value=t,this.isVisible&&this._updateSelectedIndex()},_updateSelectedIndex:function(){var t=this.value,e=this.minTime;if(t<(this.min||0===this.min?+e:Math.floor(e/s.MINUTE_TIMESTAMP)*s.MINUTE_TIMESTAMP))this.selectedIndex=[0,0,0];else{var i=new Date(t),n=(0,s.getDayDiff)(i,e);if(n>=this.days.length)return void(0,u.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var o=i.getHours(),r=0===n?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,a=o-r,l=this.minuteStepRule(i.getMinutes()/this.minuteStepNumber),h=n||(this.showNow?1!==a:a)?0:this.minuteStepRule(this.minTime.getMinutes()/this.minuteStepNumber),c=l-h;this.selectedIndex=[n,a,c]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,i){var n=void 0,o=void 0;t[1]===_.value?(n=+new Date,o=this.nowText):(n=(0,s.getZeroStamp)(new Date(t[0]))+t[1]*s.HOUR_TIMESTAMP+t[2]*s.MINUTE_TIMESTAMP,o=i[0]+" "+i[1]+":"+i[2]),this.value=n;var r=(0,s.formatDate)(new Date(n),this.format);this.$emit("select",n,o,r)},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"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,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},function(t,e,i){var n,o,s;!function(r,a){o=[t,e,i(88),i(39)],n=a,void 0!==(s="function"==typeof n?n.apply(e,o):n)&&(t.exports=s)}(0,function(t,e,i,n){"use strict";function o(t,e){(0,s.default)(t,e,["select","cancel","change"]).before(function(t,e,i){i&&(0,n.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var s=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})}])});
\ No newline at end of file
diff --git a/lib/toolbar/index.js b/lib/toolbar/index.js
index 726a470e8..bb7c38230 100644
--- a/lib/toolbar/index.js
+++ b/lib/toolbar/index.js
@@ -661,7 +661,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
   } else if (typeof exports !== "undefined") {
-    factory(module, exports, require('../button/button'), require('../checkbox/checkbox'));
+    factory(module, exports, require('../button/button.vue'), require('../checkbox/checkbox.vue'));
   } else {
     var mod = {
       exports: {}
diff --git a/package-lock.json b/package-lock.json
index 434ae58cc..7b0095d66 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "cube-ui",
-  "version": "1.12.46",
+  "version": "1.12.54",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -205,6 +205,12 @@
         "rimraf": "^2.5.2"
       }
     },
+    "@socket.io/base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-dOlCBKnDw4iShaIsH/bxujKTM18+2TOAsYz+KSc11Am38H4q5Xw8Bbz97ZYdrVNM+um3p7w86Bvvmcn9q+5+eQ==",
+      "dev": true
+    },
     "@tootallnate/once": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
@@ -220,6 +226,30 @@
         "commander": "*"
       }
     },
+    "@types/component-emitter": {
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/@types/component-emitter/-/component-emitter-1.2.11.tgz",
+      "integrity": "sha512-SRXjM+tfsSlA9VuG8hGO2nft2p8zjXCK1VcC6N4NXbBbYbSia9kzCChYQajIjzIqOOOuh5Ock6MmV2oux4jDZQ==",
+      "dev": true
+    },
+    "@types/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==",
+      "dev": true
+    },
+    "@types/cors": {
+      "version": "2.8.12",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.12.tgz",
+      "integrity": "sha512-vt+kDhq/M2ayberEtJcIN/hxXy1Pk+59g2FV/ZQceeaTyCtCucjL2Q7FXlFjtWn4n15KCr1NE2lNNFhp0lEThw==",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "17.0.21",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.21.tgz",
+      "integrity": "sha512-DBZCJbhII3r90XbQxI8Y9IjjiiOGlZ0Hr32omXIZvwwZ7p4DMMXGrKXVyPfuoBOri9XNtL0UK69jYIBIsRX3QQ==",
+      "dev": true
+    },
     "@types/semver": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-5.5.0.tgz",
@@ -324,12 +354,6 @@
       "integrity": "sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==",
       "dev": true
     },
-    "after": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
-      "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
-      "dev": true
-    },
     "agent-base": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.1.tgz",
@@ -425,13 +449,21 @@
       }
     },
     "anymatch": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
-      "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+      "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
       "dev": true,
       "requires": {
-        "micromatch": "^2.1.5",
-        "normalize-path": "^2.0.0"
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "dependencies": {
+        "normalize-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+          "dev": true
+        }
       }
     },
     "aproba": {
@@ -494,12 +526,6 @@
       "integrity": "sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4=",
       "dev": true
     },
-    "array-slice": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz",
-      "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=",
-      "dev": true
-    },
     "array-union": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
@@ -521,12 +547,6 @@
       "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
       "dev": true
     },
-    "arraybuffer.slice": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.6.tgz",
-      "integrity": "sha1-8zshWfBTKj8xB6JywMz70a0peco=",
-      "dev": true
-    },
     "arrify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
@@ -1490,12 +1510,6 @@
       "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
       "dev": true
     },
-    "backo2": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
-      "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=",
-      "dev": true
-    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -1575,12 +1589,6 @@
         }
       }
     },
-    "base64-arraybuffer": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
-      "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg=",
-      "dev": true
-    },
     "base64-js": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.0.tgz",
@@ -1588,9 +1596,9 @@
       "dev": true
     },
     "base64id": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz",
-      "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY=",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
+      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
       "dev": true
     },
     "basic-mouse-event-polyfill-phantomjs": {
@@ -1608,15 +1616,6 @@
         "tweetnacl": "^0.14.3"
       }
     },
-    "better-assert": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
-      "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
-      "dev": true,
-      "requires": {
-        "callsite": "1.0.0"
-      }
-    },
     "better-scroll": {
       "version": "1.12.6",
       "resolved": "https://registry.npmjs.org/better-scroll/-/better-scroll-1.12.6.tgz",
@@ -1657,12 +1656,6 @@
       "integrity": "sha1-RqoXUftqL5PuXmibsQh9SxTGwgU=",
       "dev": true
     },
-    "blob": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.4.tgz",
-      "integrity": "sha1-vPEwUspURj8w+fx+lbmkdjCpSSE=",
-      "dev": true
-    },
     "bluebird": {
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.1.tgz",
@@ -1838,28 +1831,6 @@
         "isarray": "^1.0.0"
       }
     },
-    "buffer-alloc": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
-      "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==",
-      "dev": true,
-      "requires": {
-        "buffer-alloc-unsafe": "^1.1.0",
-        "buffer-fill": "^1.0.0"
-      }
-    },
-    "buffer-alloc-unsafe": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz",
-      "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==",
-      "dev": true
-    },
-    "buffer-fill": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
-      "integrity": "sha1-+PeLdniYiO858gXNY39o5wISKyw=",
-      "dev": true
-    },
     "buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -1960,12 +1931,6 @@
         "callsites": "^0.2.0"
       }
     },
-    "callsite": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
-      "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA=",
-      "dev": true
-    },
     "callsites": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-0.2.0.tgz",
@@ -2182,20 +2147,115 @@
       }
     },
     "chokidar": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
-      "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=",
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
       "dev": true,
       "requires": {
-        "anymatch": "^1.3.0",
-        "async-each": "^1.0.0",
-        "fsevents": "^1.0.0",
-        "glob-parent": "^2.0.0",
-        "inherits": "^2.0.1",
-        "is-binary-path": "^1.0.0",
-        "is-glob": "^2.0.0",
-        "path-is-absolute": "^1.0.0",
-        "readdirp": "^2.0.0"
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "fsevents": "~2.3.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "dependencies": {
+        "binary-extensions": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+          "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+          "dev": true
+        },
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "fsevents": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+          "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+          "dev": true,
+          "optional": true
+        },
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "is-binary-path": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+          "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+          "dev": true,
+          "requires": {
+            "binary-extensions": "^2.0.0"
+          }
+        },
+        "is-extglob": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+          "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+          "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.1"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true
+        },
+        "normalize-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+          "dev": true
+        },
+        "readdirp": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+          "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+          "dev": true,
+          "requires": {
+            "picomatch": "^2.2.1"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
       }
     },
     "chownr": {
@@ -2433,15 +2493,6 @@
       "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
       "dev": true
     },
-    "combine-lists": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/combine-lists/-/combine-lists-1.0.1.tgz",
-      "integrity": "sha1-RYwH4J4NkA/Ci3Cj/sLazR0st/Y=",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.5.0"
-      }
-    },
     "combined-stream": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.6.tgz",
@@ -2553,22 +2604,10 @@
         "dot-prop": "^3.0.0"
       }
     },
-    "component-bind": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
-      "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=",
-      "dev": true
-    },
     "component-emitter": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.1.2.tgz",
-      "integrity": "sha1-KWWU8nU9qmOZbSrwjRWpURbJrsM=",
-      "dev": true
-    },
-    "component-inherit": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
-      "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
       "dev": true
     },
     "concat-map": {
@@ -2600,36 +2639,42 @@
       }
     },
     "connect": {
-      "version": "3.6.6",
-      "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz",
-      "integrity": "sha1-Ce/2xVr3I24TcTWnJXSFi2eG9SQ=",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
+      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
       "dev": true,
       "requires": {
         "debug": "2.6.9",
-        "finalhandler": "1.1.0",
-        "parseurl": "~1.3.2",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
         "utils-merge": "1.0.1"
       },
       "dependencies": {
         "finalhandler": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz",
-          "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=",
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+          "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
           "dev": true,
           "requires": {
             "debug": "2.6.9",
-            "encodeurl": "~1.0.1",
+            "encodeurl": "~1.0.2",
             "escape-html": "~1.0.3",
             "on-finished": "~2.3.0",
-            "parseurl": "~1.3.2",
-            "statuses": "~1.3.1",
+            "parseurl": "~1.3.3",
+            "statuses": "~1.5.0",
             "unpipe": "~1.0.0"
           }
         },
+        "parseurl": {
+          "version": "1.3.3",
+          "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+          "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+          "dev": true
+        },
         "statuses": {
-          "version": "1.3.1",
-          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz",
-          "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=",
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+          "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
           "dev": true
         }
       }
@@ -2826,6 +2871,16 @@
       "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
       "dev": true
     },
+    "cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dev": true,
+      "requires": {
+        "object-assign": "^4",
+        "vary": "^1"
+      }
+    },
     "cosmiconfig": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-4.0.0.tgz",
@@ -3260,6 +3315,12 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "date-format": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.3.tgz",
+      "integrity": "sha512-7P3FyqDcfeznLZp2b+OMitV9Sz2lUnsT87WaTat9nVwqsBkTzPG3lPLNwW3en6F4pHUiWzr6vb8CLhjdK9bcxQ==",
+      "dev": true
+    },
     "date-now": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz",
@@ -3843,6 +3904,12 @@
         }
       }
     },
+    "emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
     "emojis-list": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
@@ -3874,101 +3941,53 @@
       }
     },
     "engine.io": {
-      "version": "1.8.3",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-1.8.3.tgz",
-      "integrity": "sha1-jef5eJXSDTm4X4ju7nd7K9QrE9Q=",
-      "dev": true,
-      "requires": {
-        "accepts": "1.3.3",
-        "base64id": "1.0.0",
-        "cookie": "0.3.1",
-        "debug": "2.3.3",
-        "engine.io-parser": "1.3.2",
-        "ws": "1.1.2"
-      },
-      "dependencies": {
-        "accepts": {
-          "version": "1.3.3",
-          "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.3.tgz",
-          "integrity": "sha1-w8p0NJOGSMPg2cHjKN1otiLChMo=",
-          "dev": true,
-          "requires": {
-            "mime-types": "~2.1.11",
-            "negotiator": "0.6.1"
-          }
-        },
-        "debug": {
-          "version": "2.3.3",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
-          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true,
-          "requires": {
-            "ms": "0.7.2"
-          }
-        },
-        "ms": {
-          "version": "0.7.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
-          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
-          "dev": true
-        }
-      }
-    },
-    "engine.io-client": {
-      "version": "1.8.3",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-1.8.3.tgz",
-      "integrity": "sha1-F5jtk0USRkU9TG9jXXogH+lA1as=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.1.3.tgz",
+      "integrity": "sha512-rqs60YwkvWTLLnfazqgZqLa/aKo+9cueVfEi/dZ8PyGyaf8TLOxj++4QMIgeG3Gn0AhrWiFXvghsoY9L9h25GA==",
       "dev": true,
       "requires": {
-        "component-emitter": "1.2.1",
-        "component-inherit": "0.0.3",
-        "debug": "2.3.3",
-        "engine.io-parser": "1.3.2",
-        "has-cors": "1.1.0",
-        "indexof": "0.0.1",
-        "parsejson": "0.0.3",
-        "parseqs": "0.0.5",
-        "parseuri": "0.0.5",
-        "ws": "1.1.2",
-        "xmlhttprequest-ssl": "1.5.3",
-        "yeast": "0.1.2"
+        "@types/cookie": "^0.4.1",
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "~0.4.1",
+        "cors": "~2.8.5",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.0.3",
+        "ws": "~8.2.3"
       },
       "dependencies": {
-        "component-emitter": {
-          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
-          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+        "cookie": {
+          "version": "0.4.2",
+          "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+          "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
           "dev": true
         },
         "debug": {
-          "version": "2.3.3",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
-          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
+          "version": "4.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+          "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
           "dev": true,
           "requires": {
-            "ms": "0.7.2"
+            "ms": "2.1.2"
           }
         },
         "ms": {
-          "version": "0.7.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
-          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         }
       }
     },
     "engine.io-parser": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-1.3.2.tgz",
-      "integrity": "sha1-k3sHnwAH0Ik+xW1GyyILjLQ1Igo=",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.3.tgz",
+      "integrity": "sha512-BtQxwF27XUNnSafQLvDi0dQ8s3i6VgzSoQMJacpIcGNrlUdfHSKbgm3jmjCVvQluGzqwujQMPAoMai3oYSTurg==",
       "dev": true,
       "requires": {
-        "after": "0.8.2",
-        "arraybuffer.slice": "0.0.6",
-        "base64-arraybuffer": "0.1.5",
-        "blob": "0.0.4",
-        "has-binary": "0.1.7",
-        "wtf-8": "1.0.0"
+        "@socket.io/base64-arraybuffer": "~1.0.2"
       }
     },
     "enhanced-resolve": {
@@ -4099,6 +4118,12 @@
         "es6-symbol": "^3.1.1"
       }
     },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -4706,50 +4731,6 @@
       "integrity": "sha1-8FyiM7SMBdVP/wd2XfhQfpXAL/g=",
       "dev": true
     },
-    "expand-braces": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/expand-braces/-/expand-braces-0.1.2.tgz",
-      "integrity": "sha1-SIsdHSRRyz06axks/AMPRMWFX+o=",
-      "dev": true,
-      "requires": {
-        "array-slice": "^0.2.3",
-        "array-unique": "^0.2.1",
-        "braces": "^0.1.2"
-      },
-      "dependencies": {
-        "braces": {
-          "version": "0.1.5",
-          "resolved": "https://registry.npmjs.org/braces/-/braces-0.1.5.tgz",
-          "integrity": "sha1-wIVxEIUpHYt1/ddOqw+FlygHEeY=",
-          "dev": true,
-          "requires": {
-            "expand-range": "^0.1.0"
-          }
-        },
-        "expand-range": {
-          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-0.1.1.tgz",
-          "integrity": "sha1-TLjtoJk8pW+k9B/ELzy7TMrf8EQ=",
-          "dev": true,
-          "requires": {
-            "is-number": "^0.1.1",
-            "repeat-string": "^0.2.2"
-          }
-        },
-        "is-number": {
-          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/is-number/-/is-number-0.1.1.tgz",
-          "integrity": "sha1-aaevEWlj1HIG7JvZtIoUIW8eOAY=",
-          "dev": true
-        },
-        "repeat-string": {
-          "version": "0.2.2",
-          "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-0.2.2.tgz",
-          "integrity": "sha1-x6jTI2BoNiBZp+RlH8aITosftK4=",
-          "dev": true
-        }
-      }
-    },
     "expand-brackets": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
@@ -5100,6 +5081,12 @@
         "write": "^0.2.1"
       }
     },
+    "flatted": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz",
+      "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==",
+      "dev": true
+    },
     "flatten": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.2.tgz",
@@ -5117,24 +5104,10 @@
       }
     },
     "follow-redirects": {
-      "version": "1.5.7",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.7.tgz",
-      "integrity": "sha512-NONJVIFiX7Z8k2WxfqBjtwqMifx7X42ORLFrOZ2LTKGj71G3C0kfdyTqGqr8fx5zSX6Foo/D95dgGWbPUiwnew==",
-      "dev": true,
-      "requires": {
-        "debug": "^3.1.0"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
-          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
-          "dev": true,
-          "requires": {
-            "ms": "2.0.0"
-          }
-        }
-      }
+      "version": "1.14.8",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
+      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==",
+      "dev": true
     },
     "for-in": {
       "version": "1.0.2",
@@ -5269,6 +5242,16 @@
         "klaw": "^1.0.0"
       }
     },
+    "fs-minipass": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.7.tgz",
+      "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "minipass": "^2.6.0"
+      }
+    },
     "fs-write-stream-atomic": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
@@ -5351,9 +5334,7 @@
         "chownr": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.0.1.tgz",
-          "integrity": "sha1-4qdQQqlVGQi+vSW4Uj1fl2nXkYE=",
-          "dev": true,
-          "optional": true
+          "integrity": "sha1-4qdQQqlVGQi+vSW4Uj1fl2nXkYE="
         },
         "code-point-at": {
           "version": "1.1.0",
@@ -5418,8 +5399,6 @@
           "version": "1.2.5",
           "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz",
           "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
-          "dev": true,
-          "optional": true,
           "requires": {
             "minipass": "^2.2.1"
           }
@@ -5546,8 +5525,6 @@
           "version": "2.2.4",
           "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.2.4.tgz",
           "integrity": "sha512-hzXIWWet/BzWhYs2b+u7dRHlruXhwdgvlTMDKC6Cb1U7ps6Ac6yQlR39xsbjWJE377YTCtKwIXIpJ5oP+j5y8g==",
-          "dev": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -5557,8 +5534,6 @@
           "version": "1.1.0",
           "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.1.0.tgz",
           "integrity": "sha512-4T6Ur/GctZ27nHfpt9THOdRZNgyJ9FZchYO1ceg5S8Q3DNLCKYy44nCZzgCJgcvx2UM8czmqak5BCxJMrq37lA==",
-          "dev": true,
-          "optional": true,
           "requires": {
             "minipass": "^2.2.1"
           }
@@ -5767,9 +5742,7 @@
         "safe-buffer": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
-          "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
-          "dev": true,
-          "optional": true
+          "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg=="
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -5845,22 +5818,6 @@
           "dev": true,
           "optional": true
         },
-        "tar": {
-          "version": "4.4.1",
-          "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.1.tgz",
-          "integrity": "sha512-O+v1r9yN4tOsvl90p5HAP4AEqbYhx4036AGMm075fH9F8Qwi3oJ+v4u50FkT/KkvywNGtwkk0zRI+8eYm1X/xg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chownr": "^1.0.1",
-            "fs-minipass": "^1.2.5",
-            "minipass": "^2.2.4",
-            "minizlib": "^1.1.0",
-            "mkdirp": "^0.5.0",
-            "safe-buffer": "^5.1.1",
-            "yallist": "^3.0.2"
-          }
-        },
         "util-deprecate": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -5888,9 +5845,7 @@
         "yallist": {
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.2.tgz",
-          "integrity": "sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k=",
-          "dev": true,
-          "optional": true
+          "integrity": "sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k="
         }
       }
     },
@@ -6133,29 +6088,6 @@
         "ansi-regex": "^2.0.0"
       }
     },
-    "has-binary": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/has-binary/-/has-binary-0.1.7.tgz",
-      "integrity": "sha1-aOYesWIQyVRaClzOBqhzkS/h5ow=",
-      "dev": true,
-      "requires": {
-        "isarray": "0.0.1"
-      },
-      "dependencies": {
-        "isarray": {
-          "version": "0.0.1",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
-          "dev": true
-        }
-      }
-    },
-    "has-cors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
-      "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=",
-      "dev": true
-    },
     "has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -7045,13 +6977,10 @@
       "dev": true
     },
     "isbinaryfile": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-3.0.3.tgz",
-      "integrity": "sha512-8cJBL5tTd2OS0dM4jz07wQd5g0dCCqIhUxPIGtZfa5L6hWlvV5MHTITy/DBAsF+Oe2LS1X3krBUhNwaGUWpWxw==",
-      "dev": true,
-      "requires": {
-        "buffer-alloc": "^1.2.0"
-      }
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.8.tgz",
+      "integrity": "sha512-53h6XFniq77YdW+spoRrebh0mnmTxRPTlcuIArO57lmMdq4uBKFKaeTjnb92oYWrSn/LVL+LT+Hap2tFQj8V+w==",
+      "dev": true
     },
     "isexe": {
       "version": "2.0.0",
@@ -7338,60 +7267,355 @@
       }
     },
     "karma": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-1.7.1.tgz",
-      "integrity": "sha512-k5pBjHDhmkdaUccnC7gE3mBzZjcxyxYsYVaqiL2G5AqlfLyBO5nw2VdNK+O16cveEPd/gIOWULH7gkiYYwVNHg==",
-      "dev": true,
-      "requires": {
-        "bluebird": "^3.3.0",
-        "body-parser": "^1.16.1",
-        "chokidar": "^1.4.1",
-        "colors": "^1.1.0",
-        "combine-lists": "^1.0.0",
-        "connect": "^3.6.0",
-        "core-js": "^2.2.0",
+      "version": "6.3.16",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-6.3.16.tgz",
+      "integrity": "sha512-nEU50jLvDe5yvXqkEJRf8IuvddUkOY2x5Xc4WXHz6dxINgGDrgD2uqQWeVrJs4hbfNaotn+HQ1LZJ4yOXrL7xQ==",
+      "dev": true,
+      "requires": {
+        "body-parser": "^1.19.0",
+        "braces": "^3.0.2",
+        "chokidar": "^3.5.1",
+        "colors": "1.4.0",
+        "connect": "^3.7.0",
         "di": "^0.0.1",
-        "dom-serialize": "^2.2.0",
-        "expand-braces": "^0.1.1",
-        "glob": "^7.1.1",
-        "graceful-fs": "^4.1.2",
-        "http-proxy": "^1.13.0",
-        "isbinaryfile": "^3.0.0",
-        "lodash": "^3.8.0",
-        "log4js": "^0.6.31",
-        "mime": "^1.3.4",
-        "minimatch": "^3.0.2",
-        "optimist": "^0.6.1",
-        "qjobs": "^1.1.4",
-        "range-parser": "^1.2.0",
-        "rimraf": "^2.6.0",
-        "safe-buffer": "^5.0.1",
-        "socket.io": "1.7.3",
-        "source-map": "^0.5.3",
-        "tmp": "0.0.31",
-        "useragent": "^2.1.12"
+        "dom-serialize": "^2.2.1",
+        "glob": "^7.1.7",
+        "graceful-fs": "^4.2.6",
+        "http-proxy": "^1.18.1",
+        "isbinaryfile": "^4.0.8",
+        "lodash": "^4.17.21",
+        "log4js": "^6.4.1",
+        "mime": "^2.5.2",
+        "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.5",
+        "qjobs": "^1.2.0",
+        "range-parser": "^1.2.1",
+        "rimraf": "^3.0.2",
+        "socket.io": "^4.2.0",
+        "source-map": "^0.6.1",
+        "tmp": "^0.2.1",
+        "ua-parser-js": "^0.7.30",
+        "yargs": "^16.1.1"
       },
       "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "body-parser": {
+          "version": "1.19.2",
+          "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz",
+          "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==",
+          "dev": true,
+          "requires": {
+            "bytes": "3.1.2",
+            "content-type": "~1.0.4",
+            "debug": "2.6.9",
+            "depd": "~1.1.2",
+            "http-errors": "1.8.1",
+            "iconv-lite": "0.4.24",
+            "on-finished": "~2.3.0",
+            "qs": "6.9.7",
+            "raw-body": "2.4.3",
+            "type-is": "~1.6.18"
+          }
+        },
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "bytes": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+          "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+          "dev": true
+        },
+        "cliui": {
+          "version": "7.0.4",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+          "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+          "dev": true,
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.0",
+            "wrap-ansi": "^7.0.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "colors": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+          "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
+          "dev": true
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "get-caller-file": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+          "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+          "dev": true
+        },
+        "glob": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+          "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "graceful-fs": {
+          "version": "4.2.9",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "dev": true
+        },
+        "http-errors": {
+          "version": "1.8.1",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+          "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.2.0",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.1"
+          }
+        },
+        "inherits": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true
+        },
         "lodash": {
-          "version": "3.10.1",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
-          "integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y=",
+          "version": "4.17.21",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+          "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+          "dev": true
+        },
+        "mime": {
+          "version": "2.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+          "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+          "dev": true
+        },
+        "mime-db": {
+          "version": "1.51.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+          "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+          "dev": true
+        },
+        "mime-types": {
+          "version": "2.1.34",
+          "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+          "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+          "dev": true,
+          "requires": {
+            "mime-db": "1.51.0"
+          }
+        },
+        "minimist": {
+          "version": "1.2.5",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+          "dev": true
+        },
+        "mkdirp": {
+          "version": "0.5.5",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+          "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "qs": {
+          "version": "6.9.7",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
+          "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
           "dev": true
         },
-        "source-map": {
-          "version": "0.5.7",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+        "range-parser": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+          "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+          "dev": true
+        },
+        "raw-body": {
+          "version": "2.4.3",
+          "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz",
+          "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==",
+          "dev": true,
+          "requires": {
+            "bytes": "3.1.2",
+            "http-errors": "1.8.1",
+            "iconv-lite": "0.4.24",
+            "unpipe": "1.0.0"
+          }
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+          "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "setprototypeof": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+          "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+          "dev": true
+        },
+        "statuses": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+          "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
+        },
+        "tmp": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
+          "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
+          "dev": true,
+          "requires": {
+            "rimraf": "^3.0.0"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        },
+        "type-is": {
+          "version": "1.6.18",
+          "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+          "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+          "dev": true,
+          "requires": {
+            "media-typer": "0.3.0",
+            "mime-types": "~2.1.24"
+          }
+        },
+        "wrap-ansi": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+          "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "y18n": {
+          "version": "5.0.8",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+          "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
           "dev": true
         },
-        "tmp": {
-          "version": "0.0.31",
-          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.31.tgz",
-          "integrity": "sha1-jzirlDjhcxXl29izZX6L+yd65Kc=",
+        "yargs": {
+          "version": "16.2.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+          "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
           "dev": true,
           "requires": {
-            "os-tmpdir": "~1.0.1"
+            "cliui": "^7.0.2",
+            "escalade": "^3.1.1",
+            "get-caller-file": "^2.0.5",
+            "require-directory": "^2.1.1",
+            "string-width": "^4.2.0",
+            "y18n": "^5.0.5",
+            "yargs-parser": "^20.2.2"
           }
+        },
+        "yargs-parser": {
+          "version": "20.2.9",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+          "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+          "dev": true
         }
       }
     },
@@ -7616,9 +7840,9 @@
       "dev": true
     },
     "lodash-es": {
-      "version": "4.17.14",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.14.tgz",
-      "integrity": "sha512-7zchRrGa8UZXjD/4ivUWP1867jDkhzTG2c/uj739utSd7O/pFFdxspCemIFKEEjErbcqRzn8nKnGsi7mvTgRPA==",
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
       "dev": true
     },
     "lodash._baseassign": {
@@ -7827,43 +8051,31 @@
       }
     },
     "log4js": {
-      "version": "0.6.38",
-      "resolved": "https://registry.npmjs.org/log4js/-/log4js-0.6.38.tgz",
-      "integrity": "sha1-LElBFmldb7JUgJQ9P8hy5mKlIv0=",
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.4.1.tgz",
+      "integrity": "sha512-iUiYnXqAmNKiIZ1XSAitQ4TmNs8CdZYTAWINARF3LjnsLN8tY5m0vRwd6uuWj/yNY0YHxeZodnbmxKFUOM2rMg==",
       "dev": true,
       "requires": {
-        "readable-stream": "~1.0.2",
-        "semver": "~4.3.3"
+        "date-format": "^4.0.3",
+        "debug": "^4.3.3",
+        "flatted": "^3.2.4",
+        "rfdc": "^1.3.0",
+        "streamroller": "^3.0.2"
       },
       "dependencies": {
-        "isarray": {
-          "version": "0.0.1",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
-          "dev": true
-        },
-        "readable-stream": {
-          "version": "1.0.34",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
-          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+        "debug": {
+          "version": "4.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+          "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
           "dev": true,
           "requires": {
-            "core-util-is": "~1.0.0",
-            "inherits": "~2.0.1",
-            "isarray": "0.0.1",
-            "string_decoder": "~0.10.x"
+            "ms": "2.1.2"
           }
         },
-        "semver": {
-          "version": "4.3.6",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
-          "integrity": "sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto=",
-          "dev": true
-        },
-        "string_decoder": {
-          "version": "0.10.31",
-          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
-          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         }
       }
@@ -7968,9 +8180,9 @@
       }
     },
     "marked": {
-      "version": "0.3.19",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-0.3.19.tgz",
-      "integrity": "sha512-ea2eGWOqNxPcXv8dyERdSr/6FmzvWwzjMxpfGB/sbMccXoct+xY+YukPD+QTUZwyvK7BZwcr4m21WBOW41pAkg==",
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-4.0.10.tgz",
+      "integrity": "sha512-+QvuFj0nGgO970fySghXGmuw+Fd0gD2x3+MqCWLIPf5oxdv1Ka6b2q+z9RP01P/IaKPMEramy+7cNy/Lw8c3hw==",
       "dev": true
     },
     "math-expression-evaluator": {
@@ -8156,6 +8368,36 @@
         "is-plain-obj": "^1.1.0"
       }
     },
+    "minipass": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
+      "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "safe-buffer": "^5.1.2",
+        "yallist": "^3.0.0"
+      },
+      "dependencies": {
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "minizlib": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz",
+      "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "minipass": "^2.9.0"
+      }
+    },
     "mississippi": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-2.0.0.tgz",
@@ -8551,12 +8793,6 @@
       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
       "dev": true
     },
-    "object-component": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
-      "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=",
-      "dev": true
-    },
     "object-copy": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
@@ -8819,30 +9055,6 @@
         "pinkie-promise": "^2.0.0"
       }
     },
-    "optimist": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
-      "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
-      "dev": true,
-      "requires": {
-        "minimist": "~0.0.1",
-        "wordwrap": "~0.0.2"
-      },
-      "dependencies": {
-        "minimist": {
-          "version": "0.0.10",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
-          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
-          "dev": true
-        },
-        "wordwrap": {
-          "version": "0.0.3",
-          "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
-          "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
-          "dev": true
-        }
-      }
-    },
     "optimize-css-assets-webpack-plugin": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-1.3.2.tgz",
@@ -8892,12 +9104,6 @@
         "wordwrap": "~1.0.0"
       }
     },
-    "options": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",
-      "integrity": "sha1-7CLTEoBrtT5zF3Pnza788cZDEo8=",
-      "dev": true
-    },
     "ora": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/ora/-/ora-1.4.0.tgz",
@@ -9137,33 +9343,6 @@
       "dev": true,
       "optional": true
     },
-    "parsejson": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/parsejson/-/parsejson-0.0.3.tgz",
-      "integrity": "sha1-q343WfIJ7OmUN5c/fQ8fZK4OZKs=",
-      "dev": true,
-      "requires": {
-        "better-assert": "~1.0.0"
-      }
-    },
-    "parseqs": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
-      "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
-      "dev": true,
-      "requires": {
-        "better-assert": "~1.0.0"
-      }
-    },
-    "parseuri": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
-      "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
-      "dev": true,
-      "requires": {
-        "better-assert": "~1.0.0"
-      }
-    },
     "parseurl": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
@@ -9213,9 +9392,9 @@
       "dev": true
     },
     "path-parse": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "dev": true
     },
     "path-to-regexp": {
@@ -9281,6 +9460,12 @@
         "which": "^1.2.10"
       }
     },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true
+    },
     "pify": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -11436,6 +11621,12 @@
       "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
       "dev": true
     },
+    "rfdc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
+      "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
+      "dev": true
+    },
     "right-align": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
@@ -11721,9 +11912,9 @@
       "dev": true
     },
     "shelljs": {
-      "version": "0.7.8",
-      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.7.8.tgz",
-      "integrity": "sha1-3svPh0sNHl+3LhSxZKloMEjprLM=",
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.5.tgz",
+      "integrity": "sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==",
       "dev": true,
       "requires": {
         "glob": "^7.0.0",
@@ -11926,143 +12117,66 @@
       }
     },
     "socket.io": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-1.7.3.tgz",
-      "integrity": "sha1-uK+cq6AJSeVo42nxMn6pvp6iRhs=",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.4.1.tgz",
+      "integrity": "sha512-s04vrBswdQBUmuWJuuNTmXUVJhP0cVky8bBDhdkf8y0Ptsu7fKU2LuLbts9g+pdmAdyMMn8F/9Mf1/wbtUN0fg==",
       "dev": true,
       "requires": {
-        "debug": "2.3.3",
-        "engine.io": "1.8.3",
-        "has-binary": "0.1.7",
-        "object-assign": "4.1.0",
-        "socket.io-adapter": "0.5.0",
-        "socket.io-client": "1.7.3",
-        "socket.io-parser": "2.3.1"
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "debug": "~4.3.2",
+        "engine.io": "~6.1.0",
+        "socket.io-adapter": "~2.3.3",
+        "socket.io-parser": "~4.0.4"
       },
       "dependencies": {
         "debug": {
-          "version": "2.3.3",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
-          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
+          "version": "4.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+          "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
           "dev": true,
           "requires": {
-            "ms": "0.7.2"
+            "ms": "2.1.2"
           }
         },
         "ms": {
-          "version": "0.7.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
-          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
-          "dev": true
-        },
-        "object-assign": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.0.tgz",
-          "integrity": "sha1-ejs9DpgGPUP0wD8uiubNUahog6A=",
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         }
       }
     },
     "socket.io-adapter": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-0.5.0.tgz",
-      "integrity": "sha1-y21LuL7IHhB4uZZ3+c7QBGBmu4s=",
-      "dev": true,
-      "requires": {
-        "debug": "2.3.3",
-        "socket.io-parser": "2.3.1"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "2.3.3",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
-          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true,
-          "requires": {
-            "ms": "0.7.2"
-          }
-        },
-        "ms": {
-          "version": "0.7.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
-          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
-          "dev": true
-        }
-      }
-    },
-    "socket.io-client": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-1.7.3.tgz",
-      "integrity": "sha1-sw6GqhDV7zVGYBwJzeR2Xjgdo3c=",
-      "dev": true,
-      "requires": {
-        "backo2": "1.0.2",
-        "component-bind": "1.0.0",
-        "component-emitter": "1.2.1",
-        "debug": "2.3.3",
-        "engine.io-client": "1.8.3",
-        "has-binary": "0.1.7",
-        "indexof": "0.0.1",
-        "object-component": "0.0.3",
-        "parseuri": "0.0.5",
-        "socket.io-parser": "2.3.1",
-        "to-array": "0.1.4"
-      },
-      "dependencies": {
-        "component-emitter": {
-          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
-          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
-          "dev": true
-        },
-        "debug": {
-          "version": "2.3.3",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
-          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true,
-          "requires": {
-            "ms": "0.7.2"
-          }
-        },
-        "ms": {
-          "version": "0.7.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
-          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
-          "dev": true
-        }
-      }
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.3.3.tgz",
+      "integrity": "sha512-Qd/iwn3VskrpNO60BeRyCyr8ZWw9CPZyitW4AQwmRZ8zCiyDiL+znRnWX6tDHXnWn1sJrM1+b6Mn6wEDJJ4aYQ==",
+      "dev": true
     },
     "socket.io-parser": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-2.3.1.tgz",
-      "integrity": "sha1-3VMgJRA85Clpcya+/WQAX8/ltKA=",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.0.4.tgz",
+      "integrity": "sha512-t+b0SS+IxG7Rxzda2EVvyBZbvFPBCjJoyHuE0P//7OAsN23GItzDRdWa6ALxZI/8R5ygK7jAR6t028/z+7295g==",
       "dev": true,
       "requires": {
-        "component-emitter": "1.1.2",
-        "debug": "2.2.0",
-        "isarray": "0.0.1",
-        "json3": "3.3.2"
+        "@types/component-emitter": "^1.2.10",
+        "component-emitter": "~1.3.0",
+        "debug": "~4.3.1"
       },
       "dependencies": {
         "debug": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.2.0.tgz",
-          "integrity": "sha1-+HBX6ZWxofauaklgZkE3vFbwOdo=",
+          "version": "4.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+          "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
           "dev": true,
           "requires": {
-            "ms": "0.7.1"
+            "ms": "2.1.2"
           }
         },
-        "isarray": {
-          "version": "0.0.1",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
-          "dev": true
-        },
         "ms": {
-          "version": "0.7.1",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.1.tgz",
-          "integrity": "sha1-nNE8A62/8ltl7/3nzoZO6VIBcJg=",
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         }
       }
@@ -12370,6 +12484,61 @@
       "integrity": "sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=",
       "dev": true
     },
+    "streamroller": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.0.2.tgz",
+      "integrity": "sha512-ur6y5S5dopOaRXBuRIZ1u6GC5bcEXHRZKgfBjfCglMhmIf+roVCECjvkEYzNQOXIN2/JPnkMPW/8B3CZoKaEPA==",
+      "dev": true,
+      "requires": {
+        "date-format": "^4.0.3",
+        "debug": "^4.1.1",
+        "fs-extra": "^10.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+          "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "fs-extra": {
+          "version": "10.0.1",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
+          "integrity": "sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
+        "graceful-fs": {
+          "version": "4.2.9",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "dev": true
+        },
+        "jsonfile": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+          "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.6",
+            "universalify": "^2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
+      }
+    },
     "streamsearch": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-0.1.2.tgz",
@@ -12638,6 +12807,62 @@
       "integrity": "sha1-mTcqXJmb8t8WCvwNdL7U9HlIzSI=",
       "dev": true
     },
+    "tar": {
+      "version": "4.4.19",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.19.tgz",
+      "integrity": "sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chownr": "^1.1.4",
+        "fs-minipass": "^1.2.7",
+        "minipass": "^2.9.0",
+        "minizlib": "^1.3.3",
+        "mkdirp": "^0.5.5",
+        "safe-buffer": "^5.2.1",
+        "yallist": "^3.1.1"
+      },
+      "dependencies": {
+        "chownr": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+          "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+          "dev": true,
+          "optional": true
+        },
+        "minimist": {
+          "version": "1.2.6",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+          "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
+          "dev": true,
+          "optional": true
+        },
+        "mkdirp": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minimist": "^1.2.6"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+          "dev": true,
+          "optional": true
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "teeny-request": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-6.0.1.tgz",
@@ -12735,12 +12960,6 @@
         "os-tmpdir": "~1.0.1"
       }
     },
-    "to-array": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
-      "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA=",
-      "dev": true
-    },
     "to-arraybuffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
@@ -12795,6 +13014,12 @@
         }
       }
     },
+    "toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true
+    },
     "toposort": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.7.tgz",
@@ -12825,9 +13050,9 @@
       "dev": true
     },
     "trim-off-newlines": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/trim-off-newlines/-/trim-off-newlines-1.0.1.tgz",
-      "integrity": "sha1-n5up2e+odkw4dpi8v+sshI8RrbM=",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/trim-off-newlines/-/trim-off-newlines-1.0.3.tgz",
+      "integrity": "sha512-kh6Tu6GbeSNMGfrrZh6Bb/4ZEHV1QlB4xNDBeog8Y9/QwFlKTRyWvY3Fs9tRDAMZliVUwieMgEdIeL/FtqjkJg==",
       "dev": true
     },
     "trim-right": {
@@ -12894,6 +13119,18 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "typescript": {
+      "version": "4.1.6",
+      "resolved": "http://artifactory.intra.xiaojukeji.com:80/artifactory/api/npm/npm/typescript/-/typescript-4.1.6.tgz?dl=https%3A%2F%2Frepo.huaweicloud.com%2Frepository%2Fnpm%2Ftypescript%2F-%2Ftypescript-4.1.6.tgz",
+      "integrity": "sha1-G+zYXXdWfDx0EXIznpPOLmmTITg=",
+      "dev": true
+    },
+    "ua-parser-js": {
+      "version": "0.7.31",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.31.tgz",
+      "integrity": "sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==",
+      "dev": true
+    },
     "uc.micro": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.5.tgz",
@@ -12947,12 +13184,6 @@
         }
       }
     },
-    "ultron": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.0.2.tgz",
-      "integrity": "sha1-rOEWq1V80Zc4ak6I9GhTeMiy5Po=",
-      "dev": true
-    },
     "underscore": {
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.1.tgz",
@@ -13024,6 +13255,12 @@
         "imurmurhash": "^0.1.4"
       }
     },
+    "universalify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+      "dev": true
+    },
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -13170,16 +13407,6 @@
       "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
       "dev": true
     },
-    "useragent": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.3.0.tgz",
-      "integrity": "sha512-4AoH4pxuSvHCjqLO04sU6U/uE65BYza8l/KKBS0b0hnUPWi+cQ2BpeTEwejCSx9SPV5/U03nniDTrWx5NrmKdw==",
-      "dev": true,
-      "requires": {
-        "lru-cache": "4.1.x",
-        "tmp": "0.0.x"
-      }
-    },
     "util": {
       "version": "0.10.4",
       "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz",
@@ -14259,19 +14486,9 @@
       }
     },
     "ws": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-1.1.2.tgz",
-      "integrity": "sha1-iiRPoFJAHgjJiGz0SoUYnh/UBn8=",
-      "dev": true,
-      "requires": {
-        "options": ">=0.0.5",
-        "ultron": "1.0.x"
-      }
-    },
-    "wtf-8": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/wtf-8/-/wtf-8-1.0.0.tgz",
-      "integrity": "sha1-OS2LotDxw00e4tYw8V0O+2jhBIo=",
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
+      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
       "dev": true
     },
     "xml-name-validator": {
@@ -14281,12 +14498,6 @@
       "dev": true,
       "optional": true
     },
-    "xmlhttprequest-ssl": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.3.tgz",
-      "integrity": "sha1-GFqIjATspGw+QHDZn3tJ3jUomS0=",
-      "dev": true
-    },
     "xtend": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
@@ -14342,12 +14553,6 @@
       "requires": {
         "fd-slicer": "~1.0.1"
       }
-    },
-    "yeast": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
-      "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=",
-      "dev": true
     }
   }
 }
diff --git a/package.json b/package.json
index eec7cb908..6872a7443 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cube-ui",
-  "version": "1.12.46",
+  "version": "1.12.54",
   "description": "A fantastic mobile ui lib implement by Vue",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -35,8 +35,13 @@
   "files": [
     "src",
     "lib",
-    "types"
+    "types",
+    "vetur"
   ],
+  "vetur": {
+    "tags": "vetur/tags.json",
+    "attributes": "vetur/attributes.json"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
@@ -108,7 +113,7 @@
     "husky": "^1.0.0-rc.6",
     "inject-loader": "^3.0.0",
     "js-cookie": "^2.1.4",
-    "karma": "^1.4.1",
+    "karma": "^6.3.16",
     "karma-coverage": "^1.1.1",
     "karma-mocha": "^1.3.0",
     "karma-phantomjs-launcher": "^1.0.2",
@@ -120,7 +125,7 @@
     "lodash-es": "^4.17.8",
     "lolex": "^1.5.2",
     "markdown-it-anchor-cube": "^0.0.1",
-    "marked": "^0.3.6",
+    "marked": "^4.0.10",
     "mocha": "^3.2.0",
     "mockjs": "^1.0.1-beta3",
     "opn": "^4.0.2",
@@ -131,12 +136,13 @@
     "postcss-loader": "^2.0.5",
     "rimraf": "^2.6.0",
     "scp2": "^0.5.0",
-    "shelljs": "^0.7.4",
+    "shelljs": "^0.8.5",
     "sinon": "^2.1.0",
     "sinon-chai": "^2.8.0",
     "style-loader": "^0.13.1",
     "stylus": "^0.54.5",
     "stylus-loader": "^2.1.1",
+    "typescript": "^4.1.6",
     "url-loader": "^0.5.8",
     "vconsole": "^2.5.2",
     "vue": "^2.5.13",
diff --git a/src/common/stylus/mixin.styl b/src/common/stylus/mixin.styl
index c324f56cd..a7049520d 100644
--- a/src/common/stylus/mixin.styl
+++ b/src/common/stylus/mixin.styl
@@ -51,9 +51,9 @@ hide-scrollbar()
     height: 0
 
 bg-image($url, $ext = ".png")
-  background-image: url($url + "@2x" + $ext)
+  add-property('background-image', s('url(%s)', $url + '@2x' + $ext))
   @media (min-resolution: 3dppx)
-    background-image: url($url + "@3x" + $ext)
+    add-property('background-image', s('url(%s)', $url + '@3x' + $ext))
 
 functions = constant env
 safe-area-fn(fn, position)
diff --git a/src/components/date-picker/date-picker.vue b/src/components/date-picker/date-picker.vue
index 40e927c2f..f8afdf603 100644
--- a/src/components/date-picker/date-picker.vue
+++ b/src/components/date-picker/date-picker.vue
@@ -23,6 +23,7 @@
   import localeMixin from '../../common/mixins/locale'
   import { deepAssign, findIndex } from '../../common/helpers/util'
   import { computeNatureMaxDay, formatType } from '../../common/lang/date'
+  import CubeCascadePicker from '../cascade-picker/cascade-picker.vue'
 
   const COMPONENT_NAME = 'cube-date-picker'
   const EVENT_SELECT = 'select'
@@ -65,6 +66,9 @@
   export default {
     name: COMPONENT_NAME,
     mixins: [visibilityMixin, popupMixin, pickerMixin, localeMixin],
+    components: {
+      CubeCascadePicker
+    },
     props: {
       min: {
         type: [Date, Array],
diff --git a/src/components/rate/evaluation_icon_half@2x.png b/src/components/rate/evaluation_icon_half@2x.png
new file mode 100644
index 000000000..ba0e237dd
Binary files /dev/null and b/src/components/rate/evaluation_icon_half@2x.png differ
diff --git a/src/components/rate/evaluation_icon_half@3x.png b/src/components/rate/evaluation_icon_half@3x.png
new file mode 100644
index 000000000..f55c1725c
Binary files /dev/null and b/src/components/rate/evaluation_icon_half@3x.png differ
diff --git a/src/components/rate/rate-item.vue b/src/components/rate/rate-item.vue
index 960a6cd90..ef6e12b79 100644
--- a/src/components/rate/rate-item.vue
+++ b/src/components/rate/rate-item.vue
@@ -1,5 +1,8 @@
 <template>
-  <li class="cube-rate-item" :class="{ 'cube-rate-item_active': index <= $parent.tempValue }">
+  <li class="cube-rate-item" :class="{
+    'cube-rate-item_active': index <= $parent.tempValue,
+    'cube-rate-item_half_active': index === $parent.tempValue + 0.5
+  }">
     <slot>
       <div class="cube-rate-item-def"></div>
     </slot>
@@ -44,4 +47,7 @@
   .cube-rate-item_active
     .cube-rate-item-def
       bg-image("evaluation_icon_star")
+  .cube-rate-item_half_active
+    .cube-rate-item-def
+      bg-image("evaluation_icon_half")
 </style>
diff --git a/src/components/rate/rate.vue b/src/components/rate/rate.vue
index 4b40ccea3..465b5a2da 100644
--- a/src/components/rate/rate.vue
+++ b/src/components/rate/rate.vue
@@ -1,18 +1,18 @@
 <template>
   <!-- the preventDefault of touchmove is to prevent any default action caused by any touchmove event associated with the same active touch point, such as scrolling. -->
   <ul ref="rateContainer"
-      class="cube-rate"
-      :class="rateClass"
-      @touchstart.stop="handleStart"
-      @touchmove.stop.prevent="handleMove"
-      @touchend.stop="handleEnd"
-      @mousedown.stop="handleStart"
-      @mousemove.stop="handleMove"
-      @mouseup.stop="handleEnd">
-      <slot>
-        <cube-rate-item v-for="n in max" :key="n" :index="n"></cube-rate-item>
-      </slot>
-    </ul>
+    class="cube-rate"
+    :class="rateClass"
+    @touchstart.stop="handleStart"
+    @touchmove.stop.prevent="handleMove"
+    @touchend.stop="handleEnd"
+    @mousedown.stop="handleStart"
+    @mousemove.stop="handleMove"
+    @mouseup.stop="handleEnd">
+    <slot>
+      <cube-rate-item v-for="n in max" :key="n" :index="n"></cube-rate-item>
+    </slot>
+  </ul>
 </template>
 
 <script type="text/ecmascript-6">
@@ -21,7 +21,9 @@
   const EVENT_INPUT = 'input'
 
   const EVENT_TYPE_MOUSE = 'mouse'
-
+  function isMouseEvent(e) {
+    return e.type.indexOf(EVENT_TYPE_MOUSE) > -1
+  }
   export default {
     name: COMPONENT_NAME,
     props: {
@@ -40,11 +42,15 @@
       justify: {
         type: Boolean,
         default: false
+      },
+      allowHalf: {
+        type: Boolean,
+        default: false
       }
     },
     data() {
       return {
-        tempValue: this.value
+        tempValue: 0
       }
     },
     created() {
@@ -56,16 +62,19 @@
       }
     },
     watch: {
-      value(val) {
-        if (val !== this.tempValue) {
-          this.tempValue = val
+      value: {
+        immediate: true,
+        handler(val) {
+          if (val !== this.tempValue) {
+            this.tempValue = this.handleNum(val)
+          }
         }
       }
     },
     methods: {
       handleStart(e) {
         if (!this.disabled) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+          if (isMouseEvent(e)) {
             this.mousePressed = true
             document.addEventListener('mouseup', this.handleEnd)
             document.addEventListener('mousemove', this.handleMove)
@@ -76,26 +85,41 @@
         }
       },
       handleMove(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) === -1 ? e.touches[0] : e)
+        if (this.disabled) return
+
+        if (!isMouseEvent(e)) {
+          this.computeTempValue(e.touches[0])
+        } else if (this.mousePressed) {
+          this.computeTempValue(e)
         }
       },
       handleEnd(e) {
-        if (!this.disabled && (e.type.indexOf(EVENT_TYPE_MOUSE) === -1 || this.mousePressed)) {
-          if (e.type.indexOf(EVENT_TYPE_MOUSE) > -1) {
+        if (this.disabled) return
+        if ((!isMouseEvent(e) || this.mousePressed)) {
+          if (isMouseEvent(e)) {
             this.mousePressed = false
             document.removeEventListener('mouseup', this.handleEnd)
             document.removeEventListener('mousemove', this.handleMove)
           }
-          this.computeTempValue(e.type.indexOf(EVENT_TYPE_MOUSE) > -1 ? e : e.changedTouches[0])
+          this.computeTempValue(isMouseEvent(e) ? e : e.changedTouches[0])
           this.$emit(EVENT_INPUT, this.tempValue)
         }
       },
+      handleNum(num) {
+        if (this.allowHalf) {
+          const baseNum = Math.ceil(num) - 0.5
+          num = num <= baseNum ? baseNum : baseNum + 0.5
+        } else {
+          num = Math.ceil(num)
+        }
+        return num
+      },
       computeTempValue(touch) {
-        let leftAmount = Math.ceil((touch.clientX - this.left) / this.containerWidth * this.max)
-        if (leftAmount > 0 && leftAmount <= this.max) {
-          this.tempValue = leftAmount
-        } else if (leftAmount <= 0) {
+        let num = (touch.clientX - this.left) / this.containerWidth * this.max
+        num = this.handleNum(num)
+        if (num > 0 && num <= this.max) {
+          this.tempValue = num
+        } else if (num <= 0) {
           this.tempValue = 0
         } else {
           this.tempValue = this.max
diff --git a/src/components/scroll/scroll.vue b/src/components/scroll/scroll.vue
index 268814541..54c622f2c 100644
--- a/src/components/scroll/scroll.vue
+++ b/src/components/scroll/scroll.vue
@@ -482,7 +482,7 @@
         const {stopTime = DEFAULT_STOP_TIME} = this.pullDownRefresh
         return new Promise(resolve => {
           setTimeout(() => {
-            this.scroll.finishPullDown()
+            this.scroll && this.scroll.finishPullDown()
             resolve()
           }, stopTime)
         })
@@ -493,7 +493,7 @@
             this.pullDownStyle = `top: -${this.pullDownHeight}px`
             this.beforePullDown = true
             resolve()
-          }, this.scroll.options.bounceTime)
+          }, this.scroll && this.scroll.options.bounceTime)
         })
       },
       _getPullDownEleHeight() {
diff --git a/src/components/slide/slide.vue b/src/components/slide/slide.vue
index 9ba2cd75d..b93db57c3 100644
--- a/src/components/slide/slide.vue
+++ b/src/components/slide/slide.vue
@@ -252,7 +252,7 @@
       _play() {
         clearTimeout(this._timer)
         this._timer = setTimeout(() => {
-          this.slide.next()
+          this.slide && this.slide.next()
         }, this.interval)
       },
       _deactivated() {
diff --git a/src/components/textarea/textarea.vue b/src/components/textarea/textarea.vue
index 28ae27a75..ead8055d2 100644
--- a/src/components/textarea/textarea.vue
+++ b/src/components/textarea/textarea.vue
@@ -13,7 +13,9 @@
       @change="changeHander"
     >
     </textarea>
-    <span v-if="indicator" v-show="expanded" class="cube-textarea-indicator">{{indicatorConf.remain ? remain : count}}</span>
+    <slot name="indicator" :remain="remain" :count="count">
+      <span v-if="indicator" v-show="expanded" class="cube-textarea-indicator">{{indicatorConf.remain ? remain : count}}</span>
+    </slot>
   </div>
 </template>
 
@@ -33,7 +35,7 @@
     data() {
       return {
         textareaValue: this.value,
-        expanded: this.autoExpand ? !!this.value : false,
+        expanded: this.forceExpand ? true : (this.autoExpand ? !!this.value : false),
         isFocus: false
       }
     },
@@ -70,6 +72,10 @@
       autoExpand: {
         type: Boolean,
         default: false
+      },
+      forceExpand: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -97,7 +103,7 @@
       },
       textareaValue(newValue) {
         this.$emit(EVENT_INPUT, newValue)
-        if (!this.isFocus && this.expanded) {
+        if (!this.forceExpand && !this.isFocus && this.expanded) {
           this.expanded = false
         }
       }
@@ -110,7 +116,7 @@
       },
       handleBlur(e) {
         this.$emit('blur', e)
-        if (this.textareaValue.length === 0) {
+        if (!this.forceExpand && this.textareaValue.length === 0) {
           this.expanded = false
         }
         this.isFocus = false
diff --git a/src/components/toolbar/toolbar-item.vue b/src/components/toolbar/toolbar-item.vue
index ff19fbeab..6c791c932 100644
--- a/src/components/toolbar/toolbar-item.vue
+++ b/src/components/toolbar/toolbar-item.vue
@@ -14,8 +14,8 @@
 </template>
 
 <script>
-  import CubeButton from '../button/button'
-  import CubeCheckbox from '../checkbox/checkbox'
+  import CubeButton from '../button/button.vue'
+  import CubeCheckbox from '../checkbox/checkbox.vue'
 
   const COMPONENT_NAME = 'cube-toolbar-item'
 
diff --git a/src/index.js b/src/index.js
index 3d1266ed3..fe97bb1f4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -131,4 +131,6 @@ if (typeof window !== 'undefined' && window.Vue) {
   window.Vue.use(install)
 }
 
+export * from './module'
+
 export default Cube
diff --git a/test/test-dts/ImagePreview.ts b/test/test-dts/ImagePreview.ts
new file mode 100644
index 000000000..714b80484
--- /dev/null
+++ b/test/test-dts/ImagePreview.ts
@@ -0,0 +1,68 @@
+import { ImagePreview } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const root = new Vue()
+
+const imgs = [
+  'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg',
+  'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg',
+  'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg',
+  'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'
+]
+let imagePreview: ImagePreview
+let customIndex: number = 3
+
+
+describe('ImagePreview', () => {
+  imagePreview = root.$createImagePreview({
+    imgs: imgs,
+    initialIndex: customIndex,
+    loop: true,
+    speed: 500,
+    zIndex: 12,
+    preventDefault: false,
+    onChange: (i: number) => {
+      customIndex = i
+    },
+    onHide: () => {
+      console.log('hide')
+    }
+  }, (h) => {
+    return h('div', {
+      class: {
+        'image-preview-custom-header': true
+      },
+      slot: 'header'
+    }, (customIndex + 1).toString())
+  })
+  imagePreview.show()
+})
+describe('ImagePreview $props', () => {
+  imagePreview = root.$createImagePreview({
+    $props: {
+      imgs: imgs,
+      'initial-index': customIndex,
+      loop: false,
+      speed: 500,
+      zIndex: 12,
+      preventDefault: true
+    },
+    $events: {
+      change: (i: number) => {
+        customIndex = i
+      },
+      hide: () => {
+        console.log('hide')
+      }
+    }
+  }, (h) => {
+    return h('div', {
+      class: {
+        'image-preview-custom-header': true
+      },
+      slot: 'header'
+    }, (customIndex + 1).toString())
+  })
+  imagePreview.show()
+})
\ No newline at end of file
diff --git a/test/test-dts/actionSheet.ts b/test/test-dts/actionSheet.ts
new file mode 100644
index 000000000..154dee620
--- /dev/null
+++ b/test/test-dts/actionSheet.ts
@@ -0,0 +1,75 @@
+import { ActionSheet } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+console.log(Vue)
+const root = new Vue()
+
+const data = [
+  {
+    content: '舒适型',
+    align: 'left',
+    class: 'self'
+  },
+  {
+    content: '七座商务',
+    align: 'left',
+    class: 'self'
+  },
+  {
+    content: '豪华型',
+    align: 'left',
+    class: 'self'
+  }
+]
+let actionSheet: ActionSheet
+const selectHandler = (item: any) => {
+  root.$createToast({
+    txt: `Clicked ${item.content}`,
+    type: 'correct',
+    time: 1000
+  }).show()
+}
+const cancelHandler = () => {
+  root.$createToast({
+    txt: 'Clicked canceled',
+    type: 'warn',
+    time: 1000
+  }).show()
+}
+
+describe('ActionSheet', () => {
+  actionSheet = root.$createActionSheet({
+    title: '我是标题~~~',
+    active: 2,
+    pickerStyle: true,
+    cancelTxt: 'cancel',
+    data: data,
+    visible: true,
+    maskClosable: true,
+    zIndex: 99,
+    onSelect: selectHandler,
+    onCancel: cancelHandler
+  })
+  actionSheet.show()
+  actionSheet.hide()
+})
+
+describe('ActionSheet $props', () => {
+  root.$createActionSheet({
+    $props: {
+      title: '我是标题~~~',
+      active: 2,
+      pickerStyle: true,
+      cancelTxt: 'cancel',
+      data: data,
+      visible: true,
+      maskClosable: true,
+      zIndex: 99
+    },
+    $events: {
+      select: selectHandler,
+      cancel: cancelHandler
+    }
+  })
+})
\ No newline at end of file
diff --git a/test/test-dts/cascadePicker.ts b/test/test-dts/cascadePicker.ts
new file mode 100644
index 000000000..215da1fc5
--- /dev/null
+++ b/test/test-dts/cascadePicker.ts
@@ -0,0 +1,100 @@
+import { CascadePicker } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const root = new Vue()
+
+const cascadeData = [
+  {
+    value1: 'Fruit1',
+    text1: 'Fruit1',
+    children: [
+      {
+        value1: 'Apple',
+        text1: 'Apple',
+        children: [{ value1: 1, text1: 'One' }, { value1: 2, text1: 'Two' }]
+      },
+      {
+        value1: 'Orange',
+        text1: 'Orange',
+        children: [{ value1: 3, text1: 'Three' }, { value1: 4, text1: 'Four' }]
+      }
+    ]
+  },
+  {
+    value1: 'Drink',
+    text1: 'Drink',
+    children: [
+      {
+        value1: 'Coffee',
+        text1: 'Coffee',
+        children: [{ value1: 1, text1: 'One' }, { value1: 2, text1: 'Two' }]
+      },
+      {
+        value1: 'Tea',
+        text1: 'Tea',
+        children: [{ value1: 1, text1: 'One' }, { value1: 3, text1: 'Three' }]
+      }
+    ]
+  }
+]
+function selectHandle(selectedVal: [], selectedIndex: [], selectedText: []) {
+  root.$createDialog({
+    type: 'warn',
+    content: `Selected Item: <br/> - value: ${selectedVal.join(', ')} <br/> - index: ${selectedIndex.join(', ')} <br/> - text: ${selectedText.join(' ')}`,
+    icon: 'cubeic-alert'
+  }).show()
+}
+function cancelHandle() {
+  root.$createToast({
+    type: 'correct',
+    txt: 'Picker canceled',
+    time: 1000
+  }).show()
+}
+
+let cascadePicker: CascadePicker
+describe('CascadePicker', () => {
+  if (cascadePicker) {
+    cascadePicker.show()
+    return
+  }
+  cascadePicker = root.$createCascadePicker({
+    title: 'Cascade Picker',
+    data: cascadeData,
+    selectedIndex: [0, 1, 0],
+    alias: {
+      value: 'value1',
+      text: 'text1'
+    },
+    onSelect: selectHandle,
+    onCancel: cancelHandle,
+    onChange: (index: number, selectedIndex: number) => {
+      console.log('change', index, selectedIndex)
+    }
+  }).show()
+  
+})
+describe('CascadePicker setData', () => {
+  console.log('准备设置数据')
+  if (!cascadePicker) return
+  cascadePicker.setData(cascadeData, [0, 0, 0])
+  console.log('数据设置完成')
+})
+describe('CascadePicker $props', () => {
+  root.$createCascadePicker({
+    $props: {
+      title: 'Cascade Picker',
+      data: cascadeData,
+      selectedIndex: [0, 1, 0],
+      alias: {
+        value: 'value1',
+        text: 'text1'
+      }
+    },
+    $events: {
+      select: selectHandle,
+      cancel: cancelHandle
+    }
+  }).show()
+})
diff --git a/test/test-dts/datePicker.ts b/test/test-dts/datePicker.ts
new file mode 100644
index 000000000..7e7bc2de4
--- /dev/null
+++ b/test/test-dts/datePicker.ts
@@ -0,0 +1,89 @@
+import { DatePicker } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const root = new Vue()
+
+let datePicker: DatePicker
+function selectHandle(date: Date, selectedVal: [], selectedText: []) {
+  console.log('date: ', date.getTime())
+  root.$createDialog({
+    type: 'warn',
+    content: `Selected Item: <br/> - date: ${date} <br/> - value: ${selectedVal.join(', ')} <br/> - text: ${selectedText.join(' ')}`,
+    icon: 'cubeic-alert'
+  }).show()
+}
+function cancelHandle() {
+  root.$createToast({
+    type: 'correct',
+    txt: 'Picker canceled',
+    time: 1000
+  }).show()
+}
+
+describe('DatePicker', () => {
+  if (!datePicker) {
+    datePicker = root.$createDatePicker({
+      min: new Date(2008, 7, 8),
+      max: new Date(2020, 9, 20),
+      title: 'Date Picker',
+      value: new Date(),
+      startColumn: 'year',
+      columnCount: 3,
+      format: {
+        year: 'YYYY年',
+        month: 'MM月',
+        date: '第 D 日',
+        hour: 'hh',
+        minute: 'mm',
+        second: 's'
+      },
+      subtitle: 'no props',
+      cancelTxt: '返回',
+      confirmTxt: '选择',
+      swipeTime: 2300,
+      visible: true,
+      maskClosable: true,
+      zIndex: 90,
+      columnOrder: ['month', 'date', 'year'],
+      onSelect: selectHandle,
+      onCancel: cancelHandle,
+      onChange: (i, si) => {
+        console.log('change', i, si)
+      }
+    })
+  }
+  datePicker.show()
+  setTimeout(() => {
+    if (!datePicker) {
+      return
+    }
+    datePicker.$updateProps({
+      title: 'updated',
+      value: new Date(2010, 9, 1)
+    })
+  }, 1000)
+})
+describe('DatePicker $props', () => {
+  root.$createDatePicker({
+    $props: {
+      title: 'Date Picker',
+      min: [2008, 7, 8],
+      max: [new Date().getFullYear() + 1, 12, 31, 23, 59, 59],
+      value: new Date(),
+      format: {
+        year: 'YY年',
+        month: 'MM月',
+        date: '第 D 日'
+      },
+      columnOrder: ['month', 'date', 'year']
+    },
+    $events: {
+      select: selectHandle,
+      cancel: cancelHandle,
+      change: (i, si) => {
+        console.log('change', i, si)
+      }
+    }
+  }).show()
+})
\ No newline at end of file
diff --git a/test/test-dts/dialog.ts b/test/test-dts/dialog.ts
new file mode 100644
index 000000000..e5790531d
--- /dev/null
+++ b/test/test-dts/dialog.ts
@@ -0,0 +1,91 @@
+import { Dialog } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+const vm = new Vue()
+
+const cancleHandler = (e: MouseEvent): void => {
+    console.log('cancleHandler', e)
+}
+const confirmHandler = (e: MouseEvent, val = '') => {
+  console.log('confirmHandler', e, 'value: ', val)
+}
+const closeHandler = (e: MouseEvent) => {
+  console.log('closeHandler', e)
+}
+
+describe('dialog', () => {
+  const dialog: Dialog = vm.$createDialog({
+    type: 'prompt',
+    icon: 'cubeic-alert',
+    title: 'dialog 标题',
+    content: '我是正文',
+    showClose: true,
+    confirmBtn: {
+      text: '确认',
+      active: false,
+      disabled: true,
+      href: 'https://didi.github.io/cube-ui/#/zh-CN/docs/dialog'
+    },
+    cancelBtn: '取消',
+    visible: true,
+    maskClosable: true,
+    zIndex: 2,
+    prompt: {
+      value: 12,
+      placeholder: '请输入'
+    },
+    onCancel: cancleHandler,
+    onConfirm: confirmHandler,
+    onClose: closeHandler
+  }, (createElement) => {
+    return [
+      createElement('div', {
+        'class': {
+          'my-title': true
+        },
+        slot: 'title'
+      }, [
+        createElement('div', {
+          'class': {
+            'my-title-img': true
+          }
+        }),
+        createElement('p', '附近车少,优选出租车将来接您')
+      ]),
+      createElement('p', {
+        'class': {
+          'my-content': true
+        },
+        slot: 'content'
+      }, '价格仍按快车计算')
+    ]
+  }, false)
+  dialog.show()
+  dialog.hide()
+})
+
+describe('dialog $props', () => {
+  const dialogProps: Dialog = vm.$createDialog({
+    $props: {
+      type: 'confirm',
+      icon: 'cubeic-alert',
+      title: 'dialog 标题',
+      content: '我是正文',
+      showClose: true,
+      confirmBtn: {
+        text: '确认'
+      },
+      cancelBtn: '取消',
+      visible: true,
+      maskClosable: true
+    },
+    $events: {
+      close: closeHandler,
+      confirm: confirmHandler,
+      cancel: cancleHandler
+    }
+  })
+  
+  dialogProps.show()
+  dialogProps.hide()
+})
diff --git a/test/test-dts/helper.d.ts b/test/test-dts/helper.d.ts
new file mode 100644
index 000000000..096c0f55d
--- /dev/null
+++ b/test/test-dts/helper.d.ts
@@ -0,0 +1 @@
+export function describe(desc: string, fn: () => void): void
\ No newline at end of file
diff --git a/test/test-dts/index.ts b/test/test-dts/index.ts
new file mode 100644
index 000000000..9a4f6e515
--- /dev/null
+++ b/test/test-dts/index.ts
@@ -0,0 +1,11 @@
+import '../../types'
+import './popup'
+import './toast'
+import './picker'
+import './cascadePicker'
+import './datePicker'
+import './timerPicker'
+import './segmentPicker'
+import './dialog'
+import './actionSheet'
+import './imagePreview'
\ No newline at end of file
diff --git a/test/test-dts/picker.ts b/test/test-dts/picker.ts
new file mode 100644
index 000000000..6d0259408
--- /dev/null
+++ b/test/test-dts/picker.ts
@@ -0,0 +1,81 @@
+import { Picker } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const root = new Vue()
+
+const column1 = [{ text: '剧毒', value: '剧毒' }, { text: '蚂蚁', value: '蚂蚁' }, { text: '幽鬼', value: '幽鬼' }]
+const column2 = [{ text: '输出', value: '输出' }, { text: '控制', value: '控制' },
+  { text: '核心', value: '核心' }, { text: '爆发', value: '爆发' }]
+const column3 = [{ text: '梅肯', value: '梅肯' }, { text: '秘法鞋', value: '秘法鞋' },
+  { text: '假腿', value: '假腿' }, { text: '飞鞋', value: '飞鞋' }]
+
+function selectHandle(selectedVal: [], selectedIndex: [], selectedText: []) {
+  root.$createDialog({
+    type: 'warn',
+    content: `Selected Item: <br/> - value: ${selectedVal.join(', ')} <br/> - index: ${selectedIndex.join(', ')} <br/> - text: ${selectedText.join(' ')}`,
+    icon: 'cubeic-alert'
+  }).show()
+}
+function cancelHandle() {
+  root.$createToast({
+    type: 'correct',
+    txt: 'Picker canceled',
+    time: 1000
+  }).show()
+}
+function valueChangeHandle(selectedVal: [], selectedIndex: [], selectedText: []) {
+  console.log('valueChangeHandle', selectedVal, selectedIndex, selectedText)
+  root.$createToast({
+    type: 'correct',
+    txt: 'value change',
+    time: 1000
+  }).show()
+}
+function changeHandle(index: number, selectedIndex: number) {
+  console.log('index', index, selectedIndex, selectedIndex)
+}
+
+describe('Picker', () => {
+  let picker: Picker = root.$createPicker({
+    title: 'Picker',
+    subtitle: '英雄联盟',
+    cancelTxt: 'cancel',
+    confirmTxt: 'ok',
+    swipeTime: 3000,
+    alias: { value: 'text', text: 'value' },
+    data: [column1],
+    selectedIndex: [1],
+    visible: true,
+    zIndex: 90,
+    maskClosable: true,
+    onSelect: selectHandle,
+    onCancel: cancelHandle,
+    onValueChange: valueChangeHandle,
+    onChange: changeHandle
+  }).show()
+  
+  setTimeout(() => {
+    if (!picker) { return }
+    picker.$updateProps({
+      title: 'Updated',
+      data: [column1, column2, column3],
+      selectedIndex: [1, 2, 3]
+    })
+  }, 1000)
+  
+})
+
+describe('Picker $props', () => {
+  root.$createPicker({
+    $props: {
+      title: 'Picker',
+      data: [column1]
+    },
+    $events: {
+      select: selectHandle,
+      cancel: cancelHandle,
+      'value-change': valueChangeHandle
+    }
+  }).show()
+})
\ No newline at end of file
diff --git a/test/test-dts/popup.ts b/test/test-dts/popup.ts
new file mode 100644
index 000000000..847d81e4d
--- /dev/null
+++ b/test/test-dts/popup.ts
@@ -0,0 +1,48 @@
+import { Popup } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const vm = new Vue()
+
+describe('Popup $props', () => {
+  const maskClickHandler = (e: MouseEvent) => {
+    console.log('maskClickHandler', e)
+    if (!popup) { return }
+    popup.hide()
+  }
+  const popup: Popup = vm.$createPopup({
+    visible: true,
+    type: 'prompt',
+    mask: true,
+    content: '我是正文',
+    center: true,
+    maskClosable: false,
+    zIndex: 2,
+    position: 'top',
+    onMaskClick: maskClickHandler
+  }, false)
+  
+  popup.show()
+  popup.hide()
+})
+
+describe('Popup $props', () => {
+  const popupProps: Popup = vm.$createPopup({
+    $props: {
+      visible: true,
+      type: 'alert',
+      mask: false,
+      content: 'my popup content',
+      center: true,
+      maskClosable: true
+    },
+    $events: {
+      'mask-click': (e: MouseEvent) => {
+        console.log('maskClickHandler', e)
+      }
+    }
+  })
+  
+  popupProps.show()
+  popupProps.hide()
+})
\ No newline at end of file
diff --git a/test/test-dts/segmentPicker.ts b/test/test-dts/segmentPicker.ts
new file mode 100644
index 000000000..46e57e470
--- /dev/null
+++ b/test/test-dts/segmentPicker.ts
@@ -0,0 +1,100 @@
+import { SegmentPicker } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const root = new Vue()
+const dateSegmentData = [
+  {
+    is: 'cube-date-picker',
+    title: '入学时间',
+    min: new Date(2000, 0, 1),
+    max: new Date(2030, 11, 31)
+  },
+  {
+    is: 'cube-date-picker',
+    title: '毕业时间',
+    min: new Date(2000, 0, 1),
+    max: new Date(2030, 11, 31)
+  }
+]
+let segmentPicker: SegmentPicker
+const selectHandler = (selectedDates: [], selectedVals: [], selectedTexts: Array<[]>) => {
+  console.log('selectedDates: ', selectedDates)
+  console.log('selectedVals: ', selectedVals)
+  console.log('selectedTexts: ', selectedTexts)
+  root.$createDialog({
+    type: 'warn',
+    content: `Selected Items: <br/> - 入学时间: ${selectedTexts[0].join('')} <br/> - 毕业时间: ${selectedTexts[1].join('')}`,
+    icon: 'cubeic-alert'
+  }).show()
+}
+const nextHandler = (i: number, selectedDate: Date, selectedValue: number[], selectedText: string[]) => {
+  console.log('nextHandler i', i)
+
+  if (!segmentPicker) return
+  console.log(i, selectedDate, selectedValue, selectedText)
+  dateSegmentData[1].min = selectedDate
+  if (i === 0) {
+    segmentPicker.$updateProps({
+      data: dateSegmentData
+    })
+  }
+}
+const changeHandler = (pickerIndex: number, index: number, selectedIndex: number) => {
+  return console.log(pickerIndex, index, selectedIndex)
+}
+const prevHandler = (pickerIndex: number) => {
+  console.log('prevHandler pickerIndex', pickerIndex)
+}
+const cancelHandler = () => {
+  console.log('cancel')
+}
+
+describe('SegmentPicker', () => {
+  if (!segmentPicker) {
+    segmentPicker = root.$createSegmentPicker({
+      data: dateSegmentData,
+      nextTxt: '下一个',
+      prevTxt: '上一个',
+      title: 'segmentPicker',
+      subtitle: 'subtitle',
+      cancelTxt: 'cancel',
+      confirmTxt: 'ok',
+      swipeTime: 2300,
+      visible: false,
+      maskClosable: true,
+      zIndex: 90,
+      onSelect: selectHandler,
+      onNext: nextHandler,
+      onChange: changeHandler,
+      onPrev: prevHandler,
+      onCancel: cancelHandler
+    })
+  }
+  segmentPicker.show()
+})
+
+describe('SegmentPicker $props', () => {
+  root.$createSegmentPicker({
+    $props: {
+      data: dateSegmentData,
+      nextTxt: '下一个',
+      prevTxt: '上一个',
+      title: 'segmentPicker',
+      subtitle: 'subtitle',
+      cancelTxt: 'cancel',
+      confirmTxt: 'ok',
+      swipeTime: 2300,
+      visible: false,
+      maskClosable: false,
+      zIndex: 90
+    },
+    $events: {
+      select: selectHandler,
+      next: nextHandler,
+      change: changeHandler,
+      prev: prevHandler,
+      cancel: cancelHandler
+    }
+  }).show()
+})
diff --git a/test/test-dts/timePicker.ts b/test/test-dts/timePicker.ts
new file mode 100644
index 000000000..045e9bee8
--- /dev/null
+++ b/test/test-dts/timePicker.ts
@@ -0,0 +1,95 @@
+import { TimePicker } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const root = new Vue()
+
+let timePicker: TimePicker
+const selectHandler = (selectedTime: number, selectedText: string, formatedTime: string) => {
+  console.log(selectedTime, selectedText, formatedTime)
+  root.$createDialog({
+    type: 'warn',
+    title: `selected time: ${selectedTime}`,
+    content: `selected text: ${selectedText}<br>format time: ${formatedTime}`,
+    icon: 'cubeic-alert'
+  }).show()
+}
+const cancelHandler = () => {
+  root.$createToast({
+    type: 'correct',
+    txt: 'Picker canceled',
+    time: 1000
+  }).show()
+}
+const changeHandler = (index: number, selectedIndex: number) => {
+  console.log('当前滚动列次序: ', index, '当前列选中项的索引: ', selectedIndex)
+}
+
+describe('TimePicker', () => {
+  
+  const time = new Date().valueOf() + 1 * 60 * 60 * 1000
+  if (!timePicker) {
+    timePicker = root.$createTimePicker({
+      day: {
+        len: 5,
+        filter: ['今天', '明天', '后天'],
+        format: 'M月D日'
+      },
+      showNow: true,
+      minuteStep: 10,
+      delay: 15,
+      min: +new Date() - (2 * 60 + 20) * 60 * 1000,
+      max: +new Date() + ((5 * 24 + 2) * 60 + 20) * 60 * 1000,
+      title: 'timepicker',
+      subtitle: 'subtitle',
+      cancelTxt: 'cancel',
+      confirmTxt: 'ok',
+      swipeTime: 2300,
+      visible: true,
+      maskClosable: true,
+      format: 'YY/MM/D hh:mm',
+      zIndex: 99,
+      onSelect: selectHandler,
+      onCancel: cancelHandler,
+      onChange: changeHandler
+    })
+  }
+  timePicker.show()
+  setTimeout(() => {
+    if (!timePicker) {
+      return
+    }
+    timePicker.setTime(time)
+    timePicker.$updateProps({
+      title: 'updated',
+      cancelTxt: '取消'
+    })
+  }, 3000)
+  
+})
+describe('TimePicker $props', () => {
+
+  timePicker = root.$createTimePicker({
+    $props: {
+      showNow: {
+        text: 'now at'
+      },
+      minuteStep: {
+        rule: 'ceil',
+        step: 15
+      },
+      delay: 15,
+      day: {
+        len: 5,
+        filter: ['今天', '明天', '后天'],
+        format: 'M月D日'
+      }
+    },
+    $events: {
+      select: selectHandler,
+      cancel: cancelHandler,
+      change: changeHandler
+    }
+  }).show()
+  
+})
\ No newline at end of file
diff --git a/test/test-dts/toast.ts b/test/test-dts/toast.ts
new file mode 100644
index 000000000..fd82e4791
--- /dev/null
+++ b/test/test-dts/toast.ts
@@ -0,0 +1,47 @@
+import { Toast } from '../../types/cube-ui'
+import Vue from 'vue'
+import { describe } from './helper'
+
+const vm = new Vue()
+
+const timeoutHandler = () => {
+  console.log('timeoutHandler')
+}
+
+describe('Toast', () => {
+  const toast: Toast = vm.$createToast({
+    visible: true,
+    type: 'error',
+    mask: true,
+    txt: '加载出错啦',
+    time: 0,
+    maskClosable: true,
+    zIndex: 2,
+    onTimeout: timeoutHandler
+  }, false)
+  
+  toast.show()
+  setTimeout(() => {
+    if (!toast) {
+      return
+    }
+    toast.hide()
+  }, 2000)
+})
+
+describe('Toast $props', () => {
+  const toastProps: Toast = vm.$createToast({
+    $props: {
+      visible: true,
+      type: 'error',
+      maskClosable: false,
+      zIndex: 2
+    },
+    $events: {
+      'timeout': timeoutHandler
+    }
+  })
+  
+  toastProps.show()
+  toastProps.hide()
+})
\ No newline at end of file
diff --git a/test/unit/specs/rate.spec.js b/test/unit/specs/rate.spec.js
index 92d97197e..24c13ab41 100644
--- a/test/unit/specs/rate.spec.js
+++ b/test/unit/specs/rate.spec.js
@@ -16,27 +16,52 @@ describe('Rate.vue', () => {
     expect(Vue.component(Rate.name))
       .to.be.a('function')
   })
-  it('should render correct contents', (done) => {
+  it('should render correct contents', async () => {
     vm = createRate()
     const el = vm.$el
     expect(el.className)
       .to.equal('cube-rate')
-    const actives = el.querySelectorAll('.cube-rate-item_active')
+    let actives = el.querySelectorAll('.cube-rate-item_active')
     expect(actives.length)
       .to.equal(vm.value)
     const stars = el.querySelectorAll('.cube-rate-item')
     expect(stars.length)
       .to.equal(vm.max)
-    vm.$parent.value = 4
-    vm.$parent.justify = true
-    setTimeout(() => {
-      expect(el.className)
-        .to.equal('cube-rate cube-rate-justify')
-      const actives = el.querySelectorAll('.cube-rate-item_active')
-      expect(actives.length)
-        .to.equal(vm.value)
-      done()
+
+    await new Promise(resolve => {
+      vm.$parent.value = 4
+      vm.$parent.justify = true
+      setTimeout(resolve)
     })
+    expect(el.className)
+      .to.equal('cube-rate cube-rate-justify')
+    actives = el.querySelectorAll('.cube-rate-item_active')
+    expect(actives.length)
+      .to.equal(vm.value)
+
+    await new Promise(resolve => {
+      vm.$parent.allowHalf = true
+      vm.$parent.value = 3.2
+      setTimeout(resolve)
+    })
+    actives = el.querySelectorAll('.cube-rate-item_active')
+    expect(actives.length) // 3
+      .to.equal(getNumStatus(vm.tempValue).full) // 3
+    let halfActives = el.querySelectorAll('.cube-rate-item_half_active')
+    expect(halfActives.length) // 1
+      .to.equal(getNumStatus(vm.tempValue).half) // 1
+
+    await new Promise(resolve => {
+      vm.$parent.allowHalf = false
+      vm.$parent.value = 4.1
+      setTimeout(resolve)
+    })
+    actives = el.querySelectorAll('.cube-rate-item_active')
+    expect(actives.length) // 5
+      .to.equal(getNumStatus(vm.tempValue).full) // 5
+    halfActives = el.querySelectorAll('.cube-rate-item_half_active')
+    expect(halfActives.length) // 0
+      .to.equal(getNumStatus(vm.tempValue).half) // 0
   })
   it('should trigger change event', function (done) {
     this.timeout(10000)
@@ -95,17 +120,33 @@ describe('Rate.vue', () => {
   })
 })
 
-function createRate (changeHanlder) {
+function getNumStatus(num) {
+  const str = num + ''
+  let full = num
+  let half = 0
+  if (str.includes('.5')) {
+    full = num - 0.5
+    half = 1
+  }
+  return {
+    full,
+    half
+  }
+}
+
+function createRate (changeHanlder, props = {}) {
+  const data = Object.assign({}, {
+    disabled: false,
+    value: 3,
+    max: 5,
+    justify: false,
+    allowHalf: false
+  }, props)
   const vm = createVue({
     template: `
-    <cube-rate v-model="value" :disabled="disabled" :justify="justify" :max="max"></cube-rate>
+    <cube-rate v-model="value" :disabled="disabled" :justify="justify" :max="max" :allowHalf="allowHalf"></cube-rate>
     `,
-    data: {
-      disabled: false,
-      value: 3,
-      max: 5,
-      justify: false
-    },
+    data,
     watch: {
       value(newVal) {
         changeHanlder && changeHanlder.call(vm, newVal)
diff --git a/types/components/ActionSheet.ts b/types/components/ActionSheet.ts
new file mode 100644
index 000000000..94c9ffaeb
--- /dev/null
+++ b/types/components/ActionSheet.ts
@@ -0,0 +1,30 @@
+import { BaseEventHandler, GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** IActionSheet type */
+export interface IActionSheetItem {
+  content?: string
+  align?: string
+  class?: string
+}
+export interface ActionSheetProps {
+  title?: string
+  cancelTxt?: string
+  data?: IActionSheetItem[]
+  active?: number
+  pickerStyle?: boolean
+  visible?: boolean
+  maskClosable?: boolean
+  zIndex?: number
+}
+type ActionSheetSelectEventHandler = (item: IActionSheetItem, index: number) => void
+interface EventsProps {
+  cancel: BaseEventHandler
+  select: ActionSheetSelectEventHandler
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<ActionSheetProps>
+
+export interface IActionSheet extends ActionSheetProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Button.d.ts b/types/components/Button.d.ts
new file mode 100644
index 000000000..6deb94295
--- /dev/null
+++ b/types/components/Button.d.ts
@@ -0,0 +1,15 @@
+
+import { CubeUIComponent } from '../component'
+
+export type ButtonType = 'button' | 'submit'
+
+export declare class CubeButton extends CubeUIComponent {
+  type?: ButtonType
+  active?: boolean
+  disabled?: boolean
+  icon?: string
+  light?: string
+  inline?: boolean
+  outline?: boolean
+  primary?: boolean
+}
diff --git a/types/components/CascadePicker.ts b/types/components/CascadePicker.ts
new file mode 100644
index 000000000..e71bcc2f7
--- /dev/null
+++ b/types/components/CascadePicker.ts
@@ -0,0 +1,33 @@
+import { BaseEventHandler, SelectEventHandler, ChangeEventHandler, GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** ICascadePicker type */
+export interface CascadePickerProps {
+  data?: any[]
+  selectedIndex?: number[]
+  async?: boolean
+  title?: string
+  subtitle?: string
+  cancelTxt?: string
+  confirmTxt?: string
+  swipeTime?: number
+  alias?: {
+    value?: string
+    text?: string
+  }
+  visible?: boolean
+  maskClosable?: boolean
+  zIndex?: number
+}
+interface EventsProps {
+  select: SelectEventHandler
+  cancel: BaseEventHandler
+  change: ChangeEventHandler
+  'mask-click': BaseEventHandler
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<CascadePickerProps>
+
+export interface ICascadePicker extends CascadePickerProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Checkbox.d.ts b/types/components/Checkbox.d.ts
new file mode 100644
index 000000000..25c0c71c0
--- /dev/null
+++ b/types/components/Checkbox.d.ts
@@ -0,0 +1,12 @@
+import { CubeUIComponent } from '../component'
+import { IRadioOptionData } from './common'
+
+export declare class CubeCheckbox extends CubeUIComponent {
+  option?: IRadioOptionData | string | boolean
+  position?: 'left' | 'right'
+  shape?: 'circle' | 'square'
+  hollowStyle?: boolean
+  label?: string | boolean
+  value?: string | boolean
+  disabled?: boolean
+}
diff --git a/types/components/CheckboxGroup.d.ts b/types/components/CheckboxGroup.d.ts
new file mode 100644
index 000000000..549b2d853
--- /dev/null
+++ b/types/components/CheckboxGroup.d.ts
@@ -0,0 +1,13 @@
+import { IRadioOptionData } from './common'
+import { CubeUIComponent } from '../component'
+
+export declare class CubeCheckboxGroup extends CubeUIComponent {
+  value?: []
+  options?: IRadioOptionData[] | string
+  horizontal?: boolean
+  colNum?: number
+  shape?: 'circle' | 'square'
+  hollowStyle?: boolean
+  min?: number
+  max?: number
+}
diff --git a/types/components/Checker.d.ts b/types/components/Checker.d.ts
new file mode 100644
index 000000000..568283964
--- /dev/null
+++ b/types/components/Checker.d.ts
@@ -0,0 +1,14 @@
+import { CubeUIComponent } from '../component'
+
+export interface ICheckerOptionData {
+  value?: string | number
+  text?: string
+  disabled?: boolean
+}
+export declare class CubeChecker extends CubeUIComponent {
+  value?: string | number | ICheckerOptionData[]
+  options?: ICheckerOptionData[]
+  type?: 'checkbox' | 'radio'
+  min?: number
+  max?: number
+}
diff --git a/types/components/DatePicker.ts b/types/components/DatePicker.ts
new file mode 100644
index 000000000..d57f21bd8
--- /dev/null
+++ b/types/components/DatePicker.ts
@@ -0,0 +1,39 @@
+import { BaseEventHandler, ChangeEventHandler, GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** IDatePicker type */
+export interface DatePickerProps {
+  min?: Date|(number|string)[]
+  max?: Date|(number|string)[]
+  value?: Date|[]
+  startColumn?: string
+  columnCount?: number
+  format?: {
+    year?: string
+    month?: string
+    date?: string
+    hour?: string
+    minute?: string
+    second?: string
+  }
+  title?: string
+  subtitle?: string
+  cancelTxt?: string
+  confirmTxt?: string
+  swipeTime?: number
+  visible?: boolean
+  maskClosable?: boolean
+  zIndex?: number
+  columnOrder?: string[]
+}
+interface EventsProps {
+  select: (date: Date, selectedIndex: [], selectedText: []) => void
+  cancel: BaseEventHandler
+  change: ChangeEventHandler
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<DatePickerProps>
+
+export interface IDatePicker extends DatePickerProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Dialog.ts b/types/components/Dialog.ts
new file mode 100644
index 000000000..f6cb41a80
--- /dev/null
+++ b/types/components/Dialog.ts
@@ -0,0 +1,40 @@
+import { GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** IDialog type */
+export interface IDialogBtn {
+  text?: string
+  active?: boolean
+  disabled?: boolean
+  href?: string
+}
+export interface DialogProps {
+  type?: string
+  icon?: string
+  title?: string
+  content?: string
+  showClose?: boolean
+  confirmBtn?: string|IDialogBtn
+  cancelBtn?: string|IDialogBtn
+  visible?: boolean
+  maskClosable?: boolean
+  zIndex?: number
+  prompt?: {
+    value?: string|number
+    placeholder?: string
+  }
+}
+type DialogCloseEventHandler = (e: MouseEvent) => void
+
+type DialogConfirmEventHandler = (e: MouseEvent, promptValue: string) => void
+interface EventsProps {
+  cancel: DialogCloseEventHandler
+  confirm: DialogConfirmEventHandler
+  close: DialogCloseEventHandler
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<DialogProps>
+
+export interface IDialog extends DialogProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Drawer.d.ts b/types/components/Drawer.d.ts
new file mode 100644
index 000000000..980132587
--- /dev/null
+++ b/types/components/Drawer.d.ts
@@ -0,0 +1,12 @@
+
+import { CubeUIComponent } from '../component'
+
+export declare class CubeDrawer extends CubeUIComponent {
+  title?: string
+  data?: any[]
+  selectedIndex?: number[]
+  visible?: boolean
+  refill: (index?: number, data?: any[], item?: any[]) => void
+  show: () => void
+  hide: () => void
+}
diff --git a/types/components/Form.d.ts b/types/components/Form.d.ts
new file mode 100644
index 000000000..4a86e5323
--- /dev/null
+++ b/types/components/Form.d.ts
@@ -0,0 +1,55 @@
+import { CubeUIComponent } from '../component'
+
+interface IField {
+  type?: string
+  component?: string | object
+  modelKey?: string
+  label?: string
+  props?: object
+  events?: object
+  rules?: object
+  trigger?: 'blur' | 'change'
+  debounce?: number | boolean
+  messages?: string
+  key?: string
+}
+
+interface IFields {
+  fields: IField[]
+}
+
+interface IGroups {
+  groups: {
+    legend?: string
+    fields?: IField[]
+  }
+}
+
+interface IValidity {
+  valid?: boolean | undefined
+  result?: {}
+  dirty?: boolean
+}
+
+interface IValidateParams {
+  validity?: IValidity
+  valid?: boolean | undefined
+  invalid?: boolean
+  dirty?: boolean
+  firstInvalidFieldIndex?: number
+}
+
+export declare class CubeForm extends CubeUIComponent {
+  model?: object
+  schema?: IFields | IGroups
+  immediateValidate?: boolean
+  action?: string | undefined
+  options?: {
+    scrollToInvalidField?: boolean
+    layout?: 'standard' | 'classic' | 'fresh'
+  }
+  submitAlwaysValidate?: boolean
+  submit: (skipValidate?: boolean) => void
+  reset: () => void
+  validate: (cb?: Function) => Promise<boolean | undefined> | undefined
+}
diff --git a/types/components/ImagePreview.ts b/types/components/ImagePreview.ts
new file mode 100644
index 000000000..76525fdfa
--- /dev/null
+++ b/types/components/ImagePreview.ts
@@ -0,0 +1,23 @@
+import { BaseEventHandler, GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** IImagePreview type */
+export interface ImagePreviewProps {
+  imgs?: any[]
+  initialIndex?: number
+  'initial-index'?: number
+  loop?: boolean
+  speed?: number
+  zIndex?: number
+  preventDefault?: boolean
+}
+interface EventsProps {
+  hide: BaseEventHandler
+  change: (index: number) => void
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<ImagePreviewProps>
+
+export interface IImagePreview extends ImagePreviewProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/IndexList.d.ts b/types/components/IndexList.d.ts
new file mode 100644
index 000000000..e9aec4089
--- /dev/null
+++ b/types/components/IndexList.d.ts
@@ -0,0 +1,21 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+import { BsOption } from 'better-scroll'
+
+export interface IndexListSlots {
+  title: VNode[]
+  pulldown: VNode[]
+  pullup: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeIndexList extends CubeUIComponent {
+  title?: string
+  data?: []
+  navbar?: boolean
+  speed?: number
+  options?: BsOption
+  pullUpLoad?: boolean | object
+  pullDownRefresh?: boolean | object
+  $slots: IndexListSlots
+}
diff --git a/types/components/Input.d.ts b/types/components/Input.d.ts
new file mode 100644
index 000000000..30bf454f1
--- /dev/null
+++ b/types/components/Input.d.ts
@@ -0,0 +1,34 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+
+interface IClearable {
+  visible?: boolean
+  blurHidden?: boolean
+}
+
+interface IEye {
+  open?: boolean
+  reverse?: boolean
+}
+
+export interface InputSlots {
+  prepend: VNode[]
+  append: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeInput extends CubeUIComponent {
+  value?: string | number
+  type?: 'text' | 'number' | 'password' | 'date'
+  disabled?: boolean
+  readonly?: boolean
+  maxlength?: number
+  placeholder?: string
+  autofocus?: boolean
+  autocomplete?: boolean
+  clearable?: boolean | IClearable
+  eye?: boolean | IEye
+  focus: (e?: FocusEvent) => void
+  blur: (e?: FocusEvent) => void
+  $slots: InputSlots
+}
diff --git a/types/components/Loading.d.ts b/types/components/Loading.d.ts
new file mode 100644
index 000000000..90057a01d
--- /dev/null
+++ b/types/components/Loading.d.ts
@@ -0,0 +1,5 @@
+import { CubeUIComponent } from '../component'
+
+export declare class CubeLoading extends CubeUIComponent {
+  size?: number
+}
diff --git a/types/components/Picker.ts b/types/components/Picker.ts
new file mode 100644
index 000000000..f54dbd0e0
--- /dev/null
+++ b/types/components/Picker.ts
@@ -0,0 +1,31 @@
+import { BaseEventHandler, SelectEventHandler, ChangeEventHandler, GetPropsAddString, GetTransformFnKeys} from './common'
+/** IPicker type */
+export interface PickerProps {
+  data?: any[]
+  selectedIndex?: number[]
+  title?: string
+  subtitle?: string
+  cancelTxt?: string
+  confirmTxt?: string
+  swipeTime?: number
+  alias?: {
+    value?: string
+    text?: string
+  }
+  visible?: boolean
+  maskClosable?: boolean
+  zIndex?: number
+}
+interface EventsProps {
+  select: SelectEventHandler
+  cancel: BaseEventHandler
+  change: ChangeEventHandler
+  'value-change': SelectEventHandler
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<PickerProps>
+
+export interface IPicker extends PickerProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Popup.ts b/types/components/Popup.ts
new file mode 100644
index 000000000..e035919c3
--- /dev/null
+++ b/types/components/Popup.ts
@@ -0,0 +1,23 @@
+import { GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** Popup type */
+export interface PopupProps {
+  visible?: boolean
+  type?: string
+  mask?: boolean
+  content?: string
+  center?: boolean
+  position?: string
+  maskClosable?: boolean
+  zIndex?: number
+}
+interface EventsProps {
+  'mask-click': (e: MouseEvent) => void
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<PopupProps>
+
+export interface IPopup extends PopupProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Radio.d.ts b/types/components/Radio.d.ts
new file mode 100644
index 000000000..9fe10836b
--- /dev/null
+++ b/types/components/Radio.d.ts
@@ -0,0 +1,9 @@
+import { IRadioOptionData } from './common'
+import { CubeUIComponent } from '../component'
+
+export declare class CubeRadio extends CubeUIComponent {
+  value?: string | number
+  option?: IRadioOptionData | string
+  position?: 'left' | 'right'
+  hollowStyle?: boolean
+}
diff --git a/types/components/RadioGroup.d.ts b/types/components/RadioGroup.d.ts
new file mode 100644
index 000000000..e9e39e8a6
--- /dev/null
+++ b/types/components/RadioGroup.d.ts
@@ -0,0 +1,11 @@
+import { IRadioOptionData } from './common'
+import { CubeUIComponent } from '../component'
+
+export declare class CubeRadioGroup extends CubeUIComponent {
+  value?: string | number
+  options?: IRadioOptionData[] | string
+  position?: 'left' | 'right'
+  horizontal?: boolean
+  colNum?: number
+  hollowStyle?: boolean
+}
diff --git a/types/components/Rate.d.ts b/types/components/Rate.d.ts
new file mode 100644
index 000000000..8c727b80c
--- /dev/null
+++ b/types/components/Rate.d.ts
@@ -0,0 +1,15 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+
+export interface RateSlots {
+  default: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeRate extends CubeUIComponent {
+  value?: number
+  max?: number
+  disabled?: boolean
+  justify?: boolean
+  $slots: RateSlots
+}
diff --git a/types/components/RecycleList.d.ts b/types/components/RecycleList.d.ts
new file mode 100644
index 000000000..ee795d6e5
--- /dev/null
+++ b/types/components/RecycleList.d.ts
@@ -0,0 +1,20 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+
+export interface RecycleListSlots {
+  default: VNode[]
+  tombstone: VNode[]
+  item: VNode[]
+  spinner: VNode[]
+  noMore: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeRecycleList extends CubeUIComponent {
+  infinite?: boolean
+  size?: number
+  offset?: number
+  onFetch: Promise<any[] | false>
+  reset: () => void
+  $slots: RecycleListSlots
+}
diff --git a/types/components/Scroll.d.ts b/types/components/Scroll.d.ts
new file mode 100644
index 000000000..3f47e341a
--- /dev/null
+++ b/types/components/Scroll.d.ts
@@ -0,0 +1,30 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+import { BsOption } from 'better-scroll'
+
+type IScrollEvents = 'scroll' | 'before-scroll-start' | 'scroll-end'
+
+export interface ScrollSlots {
+  default: VNode[]
+  pulldown: VNode[]
+  pullup: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeScroll extends CubeUIComponent {
+  data?: []
+  direction?: 'vertical' | 'horizontal'
+  options?: BsOption
+  scrollEvents?: IScrollEvents[]
+  listenScroll?: boolean
+  listenBeforeScroll?: boolean
+  refreshDelay?: number
+  nestMode?: 'none' | 'native' | 'free'
+  scrollTo: (x?: number, y?: number, time?: number, ease?: object) => void
+  forceUpdate: (dirty?: boolean, nomore?: boolean) => void
+  disable: () => void
+  enable: () => void
+  resetPullUpTxt: () => void
+  refresh: () => void
+  $slots: ScrollSlots
+}
diff --git a/types/components/ScrollNav.d.ts b/types/components/ScrollNav.d.ts
new file mode 100644
index 000000000..feb5af877
--- /dev/null
+++ b/types/components/ScrollNav.d.ts
@@ -0,0 +1,21 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+import { BsOption } from 'better-scroll'
+
+export interface ScrollNavSlots {
+  default: VNode[]
+  prepend: VNode[]
+  bar: VNode[]
+  [key: string]: VNode[]
+}
+
+
+export declare class CubeScrollNav extends CubeUIComponent {
+  data?: []
+  side?: boolean
+  current?: string | number
+  speed?: number
+  options?: BsOption
+  refresh: () => void
+  $slots: ScrollNavSlots
+}
diff --git a/types/components/ScrollNavBar.d.ts b/types/components/ScrollNavBar.d.ts
new file mode 100644
index 000000000..ed64e49e1
--- /dev/null
+++ b/types/components/ScrollNavBar.d.ts
@@ -0,0 +1,18 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+import { BsOption } from 'better-scroll'
+
+export interface ScrollNavBarSlots {
+  default: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeScrollNavBar extends CubeUIComponent {
+  direction?: 'horizontal' | 'vertical'
+  labels?: []
+  txts?: []
+  current?: string | number
+  options?: BsOption
+  refresh: () => void
+  $slots: ScrollNavBarSlots
+}
diff --git a/types/components/SegmentPicker.ts b/types/components/SegmentPicker.ts
new file mode 100644
index 000000000..c5b987314
--- /dev/null
+++ b/types/components/SegmentPicker.ts
@@ -0,0 +1,36 @@
+import { BaseEventHandler, GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** ISegmentPicker type */
+export interface SegmentPickerProps {
+  data?: object
+  nextTxt?: string
+  prevTxt?: string
+  title?: string
+  subtitle?: string
+  cancelTxt?: string
+  confirmTxt?: string
+  swipeTime?: number
+  visible?: boolean
+  maskClosable?: boolean
+  zIndex?: number
+}
+
+type SegmentPickerNextEventHandler = (index: number, selectedDate: Date, selectedVals: [], selectedTexts: []) => void
+
+type SegmentPickerChangeEventHandler = (pickerIndex: number, index: number, selectedIndex: number) => void
+
+type SegmentPickerSelectEventHandler = (selectedDates: [], selectedVals: [], selectedTexts: []) => void
+interface EventsProps {
+  select: SegmentPickerSelectEventHandler
+  cancel: BaseEventHandler
+  change: SegmentPickerChangeEventHandler
+  next: SegmentPickerNextEventHandler
+  prev: (pickerIndex: number) => void
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<SegmentPickerProps>
+
+export interface ISegmentPicker extends SegmentPickerProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Select.d.ts b/types/components/Select.d.ts
new file mode 100644
index 000000000..39eaa96dd
--- /dev/null
+++ b/types/components/Select.d.ts
@@ -0,0 +1,16 @@
+import { CubeUIComponent } from '../component'
+
+interface IOptItem {
+  value?: any
+  text?: string
+}
+export declare class CubeSelect extends CubeUIComponent {
+  value?: any
+  options?: IOptItem[]
+  placeholder?: string
+  autoPop?: boolean
+  disabled?: boolean
+  title?: string
+  cancelTxt?: string
+  confirmTxt?: string
+}
diff --git a/types/components/Slide.d.ts b/types/components/Slide.d.ts
new file mode 100644
index 000000000..9f43f5345
--- /dev/null
+++ b/types/components/Slide.d.ts
@@ -0,0 +1,32 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+import { BsOption } from 'better-scroll'
+
+interface SlideItem {
+  url?: string
+  image?: string
+}
+
+export interface SlideSlots {
+  default: VNode[]
+  dots: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeSlide extends CubeUIComponent {
+  data?: SlideItem[]
+  initialIndex?: number
+  loop?: boolean
+  showDots?: boolean
+  autoPlay?: boolean
+  interval?: number
+  direction?: 'horizontal' | 'vertical'
+  options?: BsOption
+  threshold?: number
+  speed?: number
+  allowVertical?: boolean
+  stopPropagation?: boolean
+  refreshResetCurrent?: boolean
+  refresh: () => void
+  $slots: SlideSlots
+}
diff --git a/types/components/Sticky.d.ts b/types/components/Sticky.d.ts
new file mode 100644
index 000000000..22eabaa38
--- /dev/null
+++ b/types/components/Sticky.d.ts
@@ -0,0 +1,17 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+
+export interface StickySlots {
+  default: VNode[]
+  fixed: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeSticky extends CubeUIComponent {
+  pos?: number
+  checkTop?: boolean
+  fixedShowAni?: string
+  offset?: number
+  refresh: () => void
+  $slots: StickySlots
+}
diff --git a/types/components/Swipe.d.ts b/types/components/Swipe.d.ts
new file mode 100644
index 000000000..52cc3781c
--- /dev/null
+++ b/types/components/Swipe.d.ts
@@ -0,0 +1,31 @@
+import { CubeUIComponent } from '../component'
+
+interface IBtns {
+  [key: string]: string | number
+  text: string | number
+  color: string
+}
+
+interface IItem {
+  [key: string]: string | number
+  value: string | number
+  text: string | number
+}
+
+interface ISwipeItem {
+  item?: IItem
+  btns?: IBtns[]
+}
+
+export declare class CubeSwipe extends CubeUIComponent {
+  data?: ISwipeItem[]
+  autoShrink?: boolean
+}
+
+export declare class CubeSwipeItem extends CubeUIComponent {
+  item?: IItem
+  btns?: IBtns
+  index?: number
+  autoShrink?: boolean
+  shrink: () => void
+}
diff --git a/types/components/Switch.d.ts b/types/components/Switch.d.ts
new file mode 100644
index 000000000..d0e887618
--- /dev/null
+++ b/types/components/Switch.d.ts
@@ -0,0 +1,6 @@
+import { CubeUIComponent } from '../component'
+
+export declare class CubeSwitch extends CubeUIComponent {
+  disabled?: boolean
+  value?: boolean
+}
diff --git a/types/components/TabBar.d.ts b/types/components/TabBar.d.ts
new file mode 100644
index 000000000..95fe9ee4b
--- /dev/null
+++ b/types/components/TabBar.d.ts
@@ -0,0 +1,24 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+
+export interface ITabBarData {
+  label: string | number
+  value?: string | number
+  icon?: string
+}
+
+export interface TabBarSlots {
+  default: VNode[]
+  icon: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeTabBar extends CubeUIComponent {
+  value?: string | number
+  data?: ITabBarData[]
+  showSlider?: boolean
+  inline?: boolean
+  useTransition?: boolean
+  setSliderTransform: (offset: string | number) => void
+  $slots: TabBarSlots
+}
diff --git a/types/components/TabPanels.d.ts b/types/components/TabPanels.d.ts
new file mode 100644
index 000000000..fc9cd6b8e
--- /dev/null
+++ b/types/components/TabPanels.d.ts
@@ -0,0 +1,16 @@
+import { CubeUIComponent } from '../component'
+
+interface ITabPanelsData {
+  label: string | number // 必选
+  value?: string | number
+}
+
+export declare class CubeTabPanels extends CubeUIComponent {
+  value?: string | number
+  data?: ITabPanelsData[]
+}
+
+export declare class CubeTabPanel extends CubeUIComponent {
+  label?: string | number
+  value?: string | number
+}
\ No newline at end of file
diff --git a/types/components/Textarea.d.ts b/types/components/Textarea.d.ts
new file mode 100644
index 000000000..503313c0c
--- /dev/null
+++ b/types/components/Textarea.d.ts
@@ -0,0 +1,19 @@
+import { CubeUIComponent } from '../component'
+
+interface IIndicator {
+  remain?: boolean
+  negative?: boolean
+}
+
+export declare class CubeTextarea extends CubeUIComponent {
+  value?: string
+  disabled?: boolean
+  readonly?: boolean
+  maxlength?: number
+  placeholder?: string
+  autofocus?: boolean
+  indicator?: boolean | IIndicator
+  autoExpand: boolean
+  focus?: (e?: FocusEvent) => void
+  blur?: (e?: FocusEvent) => void
+}
diff --git a/types/components/TimePicker.ts b/types/components/TimePicker.ts
new file mode 100644
index 000000000..f56049ebb
--- /dev/null
+++ b/types/components/TimePicker.ts
@@ -0,0 +1,40 @@
+import { BaseEventHandler, ChangeEventHandler, GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** ITimePicker type */
+export interface TimePickerProps {
+  day?: {
+    len?: number
+    filter?: (string|number)[]
+    format?: string
+  }
+  showNow?: boolean|{
+    text?: string
+  }
+  minuteStep?: number|{
+    rule?: string
+    step?: number
+  }
+  delay?: number
+  min?: Date|number
+  max?: Date|number
+  title?: string
+  subtitle?: string
+  cancelTxt?: string
+  confirmTxt?: string
+  swipeTime?: number
+  visible?: boolean
+  maskClosable?: boolean
+  format?: string
+  zIndex?: number
+}
+interface EventsProps {
+  select: (selectedTime: number, selectText: string, formatedTime: string) => void
+  cancel: BaseEventHandler
+  change: ChangeEventHandler
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<TimePickerProps>
+export interface ITimePicker extends TimePickerProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Tip.d.ts b/types/components/Tip.d.ts
new file mode 100644
index 000000000..6bf5c36ba
--- /dev/null
+++ b/types/components/Tip.d.ts
@@ -0,0 +1,15 @@
+import { CubeUIComponent } from '../component'
+
+export type DirectionType = 'top' | 'bottom' | 'left' | 'right'
+
+export declare class CubeTip extends CubeUIComponent {
+  direction?: DirectionType
+  offsetTop?: number | string
+  offsetBottom?: number | string
+  offsetLeft?: number | string
+  offsetRight?: number | string
+  visible?: boolean
+  close: () => void
+  show: () => void
+  hide: () => void
+}
diff --git a/types/components/Toast.ts b/types/components/Toast.ts
new file mode 100644
index 000000000..29620ea75
--- /dev/null
+++ b/types/components/Toast.ts
@@ -0,0 +1,21 @@
+import { GetPropsAddString, GetTransformFnKeys } from './common'
+
+/** IToast type */
+export interface ToastProps {
+  visible?: boolean
+  type?: string
+  mask?: boolean
+  txt?: string
+  time?: number
+  maskClosable?: boolean
+  zIndex?: number
+}
+interface EventsProps {
+  timeout: Function
+}
+type TransfromEventsProps = GetTransformFnKeys<EventsProps>
+type AddStringProps = GetPropsAddString<ToastProps>
+export interface IToast extends ToastProps, TransfromEventsProps {
+  $props?: AddStringProps
+  $events?: Partial<EventsProps>
+}
diff --git a/types/components/Toolbar.d.ts b/types/components/Toolbar.d.ts
new file mode 100644
index 000000000..c9b1abfca
--- /dev/null
+++ b/types/components/Toolbar.d.ts
@@ -0,0 +1,13 @@
+import { CubeUIComponent } from '../component'
+
+interface IActions {
+  type?: 'button' | 'checkbox'
+  text?: string
+  checked?: boolean
+  action?: string
+  icon?: string
+}
+export declare class CubeToolbar extends CubeUIComponent {
+  actions?: IActions[]
+  moreActions?: IActions[]
+}
diff --git a/types/components/Upload.d.ts b/types/components/Upload.d.ts
new file mode 100644
index 000000000..c166eaa61
--- /dev/null
+++ b/types/components/Upload.d.ts
@@ -0,0 +1,28 @@
+import { CubeUIComponent } from '../component'
+
+export interface IFile extends CubeUIComponent {
+  name?: string
+  size?: number
+  url?: string
+  base64?: string
+  status?: string
+  progress?: number
+  file?: File
+  response?: object | string | []
+  responseHeaders?: string
+}
+
+export declare class CubeUpload extends CubeUIComponent {
+  value?: IFile[]
+  action?: string | object
+  max?: number
+  auto?: boolean
+  simultaneousUploads?: number
+  multiple?: boolean
+  accept?: string
+  processFile?: (file?: File, next?: Function) => any
+  start?: () => void
+  pause?: () => void
+  retry?: () => void
+  removeFile?: (file: File) => void
+}
diff --git a/types/components/Validator.d.ts b/types/components/Validator.d.ts
new file mode 100644
index 000000000..623035a9a
--- /dev/null
+++ b/types/components/Validator.d.ts
@@ -0,0 +1,35 @@
+import { VNode } from 'vue'
+import { CubeUIComponent } from '../component'
+
+type ValidatorType = 'string' | 'number' | 'array' | 'date' | 'email' | 'tel' | 'url'
+export interface IValidatorRules {
+  required: boolean
+  type?: ValidatorType
+  min?: number
+  max?: number
+  len?: number
+  notWhitespace?: boolean
+  pattern?: RegExp
+  custom?: Function
+}
+
+export interface ValidatorSlots {
+  default: VNode[]
+  message: VNode[]
+  [key: string]: VNode[]
+}
+
+export declare class CubeValidator extends CubeUIComponent {
+  model?: any
+  value?: any
+  rules?: IValidatorRules
+  messages?: object | string
+  immediate?: boolean
+  disabled?: boolean
+  validate?: (cb?: Function) => any
+  addRule?: Function
+  addMessage?: Function
+  addType?: Function
+  addHelper?: Function
+  $slots: ValidatorSlots
+}
diff --git a/types/components/common.ts b/types/components/common.ts
new file mode 100644
index 000000000..ab4ee1c4c
--- /dev/null
+++ b/types/components/common.ts
@@ -0,0 +1,26 @@
+export type BaseEventHandler = () => void
+
+export type SelectEventHandler = (selectedVal: [], selectedIndex: [], selectedText: []) => void
+
+export type ChangeEventHandler = (index: number, selectedIndex: number) => void
+
+export type AddString<T> = {
+  [P in keyof T]: T[P] | string;
+}
+export type GetFunctionNames<T> = { [K in keyof T]: T[K] extends Function ? K : never }[keyof T]
+
+export type GetPropsAddString<T> = AddString<Omit<T, GetFunctionNames<T>>>
+
+export type TransformFnKey<S extends string> = S extends `${infer A}-${infer B}` ? `on${Capitalize<A>}${Capitalize<B>}` : `on${Capitalize<S>}`
+
+export type TransformFnKeys<T> = {
+  [P in keyof T & string as `${TransformFnKey<P>}`]?: T[P]
+}
+
+export type GetTransformFnKeys<T> = TransformFnKeys<Pick<T, GetFunctionNames<T>>>
+
+export interface IRadioOptionData {
+  label?: string
+  value?: string | number
+  disabled?: boolean
+}
diff --git a/types/components/index.ts b/types/components/index.ts
new file mode 100644
index 000000000..378f61181
--- /dev/null
+++ b/types/components/index.ts
@@ -0,0 +1,50 @@
+import { CreateElement, VNode } from 'vue'
+
+export type IRenderFn = (createElement: CreateElement) => VNode|VNode[]
+export interface CreateAPIFn<O, V> {
+  (options: O, single?: boolean):V
+  (options: O, renderFn?: IRenderFn,):V
+  (options: O, renderFn: IRenderFn, single: boolean):V
+}
+
+// basic
+export * from './Button'
+export * from './Loading'
+export * from './Tip'
+export * from './Toolbar'
+export * from './TabBar'
+export * from './TabPanels'
+export * from './Checkbox'
+export * from './CheckboxGroup'
+export * from './Radio'
+export * from './RadioGroup'
+export * from './Checker'
+export * from './Input'
+export * from './Textarea'
+export * from './Select'
+export * from './Switch'
+export * from './Rate'
+export * from './Validator'
+export * from './Upload'
+export * from './Form'
+export * from './Drawer'
+export * from './Scroll'
+export * from './Slide'
+export * from './IndexList'
+export * from './Swipe'
+export * from './Sticky'
+export * from './ScrollNavBar'
+export * from './ScrollNav'
+export * from './RecycleList'
+
+// create-API
+export * from './Popup'
+export * from './ActionSheet'
+export * from './Toast'
+export * from './Picker'
+export * from './CascadePicker'
+export * from './DatePicker'
+export * from './TimePicker'
+export * from './SegmentPicker'
+export * from './Dialog'
+export * from './ImagePreview'
diff --git a/types/cube-ui.d.ts b/types/cube-ui.d.ts
index b2d28e9de..d5d61a8fd 100644
--- a/types/cube-ui.d.ts
+++ b/types/cube-ui.d.ts
@@ -1,7 +1,48 @@
 import Vue from 'vue'
-
 import { CubeUIComponent } from './component'
-
+import {
+  // basic
+  CubeButton,
+  CubeLoading,
+  CubeTip,
+  CubeToolbar,
+  CubeTabBar,
+  CubeTabPanels,
+  CubeCheckbox,
+  CubeCheckboxGroup,
+  CubeRadio,
+  CubeRadioGroup,
+  CubeChecker,
+  CubeInput,
+  CubeTextarea,
+  CubeSelect,
+  CubeSwitch,
+  CubeRate,
+  CubeValidator,
+  CubeUpload,
+  CubeForm,
+  CubeDrawer,
+  CubeScroll,
+  CubeSlide,
+  CubeIndexList,
+  CubeSwipe,
+  CubeSticky,
+  CubeScrollNavBar,
+  CubeScrollNav,
+  CubeRecycleList,
+  // create-API
+  IPopup,
+  IToast,
+  IPicker,
+  ICascadePicker,
+  IDatePicker,
+  ITimePicker,
+  ISegmentPicker,
+  IDialog,
+  IActionSheet,
+  IImagePreview,
+  CreateAPIFn
+} from './components'
 /**
  * CubeUI 组件
  * CubeUI component common definition
@@ -47,132 +88,157 @@ export class Style {}
 
 // basic
 /** Button Component */
-export class Button extends CubeUIComponent {}
+export class Button extends CubeButton {}
 /** Loading Component */
-export class Loading extends CubeUIComponent {}
+export class Loading extends CubeLoading {
+}
 /** Tip Component */
-export class Tip extends CubeUIComponent {}
+export class Tip extends CubeTip {}
 /** Toolbar Component */
-export class Toolbar extends CubeUIComponent {}
+export class Toolbar extends CubeToolbar {
+}
 /** TabBar Component */
-export class TabBar extends CubeUIComponent {}
+export class TabBar extends CubeTabBar {
+}
 /** TabPanels Component */
-export class TabPanels extends CubeUIComponent {}
+export class TabPanels extends CubeTabPanels {}
 // form
 /** Checkbox Component */
-export class Checkbox extends CubeUIComponent {}
+export class Checkbox extends CubeCheckbox {
+  ICheckbox: CubeCheckbox
+}
 /** Checkbox Group Component */
-export class CheckboxGroup extends CubeUIComponent {}
+export class CheckboxGroup extends CubeCheckboxGroup {
+  ICheckboxGroup: CubeCheckboxGroup
+}
 /** Checker Component */
-export class Checker extends CubeUIComponent {}
+export class Checker extends CubeChecker {
+  IChecker: CubeChecker
+}
 /** Radio Component */
-export class Radio extends CubeUIComponent {}
+export class Radio extends CubeRadio {
+  IRadio: CubeRadio
+}
 /** Radio Group Component */
-export class RadioGroup extends CubeUIComponent {}
+export class RadioGroup extends CubeRadioGroup {
+  IRadioGroup: CubeRadioGroup
+}
 /** Input Component */
-export class Input extends CubeUIComponent {}
+export class Input extends CubeInput {
+}
 /** Textarea Component */
-export class Textarea extends CubeUIComponent {}
+export class Textarea extends CubeTextarea {}
 /** Select Component */
-export class Select extends CubeUIComponent {}
+export class Select extends CubeSelect {}
 /** Switch Component */
-export class Switch extends CubeUIComponent {}
+export class Switch extends CubeSwitch {}
 /** Rate Component */
-export class Rate extends CubeUIComponent {}
+export class Rate extends CubeRate {}
 /** Validator Component */
-export class Validator extends CubeUIComponent {}
+export class Validator extends CubeValidator {}
 /** Upload Component */
-export class Upload extends CubeUIComponent {}
+export class Upload extends CubeUpload {}
 /** Form Component */
-export class Form extends CubeUIComponent {}
-// popup
-/** Popup Component */
-export class Popup extends CubeUIComponent {
+export class Form extends CubeForm {}
+
+/** base CreatApi CubeUIComponent */
+export class CreateApiCubeUIComponent extends CubeUIComponent {
   show(): any
   hide(): any
   remove(): any
-  static $create(options: object): Popup
+  $updateProps(options: object): any
+  static $create(options: object): CreateApiCubeUIComponent
+}
+/** Popup Component */
+export class Popup extends CreateApiCubeUIComponent {
+  static $create(options: IPopup): Popup
 }
 /** Toast Component */
-export class Toast extends Popup {
-  static $create(options: object): Toast
+export class Toast extends CreateApiCubeUIComponent {
+  static $create(options: IToast): Toast
 }
 /** Picker Component */
-export class Picker extends Popup {
-  static $create(options: object): Picker
+export class Picker extends CreateApiCubeUIComponent {
+  setData(data: any[], selectedIndex: number[]): any
+  static $create(options: IPicker): Picker
 }
 /** Cascade Picker Component */
-export class CascadePicker extends Popup {
-  static $create(options: object): CascadePicker
+export class CascadePicker extends CreateApiCubeUIComponent {
+  setData(data: any[], selectedIndex: number[]): any
+  static $create(options: ICascadePicker): CascadePicker
 }
 /** Date Picker Component */
-export class DatePicker extends Popup {
-  static $create(options: object): DatePicker
+export class DatePicker extends CreateApiCubeUIComponent {
+  static $create(options: IDatePicker): DatePicker
 }
 /** Time Picker Component */
-export class TimePicker extends Popup {
-  static $create(options: object): TimePicker
+
+export class TimePicker extends CreateApiCubeUIComponent {
+  setTime(time: string|number): any
+  static $create(options: ITimePicker): TimePicker
 }
+
 /** Segment Picker Component */
-export class SegmentPicker extends Popup {
-  static $create(options: object): SegmentPicker
+export class SegmentPicker extends CreateApiCubeUIComponent {
+  static $create(options: ISegmentPicker): SegmentPicker
 }
+
 /** Dialog Component */
-export class Dialog extends Popup {
-  static $create(options: object): Dialog
+export class Dialog extends CreateApiCubeUIComponent {
+  static $create(options: IDialog): Dialog
 }
+
 /** Action Sheet Component */
-export class ActionSheet extends Popup {
-  static $create(options: object): ActionSheet
+export class ActionSheet extends CreateApiCubeUIComponent {
+  static $create(options: IActionSheet): ActionSheet
 }
+
 /** ImagePreview Component */
-export class ImagePreview extends Popup {
-  static $create(options: object): ImagePreview
+export class ImagePreview extends CreateApiCubeUIComponent {
+  static $create(options: IImagePreview): ImagePreview
 }
 /** Drawer Component */
-export class Drawer extends CubeUIComponent {
-  show(): void
-  hide(): void
-  static $create(options: object): Drawer
-}
+export class Drawer extends CubeDrawer {}
 // scroll
 /** Scroll Component */
-export class Scroll extends CubeUIComponent {}
+export class Scroll extends CubeScroll {}
 /** Slide Component */
-export class Slide extends CubeUIComponent {}
+export class Slide extends CubeSlide {}
 /** Index List Component */
-export class IndexList extends CubeUIComponent {}
+export class IndexList extends CubeIndexList {}
 /** Swipe Component */
-export class Swipe extends CubeUIComponent {}
+export class Swipe extends CubeSwipe {}
 /** Sticky Component */
-export class Sticky extends CubeUIComponent {}
+export class Sticky extends CubeSticky {}
 /** ScrollNavBar Component */
-export class ScrollNavBar extends CubeUIComponent {}
+export class ScrollNavBar extends CubeScrollNavBar {}
 /** ScrollNav Component */
-export class ScrollNav extends CubeUIComponent {}
+export class ScrollNav extends CubeScrollNav {}
 /** RecycleList Component */
-export class RecycleList extends CubeUIComponent {}
+export class RecycleList extends CubeRecycleList {}
 
 // Vue prototype $createXx
 declare module 'vue/types/vue' {
   interface Vue {
+    /** create Popup instance */
+    $createPopup: CreateAPIFn<IPopup, Popup>
     /** create Toast instance */
-    $createToast(options: object): Toast
+    $createToast: CreateAPIFn<IToast, Toast>
     /** create Picker instance */
-    $createPicker(options: object): Picker
+    $createPicker: CreateAPIFn<IPicker, Picker>
     /** create CascadePicker instance */
-    $createCascadePicker(options: object): CascadePicker
+    $createCascadePicker: CreateAPIFn<ICascadePicker, CascadePicker>
     /** create DatePicker instance */
-    $createDatePicker(options: object): DatePicker
+    $createDatePicker: CreateAPIFn<IDatePicker, DatePicker>
     /** create TimePicker instance */
-    $createTimePicker(options: object): TimePicker
+    $createTimePicker: CreateAPIFn<ITimePicker, TimePicker>
     /** create SegmentPicker instance */
-    $createSegmentPicker(options: object): SegmentPicker
+    $createSegmentPicker: CreateAPIFn<ISegmentPicker, SegmentPicker>
     /** create Dialog instance */
-    $createDialog(options: object): Dialog
+    $createDialog: CreateAPIFn<IDialog, Dialog>
     /** create ActionSheet instance */
-    $createActionSheet(options: object): ActionSheet
+    $createActionSheet: CreateAPIFn<IActionSheet, ActionSheet> 
     /** create ImagePreview instance */
-    $createImagePreview(options: object): ImagePreview
+    $createImagePreview: CreateAPIFn<IImagePreview, ImagePreview>
   }
 }
diff --git a/vetur/attributes.json b/vetur/attributes.json
new file mode 100644
index 000000000..09d51a3ed
--- /dev/null
+++ b/vetur/attributes.json
@@ -0,0 +1,24 @@
+{
+  "cube-button/type": { "description": "cube-button type: 'button' | 'submit'", "type": "string", "options": ["button", "submit"] },
+  "cube-checker/type": { "description": "cube-checker type: 'checkbox' | 'radio'", "type": "string", "defalut": "checkbox", "options": ["checkbox", "radio"] },
+  "cube-input/type": { "description": "cube-input type: 'text' | 'number' | 'password' | 'date'", "type": "string", "options": ["text" , "number" , "password" , "date"] },
+  "disabled": { "type": "boolean" },
+  "cube-button/active": { "type": "boolean" },
+  "cube-swipe-item/active": { "type": "method" },
+  "icon": { "type": "string", "description": "the class of icon" },
+  "light": { "type": "boolean", "description": "light style" },
+  "inline": { "type": "boolean", "description": "inline style" },
+  "outline": { "type": "boolean", "description": "outline style" },
+  "primary": { "type": "boolean", "description": "primary style" },
+  "size": { "type": "number" },
+  "cube-tip/direction": { "type": "string", "description": "the direction of the small triangle, options: top | bottom | left | right", "options": ["top", "bottom", "left", "right"] },
+  "cube-scroll/direction": { "type": "string", "description": "slide direction, options: horizontal | vertical", "options": ["horizontal", "vertical"] },
+  "cube-slide/direction": { "type": "string", "description": "slide direction, options: horizontal | vertical", "options": ["horizontal", "vertical"] },
+  "cube-scroll-nav-bar/direction": { "type": "string", "description": "slide direction, options: horizontal | vertical", "options": ["horizontal", "vertical"] },
+  "cube-tip/offsetLeft": { "type": "number", "description": "the distance between the small triangle and the left part of x axis" },
+  "cube-tip/offsetTop": { "type": "number", "description": "the distance between the small triangle and the origin of y axis" },
+  "cube-tip/offsetRight": { "type": "number", "description": "the distance between the small triangle and the right part of x axis" },
+  "cube-tip/offsetBottom": { "type": "number", "description": "the distance between the small triangle and the bottom part of y axis" },
+  "cube-toolbar/actions": { "type": "array", "description": "actions description, type array" },
+  "cube-toolbar/more-actions": { "type": "array", "description": "more actions, type array" }
+}
diff --git a/vetur/tags.json b/vetur/tags.json
new file mode 100644
index 000000000..494b1c1f9
--- /dev/null
+++ b/vetur/tags.json
@@ -0,0 +1,178 @@
+{
+  "cube-button": {
+    "attributes": ["type", "active", "disabled", "icon", "light", "inline", "outline", "primary"],
+    "defaults": [],
+    "description": "cube-button"
+  },
+  "cube-loading": {
+    "attributes": ["size"],
+    "defaults": [],
+    "subtags": [],
+    "description": "cube-loading"
+  },
+  "cube-tip": {
+    "attributes": ["direction", "offsetTop", "offsetBottom", "offsetLeft", "offsetRight", "visible", "close"],
+    "defaults": [],
+    "subtags": [],
+    "description": "cube-tip"
+  },
+  "cube-toolbar": {
+    "attributes": ["actions", "more-actions", "more-click"],
+    "defaults": [],
+    "description": "cube-toolbar"
+  },
+  "cube-tab-bar": {
+    "attributes": ["value", "data", "show-slider", "inline", "use-transition"],
+    "defaults": [],
+    "description": "cube-tab-bar"
+  },
+  "cube-checkbox": {
+    "attributes": ["option", "position", "shape", "hollow-style", "label", "value", "disabled"],
+    "defaults": [],
+    "description": "cube-checkbox"
+  },
+  "cube-checkbox-group": {
+    "attributes": ["value", "options", "horizontal", "colNum", "shape", "hollow-style", "min", "max", "checked", "cancel-checked", "input"],
+    "defaults": ["data"],
+    "description": "cube-checkbox-group"
+  },
+  "cube-radio": {
+    "attributes": ["value", "option", "position", "hollow-style"],
+    "defaults": [],
+    "description": "cube-radio"
+  },
+  "cube-radio-group": {
+    "attributes": ["value", "options", "position", "horizontal", "colNum", "hollow-style"],
+    "defaults": ["options"],
+    "description": "cube-radio-group"
+  },
+  "cube-checker": {
+    "attributes": ["value", "options", "type", "min", "max"],
+    "defaults": ["options"],
+    "description": "cube-checker"
+  },
+  "cube-input": {
+    "attributes": ["value", "type", "disabled", "readonly", "maxlength", "placeholder", "autofocus", "autocomplete", "clearable", "eye"],
+    "defaults": ["type"],
+    "description": "cube-input"
+  },
+  "cube-textarea": {
+    "attributes": ["value", "disabled", "readonly", "maxlength", "placeholder", "autofocus", "indicator", "auto-expand"],
+    "defaults": [],
+    "description": "cube-textarea"
+  },
+  "cube-select": {
+    "attributes": ["value", "options", "placeholder", "auto-pop", "disabled", "title", "cancelTxt", "confirmTxt", "picker-show", "picker-hide"],
+    "defaults": [],
+    "description": "cube-select"
+  },
+  "cube-switch": {
+    "attributes": ["disabled", "value"],
+    "defaults": [],
+    "description": "cube-switch"
+  },
+  "cube-rate": {
+    "attributes": ["value", "max", "disabled", "justify"],
+    "defaults": ["justify"],
+    "description": "cube-rate"
+  },
+  "cube-validator": {
+    "attributes": ["model", "value", "rules", "messages", "immediate", "disabled", "validated", "validating", "msg-click", "input"],
+    "defaults": ["model"],
+    "description": "cube-validator"
+  },
+  "cube-upload": {
+    "attributes": ["value", "action", "max", "auto", "simultaneousUploads", "multiple", "action", "files-added", "file-submitted", "file-removed", "file-success", "file-error", "file-click"],
+    "defaults": ["title"],
+    "description": "cube-upload"
+  },
+  "cube-form": {
+    "attributes": ["model", "schema", "immediate-validate", "action", "options", "submit-always-validate", "submit", "reset", "validate", "valid", "invalid"],
+    "defaults": ["model"],
+    "subtags": ["cube-form-group"],
+    "description": "cube-form"
+  },
+  "cube-form-group": {
+    "attributes": ["legend", "fields"],
+    "defaults": ["legend"],
+    "subtags": ["cube-form-item"],
+    "description": "cube-form-group"
+  },
+  "cube-form-item": {
+    "attributes": ["field"],
+    "defaults": ["field"],
+    "subtags": [],
+    "description": "cube-formitem"
+  },
+  "cube-drawer": {
+    "attributes": ["title", "data", "selected-index", "visible", "cancel"],
+    "defaults": ["title"],
+    "subtags": ["cube-drawer-panel"],
+    "description": "cube-drawer"
+  },
+  "cube-drawer-panel": {
+    "attributes": ["data", "index"],
+    "defaults": ["data"],
+    "subtags": ["cube-drawer-item"],
+    "description": "cube-drawer-panel"
+  },
+  "cube-drawer-item": {
+    "attributes": ["data", "index"],
+    "defaults": ["data"],
+    "description": "cube-drawer-item"
+  },
+  "cube-scroll": {
+    "attributes": ["data", "direction", "options", "scroll-events", "listen-scroll", "listen-before-scroll", "refresh-delay", "nest-mode", "before-scroll-start", "scroll-end", "pulling-down", "pulling-up"],
+    "defaults": ["data"],
+    "description": "cube-scroll"
+  },
+  "cube-slide": {
+    "attributes": ["data", "initial-index", "loop", "show-dots", "auto-play", "interval", "direction", "options", "threshold", "speed", "allow-vertical", "stop-propagation", "refresh-reset-current", "scroll-end"],
+    "defaults": ["data"],
+    "subtags": ["cube-slide-item"],
+    "description": "cube-slide"
+  },
+  "cube-slide-item": {
+    "attributes": ["url", "image"],
+    "defaults": [],
+    "description": "cube-slide-item"
+  },
+  "cube-index-list": {
+    "attributes": ["title", "data", "navbar", "speed", "options", "pull-up-load", "pull-down-refresh", "title-click", "pulling-up", "pulling-down"],
+    "defaults": [],
+    "description": "cube-index-list"
+  },
+  "cube-swipe": {
+    "attributes": ["data", "auto-shrink", "item-click", "btn-click"],
+    "defaults": [],
+    "subtags": ["cube-swipe-item"],
+    "description": "cube-swipe"
+  },
+  "cube-swipe-item": {
+    "attributes": ["item", "btns", "index", "auto-shrink", "item-click", "btn-click", "active"],
+    "defaults": ["item"],
+    "description": "cube-swipe-item"
+  },
+  "cube-sticky": {
+    "attributes": ["pos", "check-top", "fixed-show-ani", "offset", "diff-change", "change"],
+    "defaults": [],
+    "subtags": ["cube-sticky-ele"],
+    "description": "cube-sticky"
+  },
+  "cube-scroll-nav-bar": {
+    "attributes": ["direction", "labels", "txts", "current", "options"],
+    "defaults": [],
+    "description": "cube-scroll-nav-bar"
+  },
+  "cube-scroll-nav": {
+    "attributes": ["data", "side", "current", "speed", "options", "sticky-change"],
+    "defaults": ["data"],
+    "subtags": ["cube-scroll-nav-panel"],
+    "description": "cube-scroll-nav"
+  },
+  "cube-recycle-list": {
+    "attributes": ["infinite", "size", "offset", "on-fetch"],
+    "defaults": [],
+    "description": "cube-recycle-list"
+  }
+}