@quidgest/ui 0.25.0 → 0.27.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/CHANGELOG.md +40 -0
- package/dist/json/api.json +501 -156
- package/dist/manifest/components.json +3 -0
- package/dist/ui.css +1030 -138
- package/dist/ui.esm.js +989 -937
- package/dist/ui.js +1230 -1181
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +1230 -1181
- package/dist/ui.scss +1301 -168
- package/esm/components/QAccordion/QAccordion.d.ts.map +1 -1
- package/esm/components/QAccordion/QAccordion.vue.js +19 -18
- package/esm/components/QAccordion/QAccordionItem.vue.js +4 -4
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +58 -55
- package/esm/components/QBadgeIndicator/QBadgeIndicator.d.ts.map +1 -1
- package/esm/components/QBadgeIndicator/QBadgeIndicator.vue.js +17 -16
- package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts +81 -0
- package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/QBreadcrumb.vue.js +85 -0
- package/esm/components/QBreadcrumbs/QBreadcrumb2.vue.js +5 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs.d.ts +22 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs.vue.js +74 -0
- package/esm/components/QBreadcrumbs/QBreadcrumbs2.vue.js +5 -0
- package/esm/components/QBreadcrumbs/constants.d.ts +20 -0
- package/esm/components/QBreadcrumbs/constants.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/constants.js +10 -0
- package/esm/components/QBreadcrumbs/context.d.ts +103 -0
- package/esm/components/QBreadcrumbs/context.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/context.js +4 -0
- package/esm/components/QBreadcrumbs/index.d.ts +108 -0
- package/esm/components/QBreadcrumbs/index.d.ts.map +1 -0
- package/esm/components/QBreadcrumbs/index.js +7 -0
- package/esm/components/QBreadcrumbs/types.d.ts +100 -0
- package/esm/components/QBreadcrumbs/types.d.ts.map +1 -0
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +55 -52
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.vue.js +16 -15
- package/esm/components/QCard/QCard.d.ts.map +1 -1
- package/esm/components/QCard/QCard.vue.js +51 -52
- package/esm/components/QCarousel/QCarousel.d.ts.map +1 -1
- package/esm/components/QCarousel/QCarousel.vue.js +119 -115
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +10 -14
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +52 -51
- package/esm/components/QColorPicker/QColorPicker.d.ts.map +1 -1
- package/esm/components/QColorPicker/QColorPicker.vue.js +48 -47
- package/esm/components/QCombobox/QCombobox.d.ts +6 -4
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +119 -116
- package/esm/components/QCombobox/index.d.ts +3 -2
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +468 -429
- package/esm/components/QDateTimePicker/constants.d.ts +5 -0
- package/esm/components/QDateTimePicker/constants.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/constants.js +5 -0
- package/esm/components/QDialog/QDialog.d.ts +2 -1
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +84 -65
- package/esm/components/QDialog/constants.d.ts +6 -1
- package/esm/components/QDialog/constants.d.ts.map +1 -1
- package/esm/components/QDialog/constants.js +6 -2
- package/esm/components/QDialog/index.d.ts +6 -0
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +13 -1
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDivider/QDivider.d.ts.map +1 -1
- package/esm/components/QDivider/QDivider.vue.js +22 -21
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +8 -6
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +126 -125
- package/esm/components/QField/QField.d.ts.map +1 -1
- package/esm/components/QField/QField.vue.js +36 -34
- package/esm/components/QFileUpload/QFileUpload.vue.js +16 -16
- package/esm/components/QGauge/QGauge.d.ts +1 -1
- package/esm/components/QGauge/QGauge.d.ts.map +1 -1
- package/esm/components/QGauge/QGauge.vue.js +9 -9
- package/esm/components/QIcon/QIcon.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.vue.js +20 -19
- package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
- package/esm/components/QIcon/QIconFont.vue.js +13 -12
- package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconImg.vue.js +12 -11
- package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconSvg.vue.js +19 -18
- package/esm/components/QIcon/QSvgSymbol.d.ts +54 -0
- package/esm/components/QIcon/QSvgSymbol.d.ts.map +1 -0
- package/esm/components/QIcon/QSvgSymbol.vue.js +88 -0
- package/esm/components/QIcon/QSvgSymbol2.vue.js +5 -0
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +30 -29
- package/esm/components/QLabel/QLabel.d.ts.map +1 -1
- package/esm/components/QLabel/QLabel.vue.js +20 -19
- package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
- package/esm/components/QLineLoader/QLineLoader.vue.js +14 -13
- package/esm/components/QList/QList.d.ts +4 -4
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +135 -135
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +42 -40
- package/esm/components/QList/QListItemGroup.d.ts +1 -1
- package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
- package/esm/components/QList/index.d.ts +2 -2
- package/esm/components/QList/types.d.ts +6 -0
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QMeter/QMeter.d.ts.map +1 -1
- package/esm/components/QMeter/QMeter.vue.js +20 -19
- package/esm/components/QObfuscation/QObfuscation.d.ts.map +1 -1
- package/esm/components/QObfuscation/QObfuscation.vue.js +53 -53
- package/esm/components/QOverflow/QOverflow.d.ts +1 -1
- package/esm/components/QOverflow/QOverflow.d.ts.map +1 -1
- package/esm/components/QOverflow/QOverflow.vue.js +10 -10
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +139 -138
- package/esm/components/QPasswordField/QPasswordField.d.ts +2 -0
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.vue.js +63 -60
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +1 -1
- package/esm/components/QPasswordField/constants.d.ts +4 -0
- package/esm/components/QPasswordField/constants.d.ts.map +1 -1
- package/esm/components/QPasswordField/constants.js +4 -1
- package/esm/components/QPasswordField/index.d.ts +6 -0
- package/esm/components/QPasswordField/index.d.ts.map +1 -1
- package/esm/components/QPasswordField/types.d.ts +7 -1
- package/esm/components/QPasswordField/types.d.ts.map +1 -1
- package/esm/components/QPhoneField/QPhoneField.d.ts +7 -5
- package/esm/components/QPhoneField/QPhoneField.d.ts.map +1 -1
- package/esm/components/QPhoneField/QPhoneField.vue.js +88 -88
- package/esm/components/QPhoneField/index.d.ts +3 -2
- package/esm/components/QPhoneField/index.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +51 -28
- package/esm/components/QProgress/QProgress.vue.js +3 -3
- package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +65 -55
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts +8 -4
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListGroup.vue.js +31 -28
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListPanel.vue.js +13 -12
- package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListRow.vue.js +41 -16
- package/esm/components/QPropertyList/constants.d.ts +2 -0
- package/esm/components/QPropertyList/constants.d.ts.map +1 -1
- package/esm/components/QPropertyList/constants.js +5 -1
- package/esm/components/QPropertyList/index.d.ts +16 -4
- package/esm/components/QPropertyList/index.d.ts.map +1 -1
- package/esm/components/QSection/QSection.d.ts +2 -0
- package/esm/components/QSection/QSection.d.ts.map +1 -1
- package/esm/components/QSection/QSection.vue.js +19 -14
- package/esm/components/QSection/index.d.ts +2 -0
- package/esm/components/QSection/index.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +6 -4
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +129 -124
- package/esm/components/QSelect/index.d.ts +3 -2
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebar.d.ts +1 -1
- package/esm/components/QSidebar/QSidebar.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebar.vue.js +68 -67
- package/esm/components/QSidebar/QSidebarItem.d.ts +1 -1
- package/esm/components/QSidebar/QSidebarItem.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebarItem.vue.js +8 -8
- package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebarPanel.vue.js +40 -36
- package/esm/components/QSidebar/context.d.ts +1 -1
- package/esm/components/QSidebar/context.d.ts.map +1 -1
- package/esm/components/QSidebar/types.d.ts +8 -0
- package/esm/components/QSidebar/types.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +15 -14
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +11 -10
- package/esm/components/QSteps/QStepHeader.d.ts +58 -0
- package/esm/components/QSteps/QStepHeader.d.ts.map +1 -0
- package/esm/components/QSteps/QStepHeader.vue.js +49 -0
- package/esm/components/QSteps/QStepHeader2.vue.js +5 -0
- package/esm/components/QSteps/QSteps.d.ts +269 -0
- package/esm/components/QSteps/QSteps.d.ts.map +1 -0
- package/esm/components/QSteps/QSteps.vue.js +260 -0
- package/esm/components/QSteps/QSteps2.vue.js +5 -0
- package/esm/components/QSteps/QStepsNav.d.ts +59 -0
- package/esm/components/QSteps/QStepsNav.d.ts.map +1 -0
- package/esm/components/QSteps/QStepsNav.vue.js +42 -0
- package/esm/components/QSteps/QStepsNav2.vue.js +5 -0
- package/esm/components/QSteps/constants.d.ts +28 -0
- package/esm/components/QSteps/constants.d.ts.map +1 -0
- package/esm/components/QSteps/constants.js +16 -0
- package/esm/components/QSteps/index.d.ts +228 -0
- package/esm/components/QSteps/index.d.ts.map +1 -0
- package/esm/components/QSteps/index.js +6 -0
- package/esm/components/QSteps/types.d.ts +190 -0
- package/esm/components/QSteps/types.d.ts.map +1 -0
- package/esm/components/QSwitch/QSwitch.vue.js +3 -3
- package/esm/components/QTabs/QTab.d.ts +1 -1
- package/esm/components/QTabs/QTab.d.ts.map +1 -1
- package/esm/components/QTabs/QTab.vue.js +10 -12
- package/esm/components/QTabs/QTabs.d.ts +1 -1
- package/esm/components/QTabs/QTabs.d.ts.map +1 -1
- package/esm/components/QTabs/QTabs.vue.js +108 -113
- package/esm/components/QTabs/context.d.ts +1 -1
- package/esm/components/QTabs/context.d.ts.map +1 -1
- package/esm/components/QTabs/types.d.ts +1 -1
- package/esm/components/QTextArea/QTextArea.d.ts +1 -1
- package/esm/components/QTextArea/QTextArea.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +9 -7
- package/esm/components/QTextArea/index.d.ts +3 -3
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +11 -9
- package/esm/components/QThemeProvider/QThemeProvider.vue.js +3 -3
- package/esm/components/QToast/QToast.d.ts +2 -1
- package/esm/components/QToast/QToast.d.ts.map +1 -1
- package/esm/components/QToast/QToast.vue.js +95 -78
- package/esm/components/QToast/QToaster.d.ts.map +1 -1
- package/esm/components/QToast/QToaster.vue.js +20 -19
- package/esm/components/QToast/constants.d.ts +3 -0
- package/esm/components/QToast/constants.d.ts.map +1 -1
- package/esm/components/QToast/constants.js +2 -2
- package/esm/components/QToast/index.d.ts +6 -0
- package/esm/components/QToast/index.d.ts.map +1 -1
- package/esm/components/QToast/types.d.ts +7 -1
- package/esm/components/QToast/types.d.ts.map +1 -1
- package/esm/components/QToggle/QToggle.d.ts.map +1 -1
- package/esm/components/QToggle/QToggle.vue.js +52 -15
- package/esm/components/QToggleGroup/QToggleGroup.d.ts.map +1 -1
- package/esm/components/QToggleGroup/QToggleGroup.vue.js +21 -20
- package/esm/components/QTooltip/QTooltip.vue.js +5 -5
- package/esm/components/__internal__/QChevron/QChevron.d.ts.map +1 -1
- package/esm/components/__internal__/QChevron/QChevron.vue.js +16 -15
- package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map +1 -1
- package/esm/components/__internal__/QClearButton/QClearButton.vue.js +19 -18
- package/esm/components/index.d.ts +2 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +108 -103
- package/esm/composables/useColor/index.d.ts +2 -0
- package/esm/composables/useColor/index.d.ts.map +1 -1
- package/esm/composables/useColor/index.js +49 -39
- package/esm/composables/useColor/types.d.ts +15 -0
- package/esm/composables/useColor/types.d.ts.map +1 -1
- package/esm/composables/useEnabledSelection/index.d.ts +33 -0
- package/esm/composables/useEnabledSelection/index.d.ts.map +1 -0
- package/esm/composables/useEnabledSelection/index.js +15 -0
- package/esm/index.d.ts +3 -0
- package/esm/utils/color/contrast.d.ts +20 -0
- package/esm/utils/color/contrast.d.ts.map +1 -1
- package/esm/utils/color/contrast.js +24 -13
- package/esm/utils/color/merge.js +8 -8
- package/esm/utils/index.js +56 -54
- package/package.json +12 -6
- package/esm/components/QIcon/InlineSvg.d.ts +0 -110
- package/esm/components/QIcon/InlineSvg.d.ts.map +0 -1
- package/esm/components/QIcon/InlineSvg.js +0 -95
- package/esm/utils/time.d.ts +0 -36
- package/esm/utils/time.d.ts.map +0 -1
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
import { useGroup as e } from "../../composables/useGroup/index.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useId as t } from "../../composables/useId/index.js";
|
|
3
|
+
import { QListItem as n, QListItemGroup as r } from "./index.js";
|
|
4
|
+
import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, renderSlot as p, toRef as m, unref as h, watch as g, withCtx as _ } from "vue";
|
|
4
5
|
//#region src/components/QList/QList.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var v =
|
|
6
|
+
var v = [
|
|
7
|
+
"id",
|
|
8
|
+
"aria-label",
|
|
9
|
+
"aria-multiselectable",
|
|
10
|
+
"tabindex"
|
|
11
|
+
], y = /*@__PURE__*/ c({
|
|
6
12
|
__name: "QList",
|
|
7
13
|
props: {
|
|
8
14
|
id: {},
|
|
9
15
|
class: {},
|
|
16
|
+
label: {},
|
|
10
17
|
modelValue: {},
|
|
11
18
|
highlighted: {},
|
|
12
19
|
items: {},
|
|
@@ -27,206 +34,199 @@ var v = /*@__PURE__*/ s({
|
|
|
27
34
|
"click",
|
|
28
35
|
"mouseenter:item"
|
|
29
36
|
],
|
|
30
|
-
setup(
|
|
31
|
-
let
|
|
37
|
+
setup(c, { expose: y, emit: b }) {
|
|
38
|
+
let x = c, S = b, C = t(m(x, "id")), w = d(!1), T = a(() => x.groups.length ? x.groups.filter((e) => x.items?.some((t) => t.group === e.id)) : [{
|
|
32
39
|
id: "",
|
|
33
40
|
title: ""
|
|
34
|
-
}]), { active:
|
|
35
|
-
active: m(
|
|
36
|
-
required: m(
|
|
37
|
-
multiple: m(
|
|
38
|
-
}),
|
|
39
|
-
function O(e) {
|
|
40
|
-
x("click", e);
|
|
41
|
-
}
|
|
41
|
+
}]), { active: E } = e({
|
|
42
|
+
active: m(x, "modelValue"),
|
|
43
|
+
required: m(x, "required"),
|
|
44
|
+
multiple: m(x, "multiple")
|
|
45
|
+
}), D = d(null), O = d(null);
|
|
42
46
|
function k(e) {
|
|
43
|
-
|
|
47
|
+
S("click", e);
|
|
44
48
|
}
|
|
45
|
-
function A() {
|
|
46
|
-
S
|
|
49
|
+
function A(e) {
|
|
50
|
+
S("mouseenter:item", e);
|
|
47
51
|
}
|
|
48
52
|
function j() {
|
|
49
|
-
|
|
53
|
+
w.value = !0;
|
|
54
|
+
}
|
|
55
|
+
function M() {
|
|
56
|
+
w.value = !1;
|
|
50
57
|
}
|
|
51
|
-
function
|
|
52
|
-
if (!
|
|
58
|
+
function N(e) {
|
|
59
|
+
if (!x.items || D.value?.contains(e.relatedTarget)) return;
|
|
53
60
|
let t = -1;
|
|
54
|
-
|
|
55
|
-
let n =
|
|
56
|
-
|
|
61
|
+
x.multiple ? E.value?.length > 0 && (t = x.items.findIndex((e) => E.value.includes(e[x.itemValue]))) : E.value && (t = x.items.findIndex((e) => e[x.itemValue] === E.value)), t === -1 && (t = H());
|
|
62
|
+
let n = w.value;
|
|
63
|
+
R(t, n);
|
|
57
64
|
}
|
|
58
|
-
let
|
|
59
|
-
function
|
|
60
|
-
switch (window.clearTimeout(
|
|
65
|
+
let P = d(""), F;
|
|
66
|
+
function I(e) {
|
|
67
|
+
switch (window.clearTimeout(F), [
|
|
61
68
|
"ArrowDown",
|
|
62
69
|
"ArrowUp",
|
|
63
70
|
"Home",
|
|
64
71
|
"End"
|
|
65
72
|
].includes(e.key) && e.preventDefault(), e.key) {
|
|
66
73
|
case "ArrowDown":
|
|
67
|
-
|
|
74
|
+
L("next");
|
|
68
75
|
break;
|
|
69
76
|
case "ArrowUp":
|
|
70
|
-
|
|
77
|
+
L("prev");
|
|
71
78
|
break;
|
|
72
79
|
case "Home":
|
|
73
|
-
|
|
80
|
+
L("first");
|
|
74
81
|
break;
|
|
75
82
|
case "End":
|
|
76
|
-
|
|
83
|
+
L("last");
|
|
77
84
|
break;
|
|
78
85
|
default: break;
|
|
79
86
|
}
|
|
80
87
|
if (/^[a-z]$/i.test(e.key)) {
|
|
81
|
-
|
|
82
|
-
let t =
|
|
83
|
-
for (let e = 0; e < t; e++) if (
|
|
84
|
-
|
|
88
|
+
P.value += e.key.toLowerCase();
|
|
89
|
+
let t = x.items?.length || 0;
|
|
90
|
+
for (let e = 0; e < t; e++) if (x.items[e][x.itemLabel].toLowerCase().startsWith(P.value)) {
|
|
91
|
+
R(e);
|
|
85
92
|
break;
|
|
86
93
|
}
|
|
87
94
|
e.preventDefault(), e.stopPropagation();
|
|
88
95
|
}
|
|
89
|
-
|
|
90
|
-
|
|
96
|
+
F = window.setTimeout(function() {
|
|
97
|
+
P.value = "";
|
|
91
98
|
}, 500);
|
|
92
99
|
}
|
|
93
|
-
function
|
|
100
|
+
function L(e) {
|
|
94
101
|
switch (e) {
|
|
95
102
|
case "next":
|
|
96
103
|
case "prev":
|
|
97
|
-
|
|
104
|
+
R(G(e));
|
|
98
105
|
break;
|
|
99
106
|
case "first":
|
|
100
|
-
|
|
107
|
+
R(H());
|
|
101
108
|
break;
|
|
102
109
|
case "last":
|
|
103
|
-
|
|
110
|
+
R(U());
|
|
104
111
|
break;
|
|
105
112
|
default: break;
|
|
106
113
|
}
|
|
107
114
|
}
|
|
108
|
-
function
|
|
109
|
-
|
|
115
|
+
function R(e, t = !1) {
|
|
116
|
+
z()[e]?.focus({ preventScroll: t });
|
|
110
117
|
}
|
|
111
|
-
function
|
|
112
|
-
let e =
|
|
118
|
+
function z() {
|
|
119
|
+
let e = D.value?.querySelectorAll("li");
|
|
113
120
|
return e ? Array.from(e) : [];
|
|
114
121
|
}
|
|
115
|
-
function
|
|
116
|
-
return
|
|
117
|
-
}
|
|
118
|
-
function B() {
|
|
119
|
-
return R().indexOf(document.activeElement);
|
|
122
|
+
function B(e) {
|
|
123
|
+
return z()[e];
|
|
120
124
|
}
|
|
121
125
|
function V() {
|
|
122
|
-
|
|
123
|
-
return t ? e.indexOf(t) : -1;
|
|
126
|
+
return z().indexOf(document.activeElement);
|
|
124
127
|
}
|
|
125
128
|
function H() {
|
|
126
|
-
let e =
|
|
129
|
+
let e = z(), t = e.find((e) => q(e));
|
|
130
|
+
return t ? e.indexOf(t) : -1;
|
|
131
|
+
}
|
|
132
|
+
function U() {
|
|
133
|
+
let e = z(), t = [...e].reverse().find((e) => q(e));
|
|
127
134
|
return t ? e.indexOf(t) : -1;
|
|
128
135
|
}
|
|
129
|
-
function
|
|
136
|
+
function W(e, t, n) {
|
|
130
137
|
return t === "prev" && e <= 0 || t === "next" && e === n.length - 1;
|
|
131
138
|
}
|
|
132
|
-
function
|
|
133
|
-
return
|
|
139
|
+
function G(e) {
|
|
140
|
+
return K(V(), e);
|
|
134
141
|
}
|
|
135
|
-
function
|
|
136
|
-
let n =
|
|
137
|
-
if (
|
|
142
|
+
function K(e, t) {
|
|
143
|
+
let n = z();
|
|
144
|
+
if (W(e, t, n)) return e;
|
|
138
145
|
let r = e + (t === "next" ? 1 : -1);
|
|
139
|
-
for (; !
|
|
140
|
-
if (
|
|
146
|
+
for (; !q(n[r]);) {
|
|
147
|
+
if (W(r, t, n)) return e;
|
|
141
148
|
r += t === "next" ? 1 : -1;
|
|
142
149
|
}
|
|
143
150
|
return r;
|
|
144
151
|
}
|
|
145
|
-
function
|
|
152
|
+
function q(e) {
|
|
146
153
|
return e.tabIndex === -1;
|
|
147
154
|
}
|
|
148
|
-
function
|
|
149
|
-
return e ?
|
|
150
|
-
}
|
|
151
|
-
return g(
|
|
152
|
-
|
|
153
|
-
}),
|
|
154
|
-
getItem:
|
|
155
|
-
getActiveItemIndex:
|
|
156
|
-
getAdjacentItemIndex:
|
|
157
|
-
getFirstFocusableItemIndex:
|
|
158
|
-
getLastFocusableItemIndex:
|
|
159
|
-
}), (e,
|
|
160
|
-
id:
|
|
155
|
+
function J(e) {
|
|
156
|
+
return e ? x.items?.filter((t) => t.group === e) : x.items;
|
|
157
|
+
}
|
|
158
|
+
return g(E, (e) => {
|
|
159
|
+
S("update:modelValue", e);
|
|
160
|
+
}), y({
|
|
161
|
+
getItem: B,
|
|
162
|
+
getActiveItemIndex: V,
|
|
163
|
+
getAdjacentItemIndex: K,
|
|
164
|
+
getFirstFocusableItemIndex: H,
|
|
165
|
+
getLastFocusableItemIndex: U
|
|
166
|
+
}), (e, t) => (u(), s("div", {
|
|
167
|
+
id: h(C),
|
|
161
168
|
ref_key: "listRef",
|
|
162
|
-
ref:
|
|
163
|
-
class:
|
|
169
|
+
ref: D,
|
|
170
|
+
class: l([
|
|
164
171
|
"q-list",
|
|
165
|
-
{ "q-list--disabled":
|
|
166
|
-
|
|
172
|
+
{ "q-list--disabled": x.disabled },
|
|
173
|
+
x.class
|
|
167
174
|
]),
|
|
168
175
|
role: "listbox",
|
|
169
|
-
"aria-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
176
|
+
"aria-label": x.label,
|
|
177
|
+
"aria-multiselectable": x.multiple || void 0,
|
|
178
|
+
tabindex: x.disabled ? -1 : 0,
|
|
179
|
+
onFocus: N,
|
|
180
|
+
onMousedown: j,
|
|
181
|
+
onMouseup: M,
|
|
182
|
+
onKeydown: I
|
|
183
|
+
}, [p(e.$slots, "default", {}, () => [(u(!0), s(i, null, f(T.value, (t, a) => (u(), o(h(r), {
|
|
184
|
+
id: t.id,
|
|
185
|
+
key: t.id,
|
|
186
|
+
title: T.value.length === 1 ? void 0 : t.title
|
|
175
187
|
}, {
|
|
176
|
-
default: _(() => [
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
188
|
+
default: _(() => [(u(!0), s(i, null, f(J(t.id), (r, i) => (u(), o(h(n), {
|
|
189
|
+
key: r[x.itemValue],
|
|
190
|
+
ref_for: !0,
|
|
191
|
+
ref_key: "listItemsRef",
|
|
192
|
+
ref: O,
|
|
193
|
+
value: r[x.itemValue],
|
|
194
|
+
label: r[x.itemLabel],
|
|
195
|
+
description: r.description,
|
|
196
|
+
icon: r.icon,
|
|
197
|
+
disabled: x.disabled || t.disabled || r.disabled,
|
|
198
|
+
highlighted: x.highlighted === r[x.itemValue],
|
|
199
|
+
selectable: x.selectable || x.multiple || r.selectable,
|
|
200
|
+
checkboxless: !x.multiple,
|
|
201
|
+
"select-on-tab": x.selectOnTab,
|
|
202
|
+
onClick: () => k(r[x.itemValue]),
|
|
203
|
+
onMouseenter: () => A(r[x.itemValue])
|
|
180
204
|
}, {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
icon: n.icon,
|
|
190
|
-
disabled: b.disabled || i.disabled || n.disabled,
|
|
191
|
-
highlighted: b.highlighted === n[b.itemValue],
|
|
192
|
-
selectable: b.selectable || b.multiple || n.selectable,
|
|
193
|
-
checkboxless: !b.multiple,
|
|
194
|
-
"select-on-tab": b.selectOnTab,
|
|
195
|
-
onClick: () => O(n[b.itemValue]),
|
|
196
|
-
onMouseenter: () => k(n[b.itemValue])
|
|
197
|
-
}, {
|
|
198
|
-
append: _(() => [f(e.$slots, "item.append", {
|
|
199
|
-
item: n,
|
|
200
|
-
element: D.value?.[r + s * w.value.length]?.$el
|
|
201
|
-
})]),
|
|
202
|
-
default: _(() => [f(e.$slots, "item", {
|
|
203
|
-
item: n,
|
|
204
|
-
element: D.value?.[r + s * w.value.length]?.$el
|
|
205
|
-
})]),
|
|
206
|
-
_: 2
|
|
207
|
-
}, 1032, [
|
|
208
|
-
"value",
|
|
209
|
-
"label",
|
|
210
|
-
"description",
|
|
211
|
-
"icon",
|
|
212
|
-
"disabled",
|
|
213
|
-
"highlighted",
|
|
214
|
-
"selectable",
|
|
215
|
-
"checkboxless",
|
|
216
|
-
"select-on-tab",
|
|
217
|
-
"onClick",
|
|
218
|
-
"onMouseenter"
|
|
219
|
-
]))), 128))]),
|
|
205
|
+
append: _(() => [p(e.$slots, "item.append", {
|
|
206
|
+
item: r,
|
|
207
|
+
element: O.value?.[i + a * T.value.length]?.$el
|
|
208
|
+
})]),
|
|
209
|
+
default: _(() => [p(e.$slots, "item", {
|
|
210
|
+
item: r,
|
|
211
|
+
element: O.value?.[i + a * T.value.length]?.$el
|
|
212
|
+
})]),
|
|
220
213
|
_: 2
|
|
221
|
-
}, 1032, [
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
214
|
+
}, 1032, [
|
|
215
|
+
"value",
|
|
216
|
+
"label",
|
|
217
|
+
"description",
|
|
218
|
+
"icon",
|
|
219
|
+
"disabled",
|
|
220
|
+
"highlighted",
|
|
221
|
+
"selectable",
|
|
222
|
+
"checkboxless",
|
|
223
|
+
"select-on-tab",
|
|
224
|
+
"onClick",
|
|
225
|
+
"onMouseenter"
|
|
226
|
+
]))), 128))]),
|
|
227
|
+
_: 2
|
|
228
|
+
}, 1032, ["id", "title"]))), 128))])], 42, v));
|
|
229
229
|
}
|
|
230
230
|
});
|
|
231
231
|
//#endregion
|
|
232
|
-
export {
|
|
232
|
+
export { y as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAqEA;AAiJC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAgEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmIT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACH,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;uFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { useGroupItem as e } from "../../composables/useGroup/index.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, watch as S, withModifiers as C } from "vue";
|
|
2
|
+
import { useId as t } from "../../composables/useId/index.js";
|
|
3
|
+
import { QIcon as n } from "../QIcon/index.js";
|
|
4
|
+
import { DEFAULT_ICONS as r } from "./constants.js";
|
|
5
|
+
import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, watch as x, withModifiers as S } from "vue";
|
|
7
6
|
//#region src/components/QList/QListItem.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
var
|
|
7
|
+
var C = [
|
|
9
8
|
"id",
|
|
10
9
|
"data-key",
|
|
11
10
|
"tabindex",
|
|
12
11
|
"aria-label",
|
|
12
|
+
"aria-disabled",
|
|
13
13
|
"aria-selected"
|
|
14
|
-
],
|
|
14
|
+
], w = { class: "q-list-item__container" }, T = { class: "q-list-item__content" }, E = {
|
|
15
15
|
key: 0,
|
|
16
16
|
class: "q-list-item__description"
|
|
17
|
-
}, O = /*@__PURE__*/
|
|
17
|
+
}, D = { class: "q-checkbox__input" }, O = /*@__PURE__*/ u({
|
|
18
18
|
__name: "QListItem",
|
|
19
|
-
props: /*@__PURE__*/
|
|
19
|
+
props: /*@__PURE__*/ f({
|
|
20
20
|
value: {},
|
|
21
21
|
label: {},
|
|
22
22
|
icon: {},
|
|
@@ -28,57 +28,59 @@ var w = [
|
|
|
28
28
|
},
|
|
29
29
|
highlighted: { type: Boolean },
|
|
30
30
|
disabled: { type: Boolean },
|
|
31
|
-
icons: { default: () =>
|
|
31
|
+
icons: { default: () => r },
|
|
32
32
|
checkboxless: { type: Boolean }
|
|
33
33
|
}, {
|
|
34
34
|
modelValue: { type: Boolean },
|
|
35
35
|
modelModifiers: {}
|
|
36
36
|
}),
|
|
37
|
-
emits: /*@__PURE__*/
|
|
38
|
-
setup(
|
|
39
|
-
let
|
|
37
|
+
emits: /*@__PURE__*/ f(["click"], ["update:modelValue"]),
|
|
38
|
+
setup(r, { emit: u }) {
|
|
39
|
+
let f = r, O = u, k = b(r, "modelValue"), A = t(), j = e(f.value);
|
|
40
40
|
if (!j) throw Error("QListItem: Failed to retrieve group item. Ensure the component is used within a QList context.");
|
|
41
41
|
function M() {
|
|
42
|
-
|
|
42
|
+
f.disabled || (O("click"), f.selectable && j?.toggle());
|
|
43
43
|
}
|
|
44
44
|
function N(e) {
|
|
45
|
-
e.key === "Tab" &&
|
|
45
|
+
e.key === "Tab" && f.selectOnTab && M(), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), M());
|
|
46
46
|
}
|
|
47
|
-
return
|
|
47
|
+
return x(j.isActive, (e) => {
|
|
48
48
|
k.value = e;
|
|
49
|
-
}, { immediate: !0 }), (e,
|
|
50
|
-
id:
|
|
51
|
-
"data-key":
|
|
49
|
+
}, { immediate: !0 }), (e, t) => (g(), o("li", {
|
|
50
|
+
id: y(A),
|
|
51
|
+
"data-key": f.value,
|
|
52
52
|
role: "option",
|
|
53
|
-
tabindex:
|
|
54
|
-
class:
|
|
53
|
+
tabindex: f.disabled ? void 0 : -1,
|
|
54
|
+
class: m(["q-list-item", {
|
|
55
55
|
"q-list-item--selected": k.value,
|
|
56
|
-
"q-list-item--selectable":
|
|
57
|
-
"q-list-item--disabled":
|
|
58
|
-
"q-list-item--highlighted":
|
|
56
|
+
"q-list-item--selectable": f.selectable,
|
|
57
|
+
"q-list-item--disabled": f.disabled,
|
|
58
|
+
"q-list-item--highlighted": f.highlighted
|
|
59
59
|
}]),
|
|
60
|
-
"aria-label":
|
|
61
|
-
"aria-
|
|
60
|
+
"aria-label": f.label,
|
|
61
|
+
"aria-disabled": f.disabled || void 0,
|
|
62
|
+
"aria-selected": f.disabled ? void 0 : k.value,
|
|
62
63
|
onKeydown: N,
|
|
63
|
-
onClick:
|
|
64
|
+
onClick: S(M, ["stop", "prevent"])
|
|
64
65
|
}, [
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
_(e.$slots, "prepend"),
|
|
67
|
+
s("div", w, [s("div", T, [_(e.$slots, "default", {}, () => [f.icon ? (g(), i(y(n), h(p({ key: 0 }, f.icon)), null, 16)) : a("v-if", !0), c(" " + v(f.label), 1)])]), f.description ? (g(), o("div", E, [l(y(n), h(d(f.icons.description)), null, 16), s("span", null, v(f.description), 1)])) : a("v-if", !0)]),
|
|
68
|
+
_(e.$slots, "append"),
|
|
69
|
+
f.selectable ? (g(), o("div", {
|
|
69
70
|
key: 0,
|
|
70
|
-
class:
|
|
71
|
-
}, [
|
|
71
|
+
class: m(["q-list-item__check-container", { "q-list-item__check-container--top": f.description }])
|
|
72
|
+
}, [f.checkboxless && k.value ? (g(), i(y(n), p({ key: 0 }, f.icons.check, {
|
|
72
73
|
class: "q-list-item__check",
|
|
73
74
|
"aria-hidden": "true"
|
|
74
|
-
}), null, 16)) :
|
|
75
|
+
}), null, 16)) : f.checkboxless ? a("v-if", !0) : (g(), o("span", {
|
|
75
76
|
key: 1,
|
|
76
|
-
|
|
77
|
-
"
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
77
|
+
"aria-hidden": "true",
|
|
78
|
+
class: m(["q-checkbox q-checkbox--small q-checkbox--primary", {
|
|
79
|
+
"q-checkbox--checked": k.value,
|
|
80
|
+
"q-checkbox--disabled": f.disabled
|
|
81
|
+
}])
|
|
82
|
+
}, [s("span", D, [k.value ? (g(), i(y(n), p({ key: 0 }, f.icons.check, { class: "q-checkbox__input-icon" }), null, 16)) : a("v-if", !0)])], 2))], 2)) : a("v-if", !0)
|
|
83
|
+
], 42, C));
|
|
82
84
|
}
|
|
83
85
|
});
|
|
84
86
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QListItemGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItemGroup.vue"],"names":[],"mappings":"AAgBA;AAkCC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"QListItemGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItemGroup.vue"],"names":[],"mappings":"AAgBA;AAkCC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAA;AAS7C,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+TAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -19,7 +19,7 @@ declare const QList: {
|
|
|
19
19
|
itemValue: string;
|
|
20
20
|
itemLabel: string;
|
|
21
21
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
22
|
-
listRef:
|
|
22
|
+
listRef: HTMLDivElement;
|
|
23
23
|
listItemsRef: (({
|
|
24
24
|
$: import('vue').ComponentInternalInstance;
|
|
25
25
|
$data: {};
|
|
@@ -97,7 +97,7 @@ declare const QList: {
|
|
|
97
97
|
append?(_: {}): any;
|
|
98
98
|
};
|
|
99
99
|
}) | null)[];
|
|
100
|
-
},
|
|
100
|
+
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
101
101
|
P: {};
|
|
102
102
|
B: {};
|
|
103
103
|
D: {};
|
|
@@ -11,6 +11,12 @@ export type QListItemGroupData = QListItemGroupProps & {
|
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
};
|
|
13
13
|
export type QListProps = QBaseComponentProps & {
|
|
14
|
+
/**
|
|
15
|
+
* Accessible name for the listbox.
|
|
16
|
+
*
|
|
17
|
+
* @category Content
|
|
18
|
+
*/
|
|
19
|
+
label?: string;
|
|
14
20
|
/**
|
|
15
21
|
* The value of the selected item.
|
|
16
22
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAGrE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;OAIG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IAEH,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;OAIG;IAEH,KAAK,EAAE,GAAG,CAAA;IAEV;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAGrE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IAEH,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;OAIG;IAEH,KAAK,EAAE,GAAG,CAAA;IAEV;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QMeter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/QMeter.vue"],"names":[],"mappings":"AAiBA;
|
|
1
|
+
{"version":3,"file":"QMeter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/QMeter.vue"],"names":[],"mappings":"AAiBA;AAwEC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAKpC,KAAK,WAAW,GAAG,WAAW,CAAC;AAsChC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;AA6EhB,wBASG"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { useId as e } from "../../composables/useId/index.js";
|
|
2
|
+
import { useColor as t } from "../../composables/useColor/index.js";
|
|
3
|
+
import { QLabel as n } from "../QLabel/index.js";
|
|
4
|
+
import { computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, toRef as f, unref as p, useModel as m } from "vue";
|
|
4
5
|
//#region src/components/QMeter/QMeter.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var
|
|
6
|
+
var h = ["id"], g = { class: "q-meter__labels" }, _ = { class: "q-meter__track" }, v = /*@__PURE__*/ s({
|
|
6
7
|
__name: "QMeter",
|
|
7
|
-
props: /*@__PURE__*/
|
|
8
|
+
props: /*@__PURE__*/ c({
|
|
8
9
|
id: {},
|
|
9
10
|
class: {},
|
|
10
11
|
label: {},
|
|
@@ -19,22 +20,22 @@ var m = ["id"], h = { class: "q-meter__labels" }, g = { class: "q-meter__track"
|
|
|
19
20
|
modelModifiers: {}
|
|
20
21
|
}),
|
|
21
22
|
emits: ["update:modelValue"],
|
|
22
|
-
setup(
|
|
23
|
-
let
|
|
24
|
-
width: `${Math.max(0, Math.min(
|
|
25
|
-
backgroundColor:
|
|
26
|
-
})),
|
|
27
|
-
return (e,
|
|
28
|
-
id:
|
|
29
|
-
class:
|
|
30
|
-
}, [
|
|
31
|
-
label:
|
|
23
|
+
setup(s) {
|
|
24
|
+
let c = s, v = m(s, "modelValue"), y = e(f(c, "id")), b = r(() => v.value / c.max * 100), { style: x } = t(f(c, "color")), S = r(() => ({
|
|
25
|
+
width: `${Math.max(0, Math.min(b.value, 100))}%`,
|
|
26
|
+
backgroundColor: x.value?.mainColor
|
|
27
|
+
})), C = r(() => typeof c.valueLabel == "string" ? c.valueLabel : c.valueLabel?.(v.value, c.max));
|
|
28
|
+
return (e, t) => (d(), i("div", {
|
|
29
|
+
id: p(y),
|
|
30
|
+
class: l(["q-meter", c.class])
|
|
31
|
+
}, [a("div", g, [o(p(n), { label: c.label }, null, 8, ["label"]), o(p(n), {
|
|
32
|
+
label: C.value,
|
|
32
33
|
class: "q-meter__value-label"
|
|
33
|
-
}, null, 8, ["label"])]),
|
|
34
|
+
}, null, 8, ["label"])]), a("div", _, [a("div", {
|
|
34
35
|
class: "q-meter__fill",
|
|
35
|
-
style:
|
|
36
|
-
}, null, 4)])], 10,
|
|
36
|
+
style: u(S.value)
|
|
37
|
+
}, null, 4)])], 10, h));
|
|
37
38
|
}
|
|
38
39
|
});
|
|
39
40
|
//#endregion
|
|
40
|
-
export {
|
|
41
|
+
export { v as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AAsFA;
|
|
1
|
+
{"version":3,"file":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AAsFA;AA4RC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAepC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAsLtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmLT,OAAO,IAA6B;;kBA1VtC,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;kBAVZ,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;;;EAqVvB;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|