@xenknight/framework7-vue 0.0.2
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/LICENSE +20 -0
- package/README.md +33 -0
- package/components/accordion-content.d.ts +46 -0
- package/components/accordion-content.js +22 -0
- package/components/accordion-item.d.ts +51 -0
- package/components/accordion-item.js +77 -0
- package/components/accordion-toggle.d.ts +46 -0
- package/components/accordion-toggle.js +22 -0
- package/components/accordion.d.ts +50 -0
- package/components/accordion.js +23 -0
- package/components/actions-button.d.ts +56 -0
- package/components/actions-button.js +58 -0
- package/components/actions-group.d.ts +46 -0
- package/components/actions-group.js +22 -0
- package/components/actions-label.d.ts +51 -0
- package/components/actions-label.js +36 -0
- package/components/actions.d.ts +109 -0
- package/components/actions.js +157 -0
- package/components/app.d.ts +310 -0
- package/components/app.js +267 -0
- package/components/area-chart.d.ts +88 -0
- package/components/area-chart.js +364 -0
- package/components/badge.d.ts +54 -0
- package/components/badge.js +29 -0
- package/components/block-footer.d.ts +46 -0
- package/components/block-footer.js +22 -0
- package/components/block-header.d.ts +46 -0
- package/components/block-header.js +22 -0
- package/components/block-title.d.ts +54 -0
- package/components/block-title.js +35 -0
- package/components/block.d.ts +163 -0
- package/components/block.js +123 -0
- package/components/breadcrumbs-collapsed.d.ts +19 -0
- package/components/breadcrumbs-collapsed.js +21 -0
- package/components/breadcrumbs-item.d.ts +22 -0
- package/components/breadcrumbs-item.js +24 -0
- package/components/breadcrumbs-separator.d.ts +19 -0
- package/components/breadcrumbs-separator.js +20 -0
- package/components/breadcrumbs.d.ts +19 -0
- package/components/breadcrumbs.js +20 -0
- package/components/button.d.ts +371 -0
- package/components/button.js +182 -0
- package/components/card-content.d.ts +51 -0
- package/components/card-content.js +28 -0
- package/components/card-footer.d.ts +46 -0
- package/components/card-footer.js +22 -0
- package/components/card-header.d.ts +46 -0
- package/components/card-header.js +22 -0
- package/components/card.d.ts +145 -0
- package/components/card.js +192 -0
- package/components/checkbox.d.ts +72 -0
- package/components/checkbox.js +70 -0
- package/components/chip.d.ts +107 -0
- package/components/chip.js +81 -0
- package/components/fab-backdrop.d.ts +46 -0
- package/components/fab-backdrop.js +22 -0
- package/components/fab-button.d.ts +67 -0
- package/components/fab-button.js +52 -0
- package/components/fab-buttons.d.ts +51 -0
- package/components/fab-buttons.js +26 -0
- package/components/fab.d.ts +76 -0
- package/components/fab.js +78 -0
- package/components/gauge.d.ts +91 -0
- package/components/gauge.js +151 -0
- package/components/icon.d.ts +78 -0
- package/components/icon.js +100 -0
- package/components/input.d.ts +226 -0
- package/components/input.js +409 -0
- package/components/link.d.ts +287 -0
- package/components/link.js +129 -0
- package/components/list-button.d.ts +239 -0
- package/components/list-button.js +71 -0
- package/components/list-group.d.ts +71 -0
- package/components/list-group.js +53 -0
- package/components/list-index.d.ts +81 -0
- package/components/list-index.js +96 -0
- package/components/list-input.d.ts +245 -0
- package/components/list-input.js +415 -0
- package/components/list-item.d.ts +370 -0
- package/components/list-item.js +451 -0
- package/components/list.d.ts +236 -0
- package/components/list.js +222 -0
- package/components/login-screen-title.d.ts +46 -0
- package/components/login-screen-title.js +22 -0
- package/components/login-screen.d.ts +61 -0
- package/components/login-screen.js +104 -0
- package/components/message.d.ts +116 -0
- package/components/message.js +169 -0
- package/components/messagebar-attachment.d.ts +56 -0
- package/components/messagebar-attachment.js +52 -0
- package/components/messagebar-attachments.d.ts +46 -0
- package/components/messagebar-attachments.js +22 -0
- package/components/messagebar-sheet-image.d.ts +55 -0
- package/components/messagebar-sheet-image.js +48 -0
- package/components/messagebar-sheet-item.d.ts +46 -0
- package/components/messagebar-sheet-item.js +22 -0
- package/components/messagebar-sheet.d.ts +46 -0
- package/components/messagebar-sheet.js +22 -0
- package/components/messagebar.d.ts +117 -0
- package/components/messagebar.js +193 -0
- package/components/messages-title.d.ts +46 -0
- package/components/messages-title.js +22 -0
- package/components/messages.d.ts +116 -0
- package/components/messages.js +134 -0
- package/components/nav-left.d.ts +68 -0
- package/components/nav-left.js +66 -0
- package/components/nav-right.d.ts +50 -0
- package/components/nav-right.js +25 -0
- package/components/nav-title-large.d.ts +46 -0
- package/components/nav-title-large.js +25 -0
- package/components/nav-title.d.ts +58 -0
- package/components/nav-title.js +31 -0
- package/components/navbar.d.ts +110 -0
- package/components/navbar.js +248 -0
- package/components/page-content.d.ts +113 -0
- package/components/page-content.js +147 -0
- package/components/page.d.ts +150 -0
- package/components/page.js +331 -0
- package/components/panel.d.ts +139 -0
- package/components/panel.js +198 -0
- package/components/photo-browser.d.ts +164 -0
- package/components/photo-browser.js +181 -0
- package/components/pie-chart.d.ts +37 -0
- package/components/pie-chart.js +172 -0
- package/components/popover.d.ts +101 -0
- package/components/popover.js +157 -0
- package/components/popup.d.ts +99 -0
- package/components/popup.js +161 -0
- package/components/preloader.d.ts +50 -0
- package/components/preloader.js +65 -0
- package/components/progressbar.d.ts +54 -0
- package/components/progressbar.js +44 -0
- package/components/radio.d.ts +68 -0
- package/components/radio.js +59 -0
- package/components/range.d.ts +141 -0
- package/components/range.js +139 -0
- package/components/routable-modals.d.ts +19 -0
- package/components/routable-modals.js +58 -0
- package/components/searchbar.d.ts +182 -0
- package/components/searchbar.js +285 -0
- package/components/segmented.d.ts +87 -0
- package/components/segmented.js +53 -0
- package/components/sheet.d.ts +132 -0
- package/components/sheet.js +213 -0
- package/components/skeleton-avatar.d.ts +6 -0
- package/components/skeleton-avatar.js +3 -0
- package/components/skeleton-block.d.ts +6 -0
- package/components/skeleton-block.js +3 -0
- package/components/skeleton-image.d.ts +6 -0
- package/components/skeleton-image.js +3 -0
- package/components/skeleton-text.d.ts +6 -0
- package/components/skeleton-text.js +3 -0
- package/components/stepper.d.ts +197 -0
- package/components/stepper.js +230 -0
- package/components/subnavbar.d.ts +59 -0
- package/components/subnavbar.js +40 -0
- package/components/swipeout-actions.d.ts +58 -0
- package/components/swipeout-actions.js +33 -0
- package/components/swipeout-button.d.ts +75 -0
- package/components/swipeout-button.js +48 -0
- package/components/tab.d.ts +51 -0
- package/components/tab.js +128 -0
- package/components/tabs.d.ts +63 -0
- package/components/tabs.js +59 -0
- package/components/text-editor.d.ts +95 -0
- package/components/text-editor.js +147 -0
- package/components/toggle.d.ts +80 -0
- package/components/toggle.js +89 -0
- package/components/toolbar.d.ts +108 -0
- package/components/toolbar.js +135 -0
- package/components/treeview-item.d.ts +265 -0
- package/components/treeview-item.js +140 -0
- package/components/treeview.d.ts +46 -0
- package/components/treeview.js +22 -0
- package/components/use-icon.d.ts +19 -0
- package/components/use-icon.js +27 -0
- package/components/view.d.ts +296 -0
- package/components/view.js +373 -0
- package/components/views.d.ts +50 -0
- package/components/views.js +25 -0
- package/framework7-vue-bundle.js +190 -0
- package/framework7-vue.d.ts +121 -0
- package/framework7-vue.js +108 -0
- package/package.json +65 -0
- package/shared/components-router.js +203 -0
- package/shared/f7.js +71 -0
- package/shared/get-router-initial-component.js +35 -0
- package/shared/mixins.js +233 -0
- package/shared/modal-state-classes.js +10 -0
- package/shared/plugin.js +37 -0
- package/shared/router-open-in.js +105 -0
- package/shared/use-icon.js +37 -0
- package/shared/use-route-props.js +18 -0
- package/shared/use-smart-select.js +24 -0
- package/shared/use-store.js +24 -0
- package/shared/use-tab.js +24 -0
- package/shared/use-theme.js +11 -0
- package/shared/use-tooltip.js +43 -0
- package/shared/utils.js +110 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
|
+
function render(_ctx, _cache) {
|
|
3
|
+
return _openBlock(), _createElementBlock("div", {
|
|
4
|
+
class: _normalizeClass(_ctx.classes)
|
|
5
|
+
}, [_renderSlot(_ctx.$slots, "default")], 2);
|
|
6
|
+
}
|
|
7
|
+
import { computed } from 'vue';
|
|
8
|
+
import { classNames } from '../shared/utils.js';
|
|
9
|
+
import { colorClasses, colorProps } from '../shared/mixins.js';
|
|
10
|
+
export default {
|
|
11
|
+
name: 'f7-views',
|
|
12
|
+
render,
|
|
13
|
+
props: {
|
|
14
|
+
tabs: Boolean,
|
|
15
|
+
...colorProps
|
|
16
|
+
},
|
|
17
|
+
setup(props) {
|
|
18
|
+
const classes = computed(() => classNames('views', {
|
|
19
|
+
tabs: props.tabs
|
|
20
|
+
}, colorClasses(props)));
|
|
21
|
+
return {
|
|
22
|
+
classes
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
};
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
import Framework7Vue from './shared/plugin.js';
|
|
2
|
+
import { f7, f7ready, theme, setTheme } from './shared/f7.js';
|
|
3
|
+
import { useStore } from './shared/use-store.js';
|
|
4
|
+
|
|
5
|
+
import f7AccordionContent from './components/accordion-content.js';
|
|
6
|
+
import f7AccordionItem from './components/accordion-item.js';
|
|
7
|
+
import f7AccordionToggle from './components/accordion-toggle.js';
|
|
8
|
+
import f7Accordion from './components/accordion.js';
|
|
9
|
+
import f7ActionsButton from './components/actions-button.js';
|
|
10
|
+
import f7ActionsGroup from './components/actions-group.js';
|
|
11
|
+
import f7ActionsLabel from './components/actions-label.js';
|
|
12
|
+
import f7Actions from './components/actions.js';
|
|
13
|
+
import f7App from './components/app.js';
|
|
14
|
+
import f7AreaChart from './components/area-chart.js';
|
|
15
|
+
import f7Badge from './components/badge.js';
|
|
16
|
+
import f7BlockFooter from './components/block-footer.js';
|
|
17
|
+
import f7BlockHeader from './components/block-header.js';
|
|
18
|
+
import f7BlockTitle from './components/block-title.js';
|
|
19
|
+
import f7Block from './components/block.js';
|
|
20
|
+
import f7BreadcrumbsCollapsed from './components/breadcrumbs-collapsed.js';
|
|
21
|
+
import f7BreadcrumbsItem from './components/breadcrumbs-item.js';
|
|
22
|
+
import f7BreadcrumbsSeparator from './components/breadcrumbs-separator.js';
|
|
23
|
+
import f7Breadcrumbs from './components/breadcrumbs.js';
|
|
24
|
+
import f7Button from './components/button.js';
|
|
25
|
+
import f7CardContent from './components/card-content.js';
|
|
26
|
+
import f7CardFooter from './components/card-footer.js';
|
|
27
|
+
import f7CardHeader from './components/card-header.js';
|
|
28
|
+
import f7Card from './components/card.js';
|
|
29
|
+
import f7Checkbox from './components/checkbox.js';
|
|
30
|
+
import f7Chip from './components/chip.js';
|
|
31
|
+
import f7FabBackdrop from './components/fab-backdrop.js';
|
|
32
|
+
import f7FabButton from './components/fab-button.js';
|
|
33
|
+
import f7FabButtons from './components/fab-buttons.js';
|
|
34
|
+
import f7Fab from './components/fab.js';
|
|
35
|
+
import f7Gauge from './components/gauge.js';
|
|
36
|
+
import f7Icon from './components/icon.js';
|
|
37
|
+
import f7Input from './components/input.js';
|
|
38
|
+
import f7Link from './components/link.js';
|
|
39
|
+
import f7ListButton from './components/list-button.js';
|
|
40
|
+
import f7ListGroup from './components/list-group.js';
|
|
41
|
+
import f7ListIndex from './components/list-index.js';
|
|
42
|
+
import f7ListInput from './components/list-input.js';
|
|
43
|
+
import f7ListItem from './components/list-item.js';
|
|
44
|
+
import f7List from './components/list.js';
|
|
45
|
+
import f7LoginScreenTitle from './components/login-screen-title.js';
|
|
46
|
+
import f7LoginScreen from './components/login-screen.js';
|
|
47
|
+
import f7Message from './components/message.js';
|
|
48
|
+
import f7MessagebarAttachment from './components/messagebar-attachment.js';
|
|
49
|
+
import f7MessagebarAttachments from './components/messagebar-attachments.js';
|
|
50
|
+
import f7MessagebarSheetImage from './components/messagebar-sheet-image.js';
|
|
51
|
+
import f7MessagebarSheetItem from './components/messagebar-sheet-item.js';
|
|
52
|
+
import f7MessagebarSheet from './components/messagebar-sheet.js';
|
|
53
|
+
import f7Messagebar from './components/messagebar.js';
|
|
54
|
+
import f7MessagesTitle from './components/messages-title.js';
|
|
55
|
+
import f7Messages from './components/messages.js';
|
|
56
|
+
import f7NavLeft from './components/nav-left.js';
|
|
57
|
+
import f7NavRight from './components/nav-right.js';
|
|
58
|
+
import f7NavTitleLarge from './components/nav-title-large.js';
|
|
59
|
+
import f7NavTitle from './components/nav-title.js';
|
|
60
|
+
import f7Navbar from './components/navbar.js';
|
|
61
|
+
import f7PageContent from './components/page-content.js';
|
|
62
|
+
import f7Page from './components/page.js';
|
|
63
|
+
import f7Panel from './components/panel.js';
|
|
64
|
+
import f7PhotoBrowser from './components/photo-browser.js';
|
|
65
|
+
import f7PieChart from './components/pie-chart.js';
|
|
66
|
+
import f7Popover from './components/popover.js';
|
|
67
|
+
import f7Popup from './components/popup.js';
|
|
68
|
+
import f7Preloader from './components/preloader.js';
|
|
69
|
+
import f7Progressbar from './components/progressbar.js';
|
|
70
|
+
import f7Radio from './components/radio.js';
|
|
71
|
+
import f7Range from './components/range.js';
|
|
72
|
+
import f7RoutableModals from './components/routable-modals.js';
|
|
73
|
+
import f7Searchbar from './components/searchbar.js';
|
|
74
|
+
import f7Segmented from './components/segmented.js';
|
|
75
|
+
import f7Sheet from './components/sheet.js';
|
|
76
|
+
import f7SkeletonAvatar from './components/skeleton-avatar.js';
|
|
77
|
+
import f7SkeletonBlock from './components/skeleton-block.js';
|
|
78
|
+
import f7SkeletonImage from './components/skeleton-image.js';
|
|
79
|
+
import f7SkeletonText from './components/skeleton-text.js';
|
|
80
|
+
import f7Stepper from './components/stepper.js';
|
|
81
|
+
import f7Subnavbar from './components/subnavbar.js';
|
|
82
|
+
import f7SwipeoutActions from './components/swipeout-actions.js';
|
|
83
|
+
import f7SwipeoutButton from './components/swipeout-button.js';
|
|
84
|
+
import f7Tab from './components/tab.js';
|
|
85
|
+
import f7Tabs from './components/tabs.js';
|
|
86
|
+
import f7TextEditor from './components/text-editor.js';
|
|
87
|
+
import f7Toggle from './components/toggle.js';
|
|
88
|
+
import f7Toolbar from './components/toolbar.js';
|
|
89
|
+
import f7TreeviewItem from './components/treeview-item.js';
|
|
90
|
+
import f7Treeview from './components/treeview.js';
|
|
91
|
+
import f7UseIcon from './components/use-icon.js';
|
|
92
|
+
import f7View from './components/view.js';
|
|
93
|
+
import f7Views from './components/views.js';
|
|
94
|
+
|
|
95
|
+
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 }
|
|
96
|
+
export { f7, f7ready, theme, useStore, setTheme };
|
|
97
|
+
export default Framework7Vue;
|
|
98
|
+
|
|
99
|
+
function registerComponents(app) {
|
|
100
|
+
app.component('f7-accordion-content', f7AccordionContent);
|
|
101
|
+
app.component('f7-accordion-item', f7AccordionItem);
|
|
102
|
+
app.component('f7-accordion-toggle', f7AccordionToggle);
|
|
103
|
+
app.component('f7-accordion', f7Accordion);
|
|
104
|
+
app.component('f7-actions-button', f7ActionsButton);
|
|
105
|
+
app.component('f7-actions-group', f7ActionsGroup);
|
|
106
|
+
app.component('f7-actions-label', f7ActionsLabel);
|
|
107
|
+
app.component('f7-actions', f7Actions);
|
|
108
|
+
app.component('f7-app', f7App);
|
|
109
|
+
app.component('f7-area-chart', f7AreaChart);
|
|
110
|
+
app.component('f7-badge', f7Badge);
|
|
111
|
+
app.component('f7-block-footer', f7BlockFooter);
|
|
112
|
+
app.component('f7-block-header', f7BlockHeader);
|
|
113
|
+
app.component('f7-block-title', f7BlockTitle);
|
|
114
|
+
app.component('f7-block', f7Block);
|
|
115
|
+
app.component('f7-breadcrumbs-collapsed', f7BreadcrumbsCollapsed);
|
|
116
|
+
app.component('f7-breadcrumbs-item', f7BreadcrumbsItem);
|
|
117
|
+
app.component('f7-breadcrumbs-separator', f7BreadcrumbsSeparator);
|
|
118
|
+
app.component('f7-breadcrumbs', f7Breadcrumbs);
|
|
119
|
+
app.component('f7-button', f7Button);
|
|
120
|
+
app.component('f7-card-content', f7CardContent);
|
|
121
|
+
app.component('f7-card-footer', f7CardFooter);
|
|
122
|
+
app.component('f7-card-header', f7CardHeader);
|
|
123
|
+
app.component('f7-card', f7Card);
|
|
124
|
+
app.component('f7-checkbox', f7Checkbox);
|
|
125
|
+
app.component('f7-chip', f7Chip);
|
|
126
|
+
app.component('f7-fab-backdrop', f7FabBackdrop);
|
|
127
|
+
app.component('f7-fab-button', f7FabButton);
|
|
128
|
+
app.component('f7-fab-buttons', f7FabButtons);
|
|
129
|
+
app.component('f7-fab', f7Fab);
|
|
130
|
+
app.component('f7-gauge', f7Gauge);
|
|
131
|
+
app.component('f7-icon', f7Icon);
|
|
132
|
+
app.component('f7-input', f7Input);
|
|
133
|
+
app.component('f7-link', f7Link);
|
|
134
|
+
app.component('f7-list-button', f7ListButton);
|
|
135
|
+
app.component('f7-list-group', f7ListGroup);
|
|
136
|
+
app.component('f7-list-index', f7ListIndex);
|
|
137
|
+
app.component('f7-list-input', f7ListInput);
|
|
138
|
+
app.component('f7-list-item', f7ListItem);
|
|
139
|
+
app.component('f7-list', f7List);
|
|
140
|
+
app.component('f7-login-screen-title', f7LoginScreenTitle);
|
|
141
|
+
app.component('f7-login-screen', f7LoginScreen);
|
|
142
|
+
app.component('f7-message', f7Message);
|
|
143
|
+
app.component('f7-messagebar-attachment', f7MessagebarAttachment);
|
|
144
|
+
app.component('f7-messagebar-attachments', f7MessagebarAttachments);
|
|
145
|
+
app.component('f7-messagebar-sheet-image', f7MessagebarSheetImage);
|
|
146
|
+
app.component('f7-messagebar-sheet-item', f7MessagebarSheetItem);
|
|
147
|
+
app.component('f7-messagebar-sheet', f7MessagebarSheet);
|
|
148
|
+
app.component('f7-messagebar', f7Messagebar);
|
|
149
|
+
app.component('f7-messages-title', f7MessagesTitle);
|
|
150
|
+
app.component('f7-messages', f7Messages);
|
|
151
|
+
app.component('f7-nav-left', f7NavLeft);
|
|
152
|
+
app.component('f7-nav-right', f7NavRight);
|
|
153
|
+
app.component('f7-nav-title-large', f7NavTitleLarge);
|
|
154
|
+
app.component('f7-nav-title', f7NavTitle);
|
|
155
|
+
app.component('f7-navbar', f7Navbar);
|
|
156
|
+
app.component('f7-page-content', f7PageContent);
|
|
157
|
+
app.component('f7-page', f7Page);
|
|
158
|
+
app.component('f7-panel', f7Panel);
|
|
159
|
+
app.component('f7-photo-browser', f7PhotoBrowser);
|
|
160
|
+
app.component('f7-pie-chart', f7PieChart);
|
|
161
|
+
app.component('f7-popover', f7Popover);
|
|
162
|
+
app.component('f7-popup', f7Popup);
|
|
163
|
+
app.component('f7-preloader', f7Preloader);
|
|
164
|
+
app.component('f7-progressbar', f7Progressbar);
|
|
165
|
+
app.component('f7-radio', f7Radio);
|
|
166
|
+
app.component('f7-range', f7Range);
|
|
167
|
+
app.component('f7-routable-modals', f7RoutableModals);
|
|
168
|
+
app.component('f7-searchbar', f7Searchbar);
|
|
169
|
+
app.component('f7-segmented', f7Segmented);
|
|
170
|
+
app.component('f7-sheet', f7Sheet);
|
|
171
|
+
app.component('f7-skeleton-avatar', f7SkeletonAvatar);
|
|
172
|
+
app.component('f7-skeleton-block', f7SkeletonBlock);
|
|
173
|
+
app.component('f7-skeleton-image', f7SkeletonImage);
|
|
174
|
+
app.component('f7-skeleton-text', f7SkeletonText);
|
|
175
|
+
app.component('f7-stepper', f7Stepper);
|
|
176
|
+
app.component('f7-subnavbar', f7Subnavbar);
|
|
177
|
+
app.component('f7-swipeout-actions', f7SwipeoutActions);
|
|
178
|
+
app.component('f7-swipeout-button', f7SwipeoutButton);
|
|
179
|
+
app.component('f7-tab', f7Tab);
|
|
180
|
+
app.component('f7-tabs', f7Tabs);
|
|
181
|
+
app.component('f7-text-editor', f7TextEditor);
|
|
182
|
+
app.component('f7-toggle', f7Toggle);
|
|
183
|
+
app.component('f7-toolbar', f7Toolbar);
|
|
184
|
+
app.component('f7-treeview-item', f7TreeviewItem);
|
|
185
|
+
app.component('f7-treeview', f7Treeview);
|
|
186
|
+
app.component('f7-use-icon', f7UseIcon);
|
|
187
|
+
app.component('f7-view', f7View);
|
|
188
|
+
app.component('f7-views', f7Views)
|
|
189
|
+
}
|
|
190
|
+
export { registerComponents }
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import Framework7, { Framework7Plugin } from '@xenknight/framework7/types';
|
|
2
|
+
import { Store } from '@xenknight/framework7/types';
|
|
3
|
+
|
|
4
|
+
import f7AccordionContent from './components/accordion-content.js';
|
|
5
|
+
import f7AccordionItem from './components/accordion-item.js';
|
|
6
|
+
import f7AccordionToggle from './components/accordion-toggle.js';
|
|
7
|
+
import f7Accordion from './components/accordion.js';
|
|
8
|
+
import f7ActionsButton from './components/actions-button.js';
|
|
9
|
+
import f7ActionsGroup from './components/actions-group.js';
|
|
10
|
+
import f7ActionsLabel from './components/actions-label.js';
|
|
11
|
+
import f7Actions from './components/actions.js';
|
|
12
|
+
import f7App from './components/app.js';
|
|
13
|
+
import f7AreaChart from './components/area-chart.js';
|
|
14
|
+
import f7Badge from './components/badge.js';
|
|
15
|
+
import f7BlockFooter from './components/block-footer.js';
|
|
16
|
+
import f7BlockHeader from './components/block-header.js';
|
|
17
|
+
import f7BlockTitle from './components/block-title.js';
|
|
18
|
+
import f7Block from './components/block.js';
|
|
19
|
+
import f7BreadcrumbsCollapsed from './components/breadcrumbs-collapsed.js';
|
|
20
|
+
import f7BreadcrumbsItem from './components/breadcrumbs-item.js';
|
|
21
|
+
import f7BreadcrumbsSeparator from './components/breadcrumbs-separator.js';
|
|
22
|
+
import f7Breadcrumbs from './components/breadcrumbs.js';
|
|
23
|
+
import f7Button from './components/button.js';
|
|
24
|
+
import f7CardContent from './components/card-content.js';
|
|
25
|
+
import f7CardFooter from './components/card-footer.js';
|
|
26
|
+
import f7CardHeader from './components/card-header.js';
|
|
27
|
+
import f7Card from './components/card.js';
|
|
28
|
+
import f7Checkbox from './components/checkbox.js';
|
|
29
|
+
import f7Chip from './components/chip.js';
|
|
30
|
+
import f7FabBackdrop from './components/fab-backdrop.js';
|
|
31
|
+
import f7FabButton from './components/fab-button.js';
|
|
32
|
+
import f7FabButtons from './components/fab-buttons.js';
|
|
33
|
+
import f7Fab from './components/fab.js';
|
|
34
|
+
import f7Gauge from './components/gauge.js';
|
|
35
|
+
import f7Icon from './components/icon.js';
|
|
36
|
+
import f7Input from './components/input.js';
|
|
37
|
+
import f7Link from './components/link.js';
|
|
38
|
+
import f7ListButton from './components/list-button.js';
|
|
39
|
+
import f7ListGroup from './components/list-group.js';
|
|
40
|
+
import f7ListIndex from './components/list-index.js';
|
|
41
|
+
import f7ListInput from './components/list-input.js';
|
|
42
|
+
import f7ListItem from './components/list-item.js';
|
|
43
|
+
import f7List from './components/list.js';
|
|
44
|
+
import f7LoginScreenTitle from './components/login-screen-title.js';
|
|
45
|
+
import f7LoginScreen from './components/login-screen.js';
|
|
46
|
+
import f7Message from './components/message.js';
|
|
47
|
+
import f7MessagebarAttachment from './components/messagebar-attachment.js';
|
|
48
|
+
import f7MessagebarAttachments from './components/messagebar-attachments.js';
|
|
49
|
+
import f7MessagebarSheetImage from './components/messagebar-sheet-image.js';
|
|
50
|
+
import f7MessagebarSheetItem from './components/messagebar-sheet-item.js';
|
|
51
|
+
import f7MessagebarSheet from './components/messagebar-sheet.js';
|
|
52
|
+
import f7Messagebar from './components/messagebar.js';
|
|
53
|
+
import f7MessagesTitle from './components/messages-title.js';
|
|
54
|
+
import f7Messages from './components/messages.js';
|
|
55
|
+
import f7NavLeft from './components/nav-left.js';
|
|
56
|
+
import f7NavRight from './components/nav-right.js';
|
|
57
|
+
import f7NavTitleLarge from './components/nav-title-large.js';
|
|
58
|
+
import f7NavTitle from './components/nav-title.js';
|
|
59
|
+
import f7Navbar from './components/navbar.js';
|
|
60
|
+
import f7PageContent from './components/page-content.js';
|
|
61
|
+
import f7Page from './components/page.js';
|
|
62
|
+
import f7Panel from './components/panel.js';
|
|
63
|
+
import f7PhotoBrowser from './components/photo-browser.js';
|
|
64
|
+
import f7PieChart from './components/pie-chart.js';
|
|
65
|
+
import f7Popover from './components/popover.js';
|
|
66
|
+
import f7Popup from './components/popup.js';
|
|
67
|
+
import f7Preloader from './components/preloader.js';
|
|
68
|
+
import f7Progressbar from './components/progressbar.js';
|
|
69
|
+
import f7Radio from './components/radio.js';
|
|
70
|
+
import f7Range from './components/range.js';
|
|
71
|
+
import f7RoutableModals from './components/routable-modals.js';
|
|
72
|
+
import f7Searchbar from './components/searchbar.js';
|
|
73
|
+
import f7Segmented from './components/segmented.js';
|
|
74
|
+
import f7Sheet from './components/sheet.js';
|
|
75
|
+
import f7SkeletonAvatar from './components/skeleton-avatar.js';
|
|
76
|
+
import f7SkeletonBlock from './components/skeleton-block.js';
|
|
77
|
+
import f7SkeletonImage from './components/skeleton-image.js';
|
|
78
|
+
import f7SkeletonText from './components/skeleton-text.js';
|
|
79
|
+
import f7Stepper from './components/stepper.js';
|
|
80
|
+
import f7Subnavbar from './components/subnavbar.js';
|
|
81
|
+
import f7SwipeoutActions from './components/swipeout-actions.js';
|
|
82
|
+
import f7SwipeoutButton from './components/swipeout-button.js';
|
|
83
|
+
import f7Tab from './components/tab.js';
|
|
84
|
+
import f7Tabs from './components/tabs.js';
|
|
85
|
+
import f7TextEditor from './components/text-editor.js';
|
|
86
|
+
import f7Toggle from './components/toggle.js';
|
|
87
|
+
import f7Toolbar from './components/toolbar.js';
|
|
88
|
+
import f7TreeviewItem from './components/treeview-item.js';
|
|
89
|
+
import f7Treeview from './components/treeview.js';
|
|
90
|
+
import f7UseIcon from './components/use-icon.js';
|
|
91
|
+
import f7View from './components/view.js';
|
|
92
|
+
import f7Views from './components/views.js';
|
|
93
|
+
|
|
94
|
+
export interface Framework7Theme {
|
|
95
|
+
ios: boolean;
|
|
96
|
+
md: boolean;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
/** Object with boolean properties with information about currently used theme (`ios` and `md`) */
|
|
100
|
+
declare const theme: Framework7Theme;
|
|
101
|
+
|
|
102
|
+
/** Main Framework7's initialized instance. It allows you to use any of Framework7 APIs */
|
|
103
|
+
declare const f7: Framework7;
|
|
104
|
+
|
|
105
|
+
/** Callback function that will be executed when Framework7 fully intialized. Useful to use in components when you need to access Framework7 API and to be sure it is ready. So it is safe to put all Framework7 related logic into this callback. As an argument it receives initialized Framework7 instance */
|
|
106
|
+
declare const f7ready: (callback: (f7: Framework7) => void) => void;
|
|
107
|
+
|
|
108
|
+
declare const Framework7Vue: Framework7Plugin;
|
|
109
|
+
|
|
110
|
+
interface useStore {
|
|
111
|
+
(store: Store, getter: string): any;
|
|
112
|
+
(getter: string): any;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
declare const useStore: useStore;
|
|
116
|
+
|
|
117
|
+
declare const setTheme: (theme: string) => void;
|
|
118
|
+
|
|
119
|
+
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 }
|
|
120
|
+
export { f7, f7ready, theme, useStore, setTheme };
|
|
121
|
+
export default Framework7Vue;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Framework7 Vue 8.3.4
|
|
3
|
+
* Build full featured iOS & Android apps using Framework7 & Vue
|
|
4
|
+
* https://framework7.io/vue/
|
|
5
|
+
*
|
|
6
|
+
* Copyright 2014-2025 Vladimir Kharlampidi
|
|
7
|
+
*
|
|
8
|
+
* Released under the MIT License
|
|
9
|
+
*
|
|
10
|
+
* Released on: July 22, 2025
|
|
11
|
+
*/
|
|
12
|
+
import Framework7Vue from './shared/plugin.js';
|
|
13
|
+
import { f7, f7ready, theme, setTheme } from './shared/f7.js';
|
|
14
|
+
import { useStore } from './shared/use-store.js';
|
|
15
|
+
|
|
16
|
+
import f7AccordionContent from './components/accordion-content.js';
|
|
17
|
+
import f7AccordionItem from './components/accordion-item.js';
|
|
18
|
+
import f7AccordionToggle from './components/accordion-toggle.js';
|
|
19
|
+
import f7Accordion from './components/accordion.js';
|
|
20
|
+
import f7ActionsButton from './components/actions-button.js';
|
|
21
|
+
import f7ActionsGroup from './components/actions-group.js';
|
|
22
|
+
import f7ActionsLabel from './components/actions-label.js';
|
|
23
|
+
import f7Actions from './components/actions.js';
|
|
24
|
+
import f7App from './components/app.js';
|
|
25
|
+
import f7AreaChart from './components/area-chart.js';
|
|
26
|
+
import f7Badge from './components/badge.js';
|
|
27
|
+
import f7BlockFooter from './components/block-footer.js';
|
|
28
|
+
import f7BlockHeader from './components/block-header.js';
|
|
29
|
+
import f7BlockTitle from './components/block-title.js';
|
|
30
|
+
import f7Block from './components/block.js';
|
|
31
|
+
import f7BreadcrumbsCollapsed from './components/breadcrumbs-collapsed.js';
|
|
32
|
+
import f7BreadcrumbsItem from './components/breadcrumbs-item.js';
|
|
33
|
+
import f7BreadcrumbsSeparator from './components/breadcrumbs-separator.js';
|
|
34
|
+
import f7Breadcrumbs from './components/breadcrumbs.js';
|
|
35
|
+
import f7Button from './components/button.js';
|
|
36
|
+
import f7CardContent from './components/card-content.js';
|
|
37
|
+
import f7CardFooter from './components/card-footer.js';
|
|
38
|
+
import f7CardHeader from './components/card-header.js';
|
|
39
|
+
import f7Card from './components/card.js';
|
|
40
|
+
import f7Checkbox from './components/checkbox.js';
|
|
41
|
+
import f7Chip from './components/chip.js';
|
|
42
|
+
import f7FabBackdrop from './components/fab-backdrop.js';
|
|
43
|
+
import f7FabButton from './components/fab-button.js';
|
|
44
|
+
import f7FabButtons from './components/fab-buttons.js';
|
|
45
|
+
import f7Fab from './components/fab.js';
|
|
46
|
+
import f7Gauge from './components/gauge.js';
|
|
47
|
+
import f7Icon from './components/icon.js';
|
|
48
|
+
import f7Input from './components/input.js';
|
|
49
|
+
import f7Link from './components/link.js';
|
|
50
|
+
import f7ListButton from './components/list-button.js';
|
|
51
|
+
import f7ListGroup from './components/list-group.js';
|
|
52
|
+
import f7ListIndex from './components/list-index.js';
|
|
53
|
+
import f7ListInput from './components/list-input.js';
|
|
54
|
+
import f7ListItem from './components/list-item.js';
|
|
55
|
+
import f7List from './components/list.js';
|
|
56
|
+
import f7LoginScreenTitle from './components/login-screen-title.js';
|
|
57
|
+
import f7LoginScreen from './components/login-screen.js';
|
|
58
|
+
import f7Message from './components/message.js';
|
|
59
|
+
import f7MessagebarAttachment from './components/messagebar-attachment.js';
|
|
60
|
+
import f7MessagebarAttachments from './components/messagebar-attachments.js';
|
|
61
|
+
import f7MessagebarSheetImage from './components/messagebar-sheet-image.js';
|
|
62
|
+
import f7MessagebarSheetItem from './components/messagebar-sheet-item.js';
|
|
63
|
+
import f7MessagebarSheet from './components/messagebar-sheet.js';
|
|
64
|
+
import f7Messagebar from './components/messagebar.js';
|
|
65
|
+
import f7MessagesTitle from './components/messages-title.js';
|
|
66
|
+
import f7Messages from './components/messages.js';
|
|
67
|
+
import f7NavLeft from './components/nav-left.js';
|
|
68
|
+
import f7NavRight from './components/nav-right.js';
|
|
69
|
+
import f7NavTitleLarge from './components/nav-title-large.js';
|
|
70
|
+
import f7NavTitle from './components/nav-title.js';
|
|
71
|
+
import f7Navbar from './components/navbar.js';
|
|
72
|
+
import f7PageContent from './components/page-content.js';
|
|
73
|
+
import f7Page from './components/page.js';
|
|
74
|
+
import f7Panel from './components/panel.js';
|
|
75
|
+
import f7PhotoBrowser from './components/photo-browser.js';
|
|
76
|
+
import f7PieChart from './components/pie-chart.js';
|
|
77
|
+
import f7Popover from './components/popover.js';
|
|
78
|
+
import f7Popup from './components/popup.js';
|
|
79
|
+
import f7Preloader from './components/preloader.js';
|
|
80
|
+
import f7Progressbar from './components/progressbar.js';
|
|
81
|
+
import f7Radio from './components/radio.js';
|
|
82
|
+
import f7Range from './components/range.js';
|
|
83
|
+
import f7RoutableModals from './components/routable-modals.js';
|
|
84
|
+
import f7Searchbar from './components/searchbar.js';
|
|
85
|
+
import f7Segmented from './components/segmented.js';
|
|
86
|
+
import f7Sheet from './components/sheet.js';
|
|
87
|
+
import f7SkeletonAvatar from './components/skeleton-avatar.js';
|
|
88
|
+
import f7SkeletonBlock from './components/skeleton-block.js';
|
|
89
|
+
import f7SkeletonImage from './components/skeleton-image.js';
|
|
90
|
+
import f7SkeletonText from './components/skeleton-text.js';
|
|
91
|
+
import f7Stepper from './components/stepper.js';
|
|
92
|
+
import f7Subnavbar from './components/subnavbar.js';
|
|
93
|
+
import f7SwipeoutActions from './components/swipeout-actions.js';
|
|
94
|
+
import f7SwipeoutButton from './components/swipeout-button.js';
|
|
95
|
+
import f7Tab from './components/tab.js';
|
|
96
|
+
import f7Tabs from './components/tabs.js';
|
|
97
|
+
import f7TextEditor from './components/text-editor.js';
|
|
98
|
+
import f7Toggle from './components/toggle.js';
|
|
99
|
+
import f7Toolbar from './components/toolbar.js';
|
|
100
|
+
import f7TreeviewItem from './components/treeview-item.js';
|
|
101
|
+
import f7Treeview from './components/treeview.js';
|
|
102
|
+
import f7UseIcon from './components/use-icon.js';
|
|
103
|
+
import f7View from './components/view.js';
|
|
104
|
+
import f7Views from './components/views.js';
|
|
105
|
+
|
|
106
|
+
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 }
|
|
107
|
+
export { f7, f7ready, theme, useStore, setTheme };
|
|
108
|
+
export default Framework7Vue;
|
package/package.json
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xenknight/framework7-vue",
|
|
3
|
+
"version": "0.0.2",
|
|
4
|
+
"description": "Build full featured iOS & Android apps using Framework7 & Vue",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"import": "./framework7-vue.js",
|
|
9
|
+
"types": "./framework7-vue.d.ts"
|
|
10
|
+
},
|
|
11
|
+
"./bundle": {
|
|
12
|
+
"import": "./framework7-vue-bundle.js",
|
|
13
|
+
"types": "./framework7-vue.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./components/*": "./components/*",
|
|
16
|
+
"./shared/*": "./shared/*"
|
|
17
|
+
},
|
|
18
|
+
"typings": "framework7-vue.d.ts",
|
|
19
|
+
"typesVersions": {
|
|
20
|
+
"*": {
|
|
21
|
+
"bundle": [
|
|
22
|
+
"framework7-vue-bundle.d.ts"
|
|
23
|
+
]
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"web-types": "framework7-vue-web-types.json",
|
|
27
|
+
"repository": {
|
|
28
|
+
"type": "git",
|
|
29
|
+
"url": "https://github.com/framework7io/framework7.git"
|
|
30
|
+
},
|
|
31
|
+
"keywords": [
|
|
32
|
+
"vue",
|
|
33
|
+
"vuejs",
|
|
34
|
+
"mobile",
|
|
35
|
+
"framework",
|
|
36
|
+
"framework7",
|
|
37
|
+
"cordova",
|
|
38
|
+
"ios",
|
|
39
|
+
"iphone",
|
|
40
|
+
"ipad",
|
|
41
|
+
"apple",
|
|
42
|
+
"phonegap",
|
|
43
|
+
"capacitor",
|
|
44
|
+
"native",
|
|
45
|
+
"touch",
|
|
46
|
+
"appstore",
|
|
47
|
+
"app",
|
|
48
|
+
"f7",
|
|
49
|
+
"material",
|
|
50
|
+
"android",
|
|
51
|
+
"google",
|
|
52
|
+
"googleplay"
|
|
53
|
+
],
|
|
54
|
+
"author": "Vladimir Kharlampidi",
|
|
55
|
+
"license": "MIT",
|
|
56
|
+
"bugs": {
|
|
57
|
+
"url": "https://github.com/framework7io/framework7/issues"
|
|
58
|
+
},
|
|
59
|
+
"homepage": "https://framework7.io/vue/",
|
|
60
|
+
"funding": {
|
|
61
|
+
"type": "patreon",
|
|
62
|
+
"url": "https://www.patreon.com/framework7"
|
|
63
|
+
},
|
|
64
|
+
"releaseDate": "September 18, 2024"
|
|
65
|
+
}
|