framework7-vue - npm Package Compare versions

Comparing version 8.0.0-beta.4 to 8.0.0-beta.5

components/app.d.ts

@@ -12,7 +12,2 @@
 
-    id: {
-      type: any;
-      default: undefined;
-    },
-
     name: {
@@ -23,7 +18,2 @@ type: any;
 
-    version: {
-      type: any;
-      default: undefined;
-    },
-
     theme: {
@@ -34,7 +24,2 @@ type: any;
 
-    language: {
-      type: any;
-      default: undefined;
-    },
-
     routes: {
@@ -41,0 +26,0 @@ type: any;

components/app.js

@@ -23,6 +23,2 @@ import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
   props: {
-    id: {
-      type: String,
-      default: undefined
-    },
     name: {
@@ -32,6 +28,2 @@ type: String,
     },
-    version: {
-      type: String,
-      default: undefined
-    },
     theme: {
@@ -41,6 +33,2 @@ type: String,
     },
-    language: {
-      type: String,
-      default: undefined
-    },
     routes: {
@@ -47,0 +35,0 @@ type: Array,

components/popover.d.ts

@@ -22,3 +22,3 @@
 
-    angle: {
+    arrow: {
       type: BooleanConstructor;
@@ -25,0 +25,0 @@ default: undefined;

components/popover.js

 import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", {
-  class: "popover-angle"
+  class: "popover-arrow"
 }, null, -1);
@@ -32,3 +32,3 @@ const _hoisted_2 = {
     },
-    angle: {
+    arrow: {
       type: Boolean,
@@ -120,3 +120,3 @@ default: undefined
         closeOnEscape,
-        angle,
+        arrow,
         backdrop,
@@ -131,3 +131,3 @@ backdropEl,
       if (typeof closeOnEscape !== 'undefined') popoverParams.closeOnEscape = closeOnEscape;
-      if (typeof angle !== 'undefined') popoverParams.angle = angle;
+      if (typeof arrow !== 'undefined') popoverParams.arrow = arrow;
       if (typeof backdrop !== 'undefined') popoverParams.backdrop = backdrop;
@@ -134,0 +134,0 @@ if (typeof backdropEl !== 'undefined') popoverParams.backdropEl = backdropEl;

components/searchbar.d.ts

@@ -128,3 +128,3 @@
 
-    hideDividers: {
+    hideGroupTitles: {
       type: BooleanConstructor;
@@ -131,0 +131,0 @@ default: boolean;

components/searchbar.js

@@ -146,3 +146,3 @@ import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
     },
-    hideDividers: {
+    hideGroupTitles: {
       type: Boolean,
@@ -231,3 +231,3 @@ default: true
           removeDiacritics: props.removeDiacritics,
-          hideDividers: props.hideDividers,
+          hideGroupTitles: props.hideGroupTitles,
           hideGroups: props.hideGroups,
@@ -234,0 +234,0 @@ expandable: props.expandable,

components/tab.js

 import { resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock } from "vue";
 function render(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
+  return _ctx.isSwiper ? (_openBlock(), _createElementBlock("swiper-slide", {
+    key: 0,
     ref: "elRef",
@@ -11,3 +12,12 @@ class: _normalizeClass(_ctx.classes)
     key: 1
-  })], 2);
+  })], 2)) : (_openBlock(), _createElementBlock("div", {
+    key: 1,
+    ref: "elRef",
+    class: _normalizeClass(_ctx.classes)
+  }, [_ctx.tabContent ? (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.getComponent(_ctx.tabContent)), _mergeProps({
+    key: 0,
+    key: _ctx.tabContent.id
+  }, _ctx.getProps(_ctx.tabContent)), null, 16)) : _renderSlot(_ctx.$slots, "default", {
+    key: 1
+  })], 2));
 }
@@ -35,2 +45,3 @@ import { computed, ref, inject, onMounted, onBeforeUnmount, onUpdated, toRaw } from 'vue';
     const router = inject('f7route', null);
+    const isSwiper = inject('TabsSwipeableContext', false);
     let initialTabContent = null;
@@ -117,5 +128,6 @@ if (!routerData.value && route && route.route && route.route.tab && route.route.tab.id === props.id) {
       getComponent,
-      getProps
+      getProps,
+      isSwiper
     };
   }
 };

components/tabs.js

 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = ["init"];
 function render(_ctx, _cache) {
-  return _ctx.animated || _ctx.swipeable ? (_openBlock(), _createElementBlock("div", {
+  return _ctx.animated ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     ref: "elRef",
-    class: _normalizeClass(_ctx.classNames(_ctx.wrapClasses, _ctx.classes))
+    class: _normalizeClass(_ctx.classNames('tabs-animated-wrap', _ctx.classes))
   }, [_createElementVNode("div", {
     class: _normalizeClass(_ctx.tabsClasses)
-  }, [_renderSlot(_ctx.$slots, "default")], 2)], 2)) : (_openBlock(), _createElementBlock("div", {
+  }, [_renderSlot(_ctx.$slots, "default")], 2)], 2)) : _ctx.swipeable ? (_openBlock(), _createElementBlock("swiper-container", {
     key: 1,
     ref: "elRef",
+    class: _normalizeClass(_ctx.classNames(_ctx.tabsClasses, _ctx.classes)),
+    init: _ctx.swiperParams ? 'false' : 'true'
+  }, [_renderSlot(_ctx.$slots, "default")], 10, _hoisted_1)) : (_openBlock(), _createElementBlock("div", {
+    key: 2,
+    ref: "elRef",
     class: _normalizeClass(_ctx.classNames(_ctx.tabsClasses, _ctx.classes))
   }, [_renderSlot(_ctx.$slots, "default")], 2));
 }
-import { computed, ref, onMounted } from 'vue';
+import { computed, ref, onMounted, provide } from 'vue';
 import { classNames } from '../shared/utils.js';
@@ -36,9 +42,6 @@ import { colorClasses, colorProps } from '../shared/mixins.js';
       if (!elRef.value) return;
-      elRef.value.f7SwiperParams = props.swiperParams;
+      Object.assign(elRef.value, props.swiperParams);
+      elRef.value.initialize();
     });
     const classes = computed(() => classNames(colorClasses(props)));
-    const wrapClasses = computed(() => classNames({
-      'tabs-animated-wrap': props.animated,
-      'tabs-swipeable-wrap': props.swipeable
-    }));
     const tabsClasses = computed(() => classNames({
@@ -48,6 +51,7 @@ tabs: true,
     }));
+    const TabsSwipeableContext = computed(() => props.swipeable);
+    provide('TabsSwipeableContext', TabsSwipeableContext);
     return {
       elRef,
       classes,
-      wrapClasses,
       tabsClasses,
@@ -54,0 +58,0 @@ classNames

framework7-vue.js

 /**
- * Framework7 Vue 8.0.0-beta.4
+ * Framework7 Vue 8.0.0-beta.5
  * Build full featured iOS & Android apps using Framework7 & Vue
@@ -10,3 +10,3 @@ * https://framework7.io/vue/
  *
- * Released on: March 14, 2023
+ * Released on: March 23, 2023
  */
@@ -13,0 +13,0 @@ import Framework7Vue from './shared/plugin.js';

package.json

 {
   "name": "framework7-vue",
-  "version": "8.0.0-beta.4",
+  "version": "8.0.0-beta.5",
   "description": "Build full featured iOS & Android apps using Framework7 & Vue",
@@ -58,3 +58,3 @@ "type": "module",
   },
-  "releaseDate": "March 14, 2023"
+  "releaseDate": "March 23, 2023"
 }

No alert changes

Worsened metrics

Total package byte prevSize

911441

decreased by-1.69%

Number of package files

200

decreased by-5.21%

Lines of code

33916

decreased by-1.44%

No dependency changes