framework7-vue 7.0.0-beta.6 → 7.0.0
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-content.js +3 -3
- package/components/accordion-item.js +7 -6
- package/components/accordion-toggle.js +3 -3
- package/components/accordion.js +3 -3
- package/components/actions-button.js +12 -9
- package/components/actions-group.js +3 -3
- package/components/actions-label.js +11 -7
- package/components/actions.js +7 -6
- package/components/app.js +3 -3
- package/components/appbar.js +5 -5
- package/components/area-chart.js +48 -41
- package/components/badge.js +3 -3
- package/components/block-footer.js +3 -3
- package/components/block-header.js +3 -3
- package/components/block-title.js +5 -4
- package/components/block.js +7 -6
- package/components/breadcrumbs-collapsed.d.ts +19 -0
- package/components/breadcrumbs-collapsed.js +26 -0
- package/components/breadcrumbs-item.d.ts +22 -0
- package/components/breadcrumbs-item.js +28 -0
- package/components/breadcrumbs-separator.d.ts +19 -0
- package/components/breadcrumbs-separator.js +24 -0
- package/components/breadcrumbs.d.ts +19 -0
- package/components/breadcrumbs.js +24 -0
- package/components/button.js +5 -5
- package/components/card-content.js +3 -3
- package/components/card-footer.js +3 -3
- package/components/card-header.js +3 -3
- package/components/card.js +10 -8
- package/components/checkbox.js +14 -10
- package/components/chip.js +14 -11
- package/components/col.js +7 -6
- package/components/fab-backdrop.js +3 -3
- package/components/fab-button.js +13 -9
- package/components/fab-buttons.js +3 -3
- package/components/fab.js +5 -4
- package/components/gauge.js +16 -9
- package/components/icon.js +5 -5
- package/components/input.js +25 -8
- package/components/link.js +8 -7
- package/components/list-button.js +9 -6
- package/components/list-group.js +5 -4
- package/components/list-index.js +7 -6
- package/components/list-input.js +25 -8
- package/components/list-item-cell.js +3 -3
- package/components/list-item-row.js +3 -3
- package/components/list-item.js +17 -15
- package/components/list.d.ts +2 -2
- package/components/list.js +13 -5
- package/components/login-screen-title.js +3 -3
- package/components/login-screen.js +7 -6
- package/components/menu-dropdown-item.js +9 -6
- package/components/menu-dropdown.js +6 -6
- package/components/menu-item.js +7 -6
- package/components/menu.js +4 -4
- package/components/message.js +47 -29
- package/components/messagebar-attachment.js +17 -10
- package/components/messagebar-attachments.js +3 -3
- package/components/messagebar-sheet-image.js +16 -11
- package/components/messagebar-sheet-item.js +3 -3
- package/components/messagebar-sheet.js +3 -3
- package/components/messagebar.js +5 -4
- package/components/messages-title.js +3 -3
- package/components/messages.js +7 -6
- package/components/nav-left.js +9 -7
- package/components/nav-right.js +3 -3
- package/components/nav-title-large.js +4 -4
- package/components/nav-title.js +4 -4
- package/components/navbar.js +12 -11
- package/components/page-content.js +14 -12
- package/components/page.js +5 -4
- package/components/panel.js +13 -8
- package/components/photo-browser.js +4 -3
- package/components/pie-chart.js +25 -21
- package/components/popover.js +9 -8
- package/components/popup.js +7 -6
- package/components/preloader.js +15 -12
- package/components/progressbar.js +7 -6
- package/components/radio.js +14 -10
- package/components/range.js +10 -8
- package/components/row.js +7 -6
- package/components/searchbar.js +29 -15
- package/components/segmented.js +3 -3
- package/components/sheet.js +11 -4
- package/components/stepper.js +24 -14
- package/components/subnavbar.js +4 -4
- package/components/swipeout-actions.js +3 -3
- package/components/swipeout-button.js +13 -8
- package/components/tab.js +7 -6
- package/components/tabs.js +7 -7
- package/components/text-editor.js +10 -9
- package/components/toggle.js +14 -10
- package/components/toolbar.js +8 -7
- package/components/treeview-item.js +11 -10
- package/components/treeview.js +3 -3
- package/components/use-icon.js +4 -4
- package/components/view.d.ts +5 -0
- package/components/view.js +11 -5
- package/components/views.js +3 -3
- package/framework7-vue-bundle.js +12 -4
- package/framework7-vue-web-types.json +16682 -0
- package/framework7-vue.d.ts +5 -1
- package/framework7-vue.js +8 -4
- package/package.json +3 -1
- package/shared/components-router.js +23 -20
- package/shared/f7.js +9 -1
- package/shared/modal-state-classes.js +5 -4
- package/shared/plugin.js +5 -1
- package/shared/router-open-in.js +6 -6
- package/shared/use-icon.js +5 -1
- package/shared/use-route-props.js +4 -3
- package/shared/use-store.js +5 -5
- package/shared/utils.js +16 -3
package/components/button.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, renderSlot as _renderSlot, Fragment as _Fragment, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
|
|
1
|
+
import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, renderSlot as _renderSlot, createElementVNode as _createElementVNode, Fragment as _Fragment, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
|
|
2
2
|
const _hoisted_1 = {
|
|
3
3
|
key: 1
|
|
4
4
|
};
|
|
@@ -15,20 +15,20 @@ function render(_ctx, _cache) {
|
|
|
15
15
|
ref: "elRef",
|
|
16
16
|
class: _ctx.classesComputed
|
|
17
17
|
}, _ctx.attrs), {
|
|
18
|
-
default: _withCtx(() => [_ctx.preloader ? (_openBlock(),
|
|
18
|
+
default: _withCtx(() => [_ctx.preloader ? (_openBlock(), _createElementBlock(_Fragment, {
|
|
19
19
|
key: 0
|
|
20
20
|
}, [_createVNode(_component_f7_preloader, {
|
|
21
21
|
size: _ctx.preloaderSize,
|
|
22
22
|
color: _ctx.preloaderColor
|
|
23
|
-
}, null, 8, ["size", "color"]),
|
|
23
|
+
}, null, 8, ["size", "color"]), _createElementVNode("span", null, [_ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
|
|
24
24
|
key: 0,
|
|
25
25
|
icon: _ctx.icon
|
|
26
|
-
}, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(),
|
|
26
|
+
}, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(_ctx.text), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")])], 64)) : (_openBlock(), _createElementBlock(_Fragment, {
|
|
27
27
|
key: 1
|
|
28
28
|
}, [_ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
|
|
29
29
|
key: 0,
|
|
30
30
|
icon: _ctx.icon
|
|
31
|
-
}, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(),
|
|
31
|
+
}, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString(_ctx.text), 1)) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 64))]),
|
|
32
32
|
_: 3
|
|
33
33
|
}, 16, ["class"]);
|
|
34
34
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, openBlock as _openBlock,
|
|
1
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
5
|
-
class: _ctx.classes
|
|
4
|
+
return _openBlock(), _createElementBlock("div", {
|
|
5
|
+
class: _normalizeClass(_ctx.classes)
|
|
6
6
|
}, [_renderSlot(_ctx.$slots, "default")], 2);
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, openBlock as _openBlock,
|
|
1
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
5
|
-
class: _ctx.classes
|
|
4
|
+
return _openBlock(), _createElementBlock("div", {
|
|
5
|
+
class: _normalizeClass(_ctx.classes)
|
|
6
6
|
}, [_renderSlot(_ctx.$slots, "default")], 2);
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, openBlock as _openBlock,
|
|
1
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
5
|
-
class: _ctx.classes
|
|
4
|
+
return _openBlock(), _createElementBlock("div", {
|
|
5
|
+
class: _normalizeClass(_ctx.classes)
|
|
6
6
|
}, [_renderSlot(_ctx.$slots, "default")], 2);
|
|
7
7
|
}
|
|
8
8
|
|
package/components/card.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
|
|
1
|
+
import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock } from "vue";
|
|
2
|
+
const _hoisted_1 = ["data-animate", "data-hide-navbar-on-open", "data-hide-toolbar-on-open", "data-hide-statusbar-on-open", "data-scrollable-el", "data-swipe-to-close", "data-close-by-backdrop-click", "data-backdrop", "data-backdrop-el"];
|
|
2
3
|
|
|
3
4
|
function render(_ctx, _cache) {
|
|
4
5
|
const _component_f7_card_header = _resolveComponent("f7-card-header");
|
|
@@ -7,9 +8,9 @@ function render(_ctx, _cache) {
|
|
|
7
8
|
|
|
8
9
|
const _component_f7_card_footer = _resolveComponent("f7-card-footer");
|
|
9
10
|
|
|
10
|
-
return _openBlock(),
|
|
11
|
+
return _openBlock(), _createElementBlock("div", {
|
|
11
12
|
ref: "elRef",
|
|
12
|
-
class: _ctx.classes,
|
|
13
|
+
class: _normalizeClass(_ctx.classes),
|
|
13
14
|
"data-animate": typeof _ctx.animate === 'undefined' ? _ctx.animate : _ctx.animate.toString(),
|
|
14
15
|
"data-hide-navbar-on-open": typeof _ctx.hideNavbarOnOpen === 'undefined' ? _ctx.hideNavbarOnOpen : _ctx.hideNavbarOnOpen.toString(),
|
|
15
16
|
"data-hide-toolbar-on-open": typeof _ctx.hideToolbarOnOpen === 'undefined' ? _ctx.hideToolbarOnOpen : _ctx.hideToolbarOnOpen.toString(),
|
|
@@ -35,7 +36,7 @@ function render(_ctx, _cache) {
|
|
|
35
36
|
}, {
|
|
36
37
|
default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.footer) + " ", 1), _renderSlot(_ctx.$slots, "footer")]),
|
|
37
38
|
_: 3
|
|
38
|
-
})) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 10,
|
|
39
|
+
})) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
import { computed, ref, onMounted, onBeforeUnmount, watch } from 'vue';
|
|
@@ -107,10 +108,11 @@ export default {
|
|
|
107
108
|
},
|
|
108
109
|
emits: ['card:beforeopen', 'card:open', 'card:opened', 'card:close', 'card:closed', 'update:expandableOpened'],
|
|
109
110
|
|
|
110
|
-
setup(props, {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
111
|
+
setup(props, _ref) {
|
|
112
|
+
let {
|
|
113
|
+
emit,
|
|
114
|
+
slots
|
|
115
|
+
} = _ref;
|
|
114
116
|
const elRef = ref(null);
|
|
115
117
|
|
|
116
118
|
const open = () => {
|
package/components/checkbox.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
|
+
const _hoisted_1 = ["name", "value", "disabled", "readonly", "checked"];
|
|
2
3
|
|
|
3
|
-
const
|
|
4
|
+
const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
|
|
4
5
|
class: "icon-checkbox"
|
|
5
6
|
}, null, -1);
|
|
6
7
|
|
|
7
8
|
function render(_ctx, _cache) {
|
|
8
|
-
return _openBlock(),
|
|
9
|
-
class: _ctx.classes
|
|
10
|
-
}, [
|
|
9
|
+
return _openBlock(), _createElementBlock("label", {
|
|
10
|
+
class: _normalizeClass(_ctx.classes)
|
|
11
|
+
}, [_createElementVNode("input", {
|
|
11
12
|
ref: "inputElRef",
|
|
12
13
|
type: "checkbox",
|
|
13
14
|
name: _ctx.name,
|
|
@@ -15,8 +16,10 @@ function render(_ctx, _cache) {
|
|
|
15
16
|
disabled: _ctx.disabled,
|
|
16
17
|
readonly: _ctx.readonly,
|
|
17
18
|
checked: _ctx.checked,
|
|
18
|
-
onChange: _cache[
|
|
19
|
-
|
|
19
|
+
onChange: _cache[0] || (_cache[0] = function () {
|
|
20
|
+
return _ctx.onChange && _ctx.onChange(...arguments);
|
|
21
|
+
})
|
|
22
|
+
}, null, 40, _hoisted_1), _hoisted_2, _renderSlot(_ctx.$slots, "default")], 2);
|
|
20
23
|
}
|
|
21
24
|
|
|
22
25
|
import { ref, computed, onMounted, watch } from 'vue';
|
|
@@ -39,9 +42,10 @@ export default {
|
|
|
39
42
|
},
|
|
40
43
|
emits: ['update:checked', 'change'],
|
|
41
44
|
|
|
42
|
-
setup(props, {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
+
setup(props, _ref) {
|
|
46
|
+
let {
|
|
47
|
+
emit
|
|
48
|
+
} = _ref;
|
|
45
49
|
const inputElRef = ref(null);
|
|
46
50
|
|
|
47
51
|
const onChange = event => {
|
package/components/chip.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode } from "vue";
|
|
1
|
+
import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
const _hoisted_1 = {
|
|
3
3
|
key: 1,
|
|
4
4
|
class: "chip-label"
|
|
@@ -7,19 +7,21 @@ const _hoisted_1 = {
|
|
|
7
7
|
function render(_ctx, _cache) {
|
|
8
8
|
const _component_f7_use_icon = _resolveComponent("f7-use-icon");
|
|
9
9
|
|
|
10
|
-
return _openBlock(),
|
|
10
|
+
return _openBlock(), _createElementBlock("div", {
|
|
11
11
|
ref: "elRef",
|
|
12
|
-
class: _ctx.classes
|
|
13
|
-
}, [_ctx.hasMedia ? (_openBlock(),
|
|
12
|
+
class: _normalizeClass(_ctx.classes)
|
|
13
|
+
}, [_ctx.hasMedia ? (_openBlock(), _createElementBlock("div", {
|
|
14
14
|
key: 0,
|
|
15
|
-
class: _ctx.mediaClasses
|
|
15
|
+
class: _normalizeClass(_ctx.mediaClasses)
|
|
16
16
|
}, [_ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
|
|
17
17
|
key: 0,
|
|
18
18
|
icon: _ctx.icon
|
|
19
|
-
}, null, 8, ["icon"])) : _createCommentVNode("", true), _createTextVNode(" " + _toDisplayString(_ctx.media) + " ", 1), _renderSlot(_ctx.$slots, "media")], 2)) : _createCommentVNode("", true), _ctx.hasLabel ? (_openBlock(),
|
|
19
|
+
}, null, 8, ["icon"])) : _createCommentVNode("", true), _createTextVNode(" " + _toDisplayString(_ctx.media) + " ", 1), _renderSlot(_ctx.$slots, "media")], 2)) : _createCommentVNode("", true), _ctx.hasLabel ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "text"), _renderSlot(_ctx.$slots, "default")])) : _createCommentVNode("", true), _ctx.deleteable ? (_openBlock(), _createElementBlock("a", {
|
|
20
20
|
key: 2,
|
|
21
21
|
class: "chip-delete",
|
|
22
|
-
onClick: _cache[
|
|
22
|
+
onClick: _cache[0] || (_cache[0] = function () {
|
|
23
|
+
return _ctx.onDeleteClick && _ctx.onDeleteClick(...arguments);
|
|
24
|
+
})
|
|
23
25
|
})) : _createCommentVNode("", true)], 2);
|
|
24
26
|
}
|
|
25
27
|
|
|
@@ -49,10 +51,11 @@ export default {
|
|
|
49
51
|
},
|
|
50
52
|
emits: ['delete'],
|
|
51
53
|
|
|
52
|
-
setup(props, {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
setup(props, _ref) {
|
|
55
|
+
let {
|
|
56
|
+
slots,
|
|
57
|
+
emit
|
|
58
|
+
} = _ref;
|
|
56
59
|
const elRef = ref(null);
|
|
57
60
|
|
|
58
61
|
const onDeleteClick = event => {
|
package/components/col.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, openBlock as _openBlock,
|
|
1
|
+
import { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock } from "vue";
|
|
2
2
|
const _hoisted_1 = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "resize-handler"
|
|
@@ -7,9 +7,9 @@ const _hoisted_1 = {
|
|
|
7
7
|
function render(_ctx, _cache) {
|
|
8
8
|
return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
|
|
9
9
|
ref: "elRef",
|
|
10
|
-
class: _ctx.classes
|
|
10
|
+
class: _normalizeClass(_ctx.classes)
|
|
11
11
|
}, {
|
|
12
|
-
default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(),
|
|
12
|
+
default: _withCtx(() => [_renderSlot(_ctx.$slots, "default"), _ctx.resizable && _ctx.resizableHandler ? (_openBlock(), _createElementBlock("span", _hoisted_1)) : _createCommentVNode("", true)]),
|
|
13
13
|
_: 3
|
|
14
14
|
}, 8, ["class"]);
|
|
15
15
|
}
|
|
@@ -56,9 +56,10 @@ export default {
|
|
|
56
56
|
},
|
|
57
57
|
emits: ['grid:resize'],
|
|
58
58
|
|
|
59
|
-
setup(props, {
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
setup(props, _ref) {
|
|
60
|
+
let {
|
|
61
|
+
emit
|
|
62
|
+
} = _ref;
|
|
62
63
|
const elRef = ref(null);
|
|
63
64
|
|
|
64
65
|
const onResize = el => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, openBlock as _openBlock,
|
|
1
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
5
|
-
class: _ctx.classes
|
|
4
|
+
return _openBlock(), _createElementBlock("div", {
|
|
5
|
+
class: _normalizeClass(_ctx.classes)
|
|
6
6
|
}, [_renderSlot(_ctx.$slots, "default")], 2);
|
|
7
7
|
}
|
|
8
8
|
|
package/components/fab-button.js
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, openBlock as _openBlock,
|
|
2
|
-
const _hoisted_1 =
|
|
1
|
+
import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from "vue";
|
|
2
|
+
const _hoisted_1 = ["target"];
|
|
3
|
+
const _hoisted_2 = {
|
|
3
4
|
key: 0,
|
|
4
5
|
class: "fab-label"
|
|
5
6
|
};
|
|
6
7
|
|
|
7
8
|
function render(_ctx, _cache) {
|
|
8
|
-
return _openBlock(),
|
|
9
|
+
return _openBlock(), _createElementBlock("a", {
|
|
9
10
|
ref: "elRef",
|
|
10
|
-
class: _ctx.classes,
|
|
11
|
+
class: _normalizeClass(_ctx.classes),
|
|
11
12
|
target: _ctx.target,
|
|
12
|
-
onClick: _cache[
|
|
13
|
-
|
|
13
|
+
onClick: _cache[0] || (_cache[0] = function () {
|
|
14
|
+
return _ctx.onClick && _ctx.onClick(...arguments);
|
|
15
|
+
})
|
|
16
|
+
}, [_renderSlot(_ctx.$slots, "default"), _ctx.label ? (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString(_ctx.label), 1)) : _createCommentVNode("", true)], 10, _hoisted_1);
|
|
14
17
|
}
|
|
15
18
|
|
|
16
19
|
import { computed, ref } from 'vue';
|
|
@@ -30,9 +33,10 @@ export default {
|
|
|
30
33
|
},
|
|
31
34
|
emits: ['click'],
|
|
32
35
|
|
|
33
|
-
setup(props, {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
setup(props, _ref) {
|
|
37
|
+
let {
|
|
38
|
+
emit
|
|
39
|
+
} = _ref;
|
|
36
40
|
const elRef = ref(null);
|
|
37
41
|
|
|
38
42
|
const onClick = e => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, openBlock as _openBlock,
|
|
1
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
5
|
-
class: _ctx.classes
|
|
4
|
+
return _openBlock(), _createElementBlock("div", {
|
|
5
|
+
class: _normalizeClass(_ctx.classes)
|
|
6
6
|
}, [_renderSlot(_ctx.$slots, "default")], 2);
|
|
7
7
|
}
|
|
8
8
|
|
package/components/fab.js
CHANGED
package/components/gauge.js
CHANGED
|
@@ -1,22 +1,29 @@
|
|
|
1
|
-
import { openBlock as _openBlock,
|
|
1
|
+
import { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString } from "vue";
|
|
2
2
|
const _hoisted_1 = {
|
|
3
3
|
class: "gauge"
|
|
4
4
|
};
|
|
5
|
+
const _hoisted_2 = ["width", "height", "viewBox"];
|
|
6
|
+
const _hoisted_3 = ["d", "stroke", "stroke-width", "fill"];
|
|
7
|
+
const _hoisted_4 = ["d", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill"];
|
|
8
|
+
const _hoisted_5 = ["stroke", "stroke-width", "fill", "cx", "cy", "r"];
|
|
9
|
+
const _hoisted_6 = ["transform", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "fill", "cx", "cy", "r"];
|
|
10
|
+
const _hoisted_7 = ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"];
|
|
11
|
+
const _hoisted_8 = ["y", "font-weight", "font-size", "fill", "dy", "dominant-baseline"];
|
|
5
12
|
|
|
6
13
|
function render(_ctx, _cache) {
|
|
7
|
-
return _openBlock(),
|
|
14
|
+
return _openBlock(), _createElementBlock("div", _hoisted_1, [(_openBlock(), _createElementBlock("svg", {
|
|
8
15
|
class: "gauge-svg",
|
|
9
16
|
width: `${_ctx.size}px`,
|
|
10
17
|
height: `${_ctx.semiCircle ? _ctx.size / 2 : _ctx.size}px`,
|
|
11
18
|
viewBox: `0 0 ${_ctx.size} ${_ctx.semiCircle ? _ctx.size / 2 : _ctx.size}`
|
|
12
|
-
}, [_ctx.semiCircle ? (_openBlock(),
|
|
19
|
+
}, [_ctx.semiCircle ? (_openBlock(), _createElementBlock("path", {
|
|
13
20
|
key: 0,
|
|
14
21
|
class: "gauge-back-semi",
|
|
15
22
|
d: `M${_ctx.size - _ctx.borderWidth / 2},${_ctx.size / 2} a1,1 0 0,0 -${_ctx.size - _ctx.borderWidth},0`,
|
|
16
23
|
stroke: _ctx.borderBgColor,
|
|
17
24
|
"stroke-width": _ctx.borderWidth,
|
|
18
25
|
fill: _ctx.bgColor || 'none'
|
|
19
|
-
}, null, 8,
|
|
26
|
+
}, null, 8, _hoisted_3)) : _createCommentVNode("", true), _ctx.semiCircle ? (_openBlock(), _createElementBlock("path", {
|
|
20
27
|
key: 1,
|
|
21
28
|
class: "gauge-front-semi",
|
|
22
29
|
d: `M${_ctx.size - _ctx.borderWidth / 2},${_ctx.size / 2} a1,1 0 0,0 -${_ctx.size - _ctx.borderWidth},0`,
|
|
@@ -25,7 +32,7 @@ function render(_ctx, _cache) {
|
|
|
25
32
|
"stroke-dasharray": _ctx.length / 2,
|
|
26
33
|
"stroke-dashoffset": _ctx.length / 2 * (1 + _ctx.progress),
|
|
27
34
|
fill: _ctx.borderBgColor ? 'none' : _ctx.bgColor || 'none'
|
|
28
|
-
}, null, 8,
|
|
35
|
+
}, null, 8, _hoisted_4)) : _createCommentVNode("", true), !_ctx.semiCircle && _ctx.borderBgColor ? (_openBlock(), _createElementBlock("circle", {
|
|
29
36
|
key: 2,
|
|
30
37
|
class: "gauge-back-circle",
|
|
31
38
|
stroke: _ctx.borderBgColor,
|
|
@@ -34,7 +41,7 @@ function render(_ctx, _cache) {
|
|
|
34
41
|
cx: _ctx.size / 2,
|
|
35
42
|
cy: _ctx.size / 2,
|
|
36
43
|
r: _ctx.radius
|
|
37
|
-
}, null, 8,
|
|
44
|
+
}, null, 8, _hoisted_5)) : _createCommentVNode("", true), !_ctx.semiCircle ? (_openBlock(), _createElementBlock("circle", {
|
|
38
45
|
key: 3,
|
|
39
46
|
class: "gauge-front-circle",
|
|
40
47
|
transform: `rotate(-90 ${_ctx.size / 2} ${_ctx.size / 2})`,
|
|
@@ -46,7 +53,7 @@ function render(_ctx, _cache) {
|
|
|
46
53
|
cx: _ctx.size / 2,
|
|
47
54
|
cy: _ctx.size / 2,
|
|
48
55
|
r: _ctx.radius
|
|
49
|
-
}, null, 8,
|
|
56
|
+
}, null, 8, _hoisted_6)) : _createCommentVNode("", true), _ctx.valueText ? (_openBlock(), _createElementBlock("text", {
|
|
50
57
|
key: 4,
|
|
51
58
|
class: "gauge-value-text",
|
|
52
59
|
x: "50%",
|
|
@@ -57,7 +64,7 @@ function render(_ctx, _cache) {
|
|
|
57
64
|
dy: _ctx.semiCircle ? _ctx.labelText ? -_ctx.labelFontSize - 15 : -5 : 0,
|
|
58
65
|
"text-anchor": "middle",
|
|
59
66
|
"dominant-baseline": !_ctx.semiCircle ? 'middle' : null
|
|
60
|
-
}, _toDisplayString(_ctx.valueText), 9,
|
|
67
|
+
}, _toDisplayString(_ctx.valueText), 9, _hoisted_7)) : _createCommentVNode("", true), _ctx.labelText ? (_openBlock(), _createElementBlock("text", {
|
|
61
68
|
key: 5,
|
|
62
69
|
class: "gauge-label-text",
|
|
63
70
|
x: "50%",
|
|
@@ -68,7 +75,7 @@ function render(_ctx, _cache) {
|
|
|
68
75
|
dy: _ctx.semiCircle ? -5 : _ctx.valueText ? _ctx.valueFontSize / 2 + 10 : 0,
|
|
69
76
|
"text-anchor": "middle",
|
|
70
77
|
"dominant-baseline": !_ctx.semiCircle ? 'middle' : null
|
|
71
|
-
}, _toDisplayString(_ctx.labelText), 9,
|
|
78
|
+
}, _toDisplayString(_ctx.labelText), 9, _hoisted_8)) : _createCommentVNode("", true)], 8, _hoisted_2))]);
|
|
72
79
|
}
|
|
73
80
|
|
|
74
81
|
import { computed } from 'vue';
|
package/components/icon.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, openBlock as _openBlock,
|
|
1
|
+
import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
4
|
+
return _openBlock(), _createElementBlock("i", {
|
|
5
5
|
ref: "elRef",
|
|
6
|
-
style: {
|
|
6
|
+
style: _normalizeStyle({
|
|
7
7
|
fontSize: _ctx.sizeComputed,
|
|
8
8
|
width: _ctx.sizeComputed,
|
|
9
9
|
height: _ctx.sizeComputed
|
|
10
|
-
},
|
|
11
|
-
class: _ctx.classesComputed
|
|
10
|
+
}),
|
|
11
|
+
class: _normalizeClass(_ctx.classesComputed)
|
|
12
12
|
}, [_createTextVNode(_toDisplayString(_ctx.iconText) + " ", 1), _renderSlot(_ctx.$slots, "default")], 6);
|
|
13
13
|
}
|
|
14
14
|
|
package/components/input.js
CHANGED
|
@@ -72,10 +72,11 @@ export default {
|
|
|
72
72
|
},
|
|
73
73
|
emits: ['input', 'focus', 'blur', 'change', 'textarea:resize', 'input:notempty', 'input:empty', 'input:clear', 'texteditor:change', 'calendar:change', 'colorpicker:change', 'update:value'],
|
|
74
74
|
|
|
75
|
-
setup(props, {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
setup(props, _ref) {
|
|
76
|
+
let {
|
|
77
|
+
emit,
|
|
78
|
+
slots
|
|
79
|
+
} = _ref;
|
|
79
80
|
let f7Calendar = null;
|
|
80
81
|
let f7ColorPicker = null;
|
|
81
82
|
const inputInvalid = ref(false);
|
|
@@ -134,7 +135,11 @@ export default {
|
|
|
134
135
|
emit('input:clear', event);
|
|
135
136
|
};
|
|
136
137
|
|
|
137
|
-
const onInput = (
|
|
138
|
+
const onInput = function () {
|
|
139
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
140
|
+
args[_key] = arguments[_key];
|
|
141
|
+
}
|
|
142
|
+
|
|
138
143
|
emit('input', ...args);
|
|
139
144
|
|
|
140
145
|
if (inputElRef.value) {
|
|
@@ -150,12 +155,20 @@ export default {
|
|
|
150
155
|
}
|
|
151
156
|
};
|
|
152
157
|
|
|
153
|
-
const onFocus = (
|
|
158
|
+
const onFocus = function () {
|
|
159
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
160
|
+
args[_key2] = arguments[_key2];
|
|
161
|
+
}
|
|
162
|
+
|
|
154
163
|
emit('focus', ...args);
|
|
155
164
|
inputFocused.value = true;
|
|
156
165
|
};
|
|
157
166
|
|
|
158
|
-
const onBlur = (
|
|
167
|
+
const onBlur = function () {
|
|
168
|
+
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
169
|
+
args[_key3] = arguments[_key3];
|
|
170
|
+
}
|
|
171
|
+
|
|
159
172
|
emit('blur', ...args);
|
|
160
173
|
|
|
161
174
|
if ((props.validate || props.validate === '' || props.validateOnBlur || props.validateOnBlur === '') && inputElRef.value) {
|
|
@@ -165,7 +178,11 @@ export default {
|
|
|
165
178
|
inputFocused.value = false;
|
|
166
179
|
};
|
|
167
180
|
|
|
168
|
-
const onChange = (
|
|
181
|
+
const onChange = function () {
|
|
182
|
+
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
|
|
183
|
+
args[_key4] = arguments[_key4];
|
|
184
|
+
}
|
|
185
|
+
|
|
169
186
|
emit('change', ...args);
|
|
170
187
|
|
|
171
188
|
if (props.type === 'texteditor') {
|
package/components/link.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, renderSlot as _renderSlot, mergeProps as _mergeProps } from "vue";
|
|
1
|
+
import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock, renderSlot as _renderSlot, mergeProps as _mergeProps } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
4
|
const _component_f7_use_icon = _resolveComponent("f7-use-icon");
|
|
5
5
|
|
|
6
6
|
const _component_f7_badge = _resolveComponent("f7-badge");
|
|
7
7
|
|
|
8
|
-
return _openBlock(),
|
|
8
|
+
return _openBlock(), _createElementBlock("a", _mergeProps({
|
|
9
9
|
ref: "elRef",
|
|
10
10
|
class: _ctx.classes
|
|
11
11
|
}, _ctx.attrs), [_ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
|
|
12
12
|
key: 0,
|
|
13
13
|
icon: _ctx.icon
|
|
14
|
-
}, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(),
|
|
14
|
+
}, null, 8, ["icon"])) : _createCommentVNode("", true), _ctx.text ? (_openBlock(), _createElementBlock("span", {
|
|
15
15
|
key: 1,
|
|
16
|
-
class: _ctx.isTabbarLabel ? 'tabbar-label' : ''
|
|
16
|
+
class: _normalizeClass(_ctx.isTabbarLabel ? 'tabbar-label' : '')
|
|
17
17
|
}, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _ctx.badge ? (_openBlock(), _createBlock(_component_f7_badge, {
|
|
18
18
|
key: 0,
|
|
19
19
|
color: _ctx.badgeColor
|
|
@@ -63,9 +63,10 @@ export default {
|
|
|
63
63
|
...routerProps
|
|
64
64
|
},
|
|
65
65
|
|
|
66
|
-
setup(props, {
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
setup(props, _ref) {
|
|
67
|
+
let {
|
|
68
|
+
slots
|
|
69
|
+
} = _ref;
|
|
69
70
|
const elRef = ref(null);
|
|
70
71
|
let f7SmartSelect = null;
|
|
71
72
|
useTooltip(elRef, props);
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, mergeProps as _mergeProps,
|
|
1
|
+
import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
4
|
+
return _openBlock(), _createElementBlock("li", null, [_createElementVNode("a", _mergeProps({
|
|
5
5
|
ref: "linkElRef",
|
|
6
6
|
class: _ctx.linkClasses
|
|
7
7
|
}, _ctx.linkAttrs, {
|
|
8
|
-
onClick: _cache[
|
|
8
|
+
onClick: _cache[0] || (_cache[0] = function () {
|
|
9
|
+
return _ctx.onClick && _ctx.onClick(...arguments);
|
|
10
|
+
})
|
|
9
11
|
}), [_createTextVNode(_toDisplayString(_ctx.title) + " " + _toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 16)]);
|
|
10
12
|
}
|
|
11
13
|
|
|
@@ -33,9 +35,10 @@ export default {
|
|
|
33
35
|
},
|
|
34
36
|
emits: ['click'],
|
|
35
37
|
|
|
36
|
-
setup(props, {
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
setup(props, _ref) {
|
|
39
|
+
let {
|
|
40
|
+
emit
|
|
41
|
+
} = _ref;
|
|
39
42
|
const linkElRef = ref(null);
|
|
40
43
|
|
|
41
44
|
const onClick = e => {
|
package/components/list-group.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot,
|
|
1
|
+
import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
|
+
const _hoisted_1 = ["data-sortable-move-elements"];
|
|
2
3
|
|
|
3
4
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
5
|
-
class: _ctx.classes,
|
|
5
|
+
return _openBlock(), _createElementBlock("div", {
|
|
6
|
+
class: _normalizeClass(_ctx.classes),
|
|
6
7
|
"data-sortable-move-elements": typeof _ctx.sortableMoveElements !== 'undefined' ? _ctx.sortableMoveElements.toString() : undefined
|
|
7
|
-
}, [
|
|
8
|
+
}, [_createElementVNode("ul", null, [_renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1);
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
import { computed, provide, inject } from 'vue';
|
package/components/list-index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { renderSlot as _renderSlot, openBlock as _openBlock,
|
|
1
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
2
2
|
|
|
3
3
|
function render(_ctx, _cache) {
|
|
4
|
-
return _openBlock(),
|
|
4
|
+
return _openBlock(), _createElementBlock("div", {
|
|
5
5
|
ref: "elRef",
|
|
6
|
-
class: _ctx.classes
|
|
6
|
+
class: _normalizeClass(_ctx.classes)
|
|
7
7
|
}, [_renderSlot(_ctx.$slots, "default")], 2);
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -48,9 +48,10 @@ export default {
|
|
|
48
48
|
},
|
|
49
49
|
emits: ['listindex:select'],
|
|
50
50
|
|
|
51
|
-
setup(props, {
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
setup(props, _ref) {
|
|
52
|
+
let {
|
|
53
|
+
emit
|
|
54
|
+
} = _ref;
|
|
54
55
|
let f7ListIndex = null;
|
|
55
56
|
const elRef = ref(null);
|
|
56
57
|
|