3.6.3 release

Author: nolimits4web

CHANGELOG.md

@@ -2,6 +2,19 @@
 
 # Change Log
 
+# [v3.6.3](https://github.com/framework7io/framework7/compare/v3.6.2...v3.6.3) - December 27, 2018
+  * Core
+    * Range
+      * New `formatLabel` parameter that allows to pass function and return formatted value for range knob label
+    * Tabs
+      * Fixes issue when routable swipeable tabs don't emit `tab:show` events
+    * Dialog
+      * Now it is possible to specify default value for Prompt dialog by adding it as last parameter to `app.dialog.prompt()` method
+  * Phenome
+    * New `routeProps` prop for Link, Button, ListItem, ListButton components that allows to pass props directly to target route component. For example, `<f7-link :props="{foo: 'bar'}">`
+    * New `formatLabel` prop for Range component that allows to pass function and return formatted value for range knob label
+  * Lost of minor fixes
+
 # [v3.6.2](https://github.com/framework7io/framework7/compare/v3.6.1...v3.6.2) - December 11, 2018
   * Core
     * View

package-lock.json

@@ -54,14 +54,15 @@ export default {
           }).open();
         },
         prompt(...args) {
-          let [text, title, callbackOk, callbackCancel] = args;
+          let [text, title, callbackOk, callbackCancel, defaultValue] = args;
           if (typeof args[1] === 'function') {
-            [text, callbackOk, callbackCancel, title] = args;
+            [text, callbackOk, callbackCancel, defaultValue, title] = args;
           }
+          defaultValue = typeof defaultValue === 'undefined' ? '' : defaultValue;
           return new Dialog(app, {
             title: typeof title === 'undefined' ? defaultDialogTitle() : title,
             text,
-            content: '<div class="dialog-input-field item-input"><div class="item-input-wrap"><input type="text" class="dialog-input"></div></div>',
+            content: `<div class="dialog-input-field item-input"><div class="item-input-wrap"><input type="text" value="${defaultValue}" class="dialog-input"></div></div>`,
             buttons: [
               {
                 text: app.params.dialog.buttonCancel,

packages/core/components/dialog/dialog.js

@@ -8,7 +8,7 @@ export default {
   params: {
     popover: {
       closeByBackdropClick: true,
-      closeByOutsideClick: false,
+      closeByOutsideClick: true,
       backdrop: true,
     },
   },

packages/core/components/popover/popover.js

@@ -8,6 +8,7 @@ class Range extends Framework7Class {
     super(params, [app]);
 
     const range = this;
+
     const defaults = {
       el: null,
       inputEl: null,
@@ -18,6 +19,7 @@ class Range extends Framework7Class {
       max: 100,
       value: 0,
       draggableBar: true,
+      formatLabel: null,
     };
 
     // Extend defaults with modules params
@@ -355,7 +357,7 @@ class Range extends Framework7Class {
         if (realLeft < 0) leftPos = knobWidth / 2;
         if ((realLeft + knobWidth) > rangeWidth) leftPos = rangeWidth - (knobWidth / 2);
         $knobEl.css(positionProperty, `${leftPos}px`);
-        if (label) labels[knobIndex].text(value[knobIndex]);
+        if (label) labels[knobIndex].text(range.formatLabel(value[knobIndex], labels[knobIndex][0]));
       });
     } else {
       const progress = ((value - min) / (max - min));
@@ -366,7 +368,7 @@ class Range extends Framework7Class {
       if (realLeft < 0) leftPos = knobWidth / 2;
       if ((realLeft + knobWidth) > rangeWidth) leftPos = rangeWidth - (knobWidth / 2);
       knobs[0].css(positionProperty, `${leftPos}px`);
-      if (label) labels[0].text(value);
+      if (label) labels[0].text(range.formatLabel(value, labels[0][0]));
     }
     if ((range.dual && value.indexOf(min) >= 0) || (!range.dual && value === min)) {
       range.$el.addClass('range-slider-min');
@@ -435,6 +437,12 @@ class Range extends Framework7Class {
     return this.value;
   }
 
+  formatLabel(value, labelEl) {
+    const range = this;
+    if (range.params.formatLabel) return range.params.formatLabel.call(range, value, labelEl);
+    return value;
+  }
+
   init() {
     const range = this;
     range.calcSize();

packages/core/components/range/range-class.js

@@ -1,6 +1,6 @@
 export default function () {
   const swiper = this;
   const { $wrapperEl, params, slides } = swiper;
-  $wrapperEl.children(`.${params.slideClass}.${params.slideDuplicateClass}`).remove();
+  $wrapperEl.children(`.${params.slideClass}.${params.slideDuplicateClass},.${params.slideClass}.${params.slideBlankClass}`).remove();
   slides.removeAttr('data-swiper-slide-index');
 }