vitrify 0.17.10 → 0.17.12
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/plugins/quasar/unocss/components/QAjaxBar.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QBanner.unocss.js +9 -12
- package/dist/plugins/quasar/unocss/components/QBar.unocss.js +2 -2
- package/dist/plugins/quasar/unocss/components/QBtn.unocss.js +5 -3
- package/dist/plugins/quasar/unocss/components/QCard.unocss.js +12 -4
- package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js +7 -2
- package/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js +18 -6
- package/dist/plugins/quasar/unocss/components/QDate.unocss.js +5 -3
- package/dist/plugins/quasar/unocss/components/QDrawer.unocss.js +6 -4
- package/dist/plugins/quasar/unocss/components/QFab.unocss.js +6 -5
- package/dist/plugins/quasar/unocss/components/QField.unocss.js +196 -35
- package/dist/plugins/quasar/unocss/components/QFooter.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QItem.unocss.js +3 -3
- package/dist/plugins/quasar/unocss/components/QMenu.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QPagination.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QPullToRefresh.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QScrollarea.unocss.js +4 -1
- package/dist/plugins/quasar/unocss/components/QStepper.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QTabPanel.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QTable.unocss.js +3 -3
- package/dist/plugins/quasar/unocss/components/QToggle.unocss.js +2 -2
- package/dist/plugins/quasar/unocss/components/QTooltip.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/core/colors.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/core/flex.unocss.js +23 -14
- package/dist/plugins/quasar/unocss/core/position.unocss.js +2 -1
- package/dist/plugins/quasar/unocss/core/size.unocss.js +96 -84
- package/dist/plugins/quasar/unocss/directives/QRipple.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/index.js +107 -67
- package/dist/plugins/quasar/unocss/plugins/QLoading.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/plugins/QNotify.unocss.js +20 -20
- package/dist/plugins/quasar/unocss/theme.js +9 -1
- package/dist/types/plugins/quasar/unocss/index.d.ts +2 -1
- package/dist/types/plugins/quasar/unocss/theme.d.ts +9 -1
- package/package.json +1 -1
- package/src/node/plugins/quasar/unocss/components/QAjaxBar.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QBanner.unocss.ts +13 -12
- package/src/node/plugins/quasar/unocss/components/QBar.unocss.ts +2 -2
- package/src/node/plugins/quasar/unocss/components/QBtn.unocss.ts +5 -3
- package/src/node/plugins/quasar/unocss/components/QCard.unocss.ts +12 -4
- package/src/node/plugins/quasar/unocss/components/QChatMessage.unocss.ts +7 -2
- package/src/node/plugins/quasar/unocss/components/QCheckbox.unocss.ts +19 -6
- package/src/node/plugins/quasar/unocss/components/QDate.unocss.ts +5 -3
- package/src/node/plugins/quasar/unocss/components/QDrawer.unocss.ts +8 -4
- package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts +6 -5
- package/src/node/plugins/quasar/unocss/components/QField.unocss.ts +196 -37
- package/src/node/plugins/quasar/unocss/components/QFooter.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QItem.unocss.ts +3 -3
- package/src/node/plugins/quasar/unocss/components/QMenu.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QPagination.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QPullToRefresh.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QScrollarea.unocss.ts +4 -1
- package/src/node/plugins/quasar/unocss/components/QStepper.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QTabPanel.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QTable.unocss.ts +3 -3
- package/src/node/plugins/quasar/unocss/components/QToggle.unocss.ts +2 -2
- package/src/node/plugins/quasar/unocss/components/QTooltip.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/core/colors.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/core/flex.unocss.ts +39 -17
- package/src/node/plugins/quasar/unocss/core/position.unocss.ts +3 -1
- package/src/node/plugins/quasar/unocss/core/size.unocss.ts +102 -84
- package/src/node/plugins/quasar/unocss/directives/QRipple.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/index.ts +257 -196
- package/src/node/plugins/quasar/unocss/plugins/QLoading.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/plugins/QNotify.unocss.ts +38 -20
- package/src/node/plugins/quasar/unocss/theme.ts +18 -2
|
@@ -16,90 +16,102 @@ const shortcuts = [
|
|
|
16
16
|
[/^full-width$/, ([, c], { theme }) => `!w-full !ml-0 !mr-0`],
|
|
17
17
|
[/^window-height$/, ([, c], { theme }) => `!mt-0 !mb-0 !h-screen`],
|
|
18
18
|
[/^window-width$/, ([, c], { theme }) => `!ml-0 !mr-0 !w-screen`],
|
|
19
|
-
[
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
[
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
[/^q-
|
|
32
|
-
[/^q-
|
|
33
|
-
[/^q-
|
|
34
|
-
[/^q-
|
|
35
|
-
[/^q-
|
|
36
|
-
[/^q-
|
|
37
|
-
[/^q-
|
|
38
|
-
[/^q-
|
|
39
|
-
[/^q-
|
|
40
|
-
[/^q-
|
|
41
|
-
[/^q-
|
|
42
|
-
[/^q-
|
|
43
|
-
[/^q-
|
|
44
|
-
[/^q-
|
|
45
|
-
[/^q-
|
|
46
|
-
[/^q-
|
|
47
|
-
[/^q-
|
|
48
|
-
[/^q-
|
|
49
|
-
[/^q-
|
|
50
|
-
[/^q-
|
|
51
|
-
[/^q-
|
|
52
|
-
[/^q-
|
|
53
|
-
[/^q-
|
|
54
|
-
[/^q-
|
|
55
|
-
[/^q-
|
|
56
|
-
[/^q-
|
|
57
|
-
[/^q-
|
|
58
|
-
[/^q-
|
|
59
|
-
[/^q-
|
|
60
|
-
[/^q-
|
|
61
|
-
[/^q-
|
|
62
|
-
[/^q-
|
|
63
|
-
[/^q-
|
|
64
|
-
[/^q-
|
|
65
|
-
[/^q-
|
|
66
|
-
[/^q-
|
|
67
|
-
[/^q-
|
|
68
|
-
[/^q-
|
|
69
|
-
[/^q-
|
|
70
|
-
[/^q-
|
|
71
|
-
[/^q-
|
|
72
|
-
[/^q-
|
|
73
|
-
[/^q-
|
|
74
|
-
[/^q-
|
|
75
|
-
[/^q-
|
|
76
|
-
[/^q-
|
|
77
|
-
[/^q-
|
|
78
|
-
[/^q-
|
|
79
|
-
[/^q-
|
|
80
|
-
[/^q-
|
|
81
|
-
[/^q-
|
|
82
|
-
[/^q-
|
|
83
|
-
[/^q-
|
|
84
|
-
[/^q-
|
|
85
|
-
[/^q-
|
|
86
|
-
[/^q-
|
|
87
|
-
[/^q-
|
|
88
|
-
[/^q-
|
|
89
|
-
[/^q-
|
|
90
|
-
[/^q-
|
|
91
|
-
[/^q-
|
|
92
|
-
[/^q-
|
|
93
|
-
[/^q-
|
|
94
|
-
[/^q-
|
|
95
|
-
[/^q-
|
|
96
|
-
[/^q-
|
|
97
|
-
[/^q-
|
|
98
|
-
[/^q-
|
|
99
|
-
[/^q-
|
|
100
|
-
[/^q-
|
|
101
|
-
[/^q-
|
|
102
|
-
[/^q-
|
|
19
|
+
[
|
|
20
|
+
/^q-p(a|t|b|l|r)?(?:-)(none|xs|sm|md|lg|xl)$/,
|
|
21
|
+
([, side, size], { theme }) => {
|
|
22
|
+
return `p${side}-${theme.quasar?.spaces[size]}`;
|
|
23
|
+
}
|
|
24
|
+
],
|
|
25
|
+
[
|
|
26
|
+
/^q-m(a|t|b|l|r)?(?:-)(none|xs|sm|md|lg|xl)$/,
|
|
27
|
+
([, side, size], { theme }) => {
|
|
28
|
+
return `m${side}-${theme.quasar?.spaces[size]}`;
|
|
29
|
+
}
|
|
30
|
+
],
|
|
31
|
+
// [/^q-pa-none$/, ([, c], { theme }) => `p-[0]`],
|
|
32
|
+
// [/^q-pl-none$/, ([, c], { theme }) => `pl-0`],
|
|
33
|
+
// [/^q-pr-none$/, ([, c], { theme }) => `pr-0`],
|
|
34
|
+
// [/^q-pt-none$/, ([, c], { theme }) => `pt-0`],
|
|
35
|
+
// [/^q-pb-none$/, ([, c], { theme }) => `pb-0`],
|
|
36
|
+
// [/^q-px-none$/, ([, c], { theme }) => `pl-0 pr-0`],
|
|
37
|
+
// [/^q-py-none$/, ([, c], { theme }) => `pt-0 pb-0`],
|
|
38
|
+
// [/^q-ma-none$/, ([, c], { theme }) => `m-[0]`],
|
|
39
|
+
// [/^q-ml-none$/, ([, c], { theme }) => `ml-0`],
|
|
40
|
+
// [/^q-mr-none$/, ([, c], { theme }) => `mr-0`],
|
|
41
|
+
// [/^q-mt-none$/, ([, c], { theme }) => `mt-0`],
|
|
42
|
+
// [/^q-mb-none$/, ([, c], { theme }) => `mb-0`],
|
|
43
|
+
// [/^q-mx-none$/, ([, c], { theme }) => `ml-0 mr-0`],
|
|
44
|
+
// [/^q-my-none$/, ([, c], { theme }) => `mt-0 mb-0`],
|
|
45
|
+
// [/^q-pa-xs$/, ([, c], { theme }) => `p-[4px]`],
|
|
46
|
+
// [/^q-pl-xs$/, ([, c], { theme }) => `pl-[4px]`],
|
|
47
|
+
// [/^q-pr-xs$/, ([, c], { theme }) => `pr-[4px]`],
|
|
48
|
+
// [/^q-pt-xs$/, ([, c], { theme }) => `pt-[4px]`],
|
|
49
|
+
// [/^q-pb-xs$/, ([, c], { theme }) => `pb-[4px]`],
|
|
50
|
+
// [/^q-px-xs$/, ([, c], { theme }) => `pl-[4px] pr-[4px]`],
|
|
51
|
+
// [/^q-py-xs$/, ([, c], { theme }) => `pt-[4px] pb-[4px]`],
|
|
52
|
+
// [/^q-ma-xs$/, ([, c], { theme }) => `m-[4px]`],
|
|
53
|
+
// [/^q-ml-xs$/, ([, c], { theme }) => `ml-[4px]`],
|
|
54
|
+
// [/^q-mr-xs$/, ([, c], { theme }) => `mr-[4px]`],
|
|
55
|
+
// [/^q-mt-xs$/, ([, c], { theme }) => `mt-[4px]`],
|
|
56
|
+
// [/^q-mb-xs$/, ([, c], { theme }) => `mb-[4px]`],
|
|
57
|
+
// [/^q-mx-xs$/, ([, c], { theme }) => `ml-[4px] mr-[4px]`],
|
|
58
|
+
// [/^q-my-xs$/, ([, c], { theme }) => `mt-[4px] mb-[4px]`],
|
|
59
|
+
// [/^q-pa-sm$/, ([, c], { theme }) => `p-[8px]`],
|
|
60
|
+
// [/^q-pl-sm$/, ([, c], { theme }) => `pl-[8px]`],
|
|
61
|
+
// [/^q-pr-sm$/, ([, c], { theme }) => `pr-[8px]`],
|
|
62
|
+
// [/^q-pt-sm$/, ([, c], { theme }) => `pt-[8px]`],
|
|
63
|
+
// [/^q-pb-sm$/, ([, c], { theme }) => `pb-[8px]`],
|
|
64
|
+
// [/^q-px-sm$/, ([, c], { theme }) => `pl-[8px] pr-[8px]`],
|
|
65
|
+
// [/^q-py-sm$/, ([, c], { theme }) => `pt-[8px] pb-[8px]`],
|
|
66
|
+
// [/^q-ma-sm$/, ([, c], { theme }) => `m-[8px]`],
|
|
67
|
+
// [/^q-ml-sm$/, ([, c], { theme }) => `ml-[8px]`],
|
|
68
|
+
// [/^q-mr-sm$/, ([, c], { theme }) => `mr-[8px]`],
|
|
69
|
+
// [/^q-mt-sm$/, ([, c], { theme }) => `mt-[8px]`],
|
|
70
|
+
// [/^q-mb-sm$/, ([, c], { theme }) => `mb-[8px]`],
|
|
71
|
+
// [/^q-mx-sm$/, ([, c], { theme }) => `ml-[8px] mr-[8px]`],
|
|
72
|
+
// [/^q-my-sm$/, ([, c], { theme }) => `mt-[8px] mb-[8px]`],
|
|
73
|
+
// [/^q-pa-md$/, ([, c], { theme }) => `p-[16px]`],
|
|
74
|
+
// [/^q-pl-md$/, ([, c], { theme }) => `pl-[16px]`],
|
|
75
|
+
// [/^q-pr-md$/, ([, c], { theme }) => `pr-[16px]`],
|
|
76
|
+
// [/^q-pt-md$/, ([, c], { theme }) => `pt-[16px]`],
|
|
77
|
+
// [/^q-pb-md$/, ([, c], { theme }) => `pb-[16px]`],
|
|
78
|
+
// [/^q-px-md$/, ([, c], { theme }) => `pl-[16px] pr-[16px]`],
|
|
79
|
+
// [/^q-py-md$/, ([, c], { theme }) => `pt-[16px] pb-[16px]`],
|
|
80
|
+
// [/^q-ma-md$/, ([, c], { theme }) => `m-[16px]`],
|
|
81
|
+
// [/^q-ml-md$/, ([, c], { theme }) => `ml-[16px]`],
|
|
82
|
+
// [/^q-mr-md$/, ([, c], { theme }) => `mr-[16px]`],
|
|
83
|
+
// [/^q-mt-md$/, ([, c], { theme }) => `mt-[16px]`],
|
|
84
|
+
// [/^q-mb-md$/, ([, c], { theme }) => `mb-[16px]`],
|
|
85
|
+
// [/^q-mx-md$/, ([, c], { theme }) => `ml-[16px] mr-[16px]`],
|
|
86
|
+
// [/^q-my-md$/, ([, c], { theme }) => `mt-[16px] mb-[16px]`],
|
|
87
|
+
// [/^q-pa-lg$/, ([, c], { theme }) => `p-[24px]`],
|
|
88
|
+
// [/^q-pl-lg$/, ([, c], { theme }) => `pl-[24px]`],
|
|
89
|
+
// [/^q-pr-lg$/, ([, c], { theme }) => `pr-[24px]`],
|
|
90
|
+
// [/^q-pt-lg$/, ([, c], { theme }) => `pt-[24px]`],
|
|
91
|
+
// [/^q-pb-lg$/, ([, c], { theme }) => `pb-[24px]`],
|
|
92
|
+
// [/^q-px-lg$/, ([, c], { theme }) => `pl-[24px] pr-[24px]`],
|
|
93
|
+
// [/^q-py-lg$/, ([, c], { theme }) => `pt-[24px] pb-[24px]`],
|
|
94
|
+
// [/^q-ma-lg$/, ([, c], { theme }) => `m-[24px]`],
|
|
95
|
+
// [/^q-ml-lg$/, ([, c], { theme }) => `ml-[24px]`],
|
|
96
|
+
// [/^q-mr-lg$/, ([, c], { theme }) => `mr-[24px]`],
|
|
97
|
+
// [/^q-mt-lg$/, ([, c], { theme }) => `mt-[24px]`],
|
|
98
|
+
// [/^q-mb-lg$/, ([, c], { theme }) => `mb-[24px]`],
|
|
99
|
+
// [/^q-mx-lg$/, ([, c], { theme }) => `ml-[24px] mr-[24px]`],
|
|
100
|
+
// [/^q-my-lg$/, ([, c], { theme }) => `mt-[24px] mb-[24px]`],
|
|
101
|
+
// [/^q-pa-xl$/, ([, c], { theme }) => `p-[48px]`],
|
|
102
|
+
// [/^q-pl-xl$/, ([, c], { theme }) => `pl-[48px]`],
|
|
103
|
+
// [/^q-pr-xl$/, ([, c], { theme }) => `pr-[48px]`],
|
|
104
|
+
// [/^q-pt-xl$/, ([, c], { theme }) => `pt-[48px]`],
|
|
105
|
+
// [/^q-pb-xl$/, ([, c], { theme }) => `pb-[48px]`],
|
|
106
|
+
// [/^q-px-xl$/, ([, c], { theme }) => `pl-[48px] pr-[48px]`],
|
|
107
|
+
// [/^q-py-xl$/, ([, c], { theme }) => `pt-[48px] pb-[48px]`],
|
|
108
|
+
// [/^q-ma-xl$/, ([, c], { theme }) => `m-[48px]`],
|
|
109
|
+
// [/^q-ml-xl$/, ([, c], { theme }) => `ml-[48px]`],
|
|
110
|
+
// [/^q-mr-xl$/, ([, c], { theme }) => `mr-[48px]`],
|
|
111
|
+
// [/^q-mt-xl$/, ([, c], { theme }) => `mt-[48px]`],
|
|
112
|
+
// [/^q-mb-xl$/, ([, c], { theme }) => `mb-[48px]`],
|
|
113
|
+
// [/^q-mx-xl$/, ([, c], { theme }) => `ml-[48px] mr-[48px]`],
|
|
114
|
+
// [/^q-my-xl$/, ([, c], { theme }) => `mt-[48px] mb-[48px]`],
|
|
103
115
|
[/^q-mt-auto$/, ([, c], { theme }) => `mt-auto`],
|
|
104
116
|
[/^q-my-auto$/, ([, c], { theme }) => `mt-auto mb-auto`],
|
|
105
117
|
[/^q-ml-auto$/, ([, c], { theme }) => `ml-auto`],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-ripple$/,
|
|
4
|
-
([, c], { theme }) => `absolute top-0 left-0 w-full h-full [color:inherit] [border-radius:inherit] z-0 pointer-events-none overflow-hidden`
|
|
4
|
+
([, c], { theme }) => `absolute top-0 left-0 w-full h-full [color:inherit] [border-radius:inherit] z-0 pointer-events-none overflow-hidden z-0`
|
|
5
5
|
],
|
|
6
6
|
[
|
|
7
7
|
/^q-ripple__inner$/,
|
|
@@ -104,6 +104,9 @@ const toKebabCase = (str) => str
|
|
|
104
104
|
.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
|
|
105
105
|
?.map((x) => x.toLowerCase())
|
|
106
106
|
.join('-') ?? '';
|
|
107
|
+
const componentsSafelistMap = {
|
|
108
|
+
QSelect: ['q-list', 'q-item', 'q-virtual-scroll', 'q-menu']
|
|
109
|
+
};
|
|
107
110
|
const pluginSafelistMap = {
|
|
108
111
|
BottomSheet: [
|
|
109
112
|
'q-bottom-sheet',
|
|
@@ -283,6 +286,9 @@ const pluginSafelistMap = {
|
|
|
283
286
|
]
|
|
284
287
|
};
|
|
285
288
|
const baseSafelist = [
|
|
289
|
+
'relative-position',
|
|
290
|
+
'q-panel-parent',
|
|
291
|
+
'inline',
|
|
286
292
|
'bg-primary',
|
|
287
293
|
'col',
|
|
288
294
|
'row',
|
|
@@ -1487,13 +1493,17 @@ const generateSafelist = ({ plugins, iconSet }) => {
|
|
|
1487
1493
|
return safelist;
|
|
1488
1494
|
};
|
|
1489
1495
|
export default definePreset((options = {}) => {
|
|
1490
|
-
return
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1496
|
+
return [
|
|
1497
|
+
presetUno(),
|
|
1498
|
+
animatedUno(),
|
|
1499
|
+
presetIcons({}),
|
|
1500
|
+
{
|
|
1501
|
+
name: 'quasar',
|
|
1502
|
+
presets: [presetUno(), animatedUno(), presetIcons({})],
|
|
1503
|
+
safelist: generateSafelist(options),
|
|
1504
|
+
preflights: [
|
|
1505
|
+
{
|
|
1506
|
+
getCSS: ({ theme }) => `/* beasties:include start */
|
|
1497
1507
|
/* Document
|
|
1498
1508
|
* ========================================================================== */
|
|
1499
1509
|
|
|
@@ -1751,69 +1761,99 @@ export default definePreset((options = {}) => {
|
|
|
1751
1761
|
:where(summary) {
|
|
1752
1762
|
display: list-item;
|
|
1753
1763
|
}
|
|
1764
|
+
|
|
1765
|
+
/* * Change font properties to \`inherit\` in all browsers (opinionated).
|
|
1766
|
+
* */
|
|
1767
|
+
button,
|
|
1768
|
+
input,
|
|
1769
|
+
optgroup,
|
|
1770
|
+
select,
|
|
1771
|
+
textarea {
|
|
1772
|
+
font: inherit;
|
|
1773
|
+
font-family: inherit;
|
|
1774
|
+
margin: 0;
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1754
1777
|
/* beasties:include end */`
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1778
|
+
}
|
|
1779
|
+
].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights, ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights, TransitionPreflights, SizePreflights),
|
|
1780
|
+
rules: [].concat(MouseRules, HelperRules, ElevationRules, VisibilityRules),
|
|
1781
|
+
shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, DarkShortcuts, FlexShortcuts, HelperShortcuts, MouseShortcuts, OrientationShortcuts, PositionShortcuts, SizeShortcuts, TouchShortcuts, TransitionsShortcuts, TypographyShortcuts, VisibilityShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts, ElevationShortcuts),
|
|
1782
|
+
layers: {
|
|
1783
|
+
dismiss: -1,
|
|
1784
|
+
default: 1
|
|
1785
|
+
},
|
|
1786
|
+
theme: defaultTheme,
|
|
1787
|
+
variants: [
|
|
1788
|
+
// ...
|
|
1789
|
+
],
|
|
1790
|
+
extractors: [
|
|
1791
|
+
{
|
|
1792
|
+
name: 'quasar-extractor',
|
|
1793
|
+
order: 0,
|
|
1794
|
+
extract({ code }) {
|
|
1795
|
+
const kebabMatch = code.matchAll(/q-(\w)([\w-]*)/g);
|
|
1796
|
+
const pascalMatch = code.matchAll(/Q([A-Z][a-z0-9]+)+/g);
|
|
1797
|
+
const transitionMatch = code.matchAll(/(transition|transition-show|transition-hide|transition-prev|transition-next)="(\S*)"/g);
|
|
1798
|
+
const colorMatch = code.matchAll(/color="(\S*)"/g);
|
|
1799
|
+
const pascalComponentsMatch = [];
|
|
1800
|
+
const matches = [];
|
|
1801
|
+
for (const match of kebabMatch)
|
|
1802
|
+
matches.push(match[0]);
|
|
1803
|
+
for (const match of pascalMatch) {
|
|
1804
|
+
pascalComponentsMatch.push(match[0]);
|
|
1805
|
+
matches.push(toKebabCase(match[0]));
|
|
1806
|
+
}
|
|
1807
|
+
const transitionClasses = [];
|
|
1808
|
+
for (const match of transitionMatch) {
|
|
1809
|
+
transitionClasses.push(...[
|
|
1810
|
+
'enter-from',
|
|
1811
|
+
'enter-active',
|
|
1812
|
+
'enter-to',
|
|
1813
|
+
'leave-from',
|
|
1814
|
+
'leave-active',
|
|
1815
|
+
'leave-to'
|
|
1816
|
+
].map((v) => `q-transition--${match[2]}-${v}`));
|
|
1817
|
+
}
|
|
1818
|
+
const colorClasses = [];
|
|
1819
|
+
for (const match of colorMatch) {
|
|
1820
|
+
colorClasses.push(`text-${match[1]}`, `bg-${match[1]}`);
|
|
1821
|
+
}
|
|
1822
|
+
const classes = qClasses.filter((c) => matches.some((component) => {
|
|
1823
|
+
component = component.replaceAll('q-chat-message', 'q-message');
|
|
1824
|
+
component = component.replaceAll('q-scroll-area', 'q-scrollarea');
|
|
1825
|
+
return c.includes(component);
|
|
1826
|
+
}));
|
|
1827
|
+
const componentClasses = pascalComponentsMatch.reduce((acc, component) => {
|
|
1828
|
+
if (component in componentsSafelistMap) {
|
|
1829
|
+
acc.push(...componentsSafelistMap[component]);
|
|
1830
|
+
}
|
|
1831
|
+
return acc;
|
|
1832
|
+
}, []);
|
|
1833
|
+
classes.push(...transitionClasses, ...colorClasses, ...componentClasses);
|
|
1834
|
+
return classes;
|
|
1792
1835
|
}
|
|
1793
|
-
const classes = qClasses.filter((c) => matches.some((component) => c.includes(component)));
|
|
1794
|
-
classes.push(...transitionClasses, ...colorClasses);
|
|
1795
|
-
return classes;
|
|
1796
1836
|
}
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1837
|
+
],
|
|
1838
|
+
transformers: [
|
|
1839
|
+
transformerVariantGroup()
|
|
1840
|
+
// {
|
|
1841
|
+
// name: 'find-classes-in-quasar-src',
|
|
1842
|
+
// enforce: 'pre', // enforce before other transformers
|
|
1843
|
+
// idFilter(id) {
|
|
1844
|
+
// return id.match(/quasar\/src\/.*\.js/)
|
|
1845
|
+
// },
|
|
1846
|
+
// async transform(code, id, { uno }) {
|
|
1847
|
+
// for (const c of baseSafelist) {
|
|
1848
|
+
// if (code.toString().includes(c)) console.log(c)
|
|
1849
|
+
// }
|
|
1850
|
+
// return code
|
|
1851
|
+
// // code is a MagicString instance
|
|
1852
|
+
// }
|
|
1853
|
+
// }
|
|
1854
|
+
]
|
|
1855
|
+
}
|
|
1856
|
+
];
|
|
1817
1857
|
});
|
|
1818
1858
|
export const defaultSplitRE = /[\\:]?[\s'"`;{}]+/g;
|
|
1819
1859
|
export const splitWithVariantGroupRE = /([\\:]?[\s"'`;<>]|:\(|\)"|\)\s)/g;
|
|
@@ -2,7 +2,7 @@ const shortcuts = [
|
|
|
2
2
|
[/^q-loading$/, ([, c], { theme }) => `text-[#000] !fixed`],
|
|
3
3
|
[
|
|
4
4
|
/^q-loading__backdrop$/,
|
|
5
|
-
([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0 opacity-50 bg-[#000] [transition:background-color_0.28s]`
|
|
5
|
+
([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0 opacity-50 bg-[#000] [transition:background-color_0.28s] z--1`
|
|
6
6
|
],
|
|
7
7
|
[
|
|
8
8
|
/^q-loading__box$/,
|
|
@@ -38,7 +38,7 @@ body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notific
|
|
|
38
38
|
const shortcuts = [
|
|
39
39
|
[
|
|
40
40
|
/^q-notifications__list$/,
|
|
41
|
-
([, c], { theme }) => `pointer-events-none left-0 right-0 mb-[10px] relative z
|
|
41
|
+
([, c], { theme }) => `pointer-events-none left-0 right-0 mb-[10px] relative z-${theme.quasar.z['notify']}`
|
|
42
42
|
],
|
|
43
43
|
[/^q-notifications__list--center$/, ([, c], { theme }) => `top-0 bottom-0`],
|
|
44
44
|
[/^q-notifications__list--top$/, ([, c], { theme }) => `top-0`],
|
|
@@ -46,7 +46,7 @@ const shortcuts = [
|
|
|
46
46
|
[
|
|
47
47
|
/^q-notification$/,
|
|
48
48
|
([, c], { theme }) => `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] inline-flex mt-[10px] mx-[10px] mb-[0] [transition:transform_1s,_opacity_1s] flex-shrink-0 max-w-[95vw] bg-[#323232] text-[#fff] text-[14px]
|
|
49
|
-
sm:max-w-65vw z
|
|
49
|
+
sm:max-w-65vw z-${theme.quasar.z['notify']} pointer-events-all`
|
|
50
50
|
],
|
|
51
51
|
[
|
|
52
52
|
/^q-notification__icon$/,
|
|
@@ -97,75 +97,75 @@ const shortcuts = [
|
|
|
97
97
|
],
|
|
98
98
|
[
|
|
99
99
|
/^q-notification--top-left-enter-from$/,
|
|
100
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
100
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
101
101
|
],
|
|
102
102
|
[
|
|
103
103
|
/^q-notification--top-left-leave-to$/,
|
|
104
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
104
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
105
105
|
],
|
|
106
106
|
[
|
|
107
107
|
/^q-notification--top-enter-from$/,
|
|
108
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
108
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
109
109
|
],
|
|
110
110
|
[
|
|
111
111
|
/^q-notification--top-leave-to$/,
|
|
112
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
112
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
113
113
|
],
|
|
114
114
|
[
|
|
115
115
|
/^q-notification--top-right-enter-from$/,
|
|
116
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
116
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
117
117
|
],
|
|
118
118
|
[
|
|
119
119
|
/^q-notification--top-right-leave-to$/,
|
|
120
|
-
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-
|
|
120
|
+
([, c], { theme }) => `opacity-0 -translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
121
121
|
],
|
|
122
122
|
[
|
|
123
123
|
/^q-notification--left-enter-from$/,
|
|
124
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
124
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
125
125
|
],
|
|
126
126
|
[
|
|
127
127
|
/^q-notification--left-leave-to$/,
|
|
128
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
128
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
129
129
|
],
|
|
130
130
|
[
|
|
131
131
|
/^q-notification--center-enter-from$/,
|
|
132
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
132
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
133
133
|
],
|
|
134
134
|
[
|
|
135
135
|
/^q-notification--center-leave-to$/,
|
|
136
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
136
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
137
137
|
],
|
|
138
138
|
[
|
|
139
139
|
/^q-notification--right-enter-from$/,
|
|
140
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
140
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
141
141
|
],
|
|
142
142
|
[
|
|
143
143
|
/^q-notification--right-leave-to$/,
|
|
144
|
-
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-
|
|
144
|
+
([, c], { theme }) => `opacity-0 [transform:rotateX(90deg)] z-${theme.quasar.z['notify'] - 1}`
|
|
145
145
|
],
|
|
146
146
|
[
|
|
147
147
|
/^q-notification--bottom-left-enter-from$/,
|
|
148
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
148
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
149
149
|
],
|
|
150
150
|
[
|
|
151
151
|
/^q-notification--bottom-left-leave-to$/,
|
|
152
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
152
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
153
153
|
],
|
|
154
154
|
[
|
|
155
155
|
/^q-notification--bottom-enter-from$/,
|
|
156
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
156
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
157
157
|
],
|
|
158
158
|
[
|
|
159
159
|
/^q-notification--bottom-leave-to$/,
|
|
160
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
160
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
161
161
|
],
|
|
162
162
|
[
|
|
163
163
|
/^q-notification--bottom-right-enter-from$/,
|
|
164
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
164
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
165
165
|
],
|
|
166
166
|
[
|
|
167
167
|
/^q-notification--bottom-right-leave-to$/,
|
|
168
|
-
([, c], { theme }) => `opacity-0 translate-y-[50px] z-
|
|
168
|
+
([, c], { theme }) => `opacity-0 translate-y-[50px] z-${theme.quasar.z['notify'] - 1}`
|
|
169
169
|
],
|
|
170
170
|
[
|
|
171
171
|
/^q-notification--top-left-leave-active$/,
|
|
@@ -15,7 +15,7 @@ const defaultTheme = {
|
|
|
15
15
|
info: '#31CCEC',
|
|
16
16
|
warning: '#F2C037',
|
|
17
17
|
'dark-page': '#121212',
|
|
18
|
-
|
|
18
|
+
dark: '#1d1d1d',
|
|
19
19
|
red: '#f44336',
|
|
20
20
|
'red-1': '#ffebee',
|
|
21
21
|
'red-2': '#ffcdd2',
|
|
@@ -303,6 +303,14 @@ const defaultTheme = {
|
|
|
303
303
|
'blue-grey-14': '#455a64'
|
|
304
304
|
},
|
|
305
305
|
quasar: {
|
|
306
|
+
spaces: {
|
|
307
|
+
none: 0,
|
|
308
|
+
xs: 1,
|
|
309
|
+
sm: 2,
|
|
310
|
+
md: 4,
|
|
311
|
+
lg: 6,
|
|
312
|
+
xl: 12
|
|
313
|
+
},
|
|
306
314
|
z: {
|
|
307
315
|
fab: 990,
|
|
308
316
|
side: 1000,
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { type Preset } from 'unocss';
|
|
1
2
|
import { type QuasarIconSet, type QuasarPlugins } from 'quasar';
|
|
2
3
|
export interface QuasarPresetOptions {
|
|
3
4
|
plugins?: (keyof QuasarPlugins)[];
|
|
4
5
|
iconSet?: QuasarIconSet;
|
|
5
6
|
}
|
|
6
|
-
declare const _default:
|
|
7
|
+
declare const _default: Preset<object>;
|
|
7
8
|
export default _default;
|
|
8
9
|
export declare const defaultSplitRE: RegExp;
|
|
9
10
|
export declare const splitWithVariantGroupRE: RegExp;
|
|
@@ -15,7 +15,7 @@ export interface QuasarTheme {
|
|
|
15
15
|
info: string;
|
|
16
16
|
warning: string;
|
|
17
17
|
'dark-page': string;
|
|
18
|
-
|
|
18
|
+
dark: string;
|
|
19
19
|
red: string;
|
|
20
20
|
'red-1': string;
|
|
21
21
|
'red-2': string;
|
|
@@ -1114,6 +1114,14 @@ export interface QuasarTheme {
|
|
|
1114
1114
|
'q-notification--bottom-leave-active'?: string;
|
|
1115
1115
|
'q-notification--bottom-right-leave-active'?: string;
|
|
1116
1116
|
};
|
|
1117
|
+
spaces: {
|
|
1118
|
+
none: number;
|
|
1119
|
+
xs: number;
|
|
1120
|
+
sm: number;
|
|
1121
|
+
md: number;
|
|
1122
|
+
lg: number;
|
|
1123
|
+
xl: number;
|
|
1124
|
+
};
|
|
1117
1125
|
z: {
|
|
1118
1126
|
fab: number;
|
|
1119
1127
|
side: number;
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
6
6
|
/^q-loading-bar$/,
|
|
7
7
|
([, c], { theme }) =>
|
|
8
8
|
theme.quasar?.components?.['q-loading-bar'] ??
|
|
9
|
-
`fixed z
|
|
9
|
+
`fixed z-${theme.quasar.z['max']} transition-transform bg-red`
|
|
10
10
|
],
|
|
11
11
|
[/^q-loading-bar--top$/, ([, c], { theme }) => `left-0 right-0 top-0 w-full`],
|
|
12
12
|
[
|