docs build

docs/css/app.72cfd06d0442cf71d7b5dcc0fee3b944.css

-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%;color:#333;background:#f3f4f5;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased}input{outline:0}.md-body{font-size:14px;line-height:1.6;color:#333}.md-body p{margin:1.2em 0}.md-body p .anchor{display:inline-block}.md-body h2{margin-top:1.2em;margin-bottom:.8em;font-size:1.5em;font-weight:600}.md-body h3{margin:1em 0;font-size:1.25em;font-weight:600}.md-body h4{margin:.8em 0;font-size:1.1em;font-weight:600}.md-body blockquote{padding:0 1em;color:#666;border-left:.25em solid #ccc}.md-body table{width:100%;color:#444654;box-sizing:border-box;table-layout:fixed}.md-body table td,.md-body table th{padding:6px 13px;border:1px solid #dfe2e5;vertical-align:middle;text-align:left;word-wrap:break-word;word-break:break-word}.md-body table th{font-weight:600;background-color:#ebebeb}.md-body li,.md-body ol,.md-body ul{line-height:20px}.md-body li{list-style:inherit;margin:1em 0}.md-body ul{padding-left:20px}.md-body h1 .anchor,.md-body h2 .anchor,.md-body h3 .anchor,.md-body h4 .anchor{display:none}.md-body h1:hover .anchor,.md-body h2:hover .anchor,.md-body h3:hover .anchor,.md-body h4:hover .anchor{display:inline-block;float:left;margin-left:-20px;position:relative;top:6px;padding-right:4px;line-height:1}.md-body img{max-width:100%}pre{margin:.8em 0;font-size:12px}code{font-family:monaco;line-height:1.4;color:#c7254e;background:#f9f2f4;padding:2px 4px;box-sizing:border-box;font-size:.93em}strong{margin:1em 0;font-weight:700}a{text-decoration:none;color:#009a61}.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}
\ No newline at end of file

docs/css/app.fe0ca7a48d4966b646750e44e17d4779.css

+#app,.docs-view{width:100%;height:100%}.docs-view{display:-webkit-box;display:flex;flex-wrap:wrap;overflow:hidden}@media screen and (max-width:960px){.docs-view{position:relative;height:auto}}.docs-view .toggle-catalog{display:none}@media screen and (max-width:960px){.docs-view .toggle-catalog{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px;padding:10px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}}.docs-view .toggle-catalog:active{opacity:.6}.docs-view .nav-list-wrapper{height:100%}@media screen and (max-width:960px){.docs-view .nav-list-wrapper{position:absolute;right:0;top:0;background-color:#fff;z-index:1;overflow:hidden;-webkit-transform:translate(100%);transform:translate(100%);-webkit-transition:all .4s ease;transition:all .4s ease}.docs-view .nav-list-wrapper.active{-webkit-transform:translate(0);transform:translate(0)}}.docs-view .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.docs-view .mask.active{background-color:rgba(0,0,0,.2);-webkit-transition:all .4s ease;transition:all .4s ease}.page-sidelist{-webkit-box-flex:0;flex:none;width:190px;height:100%;padding:40px 20px;box-sizing:border-box;overflow-y:auto}@media screen and (max-width:960px){.page-sidelist{height:100%;padding:5px 20px}}.page-doc{-webkit-box-flex:1;flex:1;height:100%;padding:44px 20px 20px;box-sizing:border-box;overflow-y:auto}@media screen and (max-width:960px){.page-doc{-webkit-box-flex:1;flex:1 1 100%;height:auto;padding:20px 20px 0}}.page-doc h2:first-child{margin-top:0}.page-display{-webkit-box-flex:0;flex:none;height:100%;width:420px;overflow-y:auto}@media screen and (max-width:960px){.page-display{-webkit-box-flex:1;flex:1 1 100%;height:800px}}.page-sidelist{font-size:16px}.nav-ul{font-size:100%}.nav-ul .nav-ul{font-size:96%}.nav-li{margin-left:.4em;margin-bottom:10px}.nav-li .nav-li a{padding:5px}.nav-li .nav-li .nav-name{font-size:12px;color:#999}.nav-li a{display:block;padding:0 10px;box-sizing:border-box;color:#666}.nav-li a.nav-active,.nav-li a:hover{color:#fc9153}.nav-li a.nav-active{border-right:3px solid #fc9153}.nav-name{margin:10px 0;font-size:20px}.page-display{position:relative}.page-display .display-wrapper{position:absolute;width:348px;height:756px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/cube-ui/img/phone.5909f66.png) no-repeat;background-size:cover}.page-display .display-wrapper .mofang-demo{position:absolute;top:104px;left:14px;right:14px;height:550px;border-radius:4px;background-color:#fff}.home-view{padding-top:70px;box-sizing:border-box;-webkit-transition:all .25s ease;transition:all .25s ease}.home-view,.home-view .router-view{height:100%}.navigator{height:70px;line-height:70px;margin-top:-70px;background-color:#4a4c5b;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.navigator .toggle-nav{display:none}@media screen and (max-width:960px){.navigator .toggle-nav{display:-webkit-box;display:flex;position:absolute;left:10px;top:0;width:40px;height:70px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}}.navigator .toggle-nav:active{opacity:.6}.navigator .toggle-nav img{width:20px;height:20px}.navigator.active{height:255px}.navigator .logo{float:left;background-color:#fc9153}@media screen and (max-width:960px){.navigator .logo{float:none;background-color:transparent;text-align:center}}.navigator .logo a{display:block;padding:0 28px;color:#fff;font-size:20px}@media screen and (max-width:960px){.navigator .logo a{display:inline-block}}.navigator .logo a:before{content:"";display:inline-block;background-image:url(//static.galileo.xiaojukeji.com/static/tms/shield/z/mofang/mofang/images/didi-logo.png);width:36px;height:29px;margin-right:10px;vertical-align:middle}.navigator .tabs{float:right;padding:0 30px}@media screen and (max-width:960px){.navigator .tabs{float:none;padding:0;border-top:1px solid hsla(0,0%,100%,.5)}}.navigator .tabs .tab{display:inline-block;margin:0 10px;color:#fff;-webkit-transition:color .2s;transition:color .2s}@media screen and (max-width:960px){.navigator .tabs .tab{display:block;line-height:45px;margin:0 20px}}.navigator .tabs .router-link-active,.navigator .tabs .tab:hover{color:#fc9153}.langs{display:inline-block;margin:0 20px}@media screen and (max-width:960px){.langs{display:block;line-height:45px;margin:0 20px}}.langs a{color:#fff}.langs a:after{content:"/";padding:0 5px}.langs a.active{color:#fc9153}.home-index{position:relative;padding-bottom:36px;min-height:100%;box-sizing:border-box;overflow:hidden;text-align:center;background:url(//webapp.didistatic.com/static/webapp/shield/cube-ui-home-index-background.png) no-repeat fixed 50%;background-size:cover}.home-index>h2{margin:80px 0 20px;font-size:30px}@media screen and (max-width:960px){.home-index>h2{margin:50px 0 10px}}.home-index>h2 p{margin-top:30px}.home-index>p{margin:20px 0}.home-index>footer{position:absolute;bottom:0;width:100%}.home-index>footer a{display:inline-block;padding:10px 20px;color:#666}.ghbtns a{display:inline-block}.features{margin:60px auto 40px}@media screen and (max-width:960px){.features{margin:30px auto 10px}}.features>ul{display:-webkit-box;display:flex;padding:0 10px;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:center;justify-content:center;text-align:left;color:#666}@media screen and (max-width:960px){.features>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.features>ul li{-webkit-box-flex:1;flex:1;max-width:160px;padding:10px 16px 20px;margin:0 10px;border-top:1px solid #4a4c5b;font-size:13px;line-height:1.4;background:#fff;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,.1)}@media screen and (max-width:960px){.features>ul li{max-width:none;margin-bottom:20px}}.features>ul li h1{padding:10px 0;text-align:center;font-size:15px}.home-example{position:relative;width:348px;margin:50px auto;overflow:hidden;text-align:center}.home-example .online-link,.home-example img{display:inline-block;margin-bottom:20px}.home-example .page-display{width:100%}.home-example .page-display .display-wrapper{position:static;-webkit-transform:none;transform:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%;color:#333;background:#f3f4f5;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased}input{outline:0}.md-body{font-size:14px;line-height:1.6;color:#333}.md-body p{margin:1.2em 0}.md-body p .anchor{display:inline-block}.md-body h2{margin-top:1.2em;margin-bottom:.8em;font-size:1.5em;font-weight:600}.md-body h3{margin:1em 0;font-size:1.25em;font-weight:600}.md-body h4{margin:.8em 0;font-size:1.1em;font-weight:600}.md-body blockquote{padding:0 1em;color:#666;border-left:.25em solid #ccc}.md-body table{width:100%;color:#444654;box-sizing:border-box;table-layout:fixed}.md-body table td,.md-body table th{padding:6px 13px;border:1px solid #dfe2e5;vertical-align:middle;text-align:left;word-wrap:break-word;word-break:break-word}.md-body table th{font-weight:600;background-color:#ebebeb}.md-body li,.md-body ol,.md-body ul{line-height:20px}.md-body li{list-style:inherit;margin:1em 0}.md-body ul{padding-left:20px}.md-body h1 .anchor,.md-body h2 .anchor,.md-body h3 .anchor,.md-body h4 .anchor{display:none}.md-body h1:hover .anchor,.md-body h2:hover .anchor,.md-body h3:hover .anchor,.md-body h4:hover .anchor{display:inline-block;float:left;margin-left:-20px;position:relative;top:6px;padding-right:4px;line-height:1}.md-body img{max-width:100%}pre{margin:.8em 0;font-size:12px}code{font-family:monaco;line-height:1.4;color:#c7254e;background:#f9f2f4;padding:2px 4px;box-sizing:border-box;font-size:.93em}strong{margin:1em 0;font-weight:700}a{text-decoration:none;color:#009a61}.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}
\ No newline at end of file

docs/example/css/app.9a5bb0919ef7e178848975bc3301fd6b.css

-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden;text-decoration:none}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{line-height:1;font-family:PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.clear-fix:after{content:"";display:table;clear:both}.border-bottom-1px,.border-left-1px,.border-right-1px,.border-top-1px{position:relative}.border-bottom-1px:after,.border-bottom-1px:before,.border-left-1px:after,.border-left-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before{content:"";display:block;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.border-top-1px:before{border-top:1px solid #ebebeb;left:0;top:0;width:100%;-webkit-transform-origin:0 top;transform-origin:0 top}.border-right-1px:after{border-right:1px solid #f5f5f5;top:0;right:0;height:100%;-webkit-transform-origin:right 0;transform-origin:right 0}.border-bottom-1px:after{border-bottom:1px solid #ebebeb;left:0;bottom:0;width:100%;-webkit-transform-origin:0 bottom;transform-origin:0 bottom}.border-left-1px:before{border-left:1px solid #f5f5f5;top:0;left:0;height:100%;-webkit-transform-origin:left 0;transform-origin:left 0}.cube-safe-area-pb{padding-bottom:constant(safe-area-inset-bottom)!important;padding-bottom:env(safe-area-inset-bottom)!important}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.border-top-1px:before{width:200%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-left-1px:before{height:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.border-top-1px:before{width:300%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,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) format("woff"),url(data:application/x-font-ttf;base64,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) format("truetype")}[class*=" cubeic-"],[class^=cubeic-]{font-family:cube-icon!important;font-size:100%;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cubeic-important:before{content:"\E68B"}.cubeic-alert:before{content:"\E676"}.cubeic-ok:before{content:"\E68C"}.cubeic-back:before{content:"\E608"}.cubeic-arrow:before{content:"\E60B"}.cubeic-close:before{content:"\E60D"}.cubeic-warn:before{content:"\E614"}.cubeic-question:before{content:"\E616"}.cubeic-right:before{content:"\E617"}.cubeic-wrong:before{content:"\E618"}.cubeic-info:before{content:"\E619"}.cubeic-danger:before{content:"\E641"}.cubeic-round-border:before{content:"\E683"}
\ No newline at end of file

docs/example/index.html

-<!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 href=css/app.9a5bb0919ef7e178848975bc3301fd6b.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=js/manifest.008b0ca2a17417913812.js></script><script type=text/javascript src=js/vendor.e7e1be8776333f92251c.js></script><script type=text/javascript src=js/app.4814062f745ec2ba451c.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 href=css/app.4eaa9c135c0aebeb29665e737a3bf261.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=js/manifest.1d44f9c20357b660805d.js></script><script type=text/javascript src=js/vendor.a38062045087d0d710d8.js></script><script type=text/javascript src=js/app.138123eb8bab1356f863.js></script></body></html>
\ No newline at end of file

docs/example/js/manifest.008b0ca2a17417913812.js → docs/example/js/manifest.1d44f9c20357b660805d.js

-!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,u){for(var a,i,f,s=0,l=[];s<t.length;s++)i=t[s],o[i]&&l.push(o[i][0]),o[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(r&&r(t,c,u);l.length;)l.shift()();if(u)for(s=0;s<u.length;s++)f=n(n.s=u[s]);return f};var t={},o={2:0};n.e=function(e){function r(){a.onerror=a.onload=null,clearTimeout(i);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var u=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,n.nc&&a.setAttribute("nonce",n.nc),a.src=n.p+"js/"+e+"."+{0:"4814062f745ec2ba451c",1:"e7e1be8776333f92251c"}[e]+".js";var i=setTimeout(r,12e4);return a.onerror=a.onload=r,u.appendChild(a),c},n.m=e,n.c=t,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
+!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,a,c){for(var u,i,f,s=0,l=[];s<t.length;s++)i=t[s],o[i]&&l.push(o[i][0]),o[i]=0;for(u in a)Object.prototype.hasOwnProperty.call(a,u)&&(e[u]=a[u]);for(r&&r(t,a,c);l.length;)l.shift()();if(c)for(s=0;s<c.length;s++)f=n(n.s=c[s]);return f};var t={},o={2:0};n.e=function(e){function r(){u.onerror=u.onload=null,clearTimeout(i);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var a=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=a;var c=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,n.nc&&u.setAttribute("nonce",n.nc),u.src=n.p+"js/"+e+"."+{0:"138123eb8bab1356f863",1:"a38062045087d0d710d8"}[e]+".js";var i=setTimeout(r,12e4);return u.onerror=u.onload=r,c.appendChild(u),a},n.m=e,n.c=t,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file

docs/index.html

-<!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><title>cube-ui Document</title><link href=/cube-ui/css/app.72cfd06d0442cf71d7b5dcc0fee3b944.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.1b768602887959d09f74.js></script><script type=text/javascript src=/cube-ui/js/vendor.c9c91362f7e2b9509857.js></script><script type=text/javascript src=/cube-ui/js/app.ffd9a7fb7ac6be56c2c3.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><title>cube-ui Document</title><link href=/cube-ui/css/app.fe0ca7a48d4966b646750e44e17d4779.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.b1a6a3b25f08df41fa77.js></script><script type=text/javascript src=/cube-ui/js/vendor.4fe3b8d35d37d42ba21c.js></script><script type=text/javascript src=/cube-ui/js/app.80c9f78a33af427f3c73.js></script></body></html>
\ No newline at end of file

docs/js/0.4cf99877b91a186a389b.js

-webpackJsonp([0],{441:function(e,o,u){e.exports=u(489)},489:function(e,o){throw new Error("Module build failed: Error: \n\nVue packages version mismatch:\n\n- vue@2.5.11\n- vue-template-compiler@2.5.10\n\nThis may cause things to work incorrectly. Make sure to use the same version for both.\nIf you are using vue-loader@>=10.0, simply update vue-template-compiler.\nIf you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.\n\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-template-compiler/index.js:8:9)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-loader/lib/parser.js:1:78)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)")}});
\ No newline at end of file

docs/js/0.7d623eca6a74927fc70f.js

+webpackJsonp([0],{445:function(t,e,n){function o(t){n(496)}var r=n(11)(n(498),n(499),o,null,null);t.exports=r.exports},496:function(t,e,n){var o=n(497);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n(443)("e0abb45c",o,!0)},497:function(t,e,n){e=t.exports=n(442)(!1),e.push([t.i,"",""])},498:function(t,e,n){var o,r,u;!function(s,c){r=[t,e,n(140)],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})},499:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"zh-CN"}})},staticRenderFns:[]}}});
\ No newline at end of file

docs/js/1.75787ebd2f9125a7e4f4.js

+webpackJsonp([1],{444:function(e,t,n){function o(e){n(492)}var r=n(11)(n(494),n(495),o,null,null);e.exports=r.exports},492:function(e,t,n){var o=n(493);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(443)("4e79e8f8",o,!0)},493:function(e,t,n){t=e.exports=n(442)(!1),t.push([e.i,"",""])},494:function(e,t,n){var o,r,u;!function(s,i){r=[e,t,n(140)],o=i,void 0!==(u="function"==typeof o?o.apply(t,r):o)&&(e.exports=u)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={components:{Viewport:o.default}},e.exports=t.default})},495:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("viewport",{attrs:{lang:"en-US"}})},staticRenderFns:[]}}});
\ No newline at end of file

docs/js/1.b39a84f5892db8ef4f15.js

-webpackJsonp([1],{440:function(e,o,u){e.exports=u(488)},488:function(e,o){throw new Error("Module build failed: Error: \n\nVue packages version mismatch:\n\n- vue@2.5.11\n- vue-template-compiler@2.5.10\n\nThis may cause things to work incorrectly. Make sure to use the same version for both.\nIf you are using vue-loader@>=10.0, simply update vue-template-compiler.\nIf you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.\n\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-template-compiler/index.js:8:9)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-loader/lib/parser.js:1:78)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)")}});
\ No newline at end of file

docs/js/10.57fa92991069ae1e1cfa.js

-webpackJsonp([10],{431:function(e,o,u){e.exports=u(479)},479:function(e,o){throw new Error("Module build failed: Error: \n\nVue packages version mismatch:\n\n- vue@2.5.11\n- vue-template-compiler@2.5.10\n\nThis may cause things to work incorrectly. Make sure to use the same version for both.\nIf you are using vue-loader@>=10.0, simply update vue-template-compiler.\nIf you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.\n\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-template-compiler/index.js:8:9)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-loader/lib/parser.js:1:78)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)")}});
\ No newline at end of file

docs/js/11.7c8013736bd03fe62d88.js

+webpackJsonp([11],{482:function(e,s,t){e.exports=t(572)},572:function(e,s,t){var a=t(11)(null,t(573),null,null,null);e.exports=a.exports},573:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("section",[t("h2",{attrs:{id:"后编译"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-后编译-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 后编译")]),e._v(" "),t("p",[e._v("后编译指的是应用依赖的 NPM 包并不需要在发布前编译，而是随着应用编译打包的时候一块编译。")]),e._v(" "),e._m(0),e._v(" "),t("h3",{attrs:{id:"背景"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-背景-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 背景")]),e._v(" "),t("p",[e._v("使用 webpack + babel 开发应用越来越多，而且一般都是通过 NPM 进行包管理的，这样依赖包越来越多，这些依赖包也是使用的 ES2015+ 开发的，所以每个依赖包都需要编译才能发布，这样编译后代码中往往后包含很多编译代码，所以为了消除这部分冗余，推荐大家使用后编译。")]),e._v(" "),t("h3",{attrs:{id:"优缺点"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-优缺点-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 优缺点")]),e._v(" "),t("p",[e._v("优点：")]),e._v(" "),e._m(1),e._v(" "),t("p",[e._v("缺点：")]),e._v(" "),e._m(2),e._v(" "),t("h3",{attrs:{id:"约定"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-约定-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" 约定")]),e._v(" "),t("p",[e._v("考虑到有些应用会使用后编译，有些则只能使用编译好的依赖包，为了“争夺”入口，cube-ui 做了均衡，约定：")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),t("p",[e._v("这样，如果应用使用的是 webpack 2+，则默认走后编译，而如果使用的 webpack 1.x 则默认使用的是编译后内容；当然，这部分可以通过 webpack 的 alias 配置达到和版本无关效果。")]),e._v(" "),t("h3",{attrs:{id:"webpack配置使用"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpack配置使用-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" webpack 配置使用")]),e._v(" "),e._m(5),e._v(" "),t("p",[e._v("一个应用示例配置：")]),e._v(" "),e._m(6),e._v(" "),t("p",[e._v("在应用的 package.json 中增加 compileDependencies：")]),e._v(" "),e._m(7),e._v(" "),t("p",[e._v("如果说 A 还依赖 C 的话，只需要在 A 的 package.json 中指定 compileDependencies 即可：")]),e._v(" "),e._m(8)])},staticRenderFns:[function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("注：")]),e._v(" 关于后编译更详细内容可参阅 "),t("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("公共的依赖可以实现共用，只此一份，重要的是只编译一次，建议通过 peerDependencies 管理依赖。")]),e._v(" "),t("li",[e._v("babel 转换 API（例如 babel-plugin-transform-runtime 或者 babel-polyfill）部分的代码只有一份。")]),e._v(" "),t("li",[e._v("不用每个依赖包都需要配置编译打包环节，甚至可以直接源码级别发布。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("主应用的 babel 配置需要能兼容依赖包的 babel 配置。")]),e._v(" "),t("li",[e._v("依赖包不能使用 alias、不能方便的使用 DefinePlugin（可以经过一次简单编译，但是不做 babel 处理）。")]),e._v(" "),t("li",[e._v("应用编译时间会变长。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("p",[e._v("package.json 的 main 字段指向的就是编译后入口，而 module 字段指向的就是源码入口。")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("关于 "),t("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[e._v("pkg.module")])])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[e._v("后编译的场景是极有可能产生嵌套的情况，而且对于每个依赖包而言应该自己管理自身需要后编译的依赖；为了解决这个问题，可以使用 "),t("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[e._v("webpack-post-compile-plugin")]),e._v("，只需要在应用或者 NPM 包自身的 package.json 中通过 compileDependencies 来指定自身需要后编译依赖的包名。")])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// webpack.config.js")]),e._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" PostCompilePlugin = "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),t("span",{attrs:{class:"hljs-string"}},[e._v("'webpack-post-compile-plugin'")]),e._v(")\n\n"),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(".exports = {\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(": {\n    "),t("span",{attrs:{class:"hljs-attr"}},[e._v("rules")]),e._v(": [\n      "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n      {\n        "),t("span",{attrs:{class:"hljs-attr"}},[e._v("test")]),e._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[e._v("/\\.js$/")]),e._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[e._v("loader")]),e._v(": "),t("span",{attrs:{class:"hljs-string"}},[e._v("'babel-loader'")]),e._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[e._v("include")]),e._v(": [\n          resolve("),t("span",{attrs:{class:"hljs-string"}},[e._v("'src'")]),e._v(")\n        ]\n      },\n      "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n    ]\n  },\n  "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n  plugins: [\n    "),t("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" PostCompilePlugin()\n  ]\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// package.json\n{\n  // ...\n  "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"A"')]),e._v(", "),t("span",{attrs:{class:"hljs-string"}},[e._v('"B"')]),e._v("]\n  // ...\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// A package.json\n{\n  // ...\n  "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n  // ...\n}\n")])])}]}}});
\ No newline at end of file

docs/js/11.a88c7831f719611569c0.js

-webpackJsonp([11],{430:function(e,o,u){e.exports=u(478)},478:function(e,o){throw new Error("Module build failed: Error: \n\nVue packages version mismatch:\n\n- vue@2.5.11\n- vue-template-compiler@2.5.10\n\nThis may cause things to work incorrectly. Make sure to use the same version for both.\nIf you are using vue-loader@>=10.0, simply update vue-template-compiler.\nIf you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.\n\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-template-compiler/index.js:8:9)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-loader/lib/parser.js:1:78)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)")}});
\ No newline at end of file

docs/js/12.09a6ab668e488f799b94.js

+webpackJsonp([12],{481:function(s,t,a){s.exports=a(570)},570:function(s,t,a){var v=a(11)(null,a(571),null,null,null);s.exports=v.exports},571:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Popup弹层"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Popup弹层-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Popup 弹层")]),s._v(" "),a("p",[s._v("底层弹层组件，主要用于基于此组件实现上层组件封装，只提供了基础功能：指定类型、是否有背景层、显示内容（HTML）以及是否居中。")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),a("p",[s._v("组件")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("内置所有的弹层类组件都是基于此组件实现，包括："),a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[s._v("ActionSheet")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("基本用法"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n  My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),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("\n指定类型 "),a("code",{pre:!0},[s._v("type")]),s._v("，这样方便根据类型做 class 控制，如示例，会在根元素上会增加 "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" 的 class"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showPopup(refId) {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n      component.show()\n      setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n        component.hide()\n      }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n    }\n  }\n}\n")])]),s._v("\n组件默认是隐藏的，需要调用组件实例的 "),a("code",{pre:!0},[s._v("show()")]),s._v(" 方法才会显示，调用组件实例的 "),a("code",{pre:!0},[s._v("hide()")]),s._v(" 方法隐藏，这里的 "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" 就是做的这件事情（首先显示，1 秒钟后隐藏）")]),s._v(" "),a("li",[s._v("不要背景层"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n  My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),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("\n设置 "),a("code",{pre:!0},[s._v("mask")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v("，即不显示背景层")]),s._v(" "),a("li",[s._v("显示内容 HTML"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"<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("\n只需要传入 "),a("code",{pre:!0},[s._v("content")]),s._v("，内容是一段 HTML 片段")]),s._v(" "),a("li",[s._v("置底"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("\n  My Popup Content 4\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),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("\n考虑移动端场景，大部分时候弹层类都是居中或置底的（置底的时候是在水平方向铺满的），所以如果设置了 "),a("code",{pre:!0},[s._v("center")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v(" 的话，就是置底的效果")]),s._v(" "),a("li",[s._v("上层封装"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n    "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n      "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),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("\n这样就实现了一个上层封装的 CubeExtendPopup 组件，自带了一些样式，支持传入内容还有默认插槽，点击内容可隐藏。你可以这样使用（需要全局注册或者局部注册到使用的组件中）："),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"click here hide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),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("type")]),s._v(" "),a("td",[s._v("弹层类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("是否显示背景层")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("内容，HTML 字符串，在无插槽的时候有效")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("是否水平垂直居中的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("背景层点击")]),s._v(" "),a("td",[s._v("点击事件对象")])])])])}]}}});
\ No newline at end of file

docs/js/12.f3383ecdb9dc3aa61f5a.js

-webpackJsonp([12],{429:function(e,o,u){e.exports=u(477)},477:function(e,o){throw new Error("Module build failed: Error: \n\nVue packages version mismatch:\n\n- vue@2.5.11\n- vue-template-compiler@2.5.10\n\nThis may cause things to work incorrectly. Make sure to use the same version for both.\nIf you are using vue-loader@>=10.0, simply update vue-template-compiler.\nIf you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.\n\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-template-compiler/index.js:8:9)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-loader/lib/parser.js:1:78)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)")}});
\ No newline at end of file

docs/js/44.daaa04bec2b888d45975.js

-webpackJsonp([44],{397:function(e,o,u){e.exports=u(445)},445:function(e,o){throw new Error("Module build failed: Error: \n\nVue packages version mismatch:\n\n- vue@2.5.11\n- vue-template-compiler@2.5.10\n\nThis may cause things to work incorrectly. Make sure to use the same version for both.\nIf you are using vue-loader@>=10.0, simply update vue-template-compiler.\nIf you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.\n\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-template-compiler/index.js:8:9)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)\n    at Object.<anonymous> (/Users/didi/Documents/git/public/cube-ui-github/node_modules/vue-loader/lib/parser.js:1:78)\n    at Module._compile (module.js:570:32)\n    at Object.Module._extensions..js (module.js:579:10)\n    at Module.load (module.js:487:32)\n    at tryModuleLoad (module.js:446:12)\n    at Function.Module._load (module.js:438:3)\n    at Module.require (module.js:497:17)\n    at require (internal/module.js:20:19)")}});
\ No newline at end of file