framework7-vue 8.0.0-beta.1 → 8.0.0-beta.2

package/components/appbar.js

@@ -5,11 +5,10 @@ function render(_ctx, _cache) {
   }, [_renderSlot(_ctx.$slots, "before-inner"), _ctx.inner ? (_openBlock(), _createElementBlock("div", {
     key: 0,
     class: _normalizeClass(_ctx.innerClasses)
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : _renderSlot(_ctx.$slots, "default", {
+  }, [_renderSlot(_ctx.$slots, "default")], 2)) : _renderSlot(_ctx.$slots, "default", {
     key: 1
-  }), _renderSlot(_ctx.$slots, "after-inner")], 2 /* CLASS */);
+  }), _renderSlot(_ctx.$slots, "after-inner")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';

package/components/col.js

@@ -8,9 +8,9 @@ function render(_ctx, _cache) {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("v-if", true)]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class"]);
+    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
+    _: 3
+  }, 8, ["class"]);
 }
 import { ref, computed, onBeforeUnmount, onMounted } from 'vue';
 import { classNames } from '../shared/utils.js';

package/components/list-item-cell.js

@@ -2,9 +2,8 @@ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';

package/components/list-item-row.js

@@ -2,9 +2,8 @@ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+  }, [_renderSlot(_ctx.$slots, "default")], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';

package/components/list-item.d.ts

@@ -125,6 +125,10 @@ declare const ListItem: DefineComponent<
       type: StringConstructor;
     },
 
+    checkboxIcon: {
+      type: StringConstructor;
+    },
+
     checked: {
       type: BooleanConstructor;
     },

package/components/list-item.js

@@ -188,6 +188,7 @@ export default {
     checkbox: Boolean,
     radio: Boolean,
     radioIcon: String,
+    checkboxIcon: String,
     checked: Boolean,
     indeterminate: Boolean,
     name: String,
@@ -376,6 +377,8 @@ export default {
     const itemContentClasses = computed(() => classNames('item-content', {
       'item-checkbox': props.checkbox,
       'item-radio': props.radio,
+      'item-checkbox-icon-start': props.checkbox && props.checkboxIcon === 'start',
+      'item-checkbox-icon-end': props.checkbox && props.checkboxIcon === 'end',
       'item-radio-icon-start': props.radio && props.radioIcon === 'start',
       'item-radio-icon-end': props.radio && props.radioIcon === 'end'
     }, colorClasses(props)));

package/components/menu-dropdown-item.js

@@ -7,9 +7,8 @@ function render(_ctx, _cache) {
     onClick: _cache[0] || (_cache[0] = function () {
       return _ctx.onClick && _ctx.onClick(...arguments);
     })
-  }), [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1 /* TEXT */), _renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */);
+  }), [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 16);
 }
-
 import { computed, ref } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps, routerProps, routerAttrs, routerClasses, actionsProps, actionsAttrs, actionsClasses } from '../shared/mixins.js';

package/components/menu-dropdown.js

@@ -7,9 +7,8 @@ function render(_ctx, _cache) {
     style: _normalizeStyle({
       height: _ctx.contentHeight
     })
-  }, [_renderSlot(_ctx.$slots, "default")], 4 /* STYLE */)], 2 /* CLASS */);
+  }, [_renderSlot(_ctx.$slots, "default")], 4)], 2);
 }
-
 import { computed } from 'vue';
 import { classNames } from '../shared/utils.js';
 import { colorClasses, colorProps } from '../shared/mixins.js';

package/components/menu-item.js

@@ -11,12 +11,12 @@ function render(_ctx, _cache) {
   }, _ctx.attrs, {
     onClick: _ctx.onClick
   }), {
-    default: _withCtx(() => [_ctx.text || _ctx.$slots.text || _ctx.icon ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1 /* TEXT */), _ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
+    default: _withCtx(() => [_ctx.text || _ctx.$slots.text || _ctx.icon ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
       key: 0,
       icon: _ctx.icon
-    }, null, 8 /* PROPS */, ["icon"])) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "text")])) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "default")]),
-    _: 3 /* FORWARDED */
-  }, 16 /* FULL_PROPS */, ["class", "onClick"]);
+    }, null, 8, ["icon"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "text")])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")]),
+    _: 3
+  }, 16, ["class", "onClick"]);
 }
 import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
 import { classNames } from '../shared/utils.js';

package/components/menu.js

@@ -5,9 +5,8 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes)
-  }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 2 /* CLASS */);
+  }, [_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';

package/components/row.js

@@ -8,9 +8,9 @@ function render(_ctx, _cache) {
     ref: "elRef",
     class: _normalizeClass(_ctx.classes)
   }, {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("v-if", true)]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class"]);
+    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
+    _: 3
+  }, 8, ["class"]);
 }
 import { ref, computed, onBeforeUnmount, onMounted } from 'vue';
 import { classNames } from '../shared/utils.js';

package/components/view.js

@@ -348,7 +348,9 @@ export default {
       } = page;
       let keys = [];
       const passProps = {};
-      if (pageComponent && pageComponent.props) keys = Object.keys(pageComponent.props);
+      if (pageComponent && pageComponent.props) {
+        if (Array.isArray(pageComponent.props)) keys = pageComponent.props.filter(prop => typeof prop === 'string');else keys = Object.keys(pageComponent.props);
+      }
       keys.forEach(key => {
         if (key in pageProps) passProps[key] = pageProps[key];
       });

package/framework7-vue-bundle.js

@@ -1,14 +1,3 @@
-/**
- * Framework7 Vue 8.0.0-beta.1
- * Build full featured iOS & Android apps using Framework7 & Vue
- * https://framework7.io/vue/
- *
- * Copyright 2014-2022 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: December 16, 2022
- */
 import Framework7Vue from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';
 import { useStore } from './shared/use-store.js';
@@ -92,8 +81,6 @@ import f7Stepper from './components/stepper.js';
 import f7Subnavbar from './components/subnavbar.js';
 import f7SwipeoutActions from './components/swipeout-actions.js';
 import f7SwipeoutButton from './components/swipeout-button.js';
-import f7SwiperSlide from './components/swiper-slide.js';
-import f7Swiper from './components/swiper.js';
 import f7Tab from './components/tab.js';
 import f7Tabs from './components/tabs.js';
 import f7TextEditor from './components/text-editor.js';
@@ -105,7 +92,7 @@ import f7UseIcon from './components/use-icon.js';
 import f7View from './components/view.js';
 import f7Views from './components/views.js';
 
-export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7SwiperSlide, f7Swiper, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
+export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
 export { f7, f7ready, theme, useStore };
 export default Framework7Vue;
 
@@ -189,8 +176,6 @@ function registerComponents(app) {
   app.component('f7-subnavbar', f7Subnavbar);
   app.component('f7-swipeout-actions', f7SwipeoutActions);
   app.component('f7-swipeout-button', f7SwipeoutButton);
-  app.component('f7-swiper-slide', f7SwiperSlide);
-  app.component('f7-swiper', f7Swiper);
   app.component('f7-tab', f7Tab);
   app.component('f7-tabs', f7Tabs);
   app.component('f7-text-editor', f7TextEditor);