framework7-vue 7.0.8 → 8.0.0-beta.1

package/shared/mixins.js

@@ -34,7 +34,6 @@ export const iconProps = {
   iconF7: String,
   iconIos: String,
   iconMd: String,
-  iconAurora: String,
   iconColor: String,
   iconSize: [String, Number],
   iconBadge: [String, Number],
@@ -78,17 +77,13 @@ export function routerAttrs(props) {
     openIn
   } = props;
   let dataAnimate;
-
   if ('animate' in props && typeof animate !== 'undefined') {
     dataAnimate = animate.toString();
   }
-
   let dataReloadDetail;
-
   if ('reloadDetail' in props && typeof reloadDetail !== 'undefined') {
     dataReloadDetail = reloadDetail.toString();
   }
-
   return {
     'data-force': force || undefined,
     'data-reload-current': reloadCurrent || undefined,
@@ -147,12 +142,7 @@ export const actionsProps = {
   // Card
   cardOpen: [Boolean, String],
   cardPreventOpen: [Boolean, String],
-  cardClose: [Boolean, String],
-  // Menu
-  menuClose: {
-    type: [Boolean, String],
-    default: undefined
-  }
+  cardClose: [Boolean, String]
 };
 export function actionsAttrs(props) {
   const {
@@ -215,8 +205,7 @@ export function actionsClasses(props) {
     sortableToggle,
     cardOpen,
     cardPreventOpen,
-    cardClose,
-    menuClose
+    cardClose
   } = props;
   return {
     'searchbar-enable': searchbarEnable || searchbarEnable === '',
@@ -241,7 +230,6 @@ export function actionsClasses(props) {
     'sortable-toggle': sortableToggle || sortableToggle === '',
     'card-close': cardClose || cardClose === '',
     'card-open': cardOpen || cardOpen === '',
-    'card-prevent-open': cardPreventOpen || cardPreventOpen === '',
-    'menu-close': menuClose || menuClose === ''
+    'card-prevent-open': cardPreventOpen || cardPreventOpen === ''
   };
 }

package/shared/plugin.js

@@ -4,12 +4,10 @@ import { f7, f7ready, theme, f7initEvents, setTheme } from './f7.js';
 const Framework7Vue = {
   name: 'vuePlugin',
   installed: false,
-
   install(params) {
     if (params === void 0) {
       params = {};
     }
-
     if (Framework7Vue.installed) return;
     Framework7Vue.installed = true;
     f7initEvents();
@@ -19,25 +17,21 @@ const Framework7Vue = {
     } = params;
     if (paramsTheme === 'md') theme.md = true;
     if (paramsTheme === 'ios') theme.ios = true;
-    if (paramsTheme === 'aurora') theme.aurora = true; // eslint-disable-next-line
 
+    // eslint-disable-next-line
     const needThemeCalc = typeof window === 'undefined' ? !!userAgent : true;
-
     if (needThemeCalc && (!paramsTheme || paramsTheme === 'auto')) {
       const device = Framework7.getDevice({
         userAgent
       }, true);
       theme.ios = !!device.ios;
-      theme.aurora = device.desktop && device.electron;
-      theme.md = !theme.ios && !theme.aurora;
+      theme.md = !theme.ios;
     }
-
     f7ready(() => {
       setTheme();
     });
     Framework7.Router.use(componentsRouter);
   }
-
 };
 export { f7ready, f7, theme };
 export default Framework7Vue;

package/shared/router-open-in.js

@@ -10,14 +10,15 @@ export const routerOpenIn = (router, url, options) => {
     url,
     route: {
       path: url,
-      options: { ...options,
+      options: {
+        ...options,
         openIn: undefined
       }
     }
   };
-  const params = { ...options
+  const params = {
+    ...options
   };
-
   if (options.openIn === 'popup') {
     params.component = {
       setup() {
@@ -30,11 +31,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.popup = params;
   }
-
   if (options.openIn === 'loginScreen') {
     params.component = {
       setup() {
@@ -47,11 +46,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.loginScreen = params;
   }
-
   if (options.openIn === 'sheet') {
     params.component = {
       setup() {
@@ -64,11 +61,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.sheet = params;
   }
-
   if (options.openIn === 'popover') {
     params.targetEl = options.clickedEl || options.targetEl;
     params.component = {
@@ -83,11 +78,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.popover = params;
   }
-
   if (options.openIn.indexOf('panel') >= 0) {
     const parts = options.openIn.split(':');
     const side = parts[1] || 'left';
@@ -105,10 +98,8 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.panel = params;
   }
-
   return router.navigate(navigateOptions);
 };

package/shared/use-icon.js

@@ -2,22 +2,19 @@ export const useIcon = function (props) {
   if (props === void 0) {
     props = {};
   }
-
   const {
     icon,
     iconMaterial,
     iconF7,
     iconMd,
     iconIos,
-    iconAurora,
     iconColor,
     iconSize,
     iconBadge,
     badgeColor,
     iconBadgeColor
   } = props;
-
-  if (icon || iconMaterial || iconF7 || iconMd || iconIos || iconAurora) {
+  if (icon || iconMaterial || iconF7 || iconMd || iconIos) {
     return {
       props: {
         material: iconMaterial,
@@ -25,7 +22,6 @@ export const useIcon = function (props) {
         icon,
         md: iconMd,
         ios: iconIos,
-        aurora: iconAurora,
         color: iconColor,
         size: iconSize
       },
@@ -37,6 +33,5 @@ export const useIcon = function (props) {
       } : null
     };
   }
-
   return null;
 };

package/shared/use-smart-select.js

@@ -18,7 +18,6 @@ export const useSmartSelect = (props, setInstance, getEl) => {
     if (f7SmartSelect && f7SmartSelect.destroy) {
       f7SmartSelect.destroy();
     }
-
     f7SmartSelect = null;
     setInstance(f7SmartSelect);
   });

package/shared/use-store.js

@@ -4,21 +4,17 @@ export const useStore = function () {
   // (store, getter)
   let store = arguments.length <= 0 ? undefined : arguments[0];
   let getter = arguments.length <= 1 ? undefined : arguments[1];
-
   if (arguments.length === 1) {
     // (getter)
     store = f7.store;
     getter = arguments.length <= 0 ? undefined : arguments[0];
-  } // eslint-disable-next-line
-
-
+  }
+  // eslint-disable-next-line
   const obj = store._gettersPlain[getter];
   const valueRef = ref(obj.value);
-
   const callback = v => {
     valueRef.value = v;
   };
-
   obj.onUpdated(callback);
   onBeforeUnmount(() => {
     // eslint-disable-next-line

package/shared/use-tab.js

@@ -5,12 +5,10 @@ export const useTab = (elRef, emit) => {
     if (elRef.value !== el) return;
     emit('tab:show', el);
   };
-
   const onTabHide = el => {
     if (elRef.value !== el) return;
     emit('tab:hide', el);
   };
-
   onMounted(() => {
     if (!elRef.value) return;
     f7ready(() => {

package/shared/use-theme.js

@@ -2,12 +2,10 @@ import { ref } from 'vue';
 import { f7, f7ready, theme } from './f7.js';
 export const useTheme = () => {
   const t = ref(f7 ? theme : null);
-
   if (!f7) {
     f7ready(() => {
       t.value = theme;
     });
   }
-
   return t;
 };

package/shared/use-tooltip.js

@@ -29,7 +29,6 @@ export const useTooltip = (elRef, props) => {
       f7Tooltip = null;
       return;
     }
-
     if (value && !f7Tooltip && f7) {
       f7Tooltip = f7.tooltip.create({
         targetEl: elRef.value,
@@ -38,7 +37,6 @@ export const useTooltip = (elRef, props) => {
       });
       return;
     }
-
     if (!value || !f7Tooltip) return;
     f7Tooltip.setText(value);
   });

package/shared/utils.js

@@ -19,11 +19,9 @@ export function extend() {
   let deep = true;
   let to;
   let from;
-
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   if (typeof args[0] === 'boolean') {
     [deep, to] = args;
     args.splice(0, 2);
@@ -33,17 +31,13 @@ export function extend() {
     args.splice(0, 1);
     from = args;
   }
-
   for (let i = 0; i < from.length; i += 1) {
     const nextSource = args[i];
-
     if (nextSource !== undefined && nextSource !== null) {
       const keysArray = Object.keys(Object(nextSource));
-
       for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
         const nextKey = keysArray[nextIndex];
         const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
-
         if (desc !== undefined && desc.enumerable) {
           if (!deep) {
             to[nextKey] = nextSource[nextKey];
@@ -59,16 +53,13 @@ export function extend() {
       }
     }
   }
-
   return to;
 }
 export function classNames() {
   const classes = [];
-
   for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
     args[_key2] = arguments[_key2];
   }
-
   args.forEach(arg => {
     if (typeof arg === 'object' && arg.constructor === Object) {
       Object.keys(arg).forEach(key => {
@@ -100,17 +91,13 @@ export function getChildren(slots, slotName) {
   if (slotName === void 0) {
     slotName = 'default';
   }
-
   const result = [];
-
   const getElementsChildren = els => {
     if (!Array.isArray(els)) {
       return;
     }
-
     els.forEach(vnode => {
       const isFragment = vnode.type === Fragment;
-
       if (isFragment && vnode.children) {
         getElementsChildren(vnode.children);
       } else if (vnode.type && vnode.type !== Comment) {
@@ -118,7 +105,6 @@ export function getChildren(slots, slotName) {
       }
     });
   };
-
   if (slots[slotName]) getElementsChildren(slots[slotName]());
   return result;
 }

package/components/appbar.d.ts

@@ -1,67 +0,0 @@
-
-import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
-
-
-declare const Appbar: DefineComponent<
-  {
-    
-    noShadow: {
-      type: BooleanConstructor;
-    },
-
-    noHairline: {
-      type: BooleanConstructor;
-    },
-
-    innerClass: {
-      type: StringConstructor;
-    },
-
-    innerClassName: {
-      type: StringConstructor;
-    },
-
-    inner: {
-      type: BooleanConstructor;
-      default: boolean;
-    },
-
-    color: {
-      type: StringConstructor;
-    },
-
-    colorTheme: {
-      type: StringConstructor;
-    },
-
-    textColor: {
-      type: StringConstructor;
-    },
-
-    bgColor: {
-      type: StringConstructor;
-    },
-
-    borderColor: {
-      type: StringConstructor;
-    },
-
-    rippleColor: {
-      type: StringConstructor;
-    },
-
-    dark: {
-      type: BooleanConstructor;
-    }
-  },
-  () => JSX.Element,
-  unknown,
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  
->;
-
-export default Appbar;
-  

package/components/col.d.ts

@@ -1,94 +0,0 @@
-
-import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
-
-
-declare const Col: DefineComponent<
-  {
-    
-    resizable: {
-      type: BooleanConstructor;
-    },
-
-    resizableFixed: {
-      type: BooleanConstructor;
-    },
-
-    resizableAbsolute: {
-      type: BooleanConstructor;
-    },
-
-    tag: {
-      type: StringConstructor;
-      default: string;
-    },
-
-    width: {
-      type: NumberConstructor | StringConstructor;
-      default: string;
-    },
-
-    xsmall: {
-      type: NumberConstructor | any;
-    },
-
-    small: {
-      type: NumberConstructor | any;
-    },
-
-    medium: {
-      type: NumberConstructor | any;
-    },
-
-    large: {
-      type: NumberConstructor | any;
-    },
-
-    xlarge: {
-      type: NumberConstructor | any;
-    },
-
-    resizableHandler: {
-      type: BooleanConstructor;
-      default: boolean;
-    },
-
-    color: {
-      type: StringConstructor;
-    },
-
-    colorTheme: {
-      type: StringConstructor;
-    },
-
-    textColor: {
-      type: StringConstructor;
-    },
-
-    bgColor: {
-      type: StringConstructor;
-    },
-
-    borderColor: {
-      type: StringConstructor;
-    },
-
-    rippleColor: {
-      type: StringConstructor;
-    },
-
-    dark: {
-      type: BooleanConstructor;
-    }
-  },
-  () => JSX.Element,
-  unknown,
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  ("grid:resize")[],
-  "grid:resize"
->;
-
-export default Col;
-  

package/components/list-item-cell.d.ts

@@ -1,46 +0,0 @@
-
-import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
-
-
-declare const ListItemCell: DefineComponent<
-  {
-    
-    color: {
-      type: StringConstructor;
-    },
-
-    colorTheme: {
-      type: StringConstructor;
-    },
-
-    textColor: {
-      type: StringConstructor;
-    },
-
-    bgColor: {
-      type: StringConstructor;
-    },
-
-    borderColor: {
-      type: StringConstructor;
-    },
-
-    rippleColor: {
-      type: StringConstructor;
-    },
-
-    dark: {
-      type: BooleanConstructor;
-    }
-  },
-  () => JSX.Element,
-  unknown,
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  
->;
-
-export default ListItemCell;
-  

package/components/list-item-row.d.ts

@@ -1,46 +0,0 @@
-
-import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
-
-
-declare const ListItemRow: DefineComponent<
-  {
-    
-    color: {
-      type: StringConstructor;
-    },
-
-    colorTheme: {
-      type: StringConstructor;
-    },
-
-    textColor: {
-      type: StringConstructor;
-    },
-
-    bgColor: {
-      type: StringConstructor;
-    },
-
-    borderColor: {
-      type: StringConstructor;
-    },
-
-    rippleColor: {
-      type: StringConstructor;
-    },
-
-    dark: {
-      type: BooleanConstructor;
-    }
-  },
-  () => JSX.Element,
-  unknown,
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  
->;
-
-export default ListItemRow;
-