Skip to content
This repository was archived by the owner on Oct 5, 2019. It is now read-only.

Commit 794d050

Browse files
committed
2.2.1 Release
1 parent 3ce6013 commit 794d050

File tree

7 files changed

+98
-32
lines changed

7 files changed

+98
-32
lines changed

CHANGELOG.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,16 @@
11
# Change Log
22

3+
## [v2.2.1](https://github.com/framework7io/framework7-vue/compare/v2.2.0...v2.2.1) - on April 7, 2018
4+
* List Index
5+
* Now it watches for `indexes` prop and autoupdates on prop change
6+
* List
7+
* New slots added to **f7-list** components:
8+
* `before-list` - elements will be inserted before `<ul></ul>` element
9+
* `list` - elements will be inserted in `<ul></ul>` element
10+
* `after-list` - elements will be inserted after `<ul></ul>` element
11+
* Panel
12+
* Fixed issue with `panel:close` event not being fired
13+
314
## [v2.2.0](https://github.com/framework7io/framework7-vue/compare/v2.1.2...v2.2.0) - on April 1, 2018
415
* New List Index component **f7-list-index** 🎉
516
* Range Slider

dist/framework7-vue.esm.bundle.js

Lines changed: 28 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
/**
2-
* Framework7 Vue 2.2.0
2+
* Framework7 Vue 2.2.1
33
* Build full featured iOS & Android apps using Framework7 & Vue
44
* http://framework7.io/vue/
55
*
66
* Copyright 2014-2018 Vladimir Kharlampidi
77
*
88
* Released under the MIT License
99
*
10-
* Released on: April 1, 2018
10+
* Released on: April 7, 2018
1111
*/
1212

1313
const Utils = {
@@ -79,13 +79,14 @@ const Directives = {};
7979

8080
/* eslint no-underscore-dangle: "off" */
8181

82+
let routerComponentIdCounter = 0;
83+
8284
var VueRouter = {
8385
proto: {
8486
pageComponentLoader(routerEl, component, componentUrl, options, resolve, reject) {
8587
const router = this;
8688
const el = router.$el[0];
8789
let routerVue;
88-
8990
function findRouterVue(vueComponent) {
9091
if (routerVue) return;
9192
if (
@@ -109,7 +110,7 @@ var VueRouter = {
109110
reject();
110111
return;
111112
}
112-
const id = Utils.now();
113+
const id = `${Utils.now()}_${(routerComponentIdCounter += 1)}`;
113114
const pageData = {
114115
component,
115116
id,
@@ -174,7 +175,7 @@ var VueRouter = {
174175
const tabVue = tabEl.__vue__;
175176
if (!tabVue) reject();
176177

177-
const id = Utils.now();
178+
const id = `${Utils.now()}_${(routerComponentIdCounter += 1)}`;
178179
tabVue.$set(tabVue, 'tabContent', {
179180
id,
180181
component,
@@ -219,7 +220,7 @@ var VueRouter = {
219220
return;
220221
}
221222

222-
const id = Utils.now();
223+
const id = `${Utils.now()}_${(routerComponentIdCounter += 1)}`;
223224
const modalData = {
224225
component,
225226
id,
@@ -2152,6 +2153,13 @@ var f7ListIndex = {render: function(){var _vm=this;var _h=_vm.$createElement;var
21522153
this.f7ListIndex.destroy();
21532154
}
21542155
},
2156+
watch: {
2157+
indexes() {
2158+
if (!this.f7ListIndex) return;
2159+
this.f7ListIndex.params.indexes = this.indexes;
2160+
this.update();
2161+
},
2162+
},
21552163
methods: {
21562164
update() {
21572165
if (!this.f7ListIndex) return;
@@ -2707,7 +2715,7 @@ var f7List = {
27072715
const self = this;
27082716

27092717
const listChildren = [];
2710-
const ulChildren = [];
2718+
const ulChildren = self.$slots.list || [];
27112719

27122720
if (self.$slots.default) {
27132721
for (let i = 0; i < self.$slots.default.length; i += 1) {
@@ -2757,7 +2765,18 @@ var f7List = {
27572765
},
27582766
},
27592767
[
2760-
ulChildren.length > 0 ? [c('ul', {}, ulChildren), listChildren] : listChildren,
2768+
ulChildren.length > 0 ?
2769+
[
2770+
self.$slots['before-list'],
2771+
c('ul', {}, ulChildren),
2772+
self.$slots['after-list'],
2773+
listChildren,
2774+
] :
2775+
[
2776+
self.$slots['before-list'],
2777+
listChildren,
2778+
self.$slots['after-list'],
2779+
],
27612780
]
27622781
);
27632782
return blockEl;
@@ -4049,7 +4068,7 @@ var f7Panel = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=
40494068
this.$emit('panel:opened', event);
40504069
},
40514070
onClose(event) {
4052-
this.$emit('panel:open', event);
4071+
this.$emit('panel:close', event);
40534072
},
40544073
onClosed(event) {
40554074
this.$emit('panel:closed', event);

dist/framework7-vue.esm.js

Lines changed: 28 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
/**
2-
* Framework7 Vue 2.2.0
2+
* Framework7 Vue 2.2.1
33
* Build full featured iOS & Android apps using Framework7 & Vue
44
* http://framework7.io/vue/
55
*
66
* Copyright 2014-2018 Vladimir Kharlampidi
77
*
88
* Released under the MIT License
99
*
10-
* Released on: April 1, 2018
10+
* Released on: April 7, 2018
1111
*/
1212

1313
const Utils = {
@@ -79,13 +79,14 @@ const Directives = {};
7979

8080
/* eslint no-underscore-dangle: "off" */
8181

82+
let routerComponentIdCounter = 0;
83+
8284
var VueRouter = {
8385
proto: {
8486
pageComponentLoader(routerEl, component, componentUrl, options, resolve, reject) {
8587
const router = this;
8688
const el = router.$el[0];
8789
let routerVue;
88-
8990
function findRouterVue(vueComponent) {
9091
if (routerVue) return;
9192
if (
@@ -109,7 +110,7 @@ var VueRouter = {
109110
reject();
110111
return;
111112
}
112-
const id = Utils.now();
113+
const id = `${Utils.now()}_${(routerComponentIdCounter += 1)}`;
113114
const pageData = {
114115
component,
115116
id,
@@ -174,7 +175,7 @@ var VueRouter = {
174175
const tabVue = tabEl.__vue__;
175176
if (!tabVue) reject();
176177

177-
const id = Utils.now();
178+
const id = `${Utils.now()}_${(routerComponentIdCounter += 1)}`;
178179
tabVue.$set(tabVue, 'tabContent', {
179180
id,
180181
component,
@@ -219,7 +220,7 @@ var VueRouter = {
219220
return;
220221
}
221222

222-
const id = Utils.now();
223+
const id = `${Utils.now()}_${(routerComponentIdCounter += 1)}`;
223224
const modalData = {
224225
component,
225226
id,
@@ -2312,6 +2313,13 @@ var listIndex = {render: function(){var _vm=this;var _h=_vm.$createElement;var _
23122313
this.f7ListIndex.destroy();
23132314
}
23142315
},
2316+
watch: {
2317+
indexes() {
2318+
if (!this.f7ListIndex) return;
2319+
this.f7ListIndex.params.indexes = this.indexes;
2320+
this.update();
2321+
},
2322+
},
23152323
methods: {
23162324
update() {
23172325
if (!this.f7ListIndex) return;
@@ -2867,7 +2875,7 @@ var list = {
28672875
const self = this;
28682876

28692877
const listChildren = [];
2870-
const ulChildren = [];
2878+
const ulChildren = self.$slots.list || [];
28712879

28722880
if (self.$slots.default) {
28732881
for (let i = 0; i < self.$slots.default.length; i += 1) {
@@ -2917,7 +2925,18 @@ var list = {
29172925
},
29182926
},
29192927
[
2920-
ulChildren.length > 0 ? [c('ul', {}, ulChildren), listChildren] : listChildren,
2928+
ulChildren.length > 0 ?
2929+
[
2930+
self.$slots['before-list'],
2931+
c('ul', {}, ulChildren),
2932+
self.$slots['after-list'],
2933+
listChildren,
2934+
] :
2935+
[
2936+
self.$slots['before-list'],
2937+
listChildren,
2938+
self.$slots['after-list'],
2939+
],
29212940
]
29222941
);
29232942
return blockEl;
@@ -4209,7 +4228,7 @@ var panel = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_v
42094228
this.$emit('panel:opened', event);
42104229
},
42114230
onClose(event) {
4212-
this.$emit('panel:open', event);
4231+
this.$emit('panel:close', event);
42134232
},
42144233
onClosed(event) {
42154234
this.$emit('panel:closed', event);

dist/framework7-vue.js

Lines changed: 26 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
/**
2-
* Framework7 Vue 2.2.0
2+
* Framework7 Vue 2.2.1
33
* Build full featured iOS & Android apps using Framework7 & Vue
44
* http://framework7.io/vue/
55
*
66
* Copyright 2014-2018 Vladimir Kharlampidi
77
*
88
* Released under the MIT License
99
*
10-
* Released on: April 1, 2018
10+
* Released on: April 7, 2018
1111
*/
1212

1313
(function (global, factory) {
@@ -90,13 +90,14 @@
9090

9191
/* eslint no-underscore-dangle: "off" */
9292

93+
var routerComponentIdCounter = 0;
94+
9395
var VueRouter = {
9496
proto: {
9597
pageComponentLoader: function pageComponentLoader(routerEl, component, componentUrl, options, resolve, reject) {
9698
var router = this;
9799
var el = router.$el[0];
98100
var routerVue;
99-
100101
function findRouterVue(vueComponent) {
101102
if (routerVue) { return; }
102103
if (
@@ -120,7 +121,7 @@
120121
reject();
121122
return;
122123
}
123-
var id = Utils.now();
124+
var id = (Utils.now()) + "_" + ((routerComponentIdCounter += 1));
124125
var pageData = {
125126
component: component,
126127
id: id,
@@ -185,7 +186,7 @@
185186
var tabVue = tabEl.__vue__;
186187
if (!tabVue) { reject(); }
187188

188-
var id = Utils.now();
189+
var id = (Utils.now()) + "_" + ((routerComponentIdCounter += 1));
189190
tabVue.$set(tabVue, 'tabContent', {
190191
id: id,
191192
component: component,
@@ -230,7 +231,7 @@
230231
return;
231232
}
232233

233-
var id = Utils.now();
234+
var id = (Utils.now()) + "_" + ((routerComponentIdCounter += 1));
234235
var modalData = {
235236
component: component,
236237
id: id,
@@ -2148,6 +2149,13 @@
21482149
this.f7ListIndex.destroy();
21492150
}
21502151
},
2152+
watch: {
2153+
indexes: function indexes() {
2154+
if (!this.f7ListIndex) { return; }
2155+
this.f7ListIndex.params.indexes = this.indexes;
2156+
this.update();
2157+
},
2158+
},
21512159
methods: {
21522160
update: function update() {
21532161
if (!this.f7ListIndex) { return; }
@@ -2719,7 +2727,7 @@
27192727
var self = this;
27202728

27212729
var listChildren = [];
2722-
var ulChildren = [];
2730+
var ulChildren = self.$slots.list || [];
27232731

27242732
if (self.$slots.default) {
27252733
for (var i = 0; i < self.$slots.default.length; i += 1) {
@@ -2769,7 +2777,16 @@
27692777
},
27702778
},
27712779
[
2772-
ulChildren.length > 0 ? [c('ul', {}, ulChildren), listChildren] : listChildren ]
2780+
ulChildren.length > 0 ?
2781+
[
2782+
self.$slots['before-list'],
2783+
c('ul', {}, ulChildren),
2784+
self.$slots['after-list'],
2785+
listChildren ] :
2786+
[
2787+
self.$slots['before-list'],
2788+
listChildren,
2789+
self.$slots['after-list'] ] ]
27732790
);
27742791
return blockEl;
27752792
},
@@ -4116,7 +4133,7 @@
41164133
this.$emit('panel:opened', event);
41174134
},
41184135
onClose: function onClose(event) {
4119-
this.$emit('panel:open', event);
4136+
this.$emit('panel:close', event);
41204137
},
41214138
onClosed: function onClosed(event) {
41224139
this.$emit('panel:closed', event);

dist/framework7-vue.min.js

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/framework7-vue.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "framework7-vue",
3-
"version": "2.2.0",
3+
"version": "2.2.1",
44
"description": "Build full featured iOS & Android apps using Framework7 & Vue",
55
"main": "dist/framework7-vue.js",
66
"jsnext:main": "dist/framework7-vue.esm.js",

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy