mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-03-16 22:10:27 +00:00
upgrading to vue 2.3 and fixing some issues
This commit is contained in:
pablohpsilva
parent
6c69bfdad0
commit
c64122d16f
43 changed files with 58 additions and 53 deletions
|
|
@ -200,7 +200,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="sass">
|
||||
<style lang="scss">
|
||||
@import '../../src/core/stylesheets/variables.scss';
|
||||
|
||||
$sizebar-size: 280px;
|
||||
|
|
@ -417,6 +417,8 @@
|
|||
closeSidenav() {
|
||||
this.$refs['main-sidebar'].close();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.api-table + .api-table {
|
||||
margin-top: 42px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
@import '../../../src/core/stylesheets/variables.scss';
|
||||
|
||||
.code-block {
|
||||
|
|
@ -118,7 +118,7 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<style lang="sass">
|
||||
<style lang="scss">
|
||||
@import '../../../src/core/stylesheets/variables.scss';
|
||||
|
||||
.code-block {
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.component-docs {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@ var App = new Vue({
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="sass">
|
||||
<style lang="scss">
|
||||
.example-box .code-content {
|
||||
.code-block {
|
||||
margin: -16px;
|
||||
|
|
@ -64,7 +64,7 @@ var App = new Vue({
|
|||
}
|
||||
</style>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.example-box {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.page-content {
|
||||
min-height: 100%;
|
||||
max-height: 100%;
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@
|
|||
<div v-if="availableDocs.length > 1">
|
||||
<span>Version:</span>
|
||||
<md-select id="docs-select" v-model="currentDocs" @change="changeDocs">
|
||||
<md-option v-for="doc in availableDocs" :value="doc">{{ doc }}</md-option>
|
||||
<md-option v-for="doc in availableDocs" :key="doc" :value="doc">{{ doc }}</md-option>
|
||||
</md-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.release-version {
|
||||
font-size: 15px;
|
||||
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
section {
|
||||
max-width: 960px;
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass">
|
||||
<style lang="scss">
|
||||
.changelog section {
|
||||
max-width: 960px;
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
section {
|
||||
margin-top: 64px;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.main-content {
|
||||
position: relative;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.introduction {
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
|
|
|
|||
|
|
@ -137,7 +137,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-avatar + .md-avatar {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -283,7 +283,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-bottom-bar {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
|
|
|
|||
|
|
@ -460,7 +460,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-button-toggle + .md-button-toggle {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -448,7 +448,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.disabled-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1098,7 +1098,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.card-holder {
|
||||
.md-card {
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -578,7 +578,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.dialog-fab {
|
||||
height: 200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,6 +49,6 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -194,7 +194,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
strong {
|
||||
margin: auto 16px auto 0;
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -156,7 +156,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.has-ripple {
|
||||
margin-bottom: 16px;
|
||||
padding: 20px;
|
||||
|
|
|
|||
|
|
@ -629,7 +629,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -1170,7 +1170,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.phone-viewport {
|
||||
height: 480px;
|
||||
overflow: auto;
|
||||
|
|
|
|||
|
|
@ -630,7 +630,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-menu {
|
||||
margin-right: 36px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -99,7 +99,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.progress-area {
|
||||
height: 44px;
|
||||
|
||||
|
|
|
|||
|
|
@ -417,7 +417,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.field-group {
|
||||
display: flex;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -220,7 +220,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.phone-viewport p {
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -170,7 +170,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -273,7 +273,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.speed-dial-demo {
|
||||
height: 250px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -194,7 +194,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.spinner-demo {
|
||||
min-height: 55px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -731,7 +731,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-table + .md-table-card,
|
||||
.md-table-card + .md-table-card {
|
||||
margin-top: 24px;
|
||||
|
|
|
|||
|
|
@ -867,7 +867,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-toolbar + .md-toolbar {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -150,7 +150,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-button,
|
||||
.md-avatar {
|
||||
margin: 24px;
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.md-whiteframe {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
section {
|
||||
max-width: 960px;
|
||||
|
||||
|
|
|
|||
|
|
@ -460,7 +460,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
section {
|
||||
max-width: 960px;
|
||||
|
||||
|
|
|
|||
|
|
@ -663,7 +663,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.layout-demo {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
</page-content>
|
||||
</template>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
<style lang="scss" scoped>
|
||||
.demo > * {
|
||||
margin: .5em 0;
|
||||
display: block;
|
||||
|
|
|
|||
18
package.json
18
package.json
|
|
@ -40,7 +40,7 @@
|
|||
"release": "bash build/release.sh"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue": "^2.1.10"
|
||||
"vue": "^2.3.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^6.7.4",
|
||||
|
|
@ -76,19 +76,19 @@
|
|||
"friendly-errors-webpack-plugin": "^1.1.3",
|
||||
"highlight.js": "^9.9.0",
|
||||
"html-webpack-plugin": "^2.28.0",
|
||||
"node-sass": "^4.5.0",
|
||||
"node-sass": "^4.5.3",
|
||||
"optimize-css-assets-webpack-plugin": "^1.3.0",
|
||||
"optimize-js-plugin": "^0.0.4",
|
||||
"ora": "^1.1.0",
|
||||
"raw-loader": "^0.5.1",
|
||||
"sass-loader": "^6.0.2",
|
||||
"sass-loader": "^6.0.5",
|
||||
"url-loader": "^0.5.7",
|
||||
"vue-hot-reload-api": "^2.0.9",
|
||||
"vue-html-loader": "^1.2.3",
|
||||
"vue-loader": "^11.1.0",
|
||||
"vue-router": "^2.2.1",
|
||||
"vue-style-loader": "^2.0.0",
|
||||
"vue-template-compiler": "^2.1.10",
|
||||
"vue-hot-reload-api": "^2.1.0",
|
||||
"vue-html-loader": "^1.2.4",
|
||||
"vue-loader": "^12.2.1",
|
||||
"vue-router": "^2.5.3",
|
||||
"vue-style-loader": "^3.0.1",
|
||||
"vue-template-compiler": "^2.3.3",
|
||||
"webpack": "^2.2.1",
|
||||
"webpack-dev-middleware": "^1.10.1",
|
||||
"webpack-hot-middleware": "^2.17.0",
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
<md-input-container class="md-chips" :class="[themeClass, classes]" @click.native="applyInputFocus">
|
||||
<md-chip
|
||||
v-for="chip in selectedChips"
|
||||
:key="chip"
|
||||
:md-editable="!mdStatic"
|
||||
:md-deletable="!mdStatic"
|
||||
:disabled="disabled"
|
||||
|
|
|
|||
|
|
@ -21,8 +21,9 @@
|
|||
@input="debounceUpdate"/>
|
||||
|
||||
<md-menu-content>
|
||||
<md-menu-item v-for="item in items"
|
||||
v-if="items.length"
|
||||
<md-menu-item v-if="items.length"
|
||||
v-for="item in items"
|
||||
:key="item"
|
||||
@keyup.enter="hit(item)"
|
||||
@click.native="hit(item)">
|
||||
{{ item[printAttribute] }}
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
.md-sidenav-content,
|
||||
.md-sidenav-backdrop {
|
||||
position: fixed;
|
||||
transform: initial;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<span class="md-table-pagination-label">{{ mdLabel }}:</span>
|
||||
|
||||
<md-select v-model="currentSize" md-menu-class="md-pagination-select" @change="changeSize" v-if="mdPageOptions">
|
||||
<md-option v-for="amount in mdPageOptions" :value="amount">{{ amount }}</md-option>
|
||||
<md-option v-for="amount in mdPageOptions" :key="amount" :value="amount">{{ amount }}</md-option>
|
||||
</md-select>
|
||||
|
||||
<span>{{ ((currentPage - 1) * currentSize) + 1 }}-{{ subTotal }} {{ mdSeparator }} {{ mdTotal }}</span>
|
||||
|
|
|
|||
Loading…
Reference in a new issue