framework7-vue 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.
Files changed (144) hide show
  1. package/components/accordion-content.js +2 -5
  2. package/components/accordion-item.js +0 -13
  3. package/components/accordion-toggle.js +2 -5
  4. package/components/accordion.js +0 -4
  5. package/components/actions-button.d.ts +1 -1
  6. package/components/actions-button.js +2 -9
  7. package/components/actions-group.js +2 -5
  8. package/components/actions-label.d.ts +1 -1
  9. package/components/actions-label.js +2 -8
  10. package/components/actions.js +2 -14
  11. package/components/app.d.ts +7 -12
  12. package/components/app.js +11 -24
  13. package/components/appbar.js +2 -5
  14. package/components/area-chart.js +4 -41
  15. package/components/badge.js +0 -4
  16. package/components/block-footer.js +2 -5
  17. package/components/block-header.js +2 -5
  18. package/components/block-title.js +0 -4
  19. package/components/block.d.ts +61 -9
  20. package/components/block.js +52 -17
  21. package/components/breadcrumbs-collapsed.js +0 -5
  22. package/components/breadcrumbs-item.js +0 -4
  23. package/components/breadcrumbs-separator.js +0 -4
  24. package/components/breadcrumbs.js +0 -4
  25. package/components/button.d.ts +9 -25
  26. package/components/button.js +9 -25
  27. package/components/card-content.js +0 -4
  28. package/components/card-footer.js +2 -5
  29. package/components/card-header.js +2 -5
  30. package/components/card.d.ts +17 -5
  31. package/components/card.js +10 -20
  32. package/components/checkbox.js +0 -7
  33. package/components/chip.d.ts +0 -4
  34. package/components/chip.js +0 -7
  35. package/components/col.js +3 -9
  36. package/components/fab-backdrop.js +2 -5
  37. package/components/fab-button.js +0 -6
  38. package/components/fab-buttons.js +0 -4
  39. package/components/fab.js +0 -9
  40. package/components/gauge.js +0 -4
  41. package/components/icon.d.ts +0 -4
  42. package/components/icon.js +1 -18
  43. package/components/input.js +0 -56
  44. package/components/link.d.ts +0 -4
  45. package/components/link.js +4 -13
  46. package/components/list-button.js +0 -6
  47. package/components/list-group.js +0 -4
  48. package/components/list-index.d.ts +0 -5
  49. package/components/list-index.js +0 -14
  50. package/components/list-input.d.ts +0 -4
  51. package/components/list-input.js +0 -53
  52. package/components/list-item-cell.js +3 -5
  53. package/components/list-item-row.js +3 -5
  54. package/components/list-item.d.ts +0 -4
  55. package/components/list-item.js +9 -52
  56. package/components/list.d.ts +71 -23
  57. package/components/list.js +42 -33
  58. package/components/login-screen-title.js +2 -5
  59. package/components/login-screen.js +2 -17
  60. package/components/menu-dropdown-item.js +1 -6
  61. package/components/menu-dropdown.js +1 -4
  62. package/components/menu-item.js +4 -18
  63. package/components/menu.js +3 -5
  64. package/components/message.js +0 -16
  65. package/components/messagebar-attachment.js +0 -7
  66. package/components/messagebar-attachments.js +2 -5
  67. package/components/messagebar-sheet-image.js +7 -15
  68. package/components/messagebar-sheet-item.js +2 -5
  69. package/components/messagebar-sheet.js +2 -5
  70. package/components/messagebar.js +0 -16
  71. package/components/messages-title.js +2 -5
  72. package/components/messages.js +0 -13
  73. package/components/nav-left.js +0 -9
  74. package/components/nav-right.js +0 -4
  75. package/components/nav-title-large.js +2 -5
  76. package/components/nav-title.js +0 -4
  77. package/components/navbar.d.ts +5 -8
  78. package/components/navbar.js +6 -29
  79. package/components/page-content.js +0 -16
  80. package/components/page.d.ts +0 -4
  81. package/components/page.js +2 -67
  82. package/components/panel.d.ts +4 -0
  83. package/components/panel.js +2 -23
  84. package/components/photo-browser.js +2 -18
  85. package/components/pie-chart.js +4 -20
  86. package/components/popover.d.ts +5 -0
  87. package/components/popover.js +8 -16
  88. package/components/popup.js +3 -19
  89. package/components/preloader.js +4 -23
  90. package/components/progressbar.js +0 -6
  91. package/components/radio.js +0 -7
  92. package/components/range.js +0 -7
  93. package/components/routable-modals.js +0 -7
  94. package/components/row.js +3 -9
  95. package/components/searchbar.d.ts +5 -8
  96. package/components/searchbar.js +7 -28
  97. package/components/segmented.d.ts +0 -12
  98. package/components/segmented.js +2 -12
  99. package/components/sheet.js +2 -18
  100. package/components/stepper.d.ts +0 -20
  101. package/components/stepper.js +1 -27
  102. package/components/subnavbar.js +0 -4
  103. package/components/swipeout-actions.js +0 -6
  104. package/components/swipeout-button.js +0 -6
  105. package/components/tab.js +2 -15
  106. package/components/tabs.js +0 -4
  107. package/components/text-editor.js +0 -17
  108. package/components/toggle.js +0 -9
  109. package/components/toolbar.d.ts +4 -21
  110. package/components/toolbar.js +12 -34
  111. package/components/treeview-item.d.ts +0 -4
  112. package/components/treeview-item.js +0 -13
  113. package/components/treeview.js +2 -5
  114. package/components/use-icon.js +0 -4
  115. package/components/view.d.ts +0 -28
  116. package/components/view.js +4 -50
  117. package/components/views.js +0 -4
  118. package/framework7-vue-bundle.js +3 -21
  119. package/framework7-vue-web-types.json +85 -644
  120. package/framework7-vue.d.ts +2 -12
  121. package/framework7-vue.js +3 -12
  122. package/package.json +1 -1
  123. package/shared/components-router.js +0 -32
  124. package/shared/f7.js +5 -19
  125. package/shared/get-router-initial-component.js +0 -4
  126. package/shared/mixins.js +3 -15
  127. package/shared/plugin.js +2 -8
  128. package/shared/router-open-in.js +4 -13
  129. package/shared/use-icon.js +1 -6
  130. package/shared/use-smart-select.js +0 -1
  131. package/shared/use-store.js +2 -6
  132. package/shared/use-tab.js +0 -2
  133. package/shared/use-theme.js +0 -2
  134. package/shared/use-tooltip.js +0 -2
  135. package/shared/utils.js +0 -14
  136. package/components/appbar.d.ts +0 -67
  137. package/components/col.d.ts +0 -94
  138. package/components/list-item-cell.d.ts +0 -46
  139. package/components/list-item-row.d.ts +0 -46
  140. package/components/menu-dropdown-item.d.ts +0 -223
  141. package/components/menu-dropdown.d.ts +0 -66
  142. package/components/menu-item.d.ts +0 -267
  143. package/components/menu.d.ts +0 -46
  144. package/components/row.d.ts +0 -73
package/shared/use-tab.js CHANGED
@@ -5,12 +5,10 @@ export const useTab = (elRef, emit) => {
5
5
  if (elRef.value !== el) return;
6
6
  emit('tab:show', el);
7
7
  };
8
-
9
8
  const onTabHide = el => {
10
9
  if (elRef.value !== el) return;
11
10
  emit('tab:hide', el);
12
11
  };
13
-
14
12
  onMounted(() => {
15
13
  if (!elRef.value) return;
16
14
  f7ready(() => {
@@ -2,12 +2,10 @@ import { ref } from 'vue';
2
2
  import { f7, f7ready, theme } from './f7.js';
3
3
  export const useTheme = () => {
4
4
  const t = ref(f7 ? theme : null);
5
-
6
5
  if (!f7) {
7
6
  f7ready(() => {
8
7
  t.value = theme;
9
8
  });
10
9
  }
11
-
12
10
  return t;
13
11
  };
@@ -29,7 +29,6 @@ export const useTooltip = (elRef, props) => {
29
29
  f7Tooltip = null;
30
30
  return;
31
31
  }
32
-
33
32
  if (value && !f7Tooltip && f7) {
34
33
  f7Tooltip = f7.tooltip.create({
35
34
  targetEl: elRef.value,
@@ -38,7 +37,6 @@ export const useTooltip = (elRef, props) => {
38
37
  });
39
38
  return;
40
39
  }
41
-
42
40
  if (!value || !f7Tooltip) return;
43
41
  f7Tooltip.setText(value);
44
42
  });
package/shared/utils.js CHANGED
@@ -19,11 +19,9 @@ export function extend() {
19
19
  let deep = true;
20
20
  let to;
21
21
  let from;
22
-
23
22
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
24
23
  args[_key] = arguments[_key];
25
24
  }
26
-
27
25
  if (typeof args[0] === 'boolean') {
28
26
  [deep, to] = args;
29
27
  args.splice(0, 2);
@@ -33,17 +31,13 @@ export function extend() {
33
31
  args.splice(0, 1);
34
32
  from = args;
35
33
  }
36
-
37
34
  for (let i = 0; i < from.length; i += 1) {
38
35
  const nextSource = args[i];
39
-
40
36
  if (nextSource !== undefined && nextSource !== null) {
41
37
  const keysArray = Object.keys(Object(nextSource));
42
-
43
38
  for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
44
39
  const nextKey = keysArray[nextIndex];
45
40
  const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
46
-
47
41
  if (desc !== undefined && desc.enumerable) {
48
42
  if (!deep) {
49
43
  to[nextKey] = nextSource[nextKey];
@@ -59,16 +53,13 @@ export function extend() {
59
53
  }
60
54
  }
61
55
  }
62
-
63
56
  return to;
64
57
  }
65
58
  export function classNames() {
66
59
  const classes = [];
67
-
68
60
  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
69
61
  args[_key2] = arguments[_key2];
70
62
  }
71
-
72
63
  args.forEach(arg => {
73
64
  if (typeof arg === 'object' && arg.constructor === Object) {
74
65
  Object.keys(arg).forEach(key => {
@@ -100,17 +91,13 @@ export function getChildren(slots, slotName) {
100
91
  if (slotName === void 0) {
101
92
  slotName = 'default';
102
93
  }
103
-
104
94
  const result = [];
105
-
106
95
  const getElementsChildren = els => {
107
96
  if (!Array.isArray(els)) {
108
97
  return;
109
98
  }
110
-
111
99
  els.forEach(vnode => {
112
100
  const isFragment = vnode.type === Fragment;
113
-
114
101
  if (isFragment && vnode.children) {
115
102
  getElementsChildren(vnode.children);
116
103
  } else if (vnode.type && vnode.type !== Comment) {
@@ -118,7 +105,6 @@ export function getChildren(slots, slotName) {
118
105
  }
119
106
  });
120
107
  };
121
-
122
108
  if (slots[slotName]) getElementsChildren(slots[slotName]());
123
109
  return result;
124
110
  }
@@ -1,67 +0,0 @@
1
-
2
- import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
3
-
4
-
5
- declare const Appbar: DefineComponent<
6
- {
7
-
8
- noShadow: {
9
- type: BooleanConstructor;
10
- },
11
-
12
- noHairline: {
13
- type: BooleanConstructor;
14
- },
15
-
16
- innerClass: {
17
- type: StringConstructor;
18
- },
19
-
20
- innerClassName: {
21
- type: StringConstructor;
22
- },
23
-
24
- inner: {
25
- type: BooleanConstructor;
26
- default: boolean;
27
- },
28
-
29
- color: {
30
- type: StringConstructor;
31
- },
32
-
33
- colorTheme: {
34
- type: StringConstructor;
35
- },
36
-
37
- textColor: {
38
- type: StringConstructor;
39
- },
40
-
41
- bgColor: {
42
- type: StringConstructor;
43
- },
44
-
45
- borderColor: {
46
- type: StringConstructor;
47
- },
48
-
49
- rippleColor: {
50
- type: StringConstructor;
51
- },
52
-
53
- dark: {
54
- type: BooleanConstructor;
55
- }
56
- },
57
- () => JSX.Element,
58
- unknown,
59
- {},
60
- {},
61
- ComponentOptionsMixin,
62
- ComponentOptionsMixin,
63
-
64
- >;
65
-
66
- export default Appbar;
67
-
@@ -1,94 +0,0 @@
1
-
2
- import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
3
-
4
-
5
- declare const Col: DefineComponent<
6
- {
7
-
8
- resizable: {
9
- type: BooleanConstructor;
10
- },
11
-
12
- resizableFixed: {
13
- type: BooleanConstructor;
14
- },
15
-
16
- resizableAbsolute: {
17
- type: BooleanConstructor;
18
- },
19
-
20
- tag: {
21
- type: StringConstructor;
22
- default: string;
23
- },
24
-
25
- width: {
26
- type: NumberConstructor | StringConstructor;
27
- default: string;
28
- },
29
-
30
- xsmall: {
31
- type: NumberConstructor | any;
32
- },
33
-
34
- small: {
35
- type: NumberConstructor | any;
36
- },
37
-
38
- medium: {
39
- type: NumberConstructor | any;
40
- },
41
-
42
- large: {
43
- type: NumberConstructor | any;
44
- },
45
-
46
- xlarge: {
47
- type: NumberConstructor | any;
48
- },
49
-
50
- resizableHandler: {
51
- type: BooleanConstructor;
52
- default: boolean;
53
- },
54
-
55
- color: {
56
- type: StringConstructor;
57
- },
58
-
59
- colorTheme: {
60
- type: StringConstructor;
61
- },
62
-
63
- textColor: {
64
- type: StringConstructor;
65
- },
66
-
67
- bgColor: {
68
- type: StringConstructor;
69
- },
70
-
71
- borderColor: {
72
- type: StringConstructor;
73
- },
74
-
75
- rippleColor: {
76
- type: StringConstructor;
77
- },
78
-
79
- dark: {
80
- type: BooleanConstructor;
81
- }
82
- },
83
- () => JSX.Element,
84
- unknown,
85
- {},
86
- {},
87
- ComponentOptionsMixin,
88
- ComponentOptionsMixin,
89
- ("grid:resize")[],
90
- "grid:resize"
91
- >;
92
-
93
- export default Col;
94
-
@@ -1,46 +0,0 @@
1
-
2
- import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
3
-
4
-
5
- declare const ListItemCell: DefineComponent<
6
- {
7
-
8
- color: {
9
- type: StringConstructor;
10
- },
11
-
12
- colorTheme: {
13
- type: StringConstructor;
14
- },
15
-
16
- textColor: {
17
- type: StringConstructor;
18
- },
19
-
20
- bgColor: {
21
- type: StringConstructor;
22
- },
23
-
24
- borderColor: {
25
- type: StringConstructor;
26
- },
27
-
28
- rippleColor: {
29
- type: StringConstructor;
30
- },
31
-
32
- dark: {
33
- type: BooleanConstructor;
34
- }
35
- },
36
- () => JSX.Element,
37
- unknown,
38
- {},
39
- {},
40
- ComponentOptionsMixin,
41
- ComponentOptionsMixin,
42
-
43
- >;
44
-
45
- export default ListItemCell;
46
-
@@ -1,46 +0,0 @@
1
-
2
- import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
3
-
4
-
5
- declare const ListItemRow: DefineComponent<
6
- {
7
-
8
- color: {
9
- type: StringConstructor;
10
- },
11
-
12
- colorTheme: {
13
- type: StringConstructor;
14
- },
15
-
16
- textColor: {
17
- type: StringConstructor;
18
- },
19
-
20
- bgColor: {
21
- type: StringConstructor;
22
- },
23
-
24
- borderColor: {
25
- type: StringConstructor;
26
- },
27
-
28
- rippleColor: {
29
- type: StringConstructor;
30
- },
31
-
32
- dark: {
33
- type: BooleanConstructor;
34
- }
35
- },
36
- () => JSX.Element,
37
- unknown,
38
- {},
39
- {},
40
- ComponentOptionsMixin,
41
- ComponentOptionsMixin,
42
-
43
- >;
44
-
45
- export default ListItemRow;
46
-
@@ -1,223 +0,0 @@
1
-
2
- import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
3
-
4
-
5
- declare const MenuDropdownItem: DefineComponent<
6
- {
7
-
8
- text: {
9
- type: StringConstructor;
10
- },
11
-
12
- link: {
13
- type: BooleanConstructor;
14
- },
15
-
16
- href: {
17
- type: StringConstructor;
18
- },
19
-
20
- target: {
21
- type: StringConstructor;
22
- },
23
-
24
- divider: {
25
- type: BooleanConstructor;
26
- },
27
-
28
- color: {
29
- type: StringConstructor;
30
- },
31
-
32
- colorTheme: {
33
- type: StringConstructor;
34
- },
35
-
36
- textColor: {
37
- type: StringConstructor;
38
- },
39
-
40
- bgColor: {
41
- type: StringConstructor;
42
- },
43
-
44
- borderColor: {
45
- type: StringConstructor;
46
- },
47
-
48
- rippleColor: {
49
- type: StringConstructor;
50
- },
51
-
52
- dark: {
53
- type: BooleanConstructor;
54
- },
55
-
56
- back: {
57
- type: BooleanConstructor;
58
- },
59
-
60
- external: {
61
- type: BooleanConstructor;
62
- },
63
-
64
- force: {
65
- type: BooleanConstructor;
66
- },
67
-
68
- animate: {
69
- type: BooleanConstructor;
70
- },
71
-
72
- ignoreCache: {
73
- type: BooleanConstructor;
74
- },
75
-
76
- reloadCurrent: {
77
- type: BooleanConstructor;
78
- },
79
-
80
- reloadAll: {
81
- type: BooleanConstructor;
82
- },
83
-
84
- reloadPrevious: {
85
- type: BooleanConstructor;
86
- },
87
-
88
- reloadDetail: {
89
- type: BooleanConstructor;
90
- },
91
-
92
- routeTabId: {
93
- type: StringConstructor;
94
- },
95
-
96
- view: {
97
- type: StringConstructor;
98
- },
99
-
100
- routeProps: {
101
- type: ObjectConstructor;
102
- },
103
-
104
- preventRouter: {
105
- type: BooleanConstructor;
106
- },
107
-
108
- transition: {
109
- type: StringConstructor;
110
- },
111
-
112
- openIn: {
113
- type: StringConstructor;
114
- },
115
-
116
- searchbarEnable: {
117
- type: BooleanConstructor | StringConstructor;
118
- },
119
-
120
- searchbarDisable: {
121
- type: BooleanConstructor | StringConstructor;
122
- },
123
-
124
- searchbarClear: {
125
- type: BooleanConstructor | StringConstructor;
126
- },
127
-
128
- searchbarToggle: {
129
- type: BooleanConstructor | StringConstructor;
130
- },
131
-
132
- panelOpen: {
133
- type: BooleanConstructor | StringConstructor;
134
- },
135
-
136
- panelClose: {
137
- type: BooleanConstructor | StringConstructor;
138
- },
139
-
140
- panelToggle: {
141
- type: BooleanConstructor | StringConstructor;
142
- },
143
-
144
- popupOpen: {
145
- type: BooleanConstructor | StringConstructor;
146
- },
147
-
148
- popupClose: {
149
- type: BooleanConstructor | StringConstructor;
150
- },
151
-
152
- actionsOpen: {
153
- type: BooleanConstructor | StringConstructor;
154
- },
155
-
156
- actionsClose: {
157
- type: BooleanConstructor | StringConstructor;
158
- },
159
-
160
- popoverOpen: {
161
- type: BooleanConstructor | StringConstructor;
162
- },
163
-
164
- popoverClose: {
165
- type: BooleanConstructor | StringConstructor;
166
- },
167
-
168
- loginScreenOpen: {
169
- type: BooleanConstructor | StringConstructor;
170
- },
171
-
172
- loginScreenClose: {
173
- type: BooleanConstructor | StringConstructor;
174
- },
175
-
176
- sheetOpen: {
177
- type: BooleanConstructor | StringConstructor;
178
- },
179
-
180
- sheetClose: {
181
- type: BooleanConstructor | StringConstructor;
182
- },
183
-
184
- sortableEnable: {
185
- type: BooleanConstructor | StringConstructor;
186
- },
187
-
188
- sortableDisable: {
189
- type: BooleanConstructor | StringConstructor;
190
- },
191
-
192
- sortableToggle: {
193
- type: BooleanConstructor | StringConstructor;
194
- },
195
-
196
- cardOpen: {
197
- type: BooleanConstructor | StringConstructor;
198
- },
199
-
200
- cardPreventOpen: {
201
- type: BooleanConstructor | StringConstructor;
202
- },
203
-
204
- cardClose: {
205
- type: BooleanConstructor | StringConstructor;
206
- },
207
-
208
- menuClose: {
209
- type: BooleanConstructor | StringConstructor;
210
- }
211
- },
212
- () => JSX.Element,
213
- unknown,
214
- {},
215
- {},
216
- ComponentOptionsMixin,
217
- ComponentOptionsMixin,
218
- ("click")[],
219
- "click"
220
- >;
221
-
222
- export default MenuDropdownItem;
223
-
@@ -1,66 +0,0 @@
1
-
2
- import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
3
-
4
-
5
- declare const MenuDropdown: DefineComponent<
6
- {
7
-
8
- contentHeight: {
9
- type: StringConstructor;
10
- },
11
-
12
- position: {
13
- type: StringConstructor;
14
- },
15
-
16
- left: {
17
- type: BooleanConstructor;
18
- },
19
-
20
- center: {
21
- type: BooleanConstructor;
22
- },
23
-
24
- right: {
25
- type: BooleanConstructor;
26
- },
27
-
28
- color: {
29
- type: StringConstructor;
30
- },
31
-
32
- colorTheme: {
33
- type: StringConstructor;
34
- },
35
-
36
- textColor: {
37
- type: StringConstructor;
38
- },
39
-
40
- bgColor: {
41
- type: StringConstructor;
42
- },
43
-
44
- borderColor: {
45
- type: StringConstructor;
46
- },
47
-
48
- rippleColor: {
49
- type: StringConstructor;
50
- },
51
-
52
- dark: {
53
- type: BooleanConstructor;
54
- }
55
- },
56
- () => JSX.Element,
57
- unknown,
58
- {},
59
- {},
60
- ComponentOptionsMixin,
61
- ComponentOptionsMixin,
62
-
63
- >;
64
-
65
- export default MenuDropdown;
66
-