Skip to content

Commit

Permalink
Bump v0.1.8
Browse files Browse the repository at this point in the history
  • Loading branch information
@fundon
fundon committed Oct 25, 2016
1 parent 6352f76 commit fb9f1bd
Show file tree
Hide file tree
Showing 4 changed files with 194 additions and 5 deletions.
9 changes: 9 additions & 0 deletions client/router/menu.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,6 +232,15 @@ export default [
repository: 'https://github.com/vue-bulma/tooltip'
},
component: lazyLoading('components/Tooltip')
},
{
name: 'Lory',
path: 'lory',
meta: {
description: 'Slider component is based on lory, lory: ☀ Touch enabled minimalistic slider',
repository: 'https://github.com/vue-bulma/lory'
},
component: lazyLoading('components/Lory')
}
]
},
Expand Down
169 changes: 169 additions & 0 deletions client/views/components/Lory.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<template>
<div>
<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-primary">
<h1 class="title">Defaults: handle the touch</h1>
<lory>
<item>1</item>
<item>2</item>
<item>3</item>
<item>4</item>
<item>5</item>
<item>6</item>
</lory>
</article>
</div>
</div>

<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-warning">
<h1 class="title">Enable mouse events</h1>
<lory :options="{ enableMouseEvents: true }">
<item>1</item>
<item>2</item>
<item>3</item>
<item>4</item>
<item>5</item>
<item>6</item>
</lory>
</article>
</div>
</div>

<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-info">
<h1 class="title">Infinite</h1>
<lory :options="{ enableMouseEvents: true, infinite: 1 }">
<item>1</item>
<item>2</item>
<item>3</item>
<item>4</item>
<item>5</item>
<item>6</item>
</lory>
</article>
</div>
</div>

<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-danger">
<h1 class="title">Rewind</h1>
<lory class="js_rewind" :options="{ enableMouseEvents: true, infinite: 1, rewind: true }">
<item>1</item>
<item>2</item>
<item>3</item>
<item>4</item>
<item>5</item>
<item>6</item>
</lory>
</article>
</div>
</div>

<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-primary">
<h1 class="title">Width</h1>
<lory class="js_rewind" :options="{ enableMouseEvents: true, infinite: 1, rewind: true }">
<item style="width: 220px;">220</item>
<item style="width: 190px;">190</item>
<item style="width: 150px;">150</item>
<item style="width: 130px;">130</item>
<item style="width: 250px;">250</item>
<item style="width: 180px;">180</item>
<item style="width: 200px;">200</item>
<item style="width: 140px;">140</item>
<item style="width: 120px;">120</item>
<item style="width: 240px;">240</item>
</lory>
</article>
</div>
</div>

<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-warning">
<h1 class="title">Multiple slides to scroll</h1>
<lory class="columns" :options="{ enableMouseEvents: true, infinite: 4, slidesToScroll: 4 }">
<item class="column is-3">1</item>
<item class="column is-3">2</item>
<item class="column is-3">3</item>
<item class="column is-3">4</item>
<item class="column is-3">5</item>
<item class="column is-3">6</item>
<item class="column is-3">7</item>
<item class="column is-3">8</item>
</lory>
</article>
</div>
</div>

<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-info">
<h1 class="title">Custom easings</h1>
<lory class="columns js_rewind" :options="{ enableMouseEvents: true, infinite: 4, slidesToScroll: 4, slideSpeed: 1000, ease: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)', rewind: true }">
<item class="column is-3">1</item>
<item class="column is-3">2</item>
<item class="column is-3">3</item>
<item class="column is-3">4</item>
<item class="column is-3">5</item>
<item class="column is-3">6</item>
<item class="column is-3">7</item>
<item class="column is-3">8</item>
</lory>
</article>
</div>
</div>

<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child box notification is-danger">
<h1 class="title">Prev & Next</h1>
<lory class="js_rewind" :options="{ enableMouseEvents: true, infinite: 1, rewind: true }">
<item>1</item>
<item>2</item>
<item>3</item>
<item>4</item>
<item>5</item>
<item>6</item>
<prev slot="actions"></prev>
<next slot="actions"></next>
</lory>
</article>
</div>
</div>
</div>
</template>

<script>
import { Lory, Item, Prev, Next } from 'vue-lory'
export default {
components: {
Lory,
Item,
Prev,
Next
}
}
</script>

<style lang="scss" scoped>
.slider {
.frame li {
height: 130px;
}
&.js_rewind {
.frame li {
color: #000;
background: whitesmoke;
}
}
}
</style>
5 changes: 3 additions & 2 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "vue-admin",
"version": "0.1.7",
"version": "0.1.8",
"description": "Vue Admin Panel Framework",
"repository": "fundon/vue-admin",
"homepage": "https://vue-admin.fundon.me",
Expand Down Expand Up @@ -44,7 +44,7 @@
"vue-bulma-breadcrumb": "github:vue-bulma/breadcrumb",
"vue-bulma-chartist": "github:vue-bulma/chartist",
"vue-bulma-chartjs": "github:vue-bulma/chartjs",
"vue-bulma-collapse": "github:vue-bulma/collapse",
"vue-bulma-collapse": "1.0.2",
"vue-bulma-datepicker": "github:vue-bulma/datepicker",
"vue-bulma-emoji": "github:vue-bulma/emoji",
"vue-bulma-expanding": "github:vue-bulma/expanding",
Expand All @@ -63,6 +63,7 @@
"vue-canvas-gauges": "github:vue-bulma/canvas-gauges",
"vue-cleave": "1.1.0",
"vue-handsontable": "github:vue-bulma/handsontable",
"vue-lory": "0.0.3",
"vue-nprogress": "0.1.2",
"vue-peity": "0.4.0",
"vue-resource": "1.0.3",
Expand Down
16 changes: 13 additions & 3 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4244,6 +4244,10 @@ loose-envify@^1.0.0:
dependencies:
js-tokens "^1.0.1"

lory.js@^2.2.1:
version "2.2.1"
resolved "https://registry.yarnpkg.com/lory.js/-/lory.js-2.2.1.tgz#e45ff82f1e403ee9df5e9c01b31636a09f45a743"

loud-rejection@^1.0.0:
version "1.6.0"
resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
Expand Down Expand Up @@ -7011,9 +7015,9 @@ vt-pbf@^2.0.2:
dependencies:
chart.js "2.2.1"

"vue-bulma-collapse@github:vue-bulma/collapse":
version "1.0.0"
resolved "https://codeload.github.com/vue-bulma/collapse/tar.gz/0b5cad0592fc34301b0b02a5002adaa5b4fcaacd"
vue-bulma-collapse@1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/vue-bulma-collapse/-/vue-bulma-collapse-1.0.2.tgz#1e91000bd738c778656eec3cb89009e98847503c"

"vue-bulma-datepicker@github:vue-bulma/datepicker":
version "1.1.0"
Expand Down Expand Up @@ -7140,6 +7144,12 @@ vue-loader@^9.7.0:
vue-template-compiler "^2.0.0-rc.3"
vue-template-es2015-compiler "^1.0.0"

vue-lory@0.0.3:
version "0.0.3"
resolved "https://registry.yarnpkg.com/vue-lory/-/vue-lory-0.0.3.tgz#c22acaac70edfb5057674fe18c563833a6a84627"
dependencies:
lory.js "^2.2.1"

vue-nprogress@0.1.2:
version "0.1.2"
resolved "https://registry.yarnpkg.com/vue-nprogress/-/vue-nprogress-0.1.2.tgz#82509e609ba26c7d31b820e173da3b67ca9427d4"
Expand Down

0 comments on commit fb9f1bd

Please sign in to comment.