framework7-vue 7.0.0-beta.2 → 7.0.0-beta.6

package/shared/router-open-in.js

@@ -0,0 +1,114 @@
+import { h } from 'vue';
+import Popup from '../components/popup';
+import View from '../components/view';
+import LoginScreen from '../components/login-screen';
+import Sheet from '../components/sheet';
+import Popover from '../components/popover';
+import Panel from '../components/panel';
+export const routerOpenIn = (router, url, options) => {
+  const navigateOptions = {
+    url,
+    route: {
+      path: url,
+      options: { ...options,
+        openIn: undefined
+      }
+    }
+  };
+  const params = { ...options
+  };
+
+  if (options.openIn === 'popup') {
+    params.component = {
+      setup() {
+        return () => h(Popup, {
+          class: 'popup-router-open-in',
+          'data-url': url
+        }, [h(View, {
+          linksView: router.view.selector,
+          url,
+          ignoreOpenIn: true
+        })]);
+      }
+
+    };
+    navigateOptions.route.popup = params;
+  }
+
+  if (options.openIn === 'loginScreen') {
+    params.component = {
+      setup() {
+        return () => h(LoginScreen, {
+          class: 'login-screen-router-open-in',
+          'data-url': url
+        }, [h(View, {
+          linksView: router.view.selector,
+          url,
+          ignoreOpenIn: true
+        })]);
+      }
+
+    };
+    navigateOptions.route.loginScreen = params;
+  }
+
+  if (options.openIn === 'sheet') {
+    params.component = {
+      setup() {
+        return () => h(Sheet, {
+          class: 'sheet-modal-router-open-in',
+          'data-url': url
+        }, [h(View, {
+          linksView: router.view.selector,
+          url,
+          ignoreOpenIn: true
+        })]);
+      }
+
+    };
+    navigateOptions.route.sheet = params;
+  }
+
+  if (options.openIn === 'popover') {
+    params.targetEl = options.clickedEl || options.targetEl;
+    params.component = {
+      setup() {
+        return () => h(Popover, {
+          class: 'popover-router-open-in',
+          'data-url': url,
+          targetEl: options.clickedEl || options.targetEl
+        }, [h(View, {
+          linksView: router.view.selector,
+          url,
+          ignoreOpenIn: true
+        })]);
+      }
+
+    };
+    navigateOptions.route.popover = params;
+  }
+
+  if (options.openIn.indexOf('panel') >= 0) {
+    const parts = options.openIn.split(':');
+    const side = parts[1] || 'left';
+    const effect = parts[2] || 'cover';
+    params.component = {
+      setup() {
+        return () => h(Panel, {
+          class: 'panel-router-open-in',
+          'data-url': url,
+          side,
+          effect
+        }, [h(View, {
+          linksView: router.view.selector,
+          url,
+          ignoreOpenIn: true
+        })]);
+      }
+
+    };
+    navigateOptions.route.panel = params;
+  }
+
+  return router.navigate(navigateOptions);
+};

package/shared/use-smart-select.js

@@ -1,6 +1,6 @@
 import { onMounted, onBeforeUnmount } from 'vue';
-import { f7ready, f7 } from './f7';
-import { extend } from './utils';
+import { f7ready, f7 } from './f7.js';
+import { extend } from './utils.js';
 export const useSmartSelect = (props, setInstance, getEl) => {
   let f7SmartSelect;
   onMounted(() => {

package/shared/use-store.js

@@ -1,5 +1,5 @@
 import { onBeforeUnmount, ref } from 'vue';
-import { f7 } from './f7';
+import { f7 } from './f7.js';
 export const useStore = (...args) => {
   // (store, getter)
   let store = args[0];

package/shared/use-tab.js

@@ -1,5 +1,5 @@
 import { onMounted, onBeforeUnmount } from 'vue';
-import { f7, f7ready } from './f7';
+import { f7, f7ready } from './f7.js';
 export const useTab = (elRef, emit) => {
   const onTabShow = el => {
     if (elRef.value !== el) return;

package/shared/use-theme.js

@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import { f7, f7ready, theme } from './f7';
+import { f7, f7ready, theme } from './f7.js';
 export const useTheme = () => {
   const t = ref(f7 ? theme : null);
 

package/shared/use-tooltip.js

@@ -1,5 +1,5 @@
 import { watch, onMounted, onBeforeUnmount } from 'vue';
-import { f7, f7ready } from './f7';
+import { f7, f7ready } from './f7.js';
 export const useTooltip = (elRef, props) => {
   let f7Tooltip = null;
   const {