Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-03-16 22:10:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
vue-material/releases/v0.7.0/base.695f7a2d.js
Marcos Moura 39692285a0 [build] 0.7.1
2017-02-08 22:05:12 -02:00

1 line
No EOL
14 KiB
JavaScript
Raw Blame History

webpackJsonp([0,34],{458:function(t,e,a){a(608);var n=a(0)(null,a(577),"data-v-d5fc8bb4",null);t.exports=n.exports},459:function(t,e,a){a(597);var n=a(0)(a(496),a(563),null,null);t.exports=n.exports},460:function(t,e,a){a(583);var n=a(0)(null,a(546),"data-v-0f0099be",null);t.exports=n.exports},461:function(t,e,a){a(600);var n=a(0)(null,a(566),"data-v-5856f158",null);t.exports=n.exports},462:function(t,e,a){a(596);var n=a(0)(null,a(561),"data-v-4b645811",null);t.exports=n.exports},496:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{content:""}},mounted:function(){var t=new XMLHttpRequest,e=this;t.open("GET","/changelog.html",!0),t.setRequestHeader("Content-Type","text/html"),t.onload=function(){e.content=this.response},t.send()}},t.exports=e.default},515:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-0f0099be]{margin-top:64px;text-align:center}",""])},528:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".introduction[data-v-4b645811]{max-width:960px;margin:0 auto}.example[data-v-4b645811]{margin-bottom:24px;overflow:hidden}.example img[data-v-4b645811]{margin:-45px auto;display:block}.button-actions[data-v-4b645811]{margin-bottom:16px;text-align:center}.button-actions .introduction[data-v-4b645811]{margin-bottom:.8em;font-size:20px;line-height:1.6em}.button-actions .md-button[data-v-4b645811]{margin-left:0;color:#fff!important}.row[data-v-4b645811]{margin:0 -10px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.column[data-v-4b645811]{margin:0 10px;-ms-flex:1 1 30%;flex:1 1 30%}@media (max-width:640px){.column[data-v-4b645811]{-ms-flex:1 1 100%;flex:1 1 100%}}",""])},529:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".changelog section{max-width:960px}.changelog section+section{margin-top:56px}.changelog section .md-headline a{color:inherit}.changelog section ul a{font-weight:700}",""])},532:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".main-content[data-v-5856f158]{position:relative}article[data-v-5856f158]{max-width:960px}article+article[data-v-5856f158],section+section[data-v-5856f158]{margin-top:36px}.code-block[data-v-5856f158],.md-tabs[data-v-5856f158]{max-width:100%}.md-tab[data-v-5856f158]{border-top:1px solid rgba(0,0,0,.12);padding:0}iframe[data-v-5856f158]{height:auto;min-height:620px}",""])},540:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-d5fc8bb4]{max-width:960px}section+section[data-v-d5fc8bb4]{margin-top:56px}.author-card[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-d5fc8bb4]{margin-right:16px}.author-card .author-card-info[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-d5fc8bb4]{font-size:16px}.author-card .author-card-links[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-d5fc8bb4]{margin-left:8px}",""])},546:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Error"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Hmmm. Too bad")]),t._v(" "),a("p",[t._v("Are you searching for a new component? Or maybe you have an question? Get in touch!")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question",target:"_blank",rel:"noopener"}},[t._v("E-mail")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},[t._v("New Issue")])],1)])])},staticRenderFns:[]}},561:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Introduction"}},[a("div",{staticClass:"main-content"},[a("div",{staticClass:"introduction"},[a("div",{staticClass:"button-actions"},[a("div",{staticClass:"example"},[a("img",{attrs:{src:"assets/vue-material-example.png",alt:"Material Design"}})]),t._v(" "),a("div",{staticClass:"introduction"},[t._v("Build well-crafted apps with Material Design and Vue 2")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},[t._v("Getting Started")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._v("Github")])],1),t._v(" "),a("div",{staticClass:"row"},[a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Material Design")]),t._v(" "),a("p",[t._v("Vue Material is lightweight framework built exactly according to the "),a("a",{attrs:{href:"http://material.google.com",target:"_blank",rel:"noopener"}},[t._v("Material Design")]),t._v(" specs. Build powerful and well-designed web apps that can can fit on every screen.")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Full-featured")]),t._v(" "),a("p",[t._v("You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API and more...")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Compatible")]),t._v(" "),a("p",[t._v("It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.0.")])])])])])])},staticRenderFns:[]}},563:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Changelog"}},[a("div",{staticClass:"main-content changelog",domProps:{innerHTML:t._s(t.content)}})])},staticRenderFns:[]}},566:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Getting Started"}},[a("div",{staticClass:"main-content"},[a("article",[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Include Fonts and Icons")]),t._v(" "),a("p",[t._v("Use Roboto and Google Icons from Google CDN:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">\n <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">\n ')])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Installation")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("NPM")]),t._v(" "),a("p",[t._v("Install Vue Material through npm or yarn "),a("br"),a("small",[t._v("* Others package managers like JSPM and Bower are not supported yet.")])]),t._v(" "),a("code-block",{attrs:{lang:"bash"}},[t._v("\n $ npm install vue-material --save\n $ yarn add vue-material\n ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("p",[t._v("Download from Github and reference the script and the stylesheet in your HTML:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},[t._v("download")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("CDN")]),t._v(" "),a("p",[t._v("Include the Vue Material files from unpkg:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material",target:"_blank",rel:"noopener"}},[t._v("Javascript")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material/dist/vue-material.css",target:"_blank",rel:"noopener"}},[t._v("CSS")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Usage")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("AMD Modules")]),t._v(" "),a("p",[t._v("Import and use the whole library:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n <link rel="stylesheet" href="path/to/vue-material.css">\n ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n var Vue = require('vue')\n var VueMaterial = require('vue-material')\n\n Vue.use(VueMaterial)\n ")]),t._v(" "),a("p",[t._v("Or to import individual components:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n <link rel="stylesheet" href="path/to/vue-material/dist/components/mdCore.css">\n <link rel="stylesheet" href="path/to/vue-material/dist/components/mdButton.css">\n <link rel="stylesheet" href="path/to/vue-material/dist/components/mdIcon.css">\n <link rel="stylesheet" href="path/to/vue-material/dist/components/mdSidenav.css">\n <link rel="stylesheet" href="path/to/vue-material/dist/components/mdToolbar.css">\n ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n var Vue = require('vue')\n var VueMaterial = require('vue-material')\n\n Vue.use(VueMaterial.mdCore) //Required to boot vue material\n Vue.use(VueMaterial.mdButton)\n Vue.use(VueMaterial.mdIcon)\n Vue.use(VueMaterial.mdSidenav)\n Vue.use(VueMaterial.mdToolbar)\n ")]),t._v(" "),a("p",[a("strong",[t._v("Note:")]),t._v(" If you are using Webpack you can still import the css files inside your modules. And you can also write everything using ES6 with Babel or Bublé.")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n <link rel="stylesheet" href="path/to/vue-material.css">\n <script src="path/to/vue-material.js"></script>\n ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n // The VueMaterial variable is global\n Vue.use(VueMaterial)\n ")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Codepen Examples")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Playground")]),t._v(" "),a("iframe",{staticStyle:{width:"100%"},attrs:{height:"620",scrolling:"no",title:"Empty Setup",src:"//codepen.io/vue-material/embed/VmMrYW/?height=620&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/VmMrYW/"}},[t._v("Empty Setup")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("File Application UI")]),t._v(" "),a("iframe",{attrs:{width:"360",height:"610",scrolling:"no",title:"File Application UI",src:"//codepen.io/vue-material/embed/WoZpMR/?height=610&theme-id=dark&default-tab=result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/WoZpMR/"}},[t._v("Vue Material Example")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1)])])])},staticRenderFns:[]}},577:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"About"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Author")]),t._v(" "),a("div",{staticClass:"author-card"},[a("md-avatar",{staticClass:"md-large"},[a("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})]),t._v(" "),a("div",{staticClass:"author-card-info"},[a("span",[t._v("Marcos Moura")]),t._v(" "),a("div",{staticClass:"author-card-links"},[a("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[t._v("GitHub")]),t._v(" "),a("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[t._v("Linkedin")])])])],1)]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Browser Support")]),t._v(" "),a("p",[t._v("Vue Material supports the latest version of all Browsers. This means:")]),t._v(" "),a("ul",[a("li",[t._v("Google Chrome 52+")]),t._v(" "),a("li",[t._v("Firefox 48+ ")]),t._v(" "),a("li",[t._v("Safari 9+ ")]),t._v(" "),a("li",[t._v("Opera 38+ ")]),t._v(" "),a("li",[t._v("Edge 12+ ")]),t._v(" "),a("li",[t._v("IE 11")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Credits and Thanks")]),t._v(" "),a("ul",[a("li",[t._v("This library aims to delivery components using almost the same API of "),a("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},[t._v("Angular Material")])]),t._v(" "),a("li",[t._v("Thanks a lot to "),a("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},[t._v("elviskang")]),t._v(" for donating the npm package name!")]),t._v(" "),a("li",[t._v("Thanks to "),a("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},[t._v("Evan You")]),t._v(" for allowing me to use Vue.js Logo.")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Internal Dependencies")]),t._v("\n You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n "),a("ul",[a("li",[a("a",{attrs:{href:"http://vuejs.org",rel:"noopener",target:"_blank"}},[t._v("Vue")])]),t._v(" "),a("li",[a("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",rel:"noopener",target:"_blank"}},[t._v("autosize")])]),t._v(" "),a("li",[a("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",rel:"noopener",target:"_blank"}},[t._v("element.scrollintoviewifneeded-polyfill")])])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("License")]),t._v(" "),a("p",[t._v("MIT")])])])])},staticRenderFns:[]}},583:function(t,e,a){var n=a(515);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("352e59d3",n,!0)},596:function(t,e,a){var n=a(528);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("199395ae",n,!0)},597:function(t,e,a){var n=a(529);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("26805dbd",n,!0)},600:function(t,e,a){var n=a(532);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("2dbdff63",n,!0)},608:function(t,e,a){var n=a(540);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("67e1d49f",n,!0)}});
Reference in a new issue View git blame Copy permalink