framework7-vue 7.0.9 → 8.0.0-beta.1

package/components/messages.js

@@ -1,12 +1,10 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed, ref, onMounted, onBeforeUnmount, onBeforeUpdate, onUpdated, watch } from 'vue';
 import { classNames, getChildren, noUndefinedProps } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -21,11 +19,9 @@ export default {
     },
     messages: {
       type: Array,
-
       default() {
         return [];
       }
-
     },
     newMessagesFirst: {
       type: Boolean,
@@ -58,7 +54,6 @@ export default {
     },
     ...colorProps
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -86,7 +81,6 @@ export default {
           customClassMessageRule: props.customClassMessageRule,
           renderMessage: props.renderMessage
         }));
-
         if (f7Messages && props.typing) {
           f7Messages.showTyping();
         }
@@ -97,13 +91,10 @@ export default {
       const children = elRef.value.children;
       if (!children) return;
       childrenBeforeUpdated = children.length;
-
       for (let i = 0; i < children.length; i += 1) {
         children[i].classList.add('message-appeared');
       }
-
       const childrenAfterUpdate = getChildren(slots);
-
       if (f7Messages && props.scrollMessages && childrenBeforeUpdated !== childrenAfterUpdate) {
         f7Messages.setScrollData();
       }
@@ -114,17 +105,14 @@ export default {
       const children = elRef.value.children;
       if (!children) return;
       const childerAftterUpdated = children.length;
-
       for (let i = 0; i < children.length; i += 1) {
         if (!children[i].classList.contains('message-appeared')) {
           children[i].classList.add('message-appear-from-bottom');
         }
       }
-
       if (f7Messages && f7Messages.layout && props.autoLayout) {
         f7Messages.layout();
       }
-
       if (childerAftterUpdated !== childrenBeforeUpdated && f7Messages && f7Messages.scroll && f7Messages.scrollData && props.scrollMessages) {
         f7Messages.scrollWithEdgeCheck(true);
       }
@@ -143,5 +131,4 @@ export default {
       classes
     };
   }
-
 };

package/components/nav-left.js

@@ -1,8 +1,6 @@
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   const _component_f7_link = _resolveComponent("f7-link");
-
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_ctx.backLink ? (_openBlock(), _createBlock(_component_f7_link, {
@@ -16,7 +14,6 @@ function render(_ctx, _cache) {
     onClick: _ctx.onBackClick
   }, null, 8, ["href", "force", "class", "text", "onClick"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -40,26 +37,21 @@ export default {
     ...colorProps
   },
   emits: ['back:click', 'click:back'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
-
     const onBackClick = event => {
       emit('back:click', event);
       emit('click:back', event);
     };
-
     const theme = useTheme();
     const text = computed(() => {
       let needBackLinkText = props.backLinkShowText;
       if (typeof needBackLinkText === 'undefined') needBackLinkText = !theme.value.md;
-
       if (props.backLink) {
         return props.backLink !== true && needBackLinkText ? props.backLink : undefined;
       }
-
       return undefined;
     });
     const classes = computed(() => classNames('left', {
@@ -71,5 +63,4 @@ export default {
       text
     };
   }
-
 };

package/components/nav-right.js

@@ -1,11 +1,9 @@
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -16,7 +14,6 @@ export default {
     sliding: Boolean,
     ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('right', {
       sliding: props.sliding
@@ -25,5 +22,4 @@ export default {
       classes
     };
   }
-
 };

package/components/nav-title-large.js

@@ -2,27 +2,24 @@ import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, n
 const _hoisted_1 = {
   class: "title-large-text"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
 export default {
   name: 'f7-nav-title-large',
   render,
-  props: { ...colorProps
+  props: {
+    ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('title-large', colorClasses(props)));
     return {
       classes
     };
   }
-
 };

package/components/nav-title.js

@@ -3,13 +3,11 @@ const _hoisted_1 = {
   key: 0,
   class: "subtitle"
 };
-
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
   }, [_renderSlot(_ctx.$slots, "default"), _createTextVNode(" " + _toDisplayString(_ctx.title) + " ", 1), _ctx.subtitle ? (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(_ctx.subtitle), 1)) : _createCommentVNode("", true)], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -22,7 +20,6 @@ export default {
     sliding: Boolean,
     ...colorProps
   },
-
   setup(props) {
     const classes = computed(() => classNames('title', {
       sliding: props.sliding
@@ -31,5 +28,4 @@ export default {
       classes
     };
   }
-
 };

package/components/navbar.d.ts

@@ -29,14 +29,6 @@ declare const Navbar: DefineComponent<
       type: BooleanConstructor;
     },
 
-    noShadow: {
-      type: BooleanConstructor;
-    },
-
-    noHairline: {
-      type: BooleanConstructor;
-    },
-
     innerClass: {
       type: StringConstructor;
     },
@@ -71,6 +63,11 @@ declare const Navbar: DefineComponent<
       default: boolean;
     },
 
+    outline: {
+      type: any;
+      default: boolean;
+    },
+
     color: {
       type: StringConstructor;
     },

package/components/navbar.js

@@ -1,9 +1,7 @@
 import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
-
 const _hoisted_1 = /*#__PURE__*/_createElementVNode("div", {
   class: "navbar-bg"
 }, null, -1);
-
 const _hoisted_2 = {
   key: 3,
   className: "title-large"
@@ -11,14 +9,10 @@ const _hoisted_2 = {
 const _hoisted_3 = {
   className: "title-large-text"
 };
-
 function render(_ctx, _cache) {
   const _component_f7_nav_left = _resolveComponent("f7-nav-left");
-
   const _component_f7_nav_title = _resolveComponent("f7-nav-title");
-
   const _component_f7_nav_right = _resolveComponent("f7-nav-right");
-
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
@@ -48,7 +42,6 @@ function render(_ctx, _cache) {
     _: 3
   })) : _createCommentVNode("", true), _ctx.hasLargeTitle ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_createElementVNode("div", _hoisted_3, [_createTextVNode(_toDisplayString(_ctx.largeTitle) + " ", 1), _renderSlot(_ctx.$slots, "title-large")])])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 2), _renderSlot(_ctx.$slots, "after-inner")], 2);
 }
-
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -80,8 +73,10 @@ export default {
     title: String,
     subtitle: String,
     hidden: Boolean,
-    noShadow: Boolean,
-    noHairline: Boolean,
+    outline: {
+      type: Boolean,
+      default: true
+    },
     innerClass: String,
     innerClassName: String,
     large: Boolean,
@@ -91,7 +86,6 @@ export default {
     ...colorProps
   },
   emits: ['navbar:hide', 'navbar:show', 'navbar:expand', 'navbar:collapse', 'navbar:transparentshow', 'navbar:transparenthide', 'click:back', 'back:click'],
-
   setup(props, _ref) {
     let {
       emit,
@@ -105,82 +99,67 @@ export default {
     let transparentVisible = false;
     const elRef = ref(null);
     const theme = useTheme();
-
     const onHide = navbarEl => {
       if (elRef.value !== navbarEl) return;
       emit('navbar:hide');
     };
-
     const onShow = navbarEl => {
       if (elRef.value !== navbarEl) return;
       emit('navbar:show');
     };
-
     const onExpand = navbarEl => {
       if (elRef.value !== navbarEl) return;
       largeCollapsed = false;
       emit('navbar:expand');
     };
-
     const onCollapse = navbarEl => {
       if (elRef.value !== navbarEl) return;
       largeCollapsed = true;
       emit('navbar:collapse');
     };
-
     const onNavbarTransparentShow = navbarEl => {
       if (elRef.value !== navbarEl) return;
       transparentVisible = true;
       emit('navbar:transparentshow');
     };
-
     const onNavbarTransparentHide = navbarEl => {
       if (elRef.value !== navbarEl) return;
       transparentVisible = false;
       emit('navbar:transparenthide');
     };
-
     const onNavbarPosition = (navbarEl, position) => {
       if (elRef.value !== navbarEl) return;
       routerPositionClass = position ? `navbar-${position}` : '';
     };
-
     const onNavbarRole = (navbarEl, rolesData) => {
       if (elRef.value !== navbarEl) return;
       routerNavbarRole = rolesData.role;
       routerNavbarRoleDetailRoot = rolesData.detailRoot;
     };
-
     const onNavbarMasterStack = navbarEl => {
       if (elRef.value !== navbarEl) return;
       routerNavbarMasterStack = true;
     };
-
     const onNavbarMasterUnstack = navbarEl => {
       if (elRef.value !== navbarEl) return;
       routerNavbarMasterStack = false;
     };
-
     const hide = animate => {
       if (!f7) return;
       f7.navbar.hide(elRef.value, animate);
     };
-
     const show = animate => {
       if (!f7) return;
       f7.navbar.show(elRef.value, animate);
     };
-
     const size = () => {
       if (!f7) return;
       f7.navbar.size(elRef.value);
     };
-
     const onBackClick = event => {
       emit('back:click', event);
       emit('click:back', event);
     };
-
     onMounted(() => {
       if (!elRef.value) return;
       f7ready(() => {
@@ -211,7 +190,7 @@ export default {
       f7.off('navbarTransparentHide', onNavbarTransparentHide);
     });
     const addLeftTitleClass = computed(() => theme.value && theme.value.ios && f7 && !f7.params.navbar.iosCenterTitle);
-    const addCenterTitleClass = computed(() => theme.value && theme.value.md && f7 && f7.params.navbar.mdCenterTitle || theme.value && theme.value.aurora && f7 && f7.params.navbar.auroraCenterTitle);
+    const addCenterTitleClass = computed(() => theme.value && theme.value.md && f7 && f7.params.navbar.mdCenterTitle);
     const isLarge = computed(() => props.large || props.largeTransparent);
     const isTransparent = computed(() => props.transparent || isLarge.value && props.largeTransparent);
     const isTransparentVisible = computed(() => isTransparent.value && transparentVisible);
@@ -225,8 +204,7 @@ export default {
       'navbar-master-detail': routerNavbarRole === 'detail',
       'navbar-master-detail-root': routerNavbarRoleDetailRoot === true,
       'navbar-master-stacked': routerNavbarMasterStack === true,
-      'no-shadow': props.noShadow,
-      'no-hairline': props.noHairline
+      'no-outline': !props.outline
     }, colorClasses(props)));
     const largeTitle = computed(() => {
       let largeTitleText = props.titleLarge;
@@ -267,5 +245,4 @@ export default {
       onBackClick
     };
   }
-
 };

package/components/page-content.js

@@ -4,23 +4,18 @@ const _hoisted_2 = {
   key: 0,
   class: "ptr-preloader"
 };
-
 const _hoisted_3 = /*#__PURE__*/_createElementVNode("div", {
   class: "ptr-arrow"
 }, null, -1);
-
 const _hoisted_4 = {
   key: 3,
   class: "ptr-preloader"
 };
-
 const _hoisted_5 = /*#__PURE__*/_createElementVNode("div", {
   class: "ptr-arrow"
 }, null, -1);
-
 function render(_ctx, _cache) {
   const _component_f7_preloader = _resolveComponent("f7-preloader");
-
   return _openBlock(), _createElementBlock("div", {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes),
@@ -35,7 +30,6 @@ function render(_ctx, _cache) {
     class: "infinite-scroll-preloader"
   })) : _createCommentVNode("", true), _ctx.ptr && _ctx.ptrPreloader && _ctx.ptrBottom ? (_openBlock(), _createElementBlock("div", _hoisted_4, [_createVNode(_component_f7_preloader), _hoisted_5])) : _createCommentVNode("", true)], 10, _hoisted_1);
 }
-
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';
@@ -74,48 +68,40 @@ export default {
     ...colorProps
   },
   emits: ['ptr:pullstart', 'ptr:pullmove', 'ptr:pullend', 'ptr:refresh', 'ptr:done', 'infinite', 'ptrPullStart', 'ptrPullMove', 'ptrPullEnd', 'ptrRefresh', 'ptrDone', 'tab:hide', 'tab:show'],
-
   setup(props, _ref) {
     let {
       emit
     } = _ref;
     const elRef = ref(null);
-
     const onPtrPullStart = el => {
       if (elRef.value !== el) return;
       emit('ptr:pullstart');
       emit('ptrPullStart');
     };
-
     const onPtrPullMove = el => {
       if (elRef.value !== el) return;
       emit('ptr:pullmove');
       emit('ptrPullMove');
     };
-
     const onPtrPullEnd = el => {
       if (elRef.value !== el) return;
       emit('ptr:pullend');
       emit('ptrPullEnd');
     };
-
     const onPtrRefresh = (el, done) => {
       if (elRef.value !== el) return;
       emit('ptr:refresh', done);
       emit('ptrRefresh', done);
     };
-
     const onPtrDone = el => {
       if (elRef.value !== el) return;
       emit('ptr:done');
       emit('ptrDone');
     };
-
     const onInfinite = el => {
       if (elRef.value !== el) return;
       emit('infinite');
     };
-
     useTab(elRef, emit);
     onMounted(() => {
       f7ready(() => {
@@ -126,7 +112,6 @@ export default {
           f7.on('ptrRefresh', onPtrRefresh);
           f7.on('ptrDone', onPtrDone);
         }
-
         if (props.infinite) {
           f7.on('infinite', onInfinite);
         }
@@ -159,5 +144,4 @@ export default {
       classes
     };
   }
-
 };

package/components/page.d.ts

@@ -9,10 +9,6 @@ declare const Page: DefineComponent<
       type: StringConstructor;
     },
 
-    stacked: {
-      type: BooleanConstructor;
-    },
-
     noNavbar: {
       type: BooleanConstructor;
     },