@dimailn/vuetify 2.7.2-alpha14 → 2.7.2-alpha15
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/dist/vuetify.js +116 -116
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +1 -1
- package/dist/vuetify.min.js +2 -2
- package/es5/components/VAppBar/VAppBar.js +7 -12
- package/es5/components/VAppBar/VAppBar.js.map +1 -1
- package/es5/components/VGrid/VContainer.js +3 -1
- package/es5/components/VGrid/VContainer.js.map +1 -1
- package/es5/components/VItemGroup/VItem.js +17 -18
- package/es5/components/VItemGroup/VItem.js.map +1 -1
- package/es5/components/VTextField/VTextField.js +4 -1
- package/es5/components/VTextField/VTextField.js.map +1 -1
- package/es5/components/VToolbar/VToolbar.js +2 -3
- package/es5/components/VToolbar/VToolbar.js.map +1 -1
- package/es5/directives/intersect/index.js +20 -7
- package/es5/directives/intersect/index.js.map +1 -1
- package/es5/directives/mutate/index.js +13 -13
- package/es5/directives/mutate/index.js.map +1 -1
- package/es5/directives/resize/index.js +8 -8
- package/es5/directives/resize/index.js.map +1 -1
- package/es5/directives/scroll/index.js +10 -9
- package/es5/directives/scroll/index.js.map +1 -1
- package/es5/directives/touch/index.js +4 -4
- package/es5/directives/touch/index.js.map +1 -1
- package/es5/framework.js +1 -1
- package/lib/components/VAppBar/VAppBar.js +7 -11
- package/lib/components/VAppBar/VAppBar.js.map +1 -1
- package/lib/components/VGrid/VContainer.js +3 -1
- package/lib/components/VGrid/VContainer.js.map +1 -1
- package/lib/components/VItemGroup/VItem.js +20 -18
- package/lib/components/VItemGroup/VItem.js.map +1 -1
- package/lib/components/VTextField/VTextField.js +4 -1
- package/lib/components/VTextField/VTextField.js.map +1 -1
- package/lib/components/VToolbar/VToolbar.js +4 -3
- package/lib/components/VToolbar/VToolbar.js.map +1 -1
- package/lib/directives/intersect/index.js +20 -7
- package/lib/directives/intersect/index.js.map +1 -1
- package/lib/directives/mutate/index.js +13 -13
- package/lib/directives/mutate/index.js.map +1 -1
- package/lib/directives/resize/index.js +8 -8
- package/lib/directives/resize/index.js.map +1 -1
- package/lib/directives/scroll/index.js +10 -9
- package/lib/directives/scroll/index.js.map +1 -1
- package/lib/directives/touch/index.js +4 -4
- package/lib/directives/touch/index.js.map +1 -1
- package/lib/framework.js +1 -1
- package/package.json +1 -1
- package/src/components/VAppBar/VAppBar.ts +11 -13
- package/src/components/VGrid/VContainer.ts +1 -1
- package/src/components/VItemGroup/VItem.ts +25 -23
- package/src/components/VTextField/VTextField.ts +3 -2
- package/src/components/VToolbar/VToolbar.ts +4 -5
- package/src/directives/intersect/index.ts +81 -42
- package/src/directives/mutate/index.ts +58 -49
- package/src/directives/resize/index.ts +33 -14
- package/src/directives/scroll/index.ts +36 -20
- package/src/directives/touch/index.ts +37 -27
|
@@ -11,7 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
11
11
|
|
|
12
12
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
13
13
|
|
|
14
|
-
function
|
|
14
|
+
function mounted(el, binding, vnode) {
|
|
15
15
|
var modifiers = binding.modifiers || {};
|
|
16
16
|
var value = binding.value;
|
|
17
17
|
var callback = _typeof(value) === 'object' ? value.handler : value;
|
|
@@ -21,14 +21,14 @@ function inserted(el, binding, vnode) {
|
|
|
21
21
|
|
|
22
22
|
var hasModifiers = Object.keys(modifierKeys).length > 0; // Options take top priority
|
|
23
23
|
|
|
24
|
-
var options = _typeof(value) === 'object' && value.options ? value.options : hasModifiers
|
|
25
|
-
|
|
24
|
+
var options = _typeof(value) === 'object' && value.options ? value.options : hasModifiers ? {
|
|
25
|
+
// If we have modifiers, use only those provided
|
|
26
26
|
attributes: modifierKeys.attr,
|
|
27
27
|
childList: modifierKeys.child,
|
|
28
28
|
subtree: modifierKeys.sub,
|
|
29
29
|
characterData: modifierKeys.char
|
|
30
|
-
}
|
|
31
|
-
|
|
30
|
+
} : {
|
|
31
|
+
// Defaults to everything on
|
|
32
32
|
attributes: true,
|
|
33
33
|
childList: true,
|
|
34
34
|
subtree: true,
|
|
@@ -40,28 +40,28 @@ function inserted(el, binding, vnode) {
|
|
|
40
40
|
|
|
41
41
|
callback(mutationsList, observer); // If has the once modifier, unbind
|
|
42
42
|
|
|
43
|
-
once &&
|
|
43
|
+
once && unmounted(el, binding, vnode);
|
|
44
44
|
});
|
|
45
45
|
observer.observe(el, options);
|
|
46
46
|
el._mutate = Object(el._mutate);
|
|
47
|
-
el._mutate[vnode.
|
|
47
|
+
el._mutate[vnode.ctx.uid] = {
|
|
48
48
|
observer: observer
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
function
|
|
52
|
+
function unmounted(el, binding, vnode) {
|
|
53
53
|
var _a;
|
|
54
54
|
|
|
55
|
-
if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.
|
|
55
|
+
if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
|
|
56
56
|
|
|
57
|
-
el._mutate[vnode.
|
|
57
|
+
el._mutate[vnode.ctx.uid].observer.disconnect();
|
|
58
58
|
|
|
59
|
-
delete el._mutate[vnode.
|
|
59
|
+
delete el._mutate[vnode.ctx.uid];
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
var Mutate = {
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
mounted: mounted,
|
|
64
|
+
unmounted: unmounted
|
|
65
65
|
};
|
|
66
66
|
exports.Mutate = Mutate;
|
|
67
67
|
var _default = Mutate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,SAAS,GAAI,OAAO,CAAC,SAAR,IAAyC,EAA5D;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,QAAQ,GAAG,QAAO,KAAP,MAAiB,QAAjB,GAA4B,KAAK,CAAC,OAAlC,GAA4C,KAA7D;;AAJY,MAKJ,IALI,GAKsB,SALtB,CAKJ,IALI;AAAA,MAKK,YALL,4BAKsB,SALtB;;AAMZ,MAAM,YAAY,GAAG,MAAM,CAAC,IAAP,CAAY,YAAZ,EAA0B,MAA1B,GAAmC,CAAxD,CANY,CAQZ;;AACA,MAAM,OAAO,GACX,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAAnC,GACI,KAAK,CAAC,OADV,GAEI,YAAY,GACV;AACA;AACA,IAAA,UAAU,EAAE,YAAY,CAAC,IAFzB;AAGA,IAAA,SAAS,EAAE,YAAY,CAAC,KAHxB;AAIA,IAAA,OAAO,EAAE,YAAY,CAAC,GAJtB;AAKA,IAAA,aAAa,EAAE,YAAY,CAAC;AAL5B,GADU,GAQV;AACA;AACA,IAAA,UAAU,EAAE,IAFZ;AAGA,IAAA,SAAS,EAAE,IAHX;AAIA,IAAA,OAAO,EAAE,IAJT;AAKA,IAAA,aAAa,EAAE;AALf,GAXR;AAmBA,MAAM,QAAQ,GAAG,IAAI,gBAAJ,CACf,UAAC,aAAD,EAAkC,QAAlC,EAAgE;AAC9D;AACA,QAAI,CAAC,EAAE,CAAC,OAAR,EAAiB,OAF6C,CAEtC;;AAExB,IAAA,QAAQ,CAAC,aAAD,EAAgB,QAAhB,CAAR,CAJ8D,CAM9D;;AACA,IAAA,IAAI,IAAI,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAjB;AACD,GATc,CAAjB;AAYA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB,EAAqB,OAArB;AACA,EAAA,EAAE,CAAC,OAAH,GAAa,MAAM,CAAC,EAAE,CAAC,OAAJ,CAAnB;AACA,EAAA,EAAE,CAAC,OAAH,CAAY,KAAK,CAAC,GAAN,CAAW,GAAvB,IAA8B;AAAE,IAAA,QAAQ,EAAR;AAAF,GAA9B;AACD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,OAAH,MAAU,IAAV,IAAU,EAAA,KAAA,KAAA,CAAV,GAAU,KAAA,CAAV,GAAU,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAX,CAAJ,EAAmC;;AAEnC,EAAA,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,GAAN,CAAW,GAAtB,EAA4B,QAA5B,CAAqC,UAArC;;AACA,SAAO,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,GAAN,CAAW,GAAtB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAG;AACpB,EAAA,OAAO,EAAP,OADoB;AAEpB,EAAA,SAAS,EAAT;AAFoB,CAAf;;eAKQ,M","sourcesContent":["import { DirectiveBinding, VNode } from 'vue'\n\ntype MutateHandler = (\n mutationsList: MutationRecord[],\n observer: MutationObserver\n) => void;\n\ntype MutateValue =\n | MutateHandler\n | { handler: MutateHandler, options?: MutationObserverInit };\n\ntype MutateModifiers = {\n once?: boolean\n attr?: boolean\n child?: boolean\n sub?: boolean\n char?: boolean\n};\n\nfunction mounted (\n el: HTMLElement,\n binding: DirectiveBinding<MutateValue>,\n vnode: VNode\n) {\n const modifiers = (binding.modifiers as MutateModifiers) || {}\n const value = binding.value\n const callback = typeof value === 'object' ? value.handler : value!\n const { once, ...modifierKeys } = modifiers\n const hasModifiers = Object.keys(modifierKeys).length > 0\n\n // Options take top priority\n const options =\n typeof value === 'object' && value.options\n ? value.options\n : hasModifiers\n ? {\n // If we have modifiers, use only those provided\n attributes: modifierKeys.attr,\n childList: modifierKeys.child,\n subtree: modifierKeys.sub,\n characterData: modifierKeys.char,\n }\n : {\n // Defaults to everything on\n attributes: true,\n childList: true,\n subtree: true,\n characterData: true,\n }\n\n const observer = new MutationObserver(\n (mutationsList: MutationRecord[], observer: MutationObserver) => {\n /* istanbul ignore if */\n if (!el._mutate) return // Just in case, should never fire\n\n callback(mutationsList, observer)\n\n // If has the once modifier, unbind\n once && unmounted(el, binding, vnode)\n }\n )\n\n observer.observe(el, options)\n el._mutate = Object(el._mutate)\n el._mutate![vnode.ctx!.uid] = { observer }\n}\n\nfunction unmounted (\n el: HTMLElement,\n binding: DirectiveBinding<MutateValue>,\n vnode: VNode\n) {\n if (!el._mutate?.[vnode.ctx!.uid]) return\n\n el._mutate[vnode.ctx!.uid]!.observer.disconnect()\n delete el._mutate[vnode.ctx!.uid]\n}\n\nexport const Mutate = {\n mounted,\n unmounted,\n}\n\nexport default Mutate\n"],"sourceRoot":"","file":"index.js"}
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Resize = void 0;
|
|
7
7
|
|
|
8
|
-
function
|
|
8
|
+
function mounted(el, binding, vnode) {
|
|
9
9
|
var callback = binding.value;
|
|
10
10
|
var options = binding.options || {
|
|
11
11
|
passive: true
|
|
12
12
|
};
|
|
13
13
|
window.addEventListener('resize', callback, options);
|
|
14
14
|
el._onResize = Object(el._onResize);
|
|
15
|
-
el._onResize[vnode.
|
|
15
|
+
el._onResize[vnode.ctx.uid] = {
|
|
16
16
|
callback: callback,
|
|
17
17
|
options: options
|
|
18
18
|
};
|
|
@@ -22,20 +22,20 @@ function inserted(el, binding, vnode) {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
function
|
|
25
|
+
function unmounted(el, binding, vnode) {
|
|
26
26
|
var _a;
|
|
27
27
|
|
|
28
|
-
if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.
|
|
29
|
-
var _el$_onResize$vnode$c = el._onResize[vnode.
|
|
28
|
+
if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
|
|
29
|
+
var _el$_onResize$vnode$c = el._onResize[vnode.ctx.uid],
|
|
30
30
|
callback = _el$_onResize$vnode$c.callback,
|
|
31
31
|
options = _el$_onResize$vnode$c.options;
|
|
32
32
|
window.removeEventListener('resize', callback, options);
|
|
33
|
-
delete el._onResize[vnode.
|
|
33
|
+
delete el._onResize[vnode.ctx.uid];
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
var Resize = {
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
mounted: mounted,
|
|
38
|
+
unmounted: unmounted
|
|
39
39
|
};
|
|
40
40
|
exports.Resize = Resize;
|
|
41
41
|
var _default = Resize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":[],"mappings":";;;;;;;AAmBA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAzB;AACA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAR,IAAmB;AAAE,IAAA,OAAO,EAAE;AAAX,GAAnC;AAEA,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,QAAlC,EAA4C,OAA5C;AAEA,EAAA,EAAE,CAAC,SAAH,GAAe,MAAM,CAAC,EAAE,CAAC,SAAJ,CAArB;AACA,EAAA,EAAE,CAAC,SAAH,CAAc,KAAK,CAAC,GAAN,CAAW,GAAzB,IAAgC;AAC9B,IAAA,QAAQ,EAAR,QAD8B;AAE9B,IAAA,OAAO,EAAP;AAF8B,GAAhC;;AAKA,MAAI,CAAC,OAAO,CAAC,SAAT,IAAsB,CAAC,OAAO,CAAC,SAAR,CAAkB,KAA7C,EAAoD;AAClD,IAAA,QAAQ;AACT;AACF;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,SAAH,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAb,CAAJ,EAAqC;AAFzB,8BAIkB,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAJlB;AAAA,MAIJ,QAJI,yBAIJ,QAJI;AAAA,MAIM,OAJN,yBAIM,OAJN;AAMZ,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,QAArC,EAA+C,OAA/C;AAEA,SAAO,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAoB;AACrC,EAAA,OAAO,EAAP,OADqC;AAErC,EAAA,SAAS,EAAT;AAFqC,CAAhC;;eAKQ,M","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ninterface ResizeDirectiveBinding extends DirectiveBinding {\n value: () => void\n options?: boolean | AddEventListenerOptions\n}\n\ndeclare global {\n interface HTMLElement {\n _onResize?: Record<\n number,\n {\n callback: () => void\n options: boolean | AddEventListenerOptions\n }\n >\n }\n}\n\nfunction mounted (\n el: HTMLElement,\n binding: ResizeDirectiveBinding,\n vnode: VNode\n) {\n const callback = binding.value\n const options = binding.options || { passive: true }\n\n window.addEventListener('resize', callback, options)\n\n el._onResize = Object(el._onResize)\n el._onResize![vnode.ctx!.uid] = {\n callback,\n options,\n }\n\n if (!binding.modifiers || !binding.modifiers.quiet) {\n callback()\n }\n}\n\nfunction unmounted (\n el: HTMLElement,\n binding: ResizeDirectiveBinding,\n vnode: VNode\n) {\n if (!el._onResize?.[vnode.ctx!.uid]) return\n\n const { callback, options } = el._onResize[vnode.ctx!.uid]!\n\n window.removeEventListener('resize', callback, options)\n\n delete el._onResize[vnode.ctx!.uid]\n}\n\nexport const Resize: ObjectDirective = {\n mounted,\n unmounted,\n}\n\nexport default Resize\n"],"sourceRoot":"","file":"index.js"}
|
|
@@ -7,7 +7,7 @@ exports.default = exports.Scroll = void 0;
|
|
|
7
7
|
|
|
8
8
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
9
9
|
|
|
10
|
-
function
|
|
10
|
+
function mounted(el, binding, vnode) {
|
|
11
11
|
var _ref = binding.modifiers || {},
|
|
12
12
|
_ref$self = _ref.self,
|
|
13
13
|
self = _ref$self === void 0 ? false : _ref$self;
|
|
@@ -20,8 +20,9 @@ function inserted(el, binding, vnode) {
|
|
|
20
20
|
var target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
|
|
21
21
|
if (!target) return;
|
|
22
22
|
target.addEventListener('scroll', handler, options);
|
|
23
|
-
el._onScroll = Object(el._onScroll);
|
|
24
|
-
|
|
23
|
+
el._onScroll = Object(el._onScroll); // В Vue 3 используем vnode.ctx.uid вместо vnode.context._uid
|
|
24
|
+
|
|
25
|
+
el._onScroll[vnode.ctx.uid] = {
|
|
25
26
|
handler: handler,
|
|
26
27
|
options: options,
|
|
27
28
|
// Don't reference self
|
|
@@ -29,22 +30,22 @@ function inserted(el, binding, vnode) {
|
|
|
29
30
|
};
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
function
|
|
33
|
+
function unmounted(el, binding, vnode) {
|
|
33
34
|
var _a;
|
|
34
35
|
|
|
35
|
-
if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[vnode.
|
|
36
|
-
var _el$_onScroll$vnode$c = el._onScroll[vnode.
|
|
36
|
+
if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
|
|
37
|
+
var _el$_onScroll$vnode$c = el._onScroll[vnode.ctx.uid],
|
|
37
38
|
handler = _el$_onScroll$vnode$c.handler,
|
|
38
39
|
options = _el$_onScroll$vnode$c.options,
|
|
39
40
|
_el$_onScroll$vnode$c2 = _el$_onScroll$vnode$c.target,
|
|
40
41
|
target = _el$_onScroll$vnode$c2 === void 0 ? el : _el$_onScroll$vnode$c2;
|
|
41
42
|
target.removeEventListener('scroll', handler, options);
|
|
42
|
-
delete el._onScroll[vnode.
|
|
43
|
+
delete el._onScroll[vnode.ctx.uid];
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
var Scroll = {
|
|
46
|
-
|
|
47
|
-
|
|
47
|
+
mounted: mounted,
|
|
48
|
+
unmounted: unmounted
|
|
48
49
|
};
|
|
49
50
|
exports.Scroll = Scroll;
|
|
50
51
|
var _default = Scroll;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":[],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":[],"mappings":";;;;;;;;;AAeA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAAA,aAEa,OAAO,CAAC,SAAR,IAAqB,EAFlC;AAAA,uBAEJ,IAFI;AAAA,MAEJ,IAFI,0BAEG,KAFH;;AAGZ,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,OAAO,GAAI,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAApC,IAAgD;AAC9D,IAAA,OAAO,EAAE;AADqD,GAAhE;AAGA,MAAM,OAAO,GACX,OAAO,KAAP,KAAiB,UAAjB,IAA+B,iBAAiB,KAAhD,GACI,KADJ,GAEI,KAAK,CAAC,OAHZ;AAKA,MAAM,MAAM,GAAG,IAAI,GACf,EADe,GAEf,OAAO,CAAC,GAAR,GACE,QAAQ,CAAC,aAAT,CAAuB,OAAO,CAAC,GAA/B,CADF,GAEE,MAJN;AAMA,MAAI,CAAC,MAAL,EAAa;AAEb,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,OAAlC,EAA2C,OAA3C;AAEA,EAAA,EAAE,CAAC,SAAH,GAAe,MAAM,CAAC,EAAE,CAAC,SAAJ,CAArB,CAtBY,CAuBZ;;AACA,EAAA,EAAE,CAAC,SAAH,CAAc,KAAK,CAAC,GAAN,CAAW,GAAzB,IAAgC;AAC9B,IAAA,OAAO,EAAP,OAD8B;AAE9B,IAAA,OAAO,EAAP,OAF8B;AAG9B;AACA,IAAA,MAAM,EAAE,IAAI,GAAG,SAAH,GAAe;AAJG,GAAhC;AAMD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,SAAH,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAb,CAAJ,EAAqC;AAFzB,8BAI8B,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAJ9B;AAAA,MAIJ,OAJI,yBAIJ,OAJI;AAAA,MAIK,OAJL,yBAIK,OAJL;AAAA,qDAIc,MAJd;AAAA,MAIc,MAJd,uCAIuB,EAJvB;AAMZ,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,OAArC,EAA8C,OAA9C;AACA,SAAO,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAoB;AACrC,EAAA,OAAO,EAAP,OADqC;AAErC,EAAA,SAAS,EAAT;AAFqC,CAAhC;;eAKQ,M","sourcesContent":["import { DirectiveBinding, VNode, ObjectDirective } from 'vue'\n\ninterface ScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {\n value:\n | EventListener\n | {\n handler: EventListener\n options?: boolean | AddEventListenerOptions\n }\n | (EventListenerObject & { options?: boolean | AddEventListenerOptions })\n modifiers?: {\n self?: boolean\n }\n}\n\nfunction mounted (\n el: HTMLElement,\n binding: ScrollDirectiveBinding,\n vnode: VNode\n) {\n const { self = false } = binding.modifiers || {}\n const value = binding.value\n const options = (typeof value === 'object' && value.options) || {\n passive: true,\n }\n const handler =\n typeof value === 'function' || 'handleEvent' in value\n ? value\n : value.handler\n\n const target = self\n ? el\n : binding.arg\n ? document.querySelector(binding.arg)\n : window\n\n if (!target) return\n\n target.addEventListener('scroll', handler, options)\n\n el._onScroll = Object(el._onScroll)\n // В Vue 3 используем vnode.ctx.uid вместо vnode.context._uid\n el._onScroll![vnode.ctx!.uid] = {\n handler,\n options,\n // Don't reference self\n target: self ? undefined : target,\n }\n}\n\nfunction unmounted (\n el: HTMLElement,\n binding: ScrollDirectiveBinding,\n vnode: VNode\n) {\n if (!el._onScroll?.[vnode.ctx!.uid]) return\n\n const { handler, options, target = el } = el._onScroll[vnode.ctx!.uid]!\n\n target.removeEventListener('scroll', handler, options)\n delete el._onScroll[vnode.ctx!.uid]\n}\n\nexport const Scroll: ObjectDirective = {\n mounted,\n unmounted,\n}\n\nexport default Scroll\n"],"sourceRoot":"","file":"index.js"}
|
|
@@ -85,7 +85,7 @@ function createHandlers(value) {
|
|
|
85
85
|
};
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
function
|
|
88
|
+
function mounted(el, binding, vnode) {
|
|
89
89
|
var value = binding.value;
|
|
90
90
|
var target = value.parent ? el.parentElement : el;
|
|
91
91
|
var options = value.options || {
|
|
@@ -101,7 +101,7 @@ function inserted(el, binding, vnode) {
|
|
|
101
101
|
});
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
function
|
|
104
|
+
function unmounted(el, binding, vnode) {
|
|
105
105
|
var target = binding.value.parent ? el.parentElement : el;
|
|
106
106
|
if (!target || !target._touchHandlers) return;
|
|
107
107
|
var handlers = target._touchHandlers[vnode.ctx.uid];
|
|
@@ -112,8 +112,8 @@ function unbind(el, binding, vnode) {
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
var Touch = {
|
|
115
|
-
mounted:
|
|
116
|
-
unmounted:
|
|
115
|
+
mounted: mounted,
|
|
116
|
+
unmounted: unmounted
|
|
117
117
|
};
|
|
118
118
|
exports.Touch = Touch;
|
|
119
119
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/directives/touch/index.ts"],"names":[],"mappings":";;;;;;;AACA;;AAEA;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/directives/touch/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DirectiveBinding, VNode, ObjectDirective } from 'vue'\nimport { keys } from '../../util/helpers'\nimport { TouchHandlers, TouchValue, TouchWrapper } from 'vuetify/types'\nimport makeDirectiveActivatable from '../../util/make-directive-activatable'\n\nexport interface TouchStoredHandlers {\n touchstart: (e: TouchEvent) => void\n touchend: (e: TouchEvent) => void\n touchmove: (e: TouchEvent) => void\n}\n\nconst handleGesture = (wrapper: TouchWrapper) => {\n const { touchstartX, touchendX, touchstartY, touchendY } = wrapper\n const dirRatio = 0.5\n const minDistance = 16\n wrapper.offsetX = touchendX - touchstartX\n wrapper.offsetY = touchendY - touchstartY\n\n if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n wrapper.left &&\n touchendX < touchstartX - minDistance &&\n wrapper.left(wrapper)\n wrapper.right &&\n touchendX > touchstartX + minDistance &&\n wrapper.right(wrapper)\n }\n\n if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper)\n wrapper.down &&\n touchendY > touchstartY + minDistance &&\n wrapper.down(wrapper)\n }\n}\n\nfunction touchstart (event: TouchEvent, wrapper: TouchWrapper) {\n const touch = event.changedTouches[0]\n wrapper.touchstartX = touch.clientX\n wrapper.touchstartY = touch.clientY\n\n wrapper.start && wrapper.start(Object.assign(event, wrapper))\n}\n\nfunction touchend (event: TouchEvent, wrapper: TouchWrapper) {\n const touch = event.changedTouches[0]\n wrapper.touchendX = touch.clientX\n wrapper.touchendY = touch.clientY\n\n wrapper.end && wrapper.end(Object.assign(event, wrapper))\n\n handleGesture(wrapper)\n}\n\nfunction touchmove (event: TouchEvent, wrapper: TouchWrapper) {\n const touch = event.changedTouches[0]\n wrapper.touchmoveX = touch.clientX\n wrapper.touchmoveY = touch.clientY\n\n wrapper.move && wrapper.move(Object.assign(event, wrapper))\n}\n\nfunction createHandlers (value: TouchHandlers): TouchStoredHandlers {\n const wrapper = {\n touchstartX: 0,\n touchstartY: 0,\n touchendX: 0,\n touchendY: 0,\n touchmoveX: 0,\n touchmoveY: 0,\n offsetX: 0,\n offsetY: 0,\n left: value.left,\n right: value.right,\n up: value.up,\n down: value.down,\n start: value.start,\n move: value.move,\n end: value.end,\n }\n\n return {\n touchstart: (e: TouchEvent) => touchstart(e, wrapper),\n touchend: (e: TouchEvent) => touchend(e, wrapper),\n touchmove: (e: TouchEvent) => touchmove(e, wrapper),\n }\n}\n\nfunction mounted (\n el: HTMLElement,\n binding: DirectiveBinding<TouchValue>,\n vnode: VNode\n) {\n const value = binding.value\n const target = value.parent ? el.parentElement : el\n const options = value.options || { passive: true }\n\n // Needed to pass unit tests\n if (!target) return\n\n const handlers = createHandlers(binding.value)\n target._touchHandlers = Object(target._touchHandlers)\n target._touchHandlers![vnode.ctx!.uid] = handlers\n\n keys(handlers).forEach(eventName => {\n target.addEventListener(\n eventName,\n handlers[eventName] as EventListener,\n options\n )\n })\n}\n\nfunction unmounted (\n el: HTMLElement,\n binding: DirectiveBinding<TouchValue>,\n vnode: VNode\n) {\n const target = binding.value.parent ? el.parentElement : el\n if (!target || !target._touchHandlers) return\n\n const handlers = target._touchHandlers[vnode.ctx!.uid]\n keys(handlers).forEach(eventName => {\n target.removeEventListener(eventName, handlers[eventName])\n })\n delete target._touchHandlers[vnode.ctx!.uid]\n}\n\nexport const Touch: ObjectDirective<HTMLElement, TouchValue> = {\n mounted,\n unmounted,\n}\n\nexport default makeDirectiveActivatable(Touch)\n"],"sourceRoot":"","file":"index.js"}
|
package/es5/framework.js
CHANGED
|
@@ -79,7 +79,7 @@ var Vuetify = /*#__PURE__*/function () {
|
|
|
79
79
|
exports.default = Vuetify;
|
|
80
80
|
Vuetify.install = _install.install;
|
|
81
81
|
Vuetify.installed = false;
|
|
82
|
-
Vuetify.version = "2.7.2-
|
|
82
|
+
Vuetify.version = "2.7.2-alpha15";
|
|
83
83
|
Vuetify.config = {
|
|
84
84
|
silent: false
|
|
85
85
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
// Styles
|
|
3
2
|
import "../../../src/components/VAppBar/VAppBar.sass"; // Extensions
|
|
4
3
|
|
|
5
4
|
import VToolbar from '../VToolbar/VToolbar'; // Directives
|
|
@@ -12,6 +11,7 @@ import SSRBootable from '../../mixins/ssr-bootable';
|
|
|
12
11
|
import Toggleable from '../../mixins/toggleable'; // Utilities
|
|
13
12
|
|
|
14
13
|
import { convertToUnit } from '../../util/helpers';
|
|
14
|
+
import { mergeProps, withDirectives } from 'vue';
|
|
15
15
|
import mixins from '../../util/mixins';
|
|
16
16
|
const baseMixins = mixins(VToolbar, Scrollable, SSRBootable, Toggleable, Applicationable('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
|
|
17
17
|
/* @vue/component */
|
|
@@ -199,7 +199,7 @@ export default baseMixins.extend({
|
|
|
199
199
|
methods: {
|
|
200
200
|
genBackground() {
|
|
201
201
|
const render = VToolbar.methods.genBackground.call(this);
|
|
202
|
-
render.
|
|
202
|
+
render.props = mergeProps(render.props || {}, {
|
|
203
203
|
style: {
|
|
204
204
|
opacity: this.computedOpacity
|
|
205
205
|
}
|
|
@@ -228,18 +228,14 @@ export default baseMixins.extend({
|
|
|
228
228
|
},
|
|
229
229
|
|
|
230
230
|
render() {
|
|
231
|
-
const render = VToolbar.render.call(this
|
|
232
|
-
render.data = render.data || {};
|
|
231
|
+
const render = VToolbar.render.call(this);
|
|
233
232
|
|
|
234
233
|
if (this.canScroll) {
|
|
235
|
-
render.
|
|
236
|
-
render.
|
|
237
|
-
arg: this.scrollTarget,
|
|
238
|
-
name: 'scroll',
|
|
239
|
-
value: this.onScroll
|
|
240
|
-
});
|
|
234
|
+
render.key = 'v-app-bar-scroll';
|
|
235
|
+
return withDirectives(render, [[Scroll, this.onScroll, this.scrollTarget]]);
|
|
241
236
|
}
|
|
242
237
|
|
|
238
|
+
render.key = 'v-app-bar-no-scroll';
|
|
243
239
|
return render;
|
|
244
240
|
}
|
|
245
241
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/VAppBar/VAppBar.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,8CAAP,C,CAEA;;AACA,OAAO,QAAP,MAAqB,sBAArB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,yBAAnB,C,CAEA;;AACA,OAAO,eAAP,MAA4B,8BAA5B;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,OAAO,UAAP,MAAuB,yBAAvB,C,CAEA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,QADuB,EAEvB,UAFuB,EAGvB,WAHuB,EAIvB,UAJuB,EAKvB,eAAe,CAAC,KAAD,EAAQ,CACrB,aADqB,EAErB,cAFqB,EAGrB,gBAHqB,EAIrB,gBAJqB,EAKrB,YALqB,EAMrB,aANqB,EAOrB,OAPqB,CAAR,CALQ,CAAzB;AAgBA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,WADyB;AAG/B,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHmB;;AAK/B,EAAA,OAAO,GAAA;AACL,WAAO;AAAE,MAAA,OAAO,EAAE;AAAX,KAAP;AACD,GAP8B;;AAS/B,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,OADR;AAEL,IAAA,YAAY,EAAE,OAFT;AAGL,IAAA,gBAAgB,EAAE,OAHb;AAIL,IAAA,eAAe,EAAE,OAJZ;AAKL,IAAA,eAAe,EAAE,OALZ;AAML,IAAA,YAAY,EAAE,OANT;AAOL,IAAA,cAAc,EAAE,OAPX;AAQL,IAAA,eAAe,EAAE,OARZ;AASL,IAAA,cAAc,EAAE,OATX;AAUL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AAVF,GATwB;;AAyB/B,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,QAAQ,EAAE,KAAK;AADV,KAAP;AAGD,GA7B8B;;AA+B/B,EAAA,QAAQ,EAAE;AACR,IAAA,mBAAmB,GAAA;AACjB,aAAO,CAAC,KAAK,MAAN,GAAe,KAAf,GAAuB,QAA9B;AACD,KAHO;;AAIR,IAAA,SAAS,GAAA;AACP,aACE,UAAU,CAAC,QAAX,CAAoB,SAApB,CAA8B,IAA9B,CAAmC,IAAnC,MAEE,KAAK,cAAL,IACA,KAAK,eADL,IAEA,KAAK,YAFL,IAGA,KAAK,gBAHL,IAIA,KAAK,QAJL,IAKA;AACA;AACA;AACA,OAAC,KAAK,KAVR,CADF;AAcD,KAnBO;;AAoBR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,QAAQ,CAAC,QAAT,CAAkB,OAAlB,CAA0B,IAA1B,CAA+B,IAA/B,CADE;AAEL,+BAAuB,KAAK,QAAL,IAAiB,KAAK,gBAFxC;AAGL,qBAAa,IAHR;AAIL,8BAAsB,KAAK,WAAL,IAAoB,KAAK,YAJ1C;AAKL,yCAAiC,KAAK,eALjC;AAML,wCAAgC,KAAK,eANhC;AAOL,4BAAoB,CAAC,KAAK,QAAN,KAAmB,KAAK,GAAL,IAAY,KAAK,KAApC,CAPf;AAQL,kCAA0B,KAAK,UAR1B;AASL,kCAA0B,KAAK,aAAL,GAAqB,CAT1C;AAUL,uCAA+B,KAAK;AAV/B,OAAP;AAYD,KAjCO;;AAkCR,IAAA,WAAW,GAAA;AACT,YAAM,SAAS,GAAG,KAAK,uBAAvB;AACA,aAAO,IAAI,CAAC,GAAL,CAAS,CAAC,SAAS,GAAG,KAAK,aAAlB,IAAmC,SAA5C,EAAuD,CAAvD,CAAP;AACD,KArCO;;AAsCR,IAAA,qBAAqB,GAAA;AACnB,UAAI,CAAC,KAAK,cAAV,EAA0B,OAAO,QAAQ,CAAC,QAAT,CAAkB,qBAAlB,CAAwC,IAAxC,CAA6C,IAA7C,CAAP;AAE1B,YAAM,GAAG,GAAG,KAAK,KAAL,GAAa,EAAb,GAAkB,EAA9B;AACA,YAAM,GAAG,GAAG,KAAK,sBAAjB;AAEA,aAAO,GAAG,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,KAAK,WAAhC;AACD,KA7CO;;AA8CR,IAAA,gBAAgB,GAAA;AACd,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,SAAP;AAEvB,YAAM,GAAG,GAAG,IAAZ;AACA,YAAM,GAAG,GAAG,GAAZ;AAEA,aAAO,GAAG,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,KAAK,WAAhC;AACD,KArDO;;AAsDR,IAAA,YAAY,GAAA;AACV,UAAI,CAAC,KAAK,GAAN,IAAa,KAAK,WAAtB,EAAmC,OAAO,CAAP;AAEnC,aAAO,KAAK,QAAL,CAAc,WAAd,CAA0B,IAAjC;AACD,KA1DO;;AA2DR,IAAA,iBAAiB,GAAA;AACf,UAAI,CAAC,KAAK,GAAV,EAAe,OAAO,CAAP;AAEf,aAAO,KAAK,QAAL,CAAc,WAAd,CAA0B,GAAjC;AACD,KA/DO;;AAgER,IAAA,eAAe,GAAA;AACb,UAAI,CAAC,KAAK,eAAV,EAA2B,OAAO,SAAP;AAE3B,aAAO,KAAK,WAAZ;AACD,KApEO;;AAqER,IAAA,sBAAsB,GAAA;AACpB,UAAI,MAAM,GAAG,QAAQ,CAAC,QAAT,CAAkB,qBAAlB,CAAwC,IAAxC,CAA6C,IAA7C,CAAb;AACA,UAAI,KAAK,UAAT,EAAqB,MAAM,IAAI,QAAQ,CAAC,KAAK,eAAN,CAAlB;AACrB,aAAO,MAAP;AACD,KAzEO;;AA0ER,IAAA,aAAa,GAAA;AACX,UAAI,CAAC,KAAK,GAAN,IAAa,KAAK,YAAtB,EAAoC,OAAO,CAAP;AAEpC,aAAO,KAAK,QAAL,CAAc,WAAd,CAA0B,KAAjC;AACD,KA9EO;;AA+ER,IAAA,uBAAuB,GAAA;AACrB,UAAI,KAAK,eAAT,EAA0B,OAAO,MAAM,CAAC,KAAK,eAAN,CAAb;AAE1B,aAAO,KAAK,sBAAL,IAA+B,KAAK,KAAL,GAAa,EAAb,GAAkB,EAAjD,CAAP;AACD,KAnFO;;AAoFR,IAAA,iBAAiB,GAAA;AACf,UACE,CAAC,KAAK,SAAN,IACC,KAAK,eAAL,IAAwB,KAAK,aAAL,KAAuB,CAA/C,IAAoD,KAAK,QAF5D,EAGE,OAAO,CAAP;AAEF,UAAI,KAAK,QAAT,EAAmB,OAAO,CAAP;AAEnB,YAAM,eAAe,GAAG,KAAK,eAAL,GACpB,KAAK,cADe,GAEpB,KAAK,qBAFT;AAIA,aAAO,KAAK,MAAL,GAAc,eAAd,GAAgC,CAAC,eAAxC;AACD,KAjGO;;AAkGR,IAAA,UAAU,GAAA;AACR,UAAI,KAAK,eAAL,IAAwB,KAAK,UAAjC,EAA6C;AAC3C,eAAO,KAAK,aAAL,GAAqB,KAAK,uBAAjC;AACD;;AAED,UAAI,KAAK,eAAT,EAA0B;AACxB,eAAO,KAAK,aAAL,KAAuB,CAAvB,IACL,KAAK,iBAAL,GAAyB,CAD3B;AAED;;AAED,aAAO,CACL,CAAC,KAAK,UAAN,IACA,KAAK,eAFA,KAGF,KAAK,iBAAL,KAA2B,CAHhC;AAID,KAhHO;;AAiHR,IAAA,WAAW,GAAA;AACT,UAAI,CAAC,KAAK,gBAAV,EAA4B;AAC1B,eAAO,QAAQ,CAAC,QAAT,CAAkB,WAAlB,CAA8B,IAA9B,CAAmC,IAAnC,CAAP;AACD;;AAED,aAAO,KAAK,aAAL,GAAqB,CAA5B;AACD,KAvHO;;AAwHR,IAAA,WAAW,GAAA;AACT,aACE,QAAQ,CAAC,QAAT,CAAkB,WAAlB,CAA8B,IAA9B,CAAmC,IAAnC,KACA,KAAK,cAFP;AAID,KA7HO;;AA8HR,IAAA,MAAM,GAAA;AACJ,aAAO,EACL,GAAG,QAAQ,CAAC,QAAT,CAAkB,MAAlB,CAAyB,IAAzB,CAA8B,IAA9B,CADE;AAEL,QAAA,QAAQ,EAAE,aAAa,CAAC,KAAK,gBAAN,EAAwB,KAAxB,CAFlB;AAGL,QAAA,SAAS,EAAE,aAAa,CAAC,KAAK,iBAAN,CAHnB;AAIL,QAAA,SAAS,EAAE,cAAc,aAAa,CAAC,KAAK,iBAAN,CAAwB,GAJzD;AAKL,QAAA,IAAI,EAAE,aAAa,CAAC,KAAK,YAAN,CALd;AAML,QAAA,KAAK,EAAE,aAAa,CAAC,KAAK,aAAN;AANf,OAAP;AAQD;;AAvIO,GA/BqB;AAyK/B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE,UADN;;AAEL,IAAA,iBAAiB,GAAA;AACf;AACA;AACA;AACA;AACA;AACA;AACA,UACE,CAAC,KAAK,SAAN,IACC,CAAC,KAAK,WAAN,IAAqB,CAAC,KAAK,YAF9B,EAGE;AAEF,WAAK,UAAL;AACD,KAfI;;AAgBL,IAAA,cAAc,CAAE,GAAF,EAAc;AAC1B,WAAK,QAAL,GAAgB,CAAC,GAAD,IAAQ,KAAK,aAAL,KAAuB,CAA/C;AACD,KAlBI;;AAmBL,IAAA,YAAY,CAAE,GAAF,EAAc;AACxB,WAAK,QAAL,GAAgB,CAAC,GAAD,IAAQ,KAAK,aAAL,GAAqB,KAAK,uBAAlD;AACD;;AArBI,GAzKwB;;AAiM/B,EAAA,OAAO,GAAA;AACL,QAAI,KAAK,cAAT,EAAyB,KAAK,QAAL,GAAgB,KAAhB;AAC1B,GAnM8B;;AAqM/B,EAAA,OAAO,EAAE;AACP,IAAA,aAAa,GAAA;AACX,YAAM,MAAM,GAAG,QAAQ,CAAC,OAAT,CAAiB,aAAjB,CAA+B,IAA/B,CAAoC,IAApC,CAAf;AAEA,MAAA,MAAM,CAAC,IAAP,GAAc,KAAK,EAAL,CAAQ,MAAM,CAAC,IAAP,IAAe,EAAvB,EAA2B,MAAM,CAAC,GAAlC,EAAwC;AACpD,QAAA,KAAK,EAAE;AAAE,UAAA,OAAO,EAAE,KAAK;AAAhB;AAD6C,OAAxC,CAAd;AAIA,aAAO,MAAP;AACD,KATM;;AAUP,IAAA,iBAAiB,GAAA;AACf,aAAO,KAAK,cAAL,GACH,CADG,GAEH,KAAK,cAAL,GAAsB,KAAK,iBAF/B;AAGD,KAdM;;AAeP,IAAA,YAAY,GAAA;AACV,UAAI,KAAK,cAAT,EAAyB;AACvB,aAAK,QAAL,GAAgB,KAAK,aAAL,GAAqB,KAAK,uBAA1C;AACA;AACD;;AAED,UAAI,KAAK,YAAT,EAAuB;AACrB,aAAK,QAAL,GAAgB,KAAK,aAAL,IACd,KAAK,aAAL,GAAqB,KAAK,uBAD5B;AAED;;AAED,UAAI,KAAK,gBAAL,GAAwB,KAAK,uBAAjC,EAA0D;AAE1D,WAAK,WAAL,GAAmB,KAAK,aAAxB;AACD;;AA7BM,GArMsB;;AAqO/B,EAAA,MAAM,GAAA;AACJ,UAAM,MAAM,GAAG,QAAQ,CAAC,MAAT,CAAgB,IAAhB,CAAqB,IAArB,EAA2B,CAA3B,CAAf;AAEA,IAAA,MAAM,CAAC,IAAP,GAAc,MAAM,CAAC,IAAP,IAAe,EAA7B;;AAEA,QAAI,KAAK,SAAT,EAAoB;AAClB,MAAA,MAAM,CAAC,IAAP,CAAY,UAAZ,GAAyB,MAAM,CAAC,IAAP,CAAY,UAAZ,IAA0B,EAAnD;AACA,MAAA,MAAM,CAAC,IAAP,CAAY,UAAZ,CAAuB,IAAvB,CAA4B;AAC1B,QAAA,GAAG,EAAE,KAAK,YADgB;AAE1B,QAAA,IAAI,EAAE,QAFoB;AAG1B,QAAA,KAAK,EAAE,KAAK;AAHc,OAA5B;AAKD;;AAED,WAAO,MAAP;AACD;;AApP8B,CAAlB,CAAf","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VAppBar.sass'\n\n// Extensions\nimport VToolbar from '../VToolbar/VToolbar'\n\n// Directives\nimport Scroll from '../../directives/scroll'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Scrollable from '../../mixins/scrollable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n VToolbar,\n Scrollable,\n SSRBootable,\n Toggleable,\n Applicationable('top', [\n 'clippedLeft',\n 'clippedRight',\n 'computedHeight',\n 'invertedScroll',\n 'isExtended',\n 'isProminent',\n 'value',\n ])\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n name: 'v-app-bar',\n\n directives: { Scroll },\n\n provide (): object {\n return { VAppBar: this }\n },\n\n props: {\n clippedLeft: Boolean,\n clippedRight: Boolean,\n collapseOnScroll: Boolean,\n elevateOnScroll: Boolean,\n fadeImgOnScroll: Boolean,\n hideOnScroll: Boolean,\n invertedScroll: Boolean,\n scrollOffScreen: Boolean,\n shrinkOnScroll: Boolean,\n value: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n isActive: this.value,\n }\n },\n\n computed: {\n applicationProperty (): string {\n return !this.bottom ? 'top' : 'bottom'\n },\n canScroll (): boolean {\n return (\n Scrollable.computed.canScroll.call(this) &&\n (\n this.invertedScroll ||\n this.elevateOnScroll ||\n this.hideOnScroll ||\n this.collapseOnScroll ||\n this.isBooted ||\n // If falsy, user has provided an\n // explicit value which should\n // overwrite anything we do\n !this.value\n )\n )\n },\n classes (): object {\n return {\n ...VToolbar.computed.classes.call(this),\n 'v-toolbar--collapse': this.collapse || this.collapseOnScroll,\n 'v-app-bar': true,\n 'v-app-bar--clipped': this.clippedLeft || this.clippedRight,\n 'v-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,\n 'v-app-bar--elevate-on-scroll': this.elevateOnScroll,\n 'v-app-bar--fixed': !this.absolute && (this.app || this.fixed),\n 'v-app-bar--hide-shadow': this.hideShadow,\n 'v-app-bar--is-scrolled': this.currentScroll > 0,\n 'v-app-bar--shrink-on-scroll': this.shrinkOnScroll,\n }\n },\n scrollRatio (): number {\n const threshold = this.computedScrollThreshold\n return Math.max((threshold - this.currentScroll) / threshold, 0)\n },\n computedContentHeight (): number {\n if (!this.shrinkOnScroll) return VToolbar.computed.computedContentHeight.call(this)\n\n const min = this.dense ? 48 : 56\n const max = this.computedOriginalHeight\n\n return min + (max - min) * this.scrollRatio\n },\n computedFontSize (): number | undefined {\n if (!this.isProminent) return undefined\n\n const min = 1.25\n const max = 1.5\n\n return min + (max - min) * this.scrollRatio\n },\n computedLeft (): number {\n if (!this.app || this.clippedLeft) return 0\n\n return this.$vuetify.application.left\n },\n computedMarginTop (): number {\n if (!this.app) return 0\n\n return this.$vuetify.application.bar\n },\n computedOpacity (): number | undefined {\n if (!this.fadeImgOnScroll) return undefined\n\n return this.scrollRatio\n },\n computedOriginalHeight (): number {\n let height = VToolbar.computed.computedContentHeight.call(this)\n if (this.isExtended) height += parseInt(this.extensionHeight)\n return height\n },\n computedRight (): number {\n if (!this.app || this.clippedRight) return 0\n\n return this.$vuetify.application.right\n },\n computedScrollThreshold (): number {\n if (this.scrollThreshold) return Number(this.scrollThreshold)\n\n return this.computedOriginalHeight - (this.dense ? 48 : 56)\n },\n computedTransform (): number {\n if (\n !this.canScroll ||\n (this.elevateOnScroll && this.currentScroll === 0 && this.isActive)\n ) return 0\n\n if (this.isActive) return 0\n\n const scrollOffScreen = this.scrollOffScreen\n ? this.computedHeight\n : this.computedContentHeight\n\n return this.bottom ? scrollOffScreen : -scrollOffScreen\n },\n hideShadow (): boolean {\n if (this.elevateOnScroll && this.isExtended) {\n return this.currentScroll < this.computedScrollThreshold\n }\n\n if (this.elevateOnScroll) {\n return this.currentScroll === 0 ||\n this.computedTransform < 0\n }\n\n return (\n !this.isExtended ||\n this.scrollOffScreen\n ) && this.computedTransform !== 0\n },\n isCollapsed (): boolean {\n if (!this.collapseOnScroll) {\n return VToolbar.computed.isCollapsed.call(this)\n }\n\n return this.currentScroll > 0\n },\n isProminent (): boolean {\n return (\n VToolbar.computed.isProminent.call(this) ||\n this.shrinkOnScroll\n )\n },\n styles (): object {\n return {\n ...VToolbar.computed.styles.call(this),\n fontSize: convertToUnit(this.computedFontSize, 'rem'),\n marginTop: convertToUnit(this.computedMarginTop),\n transform: `translateY(${convertToUnit(this.computedTransform)})`,\n left: convertToUnit(this.computedLeft),\n right: convertToUnit(this.computedRight),\n }\n },\n },\n\n watch: {\n canScroll: 'onScroll',\n computedTransform () {\n // Normally we do not want the v-app-bar\n // to update the application top value\n // to avoid screen jump. However, in\n // this situation, we must so that\n // the clipped drawer can update\n // its top value when scrolled\n if (\n !this.canScroll ||\n (!this.clippedLeft && !this.clippedRight)\n ) return\n\n this.callUpdate()\n },\n invertedScroll (val: boolean) {\n this.isActive = !val || this.currentScroll !== 0\n },\n hideOnScroll (val: boolean) {\n this.isActive = !val || this.currentScroll < this.computedScrollThreshold\n },\n },\n\n created () {\n if (this.invertedScroll) this.isActive = false\n },\n\n methods: {\n genBackground () {\n const render = VToolbar.methods.genBackground.call(this)\n\n render.data = this._b(render.data || {}, render.tag!, {\n style: { opacity: this.computedOpacity },\n })\n\n return render\n },\n updateApplication (): number {\n return this.invertedScroll\n ? 0\n : this.computedHeight + this.computedTransform\n },\n thresholdMet () {\n if (this.invertedScroll) {\n this.isActive = this.currentScroll > this.computedScrollThreshold\n return\n }\n\n if (this.hideOnScroll) {\n this.isActive = this.isScrollingUp ||\n this.currentScroll < this.computedScrollThreshold\n }\n\n if (this.currentThreshold < this.computedScrollThreshold) return\n\n this.savedScroll = this.currentScroll\n },\n },\n\n render (): VNode {\n const render = VToolbar.render.call(this, h)\n\n render.data = render.data || {}\n\n if (this.canScroll) {\n render.data.directives = render.data.directives || []\n render.data.directives.push({\n arg: this.scrollTarget,\n name: 'scroll',\n value: this.onScroll,\n })\n }\n\n return render\n },\n})\n"],"sourceRoot":"","file":"VAppBar.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/VAppBar/VAppBar.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Extensions\nimport VToolbar from '../VToolbar/VToolbar'\n\n// Directives\nimport Scroll from '../../directives/scroll'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Scrollable from '../../mixins/scrollable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { mergeProps, withDirectives } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Types\nimport type { VNode } from 'vue'\n\nconst baseMixins = mixins(\n VToolbar,\n Scrollable,\n SSRBootable,\n Toggleable,\n Applicationable('top', [\n 'clippedLeft',\n 'clippedRight',\n 'computedHeight',\n 'invertedScroll',\n 'isExtended',\n 'isProminent',\n 'value',\n ])\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n name: 'v-app-bar',\n\n directives: { Scroll },\n\n provide (): object {\n return { VAppBar: this }\n },\n\n props: {\n clippedLeft: Boolean,\n clippedRight: Boolean,\n collapseOnScroll: Boolean,\n elevateOnScroll: Boolean,\n fadeImgOnScroll: Boolean,\n hideOnScroll: Boolean,\n invertedScroll: Boolean,\n scrollOffScreen: Boolean,\n shrinkOnScroll: Boolean,\n value: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n isActive: this.value,\n }\n },\n\n computed: {\n applicationProperty (): string {\n return !this.bottom ? 'top' : 'bottom'\n },\n canScroll (): boolean {\n return (\n Scrollable.computed.canScroll.call(this) &&\n (\n this.invertedScroll ||\n this.elevateOnScroll ||\n this.hideOnScroll ||\n this.collapseOnScroll ||\n this.isBooted ||\n // If falsy, user has provided an\n // explicit value which should\n // overwrite anything we do\n !this.value\n )\n )\n },\n classes (): object {\n return {\n ...VToolbar.computed.classes.call(this),\n 'v-toolbar--collapse': this.collapse || this.collapseOnScroll,\n 'v-app-bar': true,\n 'v-app-bar--clipped': this.clippedLeft || this.clippedRight,\n 'v-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,\n 'v-app-bar--elevate-on-scroll': this.elevateOnScroll,\n 'v-app-bar--fixed': !this.absolute && (this.app || this.fixed),\n 'v-app-bar--hide-shadow': this.hideShadow,\n 'v-app-bar--is-scrolled': this.currentScroll > 0,\n 'v-app-bar--shrink-on-scroll': this.shrinkOnScroll,\n }\n },\n scrollRatio (): number {\n const threshold = this.computedScrollThreshold\n return Math.max((threshold - this.currentScroll) / threshold, 0)\n },\n computedContentHeight (): number {\n if (!this.shrinkOnScroll) return VToolbar.computed.computedContentHeight.call(this)\n\n const min = this.dense ? 48 : 56\n const max = this.computedOriginalHeight\n\n return min + (max - min) * this.scrollRatio\n },\n computedFontSize (): number | undefined {\n if (!this.isProminent) return undefined\n\n const min = 1.25\n const max = 1.5\n\n return min + (max - min) * this.scrollRatio\n },\n computedLeft (): number {\n if (!this.app || this.clippedLeft) return 0\n\n return this.$vuetify.application.left\n },\n computedMarginTop (): number {\n if (!this.app) return 0\n\n return this.$vuetify.application.bar\n },\n computedOpacity (): number | undefined {\n if (!this.fadeImgOnScroll) return undefined\n\n return this.scrollRatio\n },\n computedOriginalHeight (): number {\n let height = VToolbar.computed.computedContentHeight.call(this)\n if (this.isExtended) height += parseInt(this.extensionHeight)\n return height\n },\n computedRight (): number {\n if (!this.app || this.clippedRight) return 0\n\n return this.$vuetify.application.right\n },\n computedScrollThreshold (): number {\n if (this.scrollThreshold) return Number(this.scrollThreshold)\n\n return this.computedOriginalHeight - (this.dense ? 48 : 56)\n },\n computedTransform (): number {\n if (\n !this.canScroll ||\n (this.elevateOnScroll && this.currentScroll === 0 && this.isActive)\n ) return 0\n\n if (this.isActive) return 0\n\n const scrollOffScreen = this.scrollOffScreen\n ? this.computedHeight\n : this.computedContentHeight\n\n return this.bottom ? scrollOffScreen : -scrollOffScreen\n },\n hideShadow (): boolean {\n if (this.elevateOnScroll && this.isExtended) {\n return this.currentScroll < this.computedScrollThreshold\n }\n\n if (this.elevateOnScroll) {\n return this.currentScroll === 0 ||\n this.computedTransform < 0\n }\n\n return (\n !this.isExtended ||\n this.scrollOffScreen\n ) && this.computedTransform !== 0\n },\n isCollapsed (): boolean {\n if (!this.collapseOnScroll) {\n return VToolbar.computed.isCollapsed.call(this)\n }\n\n return this.currentScroll > 0\n },\n isProminent (): boolean {\n return (\n VToolbar.computed.isProminent.call(this) ||\n this.shrinkOnScroll\n )\n },\n styles (): object {\n return {\n ...VToolbar.computed.styles.call(this),\n fontSize: convertToUnit(this.computedFontSize, 'rem'),\n marginTop: convertToUnit(this.computedMarginTop),\n transform: `translateY(${convertToUnit(this.computedTransform)})`,\n left: convertToUnit(this.computedLeft),\n right: convertToUnit(this.computedRight),\n }\n },\n },\n\n watch: {\n canScroll: 'onScroll',\n computedTransform () {\n // Normally we do not want the v-app-bar\n // to update the application top value\n // to avoid screen jump. However, in\n // this situation, we must so that\n // the clipped drawer can update\n // its top value when scrolled\n if (\n !this.canScroll ||\n (!this.clippedLeft && !this.clippedRight)\n ) return\n\n this.callUpdate()\n },\n invertedScroll (val: boolean) {\n this.isActive = !val || this.currentScroll !== 0\n },\n hideOnScroll (val: boolean) {\n this.isActive = !val || this.currentScroll < this.computedScrollThreshold\n },\n },\n\n created () {\n if (this.invertedScroll) this.isActive = false\n },\n\n methods: {\n genBackground () {\n const render = VToolbar.methods.genBackground.call(this)\n\n render.props = mergeProps(render.props || {}, {\n style: { opacity: this.computedOpacity }\n })\n\n return render\n },\n updateApplication (): number {\n return this.invertedScroll\n ? 0\n : this.computedHeight + this.computedTransform\n },\n thresholdMet () {\n if (this.invertedScroll) {\n this.isActive = this.currentScroll > this.computedScrollThreshold\n return\n }\n\n if (this.hideOnScroll) {\n this.isActive = this.isScrollingUp ||\n this.currentScroll < this.computedScrollThreshold\n }\n\n if (this.currentThreshold < this.computedScrollThreshold) return\n\n this.savedScroll = this.currentScroll\n },\n },\n\n render (): VNode {\n const render = VToolbar.render.call(this)\n\n if (this.canScroll) {\n render.key = 'v-app-bar-scroll'\n return withDirectives(render, [\n [Scroll, this.onScroll, this.scrollTarget],\n ])\n }\n\n render.key = 'v-app-bar-no-scroll'\n\n return render\n },\n})\n"],"sourceRoot":"","file":"VAppBar.js"}
|
|
@@ -22,6 +22,8 @@ export default defineComponent({
|
|
|
22
22
|
},
|
|
23
23
|
|
|
24
24
|
render() {
|
|
25
|
+
var _a, _b;
|
|
26
|
+
|
|
25
27
|
let classes; // const { attrs } = data
|
|
26
28
|
|
|
27
29
|
const attrs = this.$attrs;
|
|
@@ -52,7 +54,7 @@ export default defineComponent({
|
|
|
52
54
|
class: Array({
|
|
53
55
|
'container--fluid': this.fluid
|
|
54
56
|
}).concat(classes || []).concat('container')
|
|
55
|
-
}), this.$slots.default());
|
|
57
|
+
}), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
|
|
56
58
|
}
|
|
57
59
|
|
|
58
60
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/VGrid/VContainer.ts"],"names":[],"mappings":"AAAA,OAAO,0CAAP;AACA,OAAO,0CAAP;AAEA,OAAO,IAAP,MAAiB,QAAjB;AAEA,OAAO,SAAP,MAAsB,sBAAtB;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,OAAO,EAAE,IAAI,CAAC,WAAD,CAFgB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE,MADC;AAEL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAFA;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAJsB;;AAe7B,EAAA,MAAM,GAAA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/VGrid/VContainer.ts"],"names":[],"mappings":"AAAA,OAAO,0CAAP;AACA,OAAO,0CAAP;AAEA,OAAO,IAAP,MAAiB,QAAjB;AAEA,OAAO,SAAP,MAAsB,sBAAtB;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,OAAO,EAAE,IAAI,CAAC,WAAD,CAFgB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE,MADC;AAEL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAFA;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAJsB;;AAe7B,EAAA,MAAM,GAAA;;;AACJ,QAAI,OAAJ,CADI,CAEJ;;AAEA,UAAM,KAAK,GAAG,KAAK,MAAnB;;AAEA,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,GAAG,IAAG;AACxC;AACA;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,cAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CALwC,CAOxC;AACA;;AACA,YAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B;AACA,iBAAO,KAAP;AACD;;AAED,eAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,OAfS,CAAV;AAgBD,KAxBG,CA0BJ;AACA;AACA;AACA;;;AAEA,WAAO,CAAC,CACN,KAAK,GADC,EAEN,SAAS,CAAC,KAAK,MAAN,EAAc;AACrB,MAAA,KAAK,EAAE,KAAK,CAAM;AAChB,4BAAoB,KAAK;AADT,OAAN,CAAL,CAEJ,MAFI,CAEG,OAAO,IAAI,EAFd,EAEkB,MAFlB,CAEyB,WAFzB;AADc,KAAd,CAFH,EAON,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAPb,CAAR;AASD;;AAvD4B,CAAD,CAA9B","sourcesContent":["import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n name: 'v-container',\n extends: Grid('container'),\n functional: true,\n props: {\n id: String,\n tag: {\n type: String,\n default: 'div',\n },\n fluid: {\n type: Boolean,\n default: false,\n },\n },\n render () {\n let classes\n // const { attrs } = data\n\n const attrs = this.$attrs\n\n if (attrs) {\n // reset attrs to extract utility clases like pa-3\n classes = Object.keys(attrs).filter(key => {\n // TODO: Remove once resolved\n // https://github.com/vuejs/vue/issues/7841\n if (key === 'slot') return false\n\n const value = attrs[key]\n\n // add back data attributes like data-test=\"foo\" but do not\n // add them as classes\n if (key.startsWith('data-')) {\n // data.attrs![key] = value\n return false\n }\n\n return value || typeof value === 'string'\n })\n }\n\n // if (props.id) {\n // data.domProps = data.domProps || {}\n // data.domProps.id = props.id\n // }\n\n return h(\n this.tag,\n mergeData(this.$attrs, {\n class: Array<any>({\n 'container--fluid': this.fluid,\n }).concat(classes || []).concat('container'),\n }),\n this.$slots.default?.()\n )\n },\n})\n"],"sourceRoot":"","file":"VContainer.js"}
|
|
@@ -4,9 +4,8 @@ import "../../../src/components/VItemGroup/VItem.sass"; // Mixins
|
|
|
4
4
|
import { factory as GroupableFactory } from '../../mixins/groupable'; // Utilities
|
|
5
5
|
|
|
6
6
|
import mixins from '../../util/mixins';
|
|
7
|
-
import { consoleWarn } from '../../util/console';
|
|
8
|
-
|
|
9
|
-
import { defineComponent } from 'vue';
|
|
7
|
+
import { consoleWarn } from '../../util/console';
|
|
8
|
+
import { defineComponent, mergeProps } from "vue";
|
|
10
9
|
/* @vue/component */
|
|
11
10
|
|
|
12
11
|
export const BaseItem = defineComponent({
|
|
@@ -33,36 +32,39 @@ export const BaseItem = defineComponent({
|
|
|
33
32
|
return null;
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
const slotContent = this.$slots.default({
|
|
36
|
+
active: this.isActive,
|
|
37
|
+
toggle: this.toggle
|
|
38
|
+
});
|
|
38
39
|
|
|
39
|
-
if (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
toggle: this.toggle
|
|
43
|
-
});
|
|
40
|
+
if (!slotContent || slotContent.length === 0) {
|
|
41
|
+
consoleWarn('v-item slot returned empty content', this);
|
|
42
|
+
return null;
|
|
44
43
|
}
|
|
45
44
|
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
let element = slotContent[0];
|
|
46
|
+
|
|
47
|
+
if (!element) {
|
|
48
|
+
consoleWarn('v-item should contain at least one element', this);
|
|
49
|
+
return null;
|
|
48
50
|
}
|
|
49
51
|
|
|
50
|
-
if (!element
|
|
51
|
-
consoleWarn('v-item should only contain
|
|
52
|
+
if (!element.type) {
|
|
53
|
+
consoleWarn('v-item should only contain valid VNode elements', this);
|
|
52
54
|
return element;
|
|
53
55
|
}
|
|
54
56
|
|
|
55
|
-
element.
|
|
57
|
+
element.props = mergeProps(element.props || {}, {
|
|
56
58
|
class: {
|
|
57
59
|
[this.activeClass]: this.isActive,
|
|
58
|
-
|
|
60
|
+
"v-item--disabled": this.disabled
|
|
59
61
|
}
|
|
60
62
|
});
|
|
61
63
|
|
|
62
64
|
if (this.disabled) {
|
|
63
|
-
element.
|
|
65
|
+
element.props = mergeProps(element.props || {}, {
|
|
64
66
|
tabindex: -1
|
|
65
|
-
};
|
|
67
|
+
});
|
|
66
68
|
}
|
|
67
69
|
|
|
68
70
|
return element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/VItemGroup/VItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,+CAAP,C,CAEA;;AACA,SAAS,OAAO,IAAI,gBAApB,QAA4C,wBAA5C,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,WAAT,QAA4B,oBAA5B,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/VItemGroup/VItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,+CAAP,C,CAEA;;AACA,SAAS,OAAO,IAAI,gBAApB,QAA4C,wBAA5C,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,WAAT,QAA4B,oBAA5B;AACA,SAAS,eAAT,EAA0B,UAA1B,QAA4C,KAA5C;AAIA;;AACA,OAAO,MAAM,QAAQ,GAAG,eAAe,CAAC;AACtC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,MADR;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,QAAQ,EAAE;AADL,KAFF;AAKL,IAAA,QAAQ,EAAE;AALL,GAD+B;AAStC,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CATgC;AAatC,EAAA,OAAO,EAAE;AACP,IAAA,MAAM,GAAA;AACJ,WAAK,QAAL,GAAgB,CAAC,KAAK,QAAtB;AACD;;AAHM,GAb6B;;AAmBtC,EAAA,MAAM,GAAA;AACJ,QAAI,CAAC,KAAK,MAAL,CAAY,OAAjB,EAA0B;AACxB,MAAA,WAAW,CAAC,wCAAD,EAA2C,IAA3C,CAAX;AACA,aAAO,IAAP;AACD;;AAED,UAAM,WAAW,GAAG,KAAK,MAAL,CAAY,OAAZ,CAAoB;AACtC,MAAA,MAAM,EAAE,KAAK,QADyB;AAEtC,MAAA,MAAM,EAAE,KAAK;AAFyB,KAApB,CAApB;;AAKA,QAAI,CAAC,WAAD,IAAgB,WAAW,CAAC,MAAZ,KAAuB,CAA3C,EAA8C;AAC5C,MAAA,WAAW,CAAC,oCAAD,EAAuC,IAAvC,CAAX;AACA,aAAO,IAAP;AACD;;AAED,QAAI,OAAO,GAAG,WAAW,CAAC,CAAD,CAAzB;;AAEA,QAAI,CAAC,OAAL,EAAc;AACZ,MAAA,WAAW,CAAC,4CAAD,EAA+C,IAA/C,CAAX;AACA,aAAO,IAAP;AACD;;AAED,QAAI,CAAC,OAAO,CAAC,IAAb,EAAmB;AACjB,MAAA,WAAW,CAAC,iDAAD,EAAoD,IAApD,CAAX;AACA,aAAO,OAAP;AACD;;AAED,IAAA,OAAO,CAAC,KAAR,GAAgB,UAAU,CAAC,OAAO,CAAC,KAAR,IAAiB,EAAlB,EAAsB;AAC9C,MAAA,KAAK,EAAE;AACL,SAAC,KAAK,WAAN,GAAoB,KAAK,QADpB;AAEL,4BAAoB,KAAK;AAFpB;AADuC,KAAtB,CAA1B;;AAOA,QAAI,KAAK,QAAT,EAAmB;AACjB,MAAA,OAAO,CAAC,KAAR,GAAgB,UAAU,CAAC,OAAO,CAAC,KAAR,IAAiB,EAAlB,EAAsB;AAC9C,QAAA,QAAQ,EAAE,CAAC;AADmC,OAAtB,CAA1B;AAGD;;AAED,WAAO,OAAP;AACD;;AA7DqC,CAAD,CAAhC;AAgEP,eAAe,MAAM,CACnB,QADmB,EAEnB,gBAAgB,CAAC,WAAD,EAAc,QAAd,EAAwB,cAAxB,CAFG,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE;AADC,CAHM,CAAf","sourcesContent":["// Styles\nimport './VItem.sass'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\nimport { defineComponent, mergeProps } from \"vue\"\n\nimport type { VNode } from 'vue'\n\n/* @vue/component */\nexport const BaseItem = defineComponent({\n props: {\n activeClass: String,\n value: {\n required: false,\n },\n disabled: Boolean,\n },\n\n data: () => ({\n isActive: false,\n }),\n\n methods: {\n toggle () {\n this.isActive = !this.isActive\n },\n },\n\n render (): VNode | null {\n if (!this.$slots.default) {\n consoleWarn('v-item is missing a default scopedSlot', this)\n return null\n }\n\n const slotContent = this.$slots.default({\n active: this.isActive,\n toggle: this.toggle,\n })\n\n if (!slotContent || slotContent.length === 0) {\n consoleWarn('v-item slot returned empty content', this)\n return null\n }\n\n let element = slotContent[0]\n\n if (!element) {\n consoleWarn('v-item should contain at least one element', this)\n return null\n }\n\n if (!element.type) {\n consoleWarn('v-item should only contain valid VNode elements', this)\n return element\n }\n\n element.props = mergeProps(element.props || {}, {\n class: {\n [this.activeClass]: this.isActive,\n \"v-item--disabled\": this.disabled\n }\n })\n\n if (this.disabled) {\n element.props = mergeProps(element.props || {}, {\n tabindex: -1\n })\n }\n\n return element\n },\n})\n\nexport default mixins(\n BaseItem,\n GroupableFactory('itemGroup', 'v-item', 'v-item-group')\n).extend({\n name: 'v-item',\n})\n"],"sourceRoot":"","file":"VItem.js"}
|
|
@@ -336,6 +336,7 @@ export default baseMixins.extend({
|
|
|
336
336
|
genLabel() {
|
|
337
337
|
if (!this.showLabel) return null;
|
|
338
338
|
const data = {
|
|
339
|
+
ref: "label",
|
|
339
340
|
absolute: true,
|
|
340
341
|
color: this.validationState,
|
|
341
342
|
dark: this.dark,
|
|
@@ -471,8 +472,10 @@ export default baseMixins.extend({
|
|
|
471
472
|
},
|
|
472
473
|
|
|
473
474
|
setLabelWidth() {
|
|
475
|
+
var _a, _b, _c, _d;
|
|
476
|
+
|
|
474
477
|
if (!this.outlined) return;
|
|
475
|
-
this.labelWidth = this.$refs.label ? Math.min(this.$refs.label.scrollWidth * 0.75 + 6, this.$el.offsetWidth - 24) : 0;
|
|
478
|
+
this.labelWidth = ((_b = (_a = this.$refs) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.$el) ? Math.min(((_d = (_c = this.$refs) === null || _c === void 0 ? void 0 : _c.label) === null || _d === void 0 ? void 0 : _d.$el.scrollWidth) * 0.75 + 6, this.$el.offsetWidth - 24) : 0;
|
|
476
479
|
},
|
|
477
480
|
|
|
478
481
|
setPrefixWidth() {
|