framework7 7.0.9 → 8.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion.js +2 -16
- package/components/accordion/accordion.less +0 -3
- package/components/actions/actions-class.js +13 -58
- package/components/actions/actions-ios.less +42 -0
- package/components/actions/actions-md.less +12 -0
- package/components/actions/actions-rtl.css +1 -1
- package/components/actions/actions-vars.less +17 -42
- package/components/actions/actions.css +1 -1
- package/components/actions/actions.d.ts +2 -2
- package/components/actions/actions.js +0 -4
- package/components/actions/actions.lazy.js +1 -1
- package/components/actions/actions.less +5 -35
- package/components/app/app-class.d.ts +14 -12
- package/components/app/app-class.js +93 -75
- package/components/app/app-ios.less +0 -2
- package/components/app/app-md.less +0 -2
- package/components/app/app-vars.less +13 -96
- package/components/app/app.less +1 -4
- package/components/app/load-module.js +17 -36
- package/components/area-chart/area-chart-class.js +8 -64
- package/components/area-chart/area-chart.js +0 -3
- package/components/area-chart/area-chart.less +0 -3
- package/components/autocomplete/autocomplete-class.js +30 -175
- package/components/autocomplete/autocomplete-ios.less +0 -8
- package/components/autocomplete/autocomplete-rtl.css +1 -1
- package/components/autocomplete/autocomplete-vars.less +8 -22
- package/components/autocomplete/autocomplete.css +1 -1
- package/components/autocomplete/autocomplete.d.ts +1 -3
- package/components/autocomplete/autocomplete.js +1 -6
- package/components/autocomplete/autocomplete.lazy.js +1 -1
- package/components/autocomplete/autocomplete.less +6 -18
- package/components/badge/badge-vars.less +3 -6
- package/components/badge/badge.less +1 -3
- package/components/block/block-vars.less +25 -52
- package/components/block/block.less +37 -12
- package/components/breadcrumbs/breadcrumbs-rtl.css +1 -1
- package/components/breadcrumbs/breadcrumbs-vars.less +31 -15
- package/components/breadcrumbs/breadcrumbs.css +1 -1
- package/components/breadcrumbs/breadcrumbs.js +0 -2
- package/components/breadcrumbs/breadcrumbs.less +4 -10
- package/components/button/button-vars.less +42 -43
- package/components/button/button.less +24 -26
- package/components/calendar/calendar-class.js +81 -401
- package/components/calendar/calendar-rtl.css +1 -1
- package/components/calendar/calendar-vars.less +32 -46
- package/components/calendar/calendar.css +1 -1
- package/components/calendar/calendar.js +6 -4
- package/components/calendar/calendar.lazy.js +1 -1
- package/components/calendar/calendar.less +10 -21
- package/components/card/card-rtl.css +1 -1
- package/components/card/card-vars.less +41 -44
- package/components/card/card.css +1 -1
- package/components/card/card.js +0 -108
- package/components/card/card.less +18 -24
- package/components/checkbox/checkbox-rtl.css +1 -1
- package/components/checkbox/checkbox-vars.less +0 -8
- package/components/checkbox/checkbox.css +1 -1
- package/components/checkbox/checkbox.less +10 -3
- package/components/chip/chip-ios.less +3 -0
- package/components/chip/chip-md.less +4 -3
- package/components/chip/chip-rtl.css +1 -1
- package/components/chip/chip-vars.less +17 -20
- package/components/chip/chip.css +1 -1
- package/components/chip/chip.less +16 -21
- package/components/color-picker/color-picker-class.js +27 -158
- package/components/color-picker/color-picker-rtl.css +1 -1
- package/components/color-picker/color-picker.css +1 -1
- package/components/color-picker/color-picker.js +0 -4
- package/components/color-picker/color-picker.lazy.js +1 -1
- package/components/color-picker/color-picker.less +18 -8
- package/components/color-picker/modules/alpha-slider.js +0 -12
- package/components/color-picker/modules/brightness-slider.js +0 -8
- package/components/color-picker/modules/current-color.js +0 -2
- package/components/color-picker/modules/hex.js +0 -12
- package/components/color-picker/modules/hs-spectrum.js +0 -20
- package/components/color-picker/modules/hsb-sliders.js +0 -18
- package/components/color-picker/modules/hue-slider.js +0 -7
- package/components/color-picker/modules/initial-current-colors.js +0 -7
- package/components/color-picker/modules/palette.js +2 -10
- package/components/color-picker/modules/rgb-bars.js +0 -17
- package/components/color-picker/modules/rgb-sliders.js +0 -17
- package/components/color-picker/modules/sb-spectrum.js +0 -20
- package/components/color-picker/modules/wheel.js +0 -28
- package/components/contacts-list/contacts-list-md.less +4 -3
- package/components/contacts-list/contacts-list-rtl.css +1 -1
- package/components/contacts-list/contacts-list-vars.less +3 -15
- package/components/contacts-list/contacts-list.css +1 -1
- package/components/contacts-list/contacts-list.less +0 -3
- package/components/data-table/data-table-class.js +10 -32
- package/components/data-table/data-table-rtl.css +1 -1
- package/components/data-table/data-table-vars.less +6 -39
- package/components/data-table/data-table.css +1 -1
- package/components/data-table/data-table.js +0 -8
- package/components/data-table/data-table.less +0 -3
- package/components/dialog/dialog-class.js +7 -41
- package/components/dialog/dialog-ios.less +0 -3
- package/components/dialog/dialog-md.less +9 -9
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog-vars.less +25 -70
- package/components/dialog/dialog.css +1 -1
- package/components/dialog/dialog.d.ts +2 -2
- package/components/dialog/dialog.js +12 -48
- package/components/dialog/dialog.lazy.js +1 -1
- package/components/dialog/dialog.less +8 -4
- package/components/fab/fab-rtl.css +1 -1
- package/components/fab/fab-vars.less +20 -14
- package/components/fab/fab.css +1 -1
- package/components/fab/fab.js +0 -21
- package/components/fab/fab.less +50 -53
- package/components/form/form.d.ts +4 -4
- package/components/form/form.js +58 -94
- package/components/form/form.lazy.js +1 -1
- package/components/form/form.less +0 -3
- package/components/gauge/gauge-class.js +4 -20
- package/components/gauge/gauge.js +0 -9
- package/components/gauge/gauge.less +0 -3
- package/components/grid/grid-rtl.css +1 -1
- package/components/grid/grid-vars.less +0 -7
- package/components/grid/grid.css +1 -1
- package/components/grid/grid.d.ts +2 -8
- package/components/grid/grid.js +1 -225
- package/components/grid/grid.lazy.js +1 -1
- package/components/grid/grid.less +54 -184
- package/components/icon/icon.less +0 -3
- package/components/infinite-scroll/infinite-scroll-rtl.css +1 -1
- package/components/infinite-scroll/infinite-scroll.css +1 -1
- package/components/infinite-scroll/infinite-scroll.js +0 -16
- package/components/infinite-scroll/infinite-scroll.less +0 -3
- package/components/input/input-ios.less +49 -41
- package/components/input/input-md.less +87 -19
- package/components/input/input-rtl.css +1 -1
- package/components/input/input-vars.less +26 -60
- package/components/input/input.css +1 -1
- package/components/input/input.js +8 -67
- package/components/input/input.less +67 -153
- package/components/link/link-vars.less +0 -5
- package/components/link/link.less +3 -3
- package/components/list/list-md.less +0 -7
- package/components/list/list-vars.less +59 -108
- package/components/list/list.less +122 -90
- package/components/list-index/list-index-class.js +12 -69
- package/components/list-index/list-index-rtl.css +1 -1
- package/components/list-index/list-index-vars.less +0 -7
- package/components/list-index/list-index.css +1 -1
- package/components/list-index/list-index.d.ts +1 -3
- package/components/list-index/list-index.js +0 -8
- package/components/list-index/list-index.lazy.js +1 -1
- package/components/list-index/list-index.less +4 -7
- package/components/login-screen/login-screen-class.js +4 -9
- package/components/login-screen/login-screen-rtl.css +1 -1
- package/components/login-screen/login-screen-vars.less +13 -12
- package/components/login-screen/login-screen.css +1 -1
- package/components/login-screen/login-screen.js +0 -4
- package/components/login-screen/login-screen.less +2 -8
- package/components/messagebar/messagebar-class.js +18 -79
- package/components/messagebar/messagebar-ios.less +36 -0
- package/components/messagebar/messagebar-md.less +96 -16
- package/components/messagebar/messagebar-rtl.css +1 -1
- package/components/messagebar/messagebar-vars.less +27 -50
- package/components/messagebar/messagebar.css +1 -1
- package/components/messagebar/messagebar.js +0 -8
- package/components/messagebar/messagebar.less +11 -42
- package/components/messages/messages-class.js +17 -110
- package/components/messages/messages-ios.less +9 -0
- package/components/messages/messages-md.less +63 -28
- package/components/messages/messages-rtl.css +1 -1
- package/components/messages/messages-vars.less +43 -50
- package/components/messages/messages.css +1 -1
- package/components/messages/messages.js +0 -8
- package/components/messages/messages.lazy.js +1 -1
- package/components/messages/messages.less +0 -11
- package/components/modal/custom-modal-class.js +4 -14
- package/components/modal/modal-class.js +19 -55
- package/components/modal/modal.js +0 -3
- package/components/navbar/navbar-ios.less +3 -39
- package/components/navbar/navbar-md.less +12 -0
- package/components/navbar/navbar-vars.less +20 -49
- package/components/navbar/navbar.d.ts +0 -2
- package/components/navbar/navbar.js +37 -166
- package/components/navbar/navbar.less +4 -26
- package/components/notification/notification-class.js +4 -39
- package/components/notification/notification-md.less +18 -8
- package/components/notification/notification-rtl.css +1 -1
- package/components/notification/notification-vars.less +15 -54
- package/components/notification/notification.css +1 -1
- package/components/notification/notification.js +0 -2
- package/components/notification/notification.lazy.js +1 -1
- package/components/notification/notification.less +0 -3
- package/components/page/page-md.less +40 -10
- package/components/page/page-transitions/circle.less +15 -9
- package/components/page/page-transitions/fade.less +17 -11
- package/components/page/page-transitions/flip.less +9 -4
- package/components/page/page-vars.less +3 -19
- package/components/page/page.less +2 -10
- package/components/panel/panel-class.js +23 -127
- package/components/panel/panel-md.less +9 -0
- package/components/panel/panel-rtl.css +1 -1
- package/components/panel/panel-vars.less +7 -21
- package/components/panel/panel.css +1 -1
- package/components/panel/panel.d.ts +2 -2
- package/components/panel/panel.js +0 -34
- package/components/panel/panel.lazy.js +1 -1
- package/components/panel/panel.less +56 -48
- package/components/panel/resizable-panel.js +2 -32
- package/components/panel/swipe-panel.js +16 -71
- package/components/photo-browser/photo-browser-class.js +41 -171
- package/components/photo-browser/photo-browser-rtl.css +1 -1
- package/components/photo-browser/photo-browser-vars.less +0 -3
- package/components/photo-browser/photo-browser.css +1 -1
- package/components/photo-browser/photo-browser.d.ts +2 -4
- package/components/photo-browser/photo-browser.js +1 -6
- package/components/photo-browser/photo-browser.lazy.js +1 -1
- package/components/photo-browser/photo-browser.less +0 -4
- package/components/picker/picker-class.js +26 -133
- package/components/picker/picker-column.js +11 -31
- package/components/picker/picker-ios.less +10 -0
- package/components/picker/picker-md.less +6 -0
- package/components/picker/picker-rtl.css +1 -1
- package/components/picker/picker-vars.less +9 -25
- package/components/picker/picker.css +1 -1
- package/components/picker/picker.js +0 -4
- package/components/picker/picker.lazy.js +1 -1
- package/components/picker/picker.less +0 -11
- package/components/pie-chart/pie-chart-class.js +8 -31
- package/components/pie-chart/pie-chart.js +0 -3
- package/components/pie-chart/pie-chart.less +0 -3
- package/components/popover/popover-class.js +72 -126
- package/components/popover/popover-ios.less +0 -50
- package/components/popover/popover-rtl.css +1 -1
- package/components/popover/popover-vars.less +6 -23
- package/components/popover/popover.css +1 -1
- package/components/popover/popover.d.ts +2 -0
- package/components/popover/popover.js +1 -12
- package/components/popover/popover.lazy.js +1 -1
- package/components/popover/popover.less +62 -5
- package/components/popup/popup-class.js +12 -78
- package/components/popup/popup-rtl.css +1 -1
- package/components/popup/popup-vars.less +7 -9
- package/components/popup/popup.css +1 -1
- package/components/popup/popup.js +0 -4
- package/components/popup/popup.lazy.js +1 -1
- package/components/popup/popup.less +4 -4
- package/components/preloader/preloader-ios.less +3 -1
- package/components/preloader/preloader-md.less +5 -1
- package/components/preloader/preloader-rtl.css +1 -1
- package/components/preloader/preloader-vars.less +0 -6
- package/components/preloader/preloader.css +1 -1
- package/components/preloader/preloader.js +8 -25
- package/components/preloader/preloader.lazy.js +1 -1
- package/components/preloader/preloader.less +6 -3
- package/components/progressbar/progressbar-rtl.css +1 -1
- package/components/progressbar/progressbar-vars.less +2 -12
- package/components/progressbar/progressbar.css +1 -1
- package/components/progressbar/progressbar.js +2 -31
- package/components/progressbar/progressbar.less +0 -3
- package/components/pull-to-refresh/pull-to-refresh-class.js +15 -107
- package/components/pull-to-refresh/pull-to-refresh-md.less +2 -1
- package/components/pull-to-refresh/pull-to-refresh-rtl.css +1 -1
- package/components/pull-to-refresh/pull-to-refresh-vars.less +0 -4
- package/components/pull-to-refresh/pull-to-refresh.css +1 -1
- package/components/pull-to-refresh/pull-to-refresh.js +0 -8
- package/components/pull-to-refresh/pull-to-refresh.lazy.js +1 -1
- package/components/pull-to-refresh/pull-to-refresh.less +0 -3
- package/components/radio/radio-rtl.css +1 -1
- package/components/radio/radio-vars.less +0 -7
- package/components/radio/radio.css +1 -1
- package/components/radio/radio.less +12 -5
- package/components/range/range-class.js +27 -112
- package/components/range/range-rtl.css +1 -1
- package/components/range/range-vars.less +10 -32
- package/components/range/range.css +1 -1
- package/components/range/range.js +0 -12
- package/components/range/range.less +0 -3
- package/components/searchbar/remove-diacritics.js +0 -4
- package/components/searchbar/searchbar-class.js +17 -138
- package/components/searchbar/searchbar-md.less +41 -16
- package/components/searchbar/searchbar-rtl.css +1 -1
- package/components/searchbar/searchbar-vars.less +25 -76
- package/components/searchbar/searchbar.css +1 -1
- package/components/searchbar/searchbar.d.ts +2 -2
- package/components/searchbar/searchbar.js +0 -15
- package/components/searchbar/searchbar.lazy.js +1 -1
- package/components/searchbar/searchbar.less +14 -28
- package/components/sheet/sheet-class.js +15 -110
- package/components/sheet/sheet-rtl.css +1 -1
- package/components/sheet/sheet-vars.less +17 -6
- package/components/sheet/sheet.css +1 -1
- package/components/sheet/sheet.js +0 -9
- package/components/sheet/sheet.lazy.js +1 -1
- package/components/sheet/sheet.less +10 -3
- package/components/skeleton/skeleton.less +1 -4
- package/components/smart-select/smart-select-class.js +36 -173
- package/components/smart-select/smart-select.d.ts +1 -3
- package/components/smart-select/smart-select.js +1 -14
- package/components/smart-select/smart-select.lazy.js +1 -1
- package/components/smart-select/smart-select.less +0 -3
- package/components/sortable/sortable-rtl.css +1 -1
- package/components/sortable/sortable-vars.less +8 -8
- package/components/sortable/sortable.css +1 -1
- package/components/sortable/sortable.js +0 -44
- package/components/sortable/sortable.less +0 -3
- package/components/statusbar/statusbar.js +0 -36
- package/components/statusbar/statusbar.less +0 -3
- package/components/stepper/stepper-class.js +10 -83
- package/components/stepper/stepper-rtl.css +1 -1
- package/components/stepper/stepper-vars.less +12 -24
- package/components/stepper/stepper.css +1 -1
- package/components/stepper/stepper.js +0 -12
- package/components/stepper/stepper.less +12 -23
- package/components/subnavbar/subnavbar-vars.less +3 -18
- package/components/subnavbar/subnavbar.js +0 -3
- package/components/subnavbar/subnavbar.less +1 -11
- package/components/swipeout/swipeout-rtl.css +1 -1
- package/components/swipeout/swipeout-vars.less +7 -6
- package/components/swipeout/swipeout.css +1 -1
- package/components/swipeout/swipeout.js +2 -99
- package/components/swipeout/swipeout.less +2 -7
- package/components/swiper/swiper-rtl.css +1 -1
- package/components/swiper/swiper.css +1 -1
- package/components/swiper/swiper.js +9 -30
- package/components/swiper/swiper.lazy.js +1 -1
- package/components/swiper/swiper.less +1 -16
- package/components/tabs/tabs-rtl.css +1 -1
- package/components/tabs/tabs.css +1 -1
- package/components/tabs/tabs.js +23 -60
- package/components/tabs/tabs.lazy.js +1 -1
- package/components/tabs/tabs.less +1 -3
- package/components/text-editor/text-editor-class.js +16 -102
- package/components/text-editor/text-editor-rtl.css +1 -1
- package/components/text-editor/text-editor-vars.less +12 -16
- package/components/text-editor/text-editor.css +1 -1
- package/components/text-editor/text-editor.js +0 -8
- package/components/text-editor/text-editor.lazy.js +1 -1
- package/components/text-editor/text-editor.less +0 -6
- package/components/timeline/timeline-rtl.css +1 -1
- package/components/timeline/timeline-vars.less +13 -47
- package/components/timeline/timeline.css +1 -1
- package/components/timeline/timeline.less +2 -9
- package/components/toast/toast-class.js +2 -16
- package/components/toast/toast-rtl.css +1 -1
- package/components/toast/toast-vars.less +5 -9
- package/components/toast/toast.css +1 -1
- package/components/toast/toast.js +0 -3
- package/components/toast/toast.less +0 -3
- package/components/toggle/toggle-class.js +6 -30
- package/components/toggle/toggle-ios.less +5 -1
- package/components/toggle/toggle-md.less +27 -11
- package/components/toggle/toggle-rtl.css +1 -1
- package/components/toggle/toggle-vars.less +19 -21
- package/components/toggle/toggle.css +1 -1
- package/components/toggle/toggle.js +0 -8
- package/components/toggle/toggle.less +0 -4
- package/components/toolbar/toolbar-ios.less +2 -2
- package/components/toolbar/toolbar-md.less +28 -4
- package/components/toolbar/toolbar-vars.less +17 -52
- package/components/toolbar/toolbar.js +5 -43
- package/components/toolbar/toolbar.less +27 -45
- package/components/tooltip/tooltip-class.js +10 -64
- package/components/tooltip/tooltip-rtl.css +1 -1
- package/components/tooltip/tooltip-vars.less +12 -3
- package/components/tooltip/tooltip.css +1 -1
- package/components/tooltip/tooltip.js +0 -15
- package/components/tooltip/tooltip.less +0 -3
- package/components/touch-ripple/touch-ripple-class.js +0 -13
- package/components/touch-ripple/touch-ripple.js +0 -4
- package/components/touch-ripple/touch-ripple.less +1 -5
- package/components/treeview/treeview-rtl.css +1 -1
- package/components/treeview/treeview-vars.less +0 -3
- package/components/treeview/treeview.css +1 -1
- package/components/treeview/treeview.js +2 -11
- package/components/treeview/treeview.lazy.js +1 -1
- package/components/treeview/treeview.less +0 -3
- package/components/typography/typography-rtl.css +1 -1
- package/components/typography/typography.css +1 -1
- package/components/typography/typography.less +25 -3
- package/components/view/resizable-view.js +2 -24
- package/components/view/view-class.js +28 -53
- package/components/view/view.d.ts +0 -14
- package/components/view/view.js +8 -32
- package/components/view/view.less +1 -4
- package/components/virtual-list/virtual-list-class.js +58 -146
- package/components/virtual-list/virtual-list.d.ts +1 -1
- package/components/virtual-list/virtual-list.js +0 -2
- package/components/virtual-list/virtual-list.lazy.js +1 -1
- package/components/virtual-list/virtual-list.less +0 -3
- package/framework7-bundle-rtl.css +3593 -5977
- package/framework7-bundle-rtl.min.css +3 -3
- package/framework7-bundle.css +3591 -5978
- package/framework7-bundle.esm.js +4 -10
- package/framework7-bundle.js +6063 -12044
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -27
- package/framework7-bundle.min.css +3 -3
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +4 -10
- package/framework7-lite.esm.js +4 -6
- package/framework7-lite.js +31 -0
- package/framework7-rtl.css +803 -1591
- package/framework7-rtl.min.css +3 -3
- package/framework7-types.d.ts +1 -32
- package/framework7.css +803 -1594
- package/framework7.d.ts +1 -32
- package/framework7.esm.js +4 -6
- package/framework7.js +1770 -3407
- package/framework7.js.map +1 -1
- package/framework7.less +2 -23
- package/framework7.min.css +3 -3
- package/framework7.min.js +3 -3
- package/framework7.min.js.map +1 -1
- package/less/mixins.less +7 -88
- package/less/plugin.js +15 -0
- package/modules/clicks/clicks.js +10 -22
- package/modules/component/$h.js +0 -3
- package/modules/component/$jsx.js +0 -5
- package/modules/component/component-class.js +13 -66
- package/modules/component/component.d.ts +1 -2
- package/modules/component/component.js +0 -8
- package/modules/component/eventslisteners.js +12 -20
- package/modules/component/parse-component.js +18 -20
- package/modules/component/snabbdom/h.js +3 -12
- package/modules/component/snabbdom/helpers/attachto.js +9 -14
- package/modules/component/snabbdom/htmldomapi.js +0 -16
- package/modules/component/snabbdom/modules/attributes.js +7 -11
- package/modules/component/snabbdom/modules/class.js +4 -8
- package/modules/component/snabbdom/modules/dataset.js +3 -7
- package/modules/component/snabbdom/modules/eventlisteners.js +16 -22
- package/modules/component/snabbdom/modules/hero.js +4 -44
- package/modules/component/snabbdom/modules/props.js +5 -9
- package/modules/component/snabbdom/modules/style.js +13 -30
- package/modules/component/snabbdom/snabbdom.bundle.js +0 -6
- package/modules/component/snabbdom/snabbdom.js +13 -72
- package/modules/component/snabbdom/thunk.js +3 -11
- package/modules/component/snabbdom/tovnode.js +1 -6
- package/modules/component/vdom.js +4 -62
- package/modules/demo-module.js +0 -8
- package/modules/device/device.js +6 -11
- package/modules/history/history.js +0 -1
- package/modules/resize/resize.js +8 -11
- package/modules/router/async-component.js +0 -3
- package/modules/router/back.js +86 -275
- package/modules/router/clear-previous-history.js +5 -18
- package/modules/router/component-loader.js +4 -25
- package/modules/router/modal.js +16 -43
- package/modules/router/navigate.js +80 -249
- package/modules/router/process-route-queue.js +0 -12
- package/modules/router/redirect.js +0 -8
- package/modules/router/router-class.js +92 -315
- package/modules/router/router.d.ts +3 -5
- package/modules/router/router.js +0 -3
- package/modules/router/swipe-back.js +35 -139
- package/modules/router/tab.js +14 -43
- package/modules/service-worker/service-worker.js +0 -11
- package/modules/store/create-store.js +10 -29
- package/modules/touch/touch.d.ts +2 -4
- package/modules/touch/touch.js +13 -108
- package/package.json +4 -18
- package/shared/$jsx.js +0 -6
- package/shared/class.js +18 -43
- package/shared/constructor-methods.js +0 -11
- package/shared/events-class.js +0 -17
- package/shared/get-device.js +18 -34
- package/shared/get-support.js +2 -8
- package/shared/history.js +2 -30
- package/shared/material-color-utils.js +728 -0
- package/shared/material-colors.js +75 -0
- package/shared/modal-methods.js +0 -18
- package/shared/utils.d.ts +0 -4
- package/shared/utils.js +191 -71
- package/components/accordion/accordion-aurora.less +0 -2
- package/components/actions/actions-aurora.less +0 -9
- package/components/app/app-aurora.less +0 -10
- package/components/appbar/appbar-aurora.less +0 -2
- package/components/appbar/appbar-ios.less +0 -2
- package/components/appbar/appbar-md.less +0 -2
- package/components/appbar/appbar-rtl.css +0 -1
- package/components/appbar/appbar-vars.less +0 -28
- package/components/appbar/appbar.css +0 -1
- package/components/appbar/appbar.d.ts +0 -14
- package/components/appbar/appbar.js +0 -3
- package/components/appbar/appbar.lazy.js +0 -1
- package/components/appbar/appbar.less +0 -106
- package/components/area-chart/area-chart-aurora.less +0 -2
- package/components/autocomplete/autocomplete-aurora.less +0 -17
- package/components/badge/badge-aurora.less +0 -2
- package/components/block/block-aurora.less +0 -2
- package/components/breadcrumbs/breadcrumbs-aurora.less +0 -2
- package/components/button/button-aurora.less +0 -25
- package/components/calendar/calendar-aurora.less +0 -2
- package/components/card/card-aurora.less +0 -2
- package/components/checkbox/checkbox-aurora.less +0 -39
- package/components/chip/chip-aurora.less +0 -14
- package/components/color-picker/color-picker-aurora.less +0 -2
- package/components/contacts-list/contacts-list-aurora.less +0 -2
- package/components/data-table/data-table-aurora.less +0 -64
- package/components/dialog/dialog-aurora.less +0 -112
- package/components/elevation/elevation-aurora.less +0 -2
- package/components/elevation/elevation-ios.less +0 -2
- package/components/elevation/elevation-md.less +0 -2
- package/components/elevation/elevation-rtl.css +0 -1
- package/components/elevation/elevation-vars.less +0 -51
- package/components/elevation/elevation.css +0 -1
- package/components/elevation/elevation.d.ts +0 -14
- package/components/elevation/elevation.js +0 -3
- package/components/elevation/elevation.lazy.js +0 -1
- package/components/elevation/elevation.less +0 -54
- package/components/fab/fab-aurora.less +0 -2
- package/components/form/form-aurora.less +0 -0
- package/components/gauge/gauge-aurora.less +0 -2
- package/components/grid/grid-aurora.less +0 -2
- package/components/icon/icon-aurora.less +0 -49
- package/components/infinite-scroll/infinite-scroll-aurora.less +0 -6
- package/components/input/input-aurora.less +0 -120
- package/components/lazy/lazy-aurora.less +0 -2
- package/components/lazy/lazy-ios.less +0 -2
- package/components/lazy/lazy-md.less +0 -2
- package/components/lazy/lazy-rtl.css +0 -1
- package/components/lazy/lazy.css +0 -1
- package/components/lazy/lazy.d.ts +0 -57
- package/components/lazy/lazy.js +0 -283
- package/components/lazy/lazy.lazy.js +0 -1
- package/components/lazy/lazy.less +0 -23
- package/components/link/link-aurora.less +0 -15
- package/components/list/list-aurora.less +0 -25
- package/components/list-index/list-index-aurora.less +0 -21
- package/components/login-screen/login-screen-aurora.less +0 -2
- package/components/menu/menu-aurora.less +0 -8
- package/components/menu/menu-ios.less +0 -2
- package/components/menu/menu-md.less +0 -2
- package/components/menu/menu-rtl.css +0 -1
- package/components/menu/menu-vars.less +0 -27
- package/components/menu/menu.css +0 -1
- package/components/menu/menu.d.ts +0 -32
- package/components/menu/menu.js +0 -87
- package/components/menu/menu.lazy.js +0 -1
- package/components/menu/menu.less +0 -232
- package/components/messagebar/messagebar-aurora.less +0 -53
- package/components/messages/messages-aurora.less +0 -137
- package/components/navbar/navbar-aurora.less +0 -70
- package/components/notification/notification-aurora.less +0 -59
- package/components/page/page-aurora.less +0 -49
- package/components/panel/panel-aurora.less +0 -2
- package/components/photo-browser/photo-browser-aurora.less +0 -2
- package/components/picker/picker-aurora.less +0 -2
- package/components/pie-chart/pie-chart-aurora.less +0 -2
- package/components/popover/popover-aurora.less +0 -56
- package/components/popup/popup-aurora.less +0 -2
- package/components/preloader/preloader-aurora.less +0 -53
- package/components/progressbar/progressbar-aurora.less +0 -72
- package/components/pull-to-refresh/pull-to-refresh-aurora.less +0 -122
- package/components/radio/radio-aurora.less +0 -86
- package/components/range/range-aurora.less +0 -9
- package/components/searchbar/searchbar-aurora.less +0 -86
- package/components/sheet/sheet-aurora.less +0 -2
- package/components/skeleton/skeleton-aurora.less +0 -2
- package/components/smart-select/smart-select-aurora.less +0 -2
- package/components/sortable/sortable-aurora.less +0 -7
- package/components/statusbar/statusbar-aurora.less +0 -2
- package/components/stepper/stepper-aurora.less +0 -32
- package/components/subnavbar/subnavbar-aurora.less +0 -51
- package/components/swipeout/swipeout-aurora.less +0 -2
- package/components/swiper/swiper-aurora.less +0 -2
- package/components/tabs/tabs-aurora.less +0 -2
- package/components/text-editor/text-editor-aurora.less +0 -9
- package/components/timeline/timeline-aurora.less +0 -7
- package/components/toast/toast-aurora.less +0 -64
- package/components/toggle/toggle-aurora.less +0 -26
- package/components/toolbar/toolbar-aurora.less +0 -43
- package/components/tooltip/tooltip-aurora.less +0 -2
- package/components/touch-ripple/touch-ripple-aurora.less +0 -2
- package/components/treeview/treeview-aurora.less +0 -31
- package/components/typography/typography-aurora.less +0 -2
- package/components/view/view-aurora.less +0 -2
- package/components/virtual-list/virtual-list-aurora.less +0 -2
- package/modules/request/request.d.ts +0 -15
- package/modules/request/request.js +0 -11
- package/postinstall.js +0 -3
- package/shared/request.d.ts +0 -115
- package/shared/request.js +0 -512
|
@@ -1,20 +1,5 @@
|
|
|
1
1
|
/* === Swiper === */
|
|
2
|
-
@import (inline) 'swiper/css
|
|
3
|
-
|
|
4
|
-
:root {
|
|
5
|
-
--swiper-theme-color: var(--f7-theme-color);
|
|
6
|
-
}
|
|
7
|
-
each(@colors, {
|
|
8
|
-
.color-theme-@{key} {
|
|
9
|
-
--swiper-theme-color: @value;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
each(@colors, {
|
|
13
|
-
.color-@{key} {
|
|
14
|
-
--swiper-theme-color: @value;
|
|
15
|
-
}
|
|
16
|
-
});
|
|
2
|
+
@import (inline) 'swiper/swiper-bundle.css';
|
|
17
3
|
|
|
18
4
|
.if-ios-theme({@import './swiper-ios.less' ;});
|
|
19
5
|
.if-md-theme({@import './swiper-md.less' ;});
|
|
20
|
-
.if-aurora-theme({@import './swiper-aurora.less' ;});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}
|
|
1
|
+
.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block;touch-action:pan-y}.page>.tabs{height:100%}
|
package/components/tabs/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}
|
|
1
|
+
.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block;touch-action:pan-y}.page>.tabs{height:100%}
|
package/components/tabs/tabs.js
CHANGED
|
@@ -8,11 +8,9 @@ const Tab = {
|
|
|
8
8
|
let animate;
|
|
9
9
|
let tabRoute;
|
|
10
10
|
let animatedInit;
|
|
11
|
-
|
|
12
11
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
13
12
|
args[_key] = arguments[_key];
|
|
14
13
|
}
|
|
15
|
-
|
|
16
14
|
if (args.length === 1 && args[0] && args[0].constructor === Object) {
|
|
17
15
|
tabEl = args[0].tabEl;
|
|
18
16
|
tabLinkEl = args[0].tabLinkEl;
|
|
@@ -21,77 +19,63 @@ const Tab = {
|
|
|
21
19
|
animatedInit = args[0].animatedInit;
|
|
22
20
|
} else {
|
|
23
21
|
[tabEl, tabLinkEl, animate, tabRoute] = args;
|
|
24
|
-
|
|
25
22
|
if (typeof args[1] === 'boolean') {
|
|
26
23
|
[tabEl, animate, tabLinkEl, tabRoute] = args;
|
|
27
|
-
|
|
28
24
|
if (args.length > 2 && tabLinkEl.constructor === Object) {
|
|
29
25
|
[tabEl, animate, tabRoute, tabLinkEl] = args;
|
|
30
26
|
}
|
|
31
27
|
}
|
|
32
28
|
}
|
|
33
|
-
|
|
34
29
|
if (typeof animate === 'undefined') animate = true;
|
|
35
30
|
const $newTabEl = $(tabEl);
|
|
36
|
-
|
|
37
31
|
if (tabRoute && $newTabEl[0]) {
|
|
38
32
|
$newTabEl[0].f7TabRoute = tabRoute;
|
|
39
33
|
}
|
|
40
|
-
|
|
41
34
|
if (!animatedInit && ($newTabEl.length === 0 || $newTabEl.hasClass('tab-active'))) {
|
|
42
35
|
return {
|
|
43
36
|
$newTabEl,
|
|
44
37
|
newTabEl: $newTabEl[0]
|
|
45
38
|
};
|
|
46
39
|
}
|
|
47
|
-
|
|
48
40
|
let $tabLinkEl;
|
|
49
41
|
if (tabLinkEl) $tabLinkEl = $(tabLinkEl);
|
|
50
42
|
const $tabsEl = $newTabEl.parent('.tabs');
|
|
51
|
-
|
|
52
43
|
if ($tabsEl.length === 0) {
|
|
53
44
|
return {
|
|
54
45
|
$newTabEl,
|
|
55
46
|
newTabEl: $newTabEl[0]
|
|
56
47
|
};
|
|
57
|
-
}
|
|
58
|
-
|
|
48
|
+
}
|
|
59
49
|
|
|
60
|
-
|
|
50
|
+
// Release swipeouts in hidden tabs
|
|
51
|
+
if (app.swipeout) app.swipeout.allowOpen = true;
|
|
61
52
|
|
|
53
|
+
// Animated tabs
|
|
62
54
|
const tabsChangedCallbacks = [];
|
|
63
|
-
|
|
64
55
|
function onTabsChanged(callback) {
|
|
65
56
|
tabsChangedCallbacks.push(callback);
|
|
66
57
|
}
|
|
67
|
-
|
|
68
58
|
function tabsChanged() {
|
|
69
59
|
tabsChangedCallbacks.forEach(callback => {
|
|
70
60
|
callback();
|
|
71
61
|
});
|
|
72
62
|
}
|
|
73
|
-
|
|
74
63
|
let animated = false;
|
|
75
|
-
|
|
76
64
|
if ($tabsEl.parent().hasClass('tabs-animated-wrap')) {
|
|
77
65
|
$tabsEl.parent()[animate ? 'removeClass' : 'addClass']('not-animated');
|
|
78
66
|
const transitionDuration = parseFloat($tabsEl.css('transition-duration').replace(',', '.'));
|
|
79
|
-
|
|
80
67
|
if (animate && transitionDuration) {
|
|
81
68
|
$tabsEl.transitionEnd(tabsChanged);
|
|
82
69
|
animated = true;
|
|
83
70
|
}
|
|
84
|
-
|
|
85
71
|
const tabsTranslate = (app.rtl ? $newTabEl.index() : -$newTabEl.index()) * 100;
|
|
86
72
|
$tabsEl.transform(`translate3d(${tabsTranslate}%,0,0)`);
|
|
87
|
-
}
|
|
88
|
-
|
|
73
|
+
}
|
|
89
74
|
|
|
75
|
+
// Swipeable tabs
|
|
90
76
|
let swiper;
|
|
91
|
-
|
|
92
77
|
if ($tabsEl.parent().hasClass('tabs-swipeable-wrap') && app.swiper) {
|
|
93
78
|
swiper = $tabsEl.parent()[0].swiper;
|
|
94
|
-
|
|
95
79
|
if (swiper && swiper.activeIndex !== $newTabEl.index()) {
|
|
96
80
|
animated = true;
|
|
97
81
|
swiper.once('slideChangeTransitionEnd', () => {
|
|
@@ -103,12 +87,11 @@ const Tab = {
|
|
|
103
87
|
tabsChanged();
|
|
104
88
|
});
|
|
105
89
|
}
|
|
106
|
-
}
|
|
107
|
-
|
|
90
|
+
}
|
|
108
91
|
|
|
92
|
+
// Remove active class from old tabs
|
|
109
93
|
const $oldTabEl = $tabsEl.children('.tab-active');
|
|
110
94
|
$oldTabEl.removeClass('tab-active');
|
|
111
|
-
|
|
112
95
|
if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {
|
|
113
96
|
if ($oldTabEl.hasClass('view') && $oldTabEl.children('.page').length) {
|
|
114
97
|
$oldTabEl.children('.page').each(pageEl => {
|
|
@@ -116,14 +99,12 @@ const Tab = {
|
|
|
116
99
|
app.emit('pageTabHide', pageEl);
|
|
117
100
|
});
|
|
118
101
|
}
|
|
119
|
-
|
|
120
102
|
$oldTabEl.trigger('tab:hide');
|
|
121
103
|
app.emit('tabHide', $oldTabEl[0]);
|
|
122
|
-
}
|
|
123
|
-
|
|
104
|
+
}
|
|
124
105
|
|
|
106
|
+
// Trigger 'show' event on new tab
|
|
125
107
|
$newTabEl.addClass('tab-active');
|
|
126
|
-
|
|
127
108
|
if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {
|
|
128
109
|
if ($newTabEl.hasClass('view') && $newTabEl.children('.page').length) {
|
|
129
110
|
$newTabEl.children('.page').each(pageEl => {
|
|
@@ -131,99 +112,85 @@ const Tab = {
|
|
|
131
112
|
app.emit('pageTabShow', pageEl);
|
|
132
113
|
});
|
|
133
114
|
}
|
|
134
|
-
|
|
135
115
|
$newTabEl.trigger('tab:show');
|
|
136
116
|
app.emit('tabShow', $newTabEl[0]);
|
|
137
|
-
}
|
|
138
|
-
|
|
117
|
+
}
|
|
139
118
|
|
|
119
|
+
// Find related link for new tab
|
|
140
120
|
if (!$tabLinkEl) {
|
|
141
121
|
// Search by id
|
|
142
|
-
if (typeof tabEl === 'string') $tabLinkEl = $(`.tab-link[href="${tabEl}"]`);else $tabLinkEl = $(`.tab-link[href="#${$newTabEl.attr('id')}"]`);
|
|
143
|
-
|
|
122
|
+
if (typeof tabEl === 'string') $tabLinkEl = $(`.tab-link[href="${tabEl}"]`);else $tabLinkEl = $(`.tab-link[href="#${$newTabEl.attr('id')}"]`);
|
|
123
|
+
// Search by data-tab
|
|
144
124
|
if (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0) {
|
|
145
125
|
$('[data-tab]').each(el => {
|
|
146
126
|
if ($newTabEl.is($(el).attr('data-tab'))) $tabLinkEl = $(el);
|
|
147
127
|
});
|
|
148
128
|
}
|
|
149
|
-
|
|
150
129
|
if (tabRoute && (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0)) {
|
|
151
130
|
$tabLinkEl = $(`[data-route-tab-id="${tabRoute.route.tab.id}"]`);
|
|
152
|
-
|
|
153
131
|
if ($tabLinkEl.length === 0) {
|
|
154
132
|
$tabLinkEl = $(`.tab-link[href="${tabRoute.url}"]`);
|
|
155
133
|
}
|
|
156
134
|
}
|
|
157
|
-
|
|
158
135
|
if ($tabLinkEl.length > 1 && $newTabEl.parents('.page').length) {
|
|
159
136
|
// eslint-disable-next-line
|
|
160
137
|
$tabLinkEl = $tabLinkEl.filter(tabLinkElement => {
|
|
161
138
|
return $(tabLinkElement).parents('.page')[0] === $newTabEl.parents('.page')[0];
|
|
162
139
|
});
|
|
163
|
-
|
|
164
140
|
if (app.theme === 'ios' && $tabLinkEl.length === 0 && tabRoute) {
|
|
165
141
|
const $pageEl = $newTabEl.parents('.page');
|
|
166
142
|
const $navbarEl = $(app.navbar.getElByPage($pageEl));
|
|
167
143
|
$tabLinkEl = $navbarEl.find(`[data-route-tab-id="${tabRoute.route.tab.id}"]`);
|
|
168
|
-
|
|
169
144
|
if ($tabLinkEl.length === 0) {
|
|
170
145
|
$tabLinkEl = $navbarEl.find(`.tab-link[href="${tabRoute.url}"]`);
|
|
171
146
|
}
|
|
172
147
|
}
|
|
173
148
|
}
|
|
174
149
|
}
|
|
175
|
-
|
|
176
150
|
if ($tabLinkEl.length > 0) {
|
|
177
151
|
// Find related link for old tab
|
|
178
152
|
let $oldTabLinkEl;
|
|
179
|
-
|
|
180
153
|
if ($oldTabEl && $oldTabEl.length > 0) {
|
|
181
154
|
// Search by id
|
|
182
155
|
const oldTabId = $oldTabEl.attr('id');
|
|
183
|
-
|
|
184
156
|
if (oldTabId) {
|
|
185
|
-
$oldTabLinkEl = $(`.tab-link[href="#${oldTabId}"]`);
|
|
186
|
-
|
|
157
|
+
$oldTabLinkEl = $(`.tab-link[href="#${oldTabId}"]`);
|
|
158
|
+
// Search by data-route-tab-id
|
|
187
159
|
if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
|
|
188
160
|
$oldTabLinkEl = $(`.tab-link[data-route-tab-id="${oldTabId}"]`);
|
|
189
161
|
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
|
|
162
|
+
}
|
|
163
|
+
// Search by data-tab
|
|
193
164
|
if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
|
|
194
165
|
$('[data-tab]').each(tabLinkElement => {
|
|
195
166
|
if ($oldTabEl.is($(tabLinkElement).attr('data-tab'))) $oldTabLinkEl = $(tabLinkElement);
|
|
196
167
|
});
|
|
197
168
|
}
|
|
198
|
-
|
|
199
169
|
if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
|
|
200
170
|
$oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');
|
|
201
171
|
}
|
|
202
172
|
} else if (tabRoute) {
|
|
203
173
|
$oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');
|
|
204
174
|
}
|
|
205
|
-
|
|
206
175
|
if ($oldTabLinkEl && $oldTabLinkEl.length > 1 && $oldTabEl && $oldTabEl.parents('.page').length) {
|
|
207
176
|
// eslint-disable-next-line
|
|
208
177
|
$oldTabLinkEl = $oldTabLinkEl.filter(tabLinkElement => {
|
|
209
178
|
return $(tabLinkElement).parents('.page')[0] === $oldTabEl.parents('.page')[0];
|
|
210
179
|
});
|
|
211
180
|
}
|
|
181
|
+
if ($oldTabLinkEl && $oldTabLinkEl.length > 0) $oldTabLinkEl.removeClass('tab-link-active');
|
|
212
182
|
|
|
213
|
-
|
|
214
|
-
|
|
183
|
+
// Update links' classes
|
|
215
184
|
if ($tabLinkEl && $tabLinkEl.length > 0) {
|
|
216
|
-
$tabLinkEl.addClass('tab-link-active');
|
|
217
|
-
|
|
218
|
-
const $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-
|
|
185
|
+
$tabLinkEl.addClass('tab-link-active');
|
|
186
|
+
// Material Highlight
|
|
187
|
+
const $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-icons');
|
|
219
188
|
const hasHighlight = app.toolbar && $tabbarEl.length > 0 && ($tabbarEl.hasClass('tabbar-highlight') || app.theme !== 'ios');
|
|
220
|
-
|
|
221
189
|
if (hasHighlight) {
|
|
222
190
|
app.toolbar.setHighlight($tabbarEl);
|
|
223
191
|
}
|
|
224
192
|
}
|
|
225
193
|
}
|
|
226
|
-
|
|
227
194
|
return {
|
|
228
195
|
$newTabEl,
|
|
229
196
|
newTabEl: $newTabEl[0],
|
|
@@ -233,11 +200,9 @@ const Tab = {
|
|
|
233
200
|
animated
|
|
234
201
|
};
|
|
235
202
|
}
|
|
236
|
-
|
|
237
203
|
};
|
|
238
204
|
export default {
|
|
239
205
|
name: 'tabs',
|
|
240
|
-
|
|
241
206
|
create() {
|
|
242
207
|
const app = this;
|
|
243
208
|
extend(app, {
|
|
@@ -246,7 +211,6 @@ export default {
|
|
|
246
211
|
}
|
|
247
212
|
});
|
|
248
213
|
},
|
|
249
|
-
|
|
250
214
|
on: {
|
|
251
215
|
'pageInit tabMounted': function onInit(pageOrTabEl) {
|
|
252
216
|
const $el = $(pageOrTabEl.el || pageOrTabEl);
|
|
@@ -265,7 +229,6 @@ export default {
|
|
|
265
229
|
if (data === void 0) {
|
|
266
230
|
data = {};
|
|
267
231
|
}
|
|
268
|
-
|
|
269
232
|
if ($clickedEl.attr('href') && $clickedEl.attr('href').indexOf('#') === 0 || $clickedEl.attr('data-tab')) {
|
|
270
233
|
const app = this;
|
|
271
234
|
app.tab.show({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function framework7ComponentLoader(t,a){void 0===a&&(a=!0);var e=t.$,n=t.utils,i=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,t.$jsx,n.extend);const s={show(){const t=this;let a,n,i,s,r;for(var l=arguments.length,o=new Array(l),b=0;b<l;b++)o[b]=arguments[b];1===o.length&&o[0]&&o[0].constructor===Object?(a=o[0].tabEl,n=o[0].tabLinkEl,i=o[0].animate,s=o[0].tabRoute,r=o[0].animatedInit):([a,n,i,s]=o,"boolean"==typeof o[1]&&([a,i,n,s]=o,o.length>2&&n.constructor===Object&&([a,i,s,n]=o))),void 0===i&&(i=!0);const h=e(a);if(s&&h[0]&&(h[0].f7TabRoute=s),!r&&(0===h.length||h.hasClass("tab-active")))return{$newTabEl:h,newTabEl:h[0]};let d;n&&(d=e(n));const g=h.parent(".tabs");if(0===g.length)return{$newTabEl:h,newTabEl:h[0]};t.swipeout&&(t.swipeout.allowOpen=!0);const c=[];function p(){c.forEach((t=>{t()}))}let f,u=!1;if(g.parent().hasClass("tabs-animated-wrap")){g.parent()[i?"removeClass":"addClass"]("not-animated");const a=parseFloat(g.css("transition-duration").replace(",","."));i&&a&&(g.transitionEnd(p),u=!0);const e=100*(t.rtl?h.index():-h.index());g.transform(`translate3d(${e}%,0,0)`)}g.parent().hasClass("tabs-swipeable-wrap")&&t.swiper&&(f=g.parent()[0].swiper,f&&f.activeIndex!==h.index()?(u=!0,f.once("slideChangeTransitionEnd",(()=>{p()})).slideTo(h.index(),i?void 0:0)):f&&f.animating&&(u=!0,f.once("slideChangeTransitionEnd",(()=>{p()}))));const m=g.children(".tab-active");if(m.removeClass("tab-active"),!r&&(!f||f&&!f.animating||f&&s)&&(m.hasClass("view")&&m.children(".page").length&&m.children(".page").each((a=>{e(a).trigger("page:tabhide"),t.emit("pageTabHide",a)})),m.trigger("tab:hide"),t.emit("tabHide",m[0])),h.addClass("tab-active"),!r&&(!f||f&&!f.animating||f&&s)&&(h.hasClass("view")&&h.children(".page").length&&h.children(".page").each((a=>{e(a).trigger("page:tabshow"),t.emit("pageTabShow",a)})),h.trigger("tab:show"),t.emit("tabShow",h[0])),!d&&(d=e("string"==typeof a?`.tab-link[href="${a}"]`:`.tab-link[href="#${h.attr("id")}"]`),(!d||d&&0===d.length)&&e("[data-tab]").each((t=>{h.is(e(t).attr("data-tab"))&&(d=e(t))})),s&&(!d||d&&0===d.length)&&(d=e(`[data-route-tab-id="${s.route.tab.id}"]`),0===d.length&&(d=e(`.tab-link[href="${s.url}"]`))),d.length>1&&h.parents(".page").length&&(d=d.filter((t=>e(t).parents(".page")[0]===h.parents(".page")[0])),"ios"===t.theme&&0===d.length&&s))){const a=h.parents(".page"),n=e(t.navbar.getElByPage(a));d=n.find(`[data-route-tab-id="${s.route.tab.id}"]`),0===d.length&&(d=n.find(`.tab-link[href="${s.url}"]`))}if(d.length>0){let a;if(m&&m.length>0){const t=m.attr("id");t&&(a=e(`.tab-link[href="#${t}"]`),(!a||a&&0===a.length)&&(a=e(`.tab-link[data-route-tab-id="${t}"]`))),(!a||a&&0===a.length)&&e("[data-tab]").each((t=>{m.is(e(t).attr("data-tab"))&&(a=e(t))})),(!a||a&&0===a.length)&&(a=d.siblings(".tab-link-active"))}else s&&(a=d.siblings(".tab-link-active"));if(a&&a.length>1&&m&&m.parents(".page").length&&(a=a.filter((t=>e(t).parents(".page")[0]===m.parents(".page")[0]))),a&&a.length>0&&a.removeClass("tab-link-active"),d&&d.length>0){d.addClass("tab-link-active");const a=d.parents(".tabbar, .tabbar-
|
|
1
|
+
(function framework7ComponentLoader(t,a){void 0===a&&(a=!0);var e=t.$,n=t.utils,i=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,t.$jsx,n.extend);const s={show(){const t=this;let a,n,i,s,r;for(var l=arguments.length,o=new Array(l),b=0;b<l;b++)o[b]=arguments[b];1===o.length&&o[0]&&o[0].constructor===Object?(a=o[0].tabEl,n=o[0].tabLinkEl,i=o[0].animate,s=o[0].tabRoute,r=o[0].animatedInit):([a,n,i,s]=o,"boolean"==typeof o[1]&&([a,i,n,s]=o,o.length>2&&n.constructor===Object&&([a,i,s,n]=o))),void 0===i&&(i=!0);const h=e(a);if(s&&h[0]&&(h[0].f7TabRoute=s),!r&&(0===h.length||h.hasClass("tab-active")))return{$newTabEl:h,newTabEl:h[0]};let d;n&&(d=e(n));const g=h.parent(".tabs");if(0===g.length)return{$newTabEl:h,newTabEl:h[0]};t.swipeout&&(t.swipeout.allowOpen=!0);const c=[];function p(){c.forEach((t=>{t()}))}let f,u=!1;if(g.parent().hasClass("tabs-animated-wrap")){g.parent()[i?"removeClass":"addClass"]("not-animated");const a=parseFloat(g.css("transition-duration").replace(",","."));i&&a&&(g.transitionEnd(p),u=!0);const e=100*(t.rtl?h.index():-h.index());g.transform(`translate3d(${e}%,0,0)`)}g.parent().hasClass("tabs-swipeable-wrap")&&t.swiper&&(f=g.parent()[0].swiper,f&&f.activeIndex!==h.index()?(u=!0,f.once("slideChangeTransitionEnd",(()=>{p()})).slideTo(h.index(),i?void 0:0)):f&&f.animating&&(u=!0,f.once("slideChangeTransitionEnd",(()=>{p()}))));const m=g.children(".tab-active");if(m.removeClass("tab-active"),!r&&(!f||f&&!f.animating||f&&s)&&(m.hasClass("view")&&m.children(".page").length&&m.children(".page").each((a=>{e(a).trigger("page:tabhide"),t.emit("pageTabHide",a)})),m.trigger("tab:hide"),t.emit("tabHide",m[0])),h.addClass("tab-active"),!r&&(!f||f&&!f.animating||f&&s)&&(h.hasClass("view")&&h.children(".page").length&&h.children(".page").each((a=>{e(a).trigger("page:tabshow"),t.emit("pageTabShow",a)})),h.trigger("tab:show"),t.emit("tabShow",h[0])),!d&&(d=e("string"==typeof a?`.tab-link[href="${a}"]`:`.tab-link[href="#${h.attr("id")}"]`),(!d||d&&0===d.length)&&e("[data-tab]").each((t=>{h.is(e(t).attr("data-tab"))&&(d=e(t))})),s&&(!d||d&&0===d.length)&&(d=e(`[data-route-tab-id="${s.route.tab.id}"]`),0===d.length&&(d=e(`.tab-link[href="${s.url}"]`))),d.length>1&&h.parents(".page").length&&(d=d.filter((t=>e(t).parents(".page")[0]===h.parents(".page")[0])),"ios"===t.theme&&0===d.length&&s))){const a=h.parents(".page"),n=e(t.navbar.getElByPage(a));d=n.find(`[data-route-tab-id="${s.route.tab.id}"]`),0===d.length&&(d=n.find(`.tab-link[href="${s.url}"]`))}if(d.length>0){let a;if(m&&m.length>0){const t=m.attr("id");t&&(a=e(`.tab-link[href="#${t}"]`),(!a||a&&0===a.length)&&(a=e(`.tab-link[data-route-tab-id="${t}"]`))),(!a||a&&0===a.length)&&e("[data-tab]").each((t=>{m.is(e(t).attr("data-tab"))&&(a=e(t))})),(!a||a&&0===a.length)&&(a=d.siblings(".tab-link-active"))}else s&&(a=d.siblings(".tab-link-active"));if(a&&a.length>1&&m&&m.parents(".page").length&&(a=a.filter((t=>e(t).parents(".page")[0]===m.parents(".page")[0]))),a&&a.length>0&&a.removeClass("tab-link-active"),d&&d.length>0){d.addClass("tab-link-active");const a=d.parents(".tabbar, .tabbar-icons");t.toolbar&&a.length>0&&(a.hasClass("tabbar-highlight")||"ios"!==t.theme)&&t.toolbar.setHighlight(a)}}return{$newTabEl:h,newTabEl:h[0],$oldTabEl:m,oldTabEl:m[0],onTabsChanged:function(t){c.push(t)},animated:u}}};var r={name:"tabs",create(){i(this,{tab:{show:s.show.bind(this)}})},on:{"pageInit tabMounted":function(t){const a=e(t.el||t).find(".tabs-animated-wrap > .tabs > .tab-active")[0];if(!a)return;this.tab.show({tabEl:a,animatedInit:!0,animate:!1})}},clicks:{".tab-link":function(t,a){if(void 0===a&&(a={}),t.attr("href")&&0===t.attr("href").indexOf("#")||t.attr("data-tab")){this.tab.show({tabEl:a.tab||t.attr("href"),tabLinkEl:t,animate:a.animate})}}}};if(a){if(t.prototype.modules&&t.prototype.modules[r.name])return;t.use(r),t.instance&&(t.instance.useModuleParams(r,t.instance.params),t.instance.useModule(r))}return r}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|