- Fixed npm issue with wrong version got published
- Fixed
no-swipeback
Page property style
attribute changed toinput-style
to avoid Vue warnings about native attributesframework7
'sroot
parameter can be ommited and Vue app root element will be used in case- Fixed
media-bg
Chip property - New
virtual-render-external
prop for f7-list component to be able to pass external function to render and manipulate Virtual items - Minor fixes
- Fixed some issue with
v-model
on form inputs - Fixed issues with click events on checkboxes
- Minor fixes
- New Data Table component
- New Calendar component
- New Datepicker form component
- Added
no-shadow
prop for Navbar/Toolbar/Searchbar components to disable shadow in Material theme - Added
theme
prop for Statusbar overlay component - Added
resizable
prop for f7-input type="textarea" component to enable resizable textarea - Added
expanded
prop for f7-accordion-item to set it expanded/opened by default - Router
route-tab-id
Tab's prop renamed to justid
- Now it is possible to initial page/route by specifying View's url:
<f7-view url="/" :init="true"/>
- Fixed FireFox support for Virtual List
- Fixed IE 11 support by adding Object.assign polyfill
- Improved F7 Vue Kitchen Sink to support both themes at a time
- Minor fixes
- Fixed some issue with
v-model
on form inputs - Fixed issues with click events on checkboxes
- Minor fixes
- Fixed
link-animate-pages
property to accept and render correct value - Fixed
$router
prop to point to the parent'sview.router
method
- Added
animated
parameter toopen(animated)
,close(animated)
methods of Popup, Login Screen, Picker Modal, Panel, Action Sheet, Popover components - Added
animated
parameter to Tab's componentshow(animated)
method - Added
animated
parameter to Tab's componentshow(animated)
,hide(animated)
Navbar/Toolbar methods - Added
animated
parameter to Tab's componentshow(animated)
,hide(animated)
Navbar/Toolbar methods - Added
virtual-empty-template
parameter to f7-list component to specify virtual list empty template - Added
panel:swipe
event support for f7-panel component
- $route params are passed as a component props for pages and tabs
- Added boolean
tablet-inset
prop to f7-block and f7-list components - Added
panel:overlay-click
event support for f7-panel component - Fixed multiple click issue on list item used as a checkbox or radio input
- Minor fixes
- Totally reworked F7-Vue router to separate reusable module (huge thanks to Ben Compton)
- All components now has supports additional
onRouteChange
method that will be triggered on route change - Added support for nested routes with Tabs where each tab may have own route and be rendered on demand
- All components now has supports additional
- Added
back-click
event for f7-navbar and f7-nav-left that will be fired when back link is clicked - Added support for "file" input (
<f7-input type="file">
) - Minor fixes
- Support v-model for custom f7-inputs
- Added
back-link-url
prop for f7-navbar and f7-nav-left components - Messagebar
send-link
prop now supports string to pass custom inner HTML- New
send-link
slot name to put custom HTML to send link
- Added
name
prop for f7-view component - Added
close-speed-dial
prop for f7-fab-action to close speed dial on click - Added
overlay
prop for f7-picker-modal to render additional picker modal overlay when required - Added
store-data
prop for f7-list when used as a form to enable form data storage - Minor fixes
- Some events added to f7-input component
keypress
keyup
keydown
beforeinput
compositionstart
compositionupdate
compositionend
focusin
focusout
dblclick
mousedown
mouseenter
mouseleave
mousemove
mouseout
mouseover
mouseup
wheel
select
- Added
pattern
attribute to f7-input component - Added Virutal List events:
virtual:itemsbeforeinsert
virtual:itemsafterinsert
virtual:itembeforeinsert
virtual:beforeclear
- Minor fixes
- Fixed issue when page could loaded twice on fast link tap
- Renamed components methods & props to prevent conflicts with same name props:
- Search Bar:
- .clear() -> .empty()
clear
property renamed toclear-button
.clear
is still supported
- Messagebar:
- .value(newValue) -> .getValue() and .setValue(newValue)
- Messages:
- .scrollMessages() -> .scroll()
- Search Bar:
- Added methods for many components:
- Popup, Login Screen, Picker Modal, Panel, Action Sheet, Popover:
- .open() - open modal/panel
- .close() - open modal/panel
- Navbar, Toolbar:
- .hide() - hide navbar/toolbar
- .show() - show navbar/toolbar
- .size() - size navbar
- Progress bar:
- .set(progress, duration) - set progress bar progress
- .show(container, progress, color) - show progress bar in specified container
- Tab
- .show() - show tab
- Search Bar:
- .search(query) - Force searchbar to search passed query
- .enable() - Enable/activate searchbar
- .disable() - Disable/deactivate searchbar
- .clear() - Clear search query and update results
- Message Bar:
- .value(newValue) - Set messagebar textarea value/text. Or return messagebar textarea value if newValue is not specified
- .clear() - Clear textarea and update/reset its size
- Messages:
- .addMessage(messageParameters, method, animate) - Add new message to the end or to the beginning depending on method parameter
- .appendMessage(messageParameters, animate) - Add new message to the end (to the bottom)
- .prependMessage(messageParameters, animate) - Add new message to the beginning (to the top)
- .addMessages(messages, method, animate) - Add multiple messages per once
- .removeMessage(message) - Remove message
- .removeMessages(messages) - Remove multiple messages
- .scrollMessages() - Scroll messages to top/bottom depending on newMessagesFirst parameter
- .layout() - Apply messages auto layout
- .clean() - Clean/remove all the messages
- Popup, Login Screen, Picker Modal, Panel, Action Sheet, Popover:
- Added
start
andend
slots for Message (f7-message) component - New boolean
hidden
prop for Navbar and Toolbar - Fixed issues with infinite scroll not being working when specified as boolean attribute, e.g. just
infinite-scroll
- New
input
attributes to match native attributesautocorrect
,autocapitalize
,spellcheck
- New
link-target
attribute for List Item components to specify link's target attribute - Fixed issues with openinig/closing modals (Popup, Login Screen, Picker, Actions) that stopped working after first open/close
- Minor fixes