@itguy614/clean-ui 1.2.1 → 1.3.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/README.md +12 -0
- package/dist/clean-ui.css +1 -1
- package/dist/components/CuiAccordion.vue.js +2 -2
- package/dist/components/CuiAlert.vue.d.ts +3 -5
- package/dist/components/CuiAlert.vue.d.ts.map +1 -1
- package/dist/components/CuiAlert.vue.js +1 -1
- package/dist/components/CuiAlert.vue2.js +54 -50
- package/dist/components/CuiBadge.vue.js +3 -3
- package/dist/components/CuiBadge.vue2.js +23 -23
- package/dist/components/CuiBanner.vue.d.ts +15 -10
- package/dist/components/CuiBanner.vue.d.ts.map +1 -1
- package/dist/components/CuiBanner.vue.js +5 -80
- package/dist/components/CuiBanner.vue2.js +90 -2
- package/dist/components/CuiButton.vue.d.ts +9 -0
- package/dist/components/CuiButton.vue.d.ts.map +1 -1
- package/dist/components/CuiButton.vue.js +1 -1
- package/dist/components/CuiButton.vue2.js +77 -83
- package/dist/components/CuiButtonGroup.vue.d.ts +4 -2
- package/dist/components/CuiButtonGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiButtonGroup.vue.js +1 -1
- package/dist/components/CuiButtonGroup.vue2.js +18 -9
- package/dist/components/CuiCard.vue.d.ts.map +1 -1
- package/dist/components/CuiCard.vue.js +5 -33
- package/dist/components/CuiCard.vue2.js +32 -2
- package/dist/components/CuiCardBody.vue.d.ts.map +1 -1
- package/dist/components/CuiCardBody.vue.js +5 -18
- package/dist/components/CuiCardBody.vue2.js +18 -2
- package/dist/components/CuiCardFooter.vue.d.ts.map +1 -1
- package/dist/components/CuiCardFooter.vue.js +5 -30
- package/dist/components/CuiCardFooter.vue2.js +25 -2
- package/dist/components/CuiCardHeader.vue.d.ts +5 -4
- package/dist/components/CuiCardHeader.vue.d.ts.map +1 -1
- package/dist/components/CuiCardHeader.vue.js +5 -49
- package/dist/components/CuiCardHeader.vue2.js +40 -2
- package/dist/components/CuiCardMedia.vue.d.ts.map +1 -1
- package/dist/components/CuiCardMedia.vue.js +3 -3
- package/dist/components/CuiCardMedia.vue2.js +6 -6
- package/dist/components/CuiCheckbox.vue.d.ts +2 -2
- package/dist/components/CuiCheckbox.vue.d.ts.map +1 -1
- package/dist/components/CuiCheckbox.vue.js +1 -1
- package/dist/components/CuiCheckbox.vue2.js +46 -34
- package/dist/components/CuiCheckboxGroup.vue.d.ts +2 -2
- package/dist/components/CuiCheckboxGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiCheckboxGroup.vue.js +2 -2
- package/dist/components/CuiCheckboxGroup.vue2.js +45 -35
- package/dist/components/CuiCodeBlock.vue.d.ts.map +1 -1
- package/dist/components/CuiCodeBlock.vue.js +14 -11
- package/dist/components/CuiColorPicker.vue.d.ts +2 -2
- package/dist/components/CuiColorPicker.vue.d.ts.map +1 -1
- package/dist/components/CuiColorPicker.vue.js +117 -104
- package/dist/components/CuiCombobox.vue.d.ts +2 -2
- package/dist/components/CuiCombobox.vue.d.ts.map +1 -1
- package/dist/components/CuiCombobox.vue.js +5 -330
- package/dist/components/CuiCombobox.vue2.js +331 -2
- package/dist/components/CuiConfirmDialog.vue.d.ts +5 -4
- package/dist/components/CuiConfirmDialog.vue.d.ts.map +1 -1
- package/dist/components/CuiConfirmDialog.vue.js +84 -73
- package/dist/components/CuiContextMenu.vue.d.ts +40 -1
- package/dist/components/CuiContextMenu.vue.d.ts.map +1 -1
- package/dist/components/CuiContextMenu.vue.js +1 -1
- package/dist/components/CuiContextMenu.vue2.js +149 -91
- package/dist/components/CuiCopyButton.vue.d.ts.map +1 -1
- package/dist/components/CuiCopyButton.vue.js +5 -61
- package/dist/components/CuiCopyButton.vue2.js +68 -2
- package/dist/components/CuiDataGridCardView.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridCardView.vue.js +10 -9
- package/dist/components/CuiDataGridColumnManager.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridColumnManager.vue.js +12 -11
- package/dist/components/CuiDataGridPagination.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridPagination.vue.js +9 -8
- package/dist/components/CuiDataGridSearch.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridSearch.vue.js +12 -9
- package/dist/components/CuiDataGridTable.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridTable.vue.js +1 -0
- package/dist/components/CuiDataGridViewManager.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridViewManager.vue.js +17 -17
- package/dist/components/CuiDatePicker.vue.d.ts +2 -2
- package/dist/components/CuiDatePicker.vue.d.ts.map +1 -1
- package/dist/components/CuiDatePicker.vue.js +257 -173
- package/dist/components/CuiDateRangePicker.vue.d.ts +2 -2
- package/dist/components/CuiDateRangePicker.vue.d.ts.map +1 -1
- package/dist/components/CuiDateRangePicker.vue.js +262 -179
- package/dist/components/CuiDivider.vue.d.ts.map +1 -1
- package/dist/components/CuiDivider.vue.js +17 -13
- package/dist/components/CuiDropdownMenu.vue.js +2 -2
- package/dist/components/CuiDropdownRadioGroup.vue.d.ts +4 -1
- package/dist/components/CuiDropdownRadioGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiDropdownRadioGroup.vue.js +27 -14
- package/dist/components/CuiDropdownSub.vue.js +2 -2
- package/dist/components/CuiEmptyState.vue.d.ts +5 -4
- package/dist/components/CuiEmptyState.vue.d.ts.map +1 -1
- package/dist/components/CuiEmptyState.vue.js +1 -1
- package/dist/components/CuiEmptyState.vue2.js +30 -24
- package/dist/components/CuiFieldset.vue.d.ts.map +1 -1
- package/dist/components/CuiFieldset.vue.js +1 -1
- package/dist/components/CuiFieldset.vue2.js +21 -21
- package/dist/components/CuiFileUpload.vue.d.ts +2 -2
- package/dist/components/CuiFileUpload.vue.d.ts.map +1 -1
- package/dist/components/CuiFileUpload.vue.js +70 -57
- package/dist/components/CuiFormField.vue.d.ts.map +1 -1
- package/dist/components/CuiFormField.vue.js +2 -2
- package/dist/components/CuiFormField.vue2.js +48 -42
- package/dist/components/CuiInput.vue.d.ts +2 -2
- package/dist/components/CuiInput.vue.d.ts.map +1 -1
- package/dist/components/CuiInput.vue.js +1 -1
- package/dist/components/CuiInput.vue2.js +97 -85
- package/dist/components/CuiInputStepper.vue.d.ts +2 -2
- package/dist/components/CuiInputStepper.vue.d.ts.map +1 -1
- package/dist/components/CuiInputStepper.vue.js +5 -187
- package/dist/components/CuiInputStepper.vue2.js +237 -2
- package/dist/components/CuiKbd.vue.d.ts.map +1 -1
- package/dist/components/CuiKbd.vue.js +6 -5
- package/dist/components/CuiMaskedInput.vue.d.ts +9 -3
- package/dist/components/CuiMaskedInput.vue.d.ts.map +1 -1
- package/dist/components/CuiMaskedInput.vue.js +132 -117
- package/dist/components/CuiModal.vue.d.ts +10 -2
- package/dist/components/CuiModal.vue.d.ts.map +1 -1
- package/dist/components/CuiModal.vue.js +2 -2
- package/dist/components/CuiModal.vue2.js +48 -44
- package/dist/components/CuiModalBody.vue.d.ts.map +1 -1
- package/dist/components/CuiModalBody.vue.js +16 -13
- package/dist/components/CuiModalFooter.vue.d.ts.map +1 -1
- package/dist/components/CuiModalFooter.vue.js +3 -2
- package/dist/components/CuiModalHeader.vue.d.ts +13 -4
- package/dist/components/CuiModalHeader.vue.d.ts.map +1 -1
- package/dist/components/CuiModalHeader.vue.js +54 -42
- package/dist/components/CuiPagination.vue.js +2 -2
- package/dist/components/CuiPopover.vue.d.ts.map +1 -1
- package/dist/components/CuiPopover.vue.js +81 -76
- package/dist/components/CuiRadio.vue.d.ts +2 -4
- package/dist/components/CuiRadio.vue.d.ts.map +1 -1
- package/dist/components/CuiRadio.vue.js +2 -2
- package/dist/components/CuiRadio.vue2.js +88 -74
- package/dist/components/CuiRadioGroup.vue.d.ts +2 -2
- package/dist/components/CuiRadioGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiRadioGroup.vue.js +3 -3
- package/dist/components/CuiRadioGroup.vue2.js +47 -37
- package/dist/components/CuiRating.vue.d.ts.map +1 -1
- package/dist/components/CuiRating.vue.js +15 -14
- package/dist/components/CuiResizablePanels.vue.d.ts.map +1 -1
- package/dist/components/CuiResizablePanels.vue.js +10 -9
- package/dist/components/CuiSelect.vue.d.ts +2 -2
- package/dist/components/CuiSelect.vue.d.ts.map +1 -1
- package/dist/components/CuiSelect.vue.js +2 -2
- package/dist/components/CuiSelect.vue2.js +161 -151
- package/dist/components/CuiSkeleton.vue.js +2 -2
- package/dist/components/CuiSkeleton.vue2.js +10 -10
- package/dist/components/CuiSlideover.vue.d.ts +2 -2
- package/dist/components/CuiSlideover.vue.d.ts.map +1 -1
- package/dist/components/CuiSlideover.vue.js +34 -30
- package/dist/components/CuiSlider.vue.d.ts +2 -2
- package/dist/components/CuiSlider.vue.d.ts.map +1 -1
- package/dist/components/CuiSlider.vue.js +67 -54
- package/dist/components/CuiSpinner.vue.d.ts.map +1 -1
- package/dist/components/CuiSpinner.vue.js +5 -4
- package/dist/components/CuiTable.vue.d.ts.map +1 -1
- package/dist/components/CuiTable.vue.js +4 -1
- package/dist/components/CuiTableBody.vue.d.ts.map +1 -1
- package/dist/components/CuiTableBody.vue.js +6 -6
- package/dist/components/CuiTableCell.vue.d.ts.map +1 -1
- package/dist/components/CuiTableCell.vue.js +11 -10
- package/dist/components/CuiTableFoot.vue.d.ts.map +1 -1
- package/dist/components/CuiTableFoot.vue.js +7 -7
- package/dist/components/CuiTableHead.vue.d.ts.map +1 -1
- package/dist/components/CuiTableHead.vue.js +7 -7
- package/dist/components/CuiTabs.vue.d.ts.map +1 -1
- package/dist/components/CuiTabs.vue.js +1 -1
- package/dist/components/CuiTabs.vue2.js +1 -0
- package/dist/components/CuiTagInput.vue.d.ts +2 -2
- package/dist/components/CuiTagInput.vue.d.ts.map +1 -1
- package/dist/components/CuiTagInput.vue.js +5 -294
- package/dist/components/CuiTagInput.vue2.js +277 -2
- package/dist/components/CuiTextarea.vue.d.ts +2 -2
- package/dist/components/CuiTextarea.vue.d.ts.map +1 -1
- package/dist/components/CuiTextarea.vue.js +4 -4
- package/dist/components/CuiTextarea.vue2.js +73 -59
- package/dist/components/CuiTimePicker.vue.d.ts +2 -2
- package/dist/components/CuiTimePicker.vue.d.ts.map +1 -1
- package/dist/components/CuiTimePicker.vue.js +173 -95
- package/dist/components/CuiTimeline.vue.d.ts.map +1 -1
- package/dist/components/CuiTimeline.vue.js +6 -5
- package/dist/components/CuiTimelineItem.vue.d.ts.map +1 -1
- package/dist/components/CuiTimelineItem.vue.js +11 -10
- package/dist/components/CuiToast.vue.d.ts +8 -10
- package/dist/components/CuiToast.vue.d.ts.map +1 -1
- package/dist/components/CuiToast.vue.js +2 -2
- package/dist/components/CuiToast.vue2.js +69 -67
- package/dist/components/CuiToggle.vue.d.ts +2 -2
- package/dist/components/CuiToggle.vue.d.ts.map +1 -1
- package/dist/components/CuiToggle.vue.js +2 -2
- package/dist/components/CuiToggle.vue2.js +71 -59
- package/dist/components/CuiToggleGroup.vue.d.ts +2 -2
- package/dist/components/CuiToggleGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiToggleGroup.vue.js +2 -2
- package/dist/components/CuiToggleGroup.vue2.js +45 -35
- package/dist/components/CuiTooltip.vue.d.ts.map +1 -1
- package/dist/components/CuiTooltip.vue.js +2 -2
- package/dist/components/CuiTooltip.vue2.js +47 -44
- package/dist/components/CuiTransferList.vue.d.ts.map +1 -1
- package/dist/components/CuiTransferList.vue.js +31 -30
- package/dist/components/CuiTreeNode.vue.d.ts +9 -2
- package/dist/components/CuiTreeNode.vue.d.ts.map +1 -1
- package/dist/components/CuiTreeNode.vue.js +5 -179
- package/dist/components/CuiTreeNode.vue2.js +198 -2
- package/dist/components/CuiTreeView.vue.d.ts +33 -5
- package/dist/components/CuiTreeView.vue.d.ts.map +1 -1
- package/dist/components/CuiTreeView.vue.js +187 -44
- package/dist/composables/useCalendarKeyboard.d.ts +48 -0
- package/dist/composables/useCalendarKeyboard.d.ts.map +1 -0
- package/dist/composables/useCalendarKeyboard.js +91 -0
- package/dist/composables/useFieldDescribedBy.d.ts +30 -0
- package/dist/composables/useFieldDescribedBy.d.ts.map +1 -0
- package/dist/composables/useFieldDescribedBy.js +11 -0
- package/dist/composables/useMessages.d.ts.map +1 -1
- package/dist/composables/useMessages.js +6 -6
- package/dist/composables/usePopover.d.ts.map +1 -1
- package/dist/composables/usePopover.js +10 -0
- package/dist/composables/useScrollShadows.d.ts +3 -0
- package/dist/composables/useScrollShadows.d.ts.map +1 -1
- package/dist/composables/useScrollShadows.js +15 -12
- package/dist/composables/useTheme.d.ts.map +1 -1
- package/dist/composables/useTheme.js +25 -21
- package/dist/icons/builtin.d.ts.map +1 -1
- package/dist/icons/builtin.js +38 -37
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +185 -182
- package/dist/messages.d.ts +39 -4
- package/dist/messages.d.ts.map +1 -1
- package/dist/messages.js +8 -7
- package/dist/types/common.d.ts +90 -0
- package/dist/types/common.d.ts.map +1 -1
- package/dist/utils/colorIconMap.d.ts +47 -3
- package/dist/utils/colorIconMap.d.ts.map +1 -1
- package/dist/utils/colorIconMap.js +20 -5
- package/dist/utils/date.d.ts +13 -0
- package/dist/utils/date.d.ts.map +1 -1
- package/dist/utils/date.js +46 -40
- package/dist/utils/sizing.d.ts +26 -1
- package/dist/utils/sizing.d.ts.map +1 -1
- package/dist/utils/sizing.js +22 -21
- package/dist/version.js +1 -1
- package/package.json +1 -2
|
@@ -1,136 +1,150 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { RadioGroupKey as
|
|
3
|
-
import { BUTTON_SIZE_SCALE as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as E, inject as L, computed as o, ref as q, withDirectives as S, openBlock as b, createElementBlock as y, normalizeStyle as f, normalizeClass as C, createElementVNode as u, withModifiers as B, renderSlot as h, createTextVNode as k, toDisplayString as $, vShow as _, createCommentVNode as R } from "vue";
|
|
2
|
+
import { RadioGroupKey as T } from "./radio-context.js";
|
|
3
|
+
import { BUTTON_SIZE_SCALE as V } from "../utils/sizing.js";
|
|
4
|
+
const K = ["disabled", "id", "aria-describedby", "aria-required", "aria-labelledby", "aria-checked"], j = ["autocomplete", "name", "value", "checked", "disabled"], A = ["id", "aria-describedby", "aria-labelledby", "aria-checked", "aria-disabled", "tabindex"], G = ["autocomplete", "name", "value", "checked", "disabled", "readonly"], I = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "cui-radio__dot"
|
|
7
|
-
},
|
|
7
|
+
}, M = { class: "cui-radio__label-wrap" }, O = { class: "cui-radio__label" }, U = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "cui-radio__description"
|
|
10
|
-
}, J = /* @__PURE__ */
|
|
10
|
+
}, J = /* @__PURE__ */ E({
|
|
11
11
|
__name: "CuiRadio",
|
|
12
12
|
props: {
|
|
13
13
|
value: { type: [String, Number, Boolean] },
|
|
14
14
|
modelValue: { type: [String, Number, Boolean] },
|
|
15
15
|
label: {},
|
|
16
16
|
description: {},
|
|
17
|
-
name: {},
|
|
18
17
|
readonly: { type: Boolean, default: !1 },
|
|
18
|
+
name: {},
|
|
19
|
+
autocomplete: {},
|
|
20
|
+
id: {},
|
|
21
|
+
ariaDescribedby: {},
|
|
22
|
+
ariaLabelledby: {},
|
|
23
|
+
ariaRequired: { type: Boolean },
|
|
19
24
|
hidden: { type: Boolean, default: !1 },
|
|
20
25
|
color: {},
|
|
21
26
|
disabled: { type: Boolean, default: !1 }
|
|
22
27
|
},
|
|
23
28
|
emits: ["update:modelValue"],
|
|
24
|
-
setup(
|
|
25
|
-
const t =
|
|
29
|
+
setup(a, { expose: g, emit: x }) {
|
|
30
|
+
const t = a, z = x, e = L(T, null), r = o(() => e ? e.modelValue.value === t.value : t.modelValue === t.value), d = o(() => e != null && e.disabled.value ? !0 : t.disabled), n = o(() => e != null && e.readonly.value ? !0 : t.readonly), i = o(() => t.color ?? (e == null ? void 0 : e.color.value) ?? "primary"), p = o(() => (e == null ? void 0 : e.name) ?? t.name ?? ""), D = o(() => (e == null ? void 0 : e.variant.value) === "buttons"), N = o(() => (e == null ? void 0 : e.size.value) ?? "md"), c = o(() => V[N.value] ?? V.md), s = q();
|
|
26
31
|
function m() {
|
|
27
|
-
|
|
32
|
+
d.value || n.value || (e ? e.select(t.value) : z("update:modelValue", t.value));
|
|
28
33
|
}
|
|
29
|
-
function
|
|
34
|
+
function w(l) {
|
|
30
35
|
(l.key === " " || l.key === "Enter") && (l.preventDefault(), m());
|
|
31
36
|
}
|
|
32
|
-
return
|
|
37
|
+
return g({ el: s, focus: () => {
|
|
33
38
|
var l;
|
|
34
|
-
return (l =
|
|
35
|
-
} }), (l, v) =>
|
|
39
|
+
return (l = s.value) == null ? void 0 : l.focus();
|
|
40
|
+
} }), (l, v) => D.value ? S((b(), y("button", {
|
|
36
41
|
key: 0,
|
|
37
42
|
ref_key: "elRef",
|
|
38
|
-
ref:
|
|
43
|
+
ref: s,
|
|
39
44
|
type: "button",
|
|
40
|
-
class:
|
|
41
|
-
"cui-radio-button--active":
|
|
42
|
-
"cui-radio-button--disabled":
|
|
45
|
+
class: C(["cui-radio-button cui-button", {
|
|
46
|
+
"cui-radio-button--active": r.value,
|
|
47
|
+
"cui-radio-button--disabled": d.value
|
|
43
48
|
}]),
|
|
44
|
-
style:
|
|
45
|
-
"--_rb-color": `var(--cui-${
|
|
46
|
-
"--_rb-hover": `var(--cui-${
|
|
47
|
-
"--_rb-active": `var(--cui-${
|
|
48
|
-
"--_rb-bg": `var(--cui-${
|
|
49
|
-
"--_rb-text": `var(--cui-${
|
|
50
|
-
"--_rb-border": `var(--cui-${
|
|
51
|
-
"--_rb-solid": `var(--cui-${
|
|
52
|
-
"--_rb-focus-ring": `var(--cui-${
|
|
53
|
-
height:
|
|
54
|
-
paddingLeft:
|
|
55
|
-
paddingRight:
|
|
56
|
-
fontSize:
|
|
49
|
+
style: f({
|
|
50
|
+
"--_rb-color": `var(--cui-${i.value})`,
|
|
51
|
+
"--_rb-hover": `var(--cui-${i.value}-hover)`,
|
|
52
|
+
"--_rb-active": `var(--cui-${i.value}-active)`,
|
|
53
|
+
"--_rb-bg": `var(--cui-${i.value}-bg)`,
|
|
54
|
+
"--_rb-text": `var(--cui-${i.value}-text)`,
|
|
55
|
+
"--_rb-border": `var(--cui-${i.value}-border)`,
|
|
56
|
+
"--_rb-solid": `var(--cui-${i.value}-solid, var(--cui-${i.value}))`,
|
|
57
|
+
"--_rb-focus-ring": `var(--cui-${i.value}-focus-ring)`,
|
|
58
|
+
height: c.value.height,
|
|
59
|
+
paddingLeft: c.value.px,
|
|
60
|
+
paddingRight: c.value.px,
|
|
61
|
+
fontSize: c.value.fontSize
|
|
57
62
|
}),
|
|
58
|
-
disabled:
|
|
63
|
+
disabled: d.value,
|
|
64
|
+
id: a.id,
|
|
59
65
|
role: "radio",
|
|
60
|
-
"aria-
|
|
66
|
+
"aria-describedby": a.ariaDescribedby,
|
|
67
|
+
"aria-required": a.ariaRequired || void 0,
|
|
68
|
+
"aria-labelledby": a.ariaLabelledby,
|
|
69
|
+
"aria-checked": r.value,
|
|
61
70
|
onClick: m
|
|
62
71
|
}, [
|
|
63
|
-
|
|
72
|
+
u("input", {
|
|
73
|
+
autocomplete: a.autocomplete,
|
|
64
74
|
type: "radio",
|
|
65
|
-
name:
|
|
66
|
-
value: String(
|
|
67
|
-
checked:
|
|
68
|
-
disabled:
|
|
75
|
+
name: p.value,
|
|
76
|
+
value: String(a.value),
|
|
77
|
+
checked: r.value,
|
|
78
|
+
disabled: d.value,
|
|
69
79
|
tabindex: "-1",
|
|
70
80
|
"aria-hidden": "true",
|
|
71
81
|
class: "cui-radio__input",
|
|
72
|
-
onClick: v[0] || (v[0] =
|
|
82
|
+
onClick: v[0] || (v[0] = B(() => {
|
|
73
83
|
}, ["stop", "prevent"]))
|
|
74
|
-
}, null, 8,
|
|
84
|
+
}, null, 8, j),
|
|
75
85
|
h(l.$slots, "default", {}, () => [
|
|
76
|
-
|
|
86
|
+
k($(a.label), 1)
|
|
77
87
|
], !0)
|
|
78
|
-
], 14,
|
|
79
|
-
[
|
|
80
|
-
]) :
|
|
88
|
+
], 14, K)), [
|
|
89
|
+
[_, !a.hidden]
|
|
90
|
+
]) : S((b(), y("label", {
|
|
81
91
|
key: 1,
|
|
82
92
|
ref_key: "elRef",
|
|
83
|
-
ref:
|
|
84
|
-
class:
|
|
85
|
-
"cui-radio--checked":
|
|
86
|
-
"cui-radio--disabled":
|
|
93
|
+
ref: s,
|
|
94
|
+
class: C(["cui-radio", {
|
|
95
|
+
"cui-radio--checked": r.value,
|
|
96
|
+
"cui-radio--disabled": d.value,
|
|
87
97
|
"cui-radio--readonly": n.value
|
|
88
98
|
}]),
|
|
89
|
-
style:
|
|
99
|
+
style: f({ "--_radio-focus-ring": `var(--cui-${i.value}-focus-ring)` }),
|
|
100
|
+
id: a.id,
|
|
90
101
|
role: "radio",
|
|
91
|
-
"aria-
|
|
92
|
-
"aria-
|
|
93
|
-
|
|
102
|
+
"aria-describedby": a.ariaDescribedby,
|
|
103
|
+
"aria-labelledby": a.ariaLabelledby,
|
|
104
|
+
"aria-checked": r.value,
|
|
105
|
+
"aria-disabled": d.value || n.value || void 0,
|
|
106
|
+
tabindex: d.value ? -1 : 0,
|
|
94
107
|
onClick: m,
|
|
95
|
-
onKeydown:
|
|
108
|
+
onKeydown: w
|
|
96
109
|
}, [
|
|
97
|
-
|
|
110
|
+
u("input", {
|
|
111
|
+
autocomplete: a.autocomplete,
|
|
98
112
|
type: "radio",
|
|
99
|
-
name:
|
|
100
|
-
value: String(
|
|
101
|
-
checked:
|
|
102
|
-
disabled:
|
|
113
|
+
name: p.value,
|
|
114
|
+
value: String(a.value),
|
|
115
|
+
checked: r.value,
|
|
116
|
+
disabled: d.value,
|
|
103
117
|
readonly: n.value,
|
|
104
118
|
tabindex: "-1",
|
|
105
119
|
"aria-hidden": "true",
|
|
106
120
|
class: "cui-radio__input",
|
|
107
|
-
onClick: v[1] || (v[1] =
|
|
121
|
+
onClick: v[1] || (v[1] = B(() => {
|
|
108
122
|
}, ["stop", "prevent"]))
|
|
109
|
-
}, null, 8,
|
|
110
|
-
|
|
123
|
+
}, null, 8, G),
|
|
124
|
+
u("span", {
|
|
111
125
|
class: "cui-radio__indicator",
|
|
112
|
-
style:
|
|
113
|
-
"--_radio-color": `var(--cui-${
|
|
114
|
-
"--_radio-border":
|
|
115
|
-
"--_radio-bg":
|
|
126
|
+
style: f({
|
|
127
|
+
"--_radio-color": `var(--cui-${i.value})`,
|
|
128
|
+
"--_radio-border": r.value ? `var(--cui-${i.value}-border)` : "var(--cui-border-strong)",
|
|
129
|
+
"--_radio-bg": r.value ? `var(--cui-${i.value}-bg)` : "transparent"
|
|
116
130
|
})
|
|
117
131
|
}, [
|
|
118
|
-
|
|
132
|
+
r.value ? (b(), y("span", I)) : R("", !0)
|
|
119
133
|
], 4),
|
|
120
|
-
|
|
121
|
-
|
|
134
|
+
u("span", M, [
|
|
135
|
+
u("span", O, [
|
|
122
136
|
h(l.$slots, "default", {}, () => [
|
|
123
|
-
|
|
137
|
+
k($(a.label), 1)
|
|
124
138
|
], !0)
|
|
125
139
|
]),
|
|
126
|
-
|
|
140
|
+
a.description || l.$slots.description ? (b(), y("span", U, [
|
|
127
141
|
h(l.$slots, "description", {}, () => [
|
|
128
|
-
|
|
142
|
+
k($(a.description), 1)
|
|
129
143
|
], !0)
|
|
130
|
-
])) :
|
|
144
|
+
])) : R("", !0)
|
|
131
145
|
])
|
|
132
|
-
], 46,
|
|
133
|
-
[
|
|
146
|
+
], 46, A)), [
|
|
147
|
+
[_, !a.hidden]
|
|
134
148
|
]);
|
|
135
149
|
}
|
|
136
150
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { CuiAutoOrientation, HideableProps, ColorableProps, SizeableProps, DisableableProps } from "../types/common";
|
|
1
|
+
import type { CuiAutoOrientation, HideableProps, ColorableProps, SizeableProps, DisableableProps, AriaLabelableProps } from "../types/common";
|
|
2
2
|
import { type RadioGroupVariant } from "./radio-context";
|
|
3
|
-
export interface CuiRadioGroupProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
|
|
3
|
+
export interface CuiRadioGroupProps extends AriaLabelableProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
|
|
4
4
|
/** Selected value */
|
|
5
5
|
modelValue?: string | number | boolean;
|
|
6
6
|
/** Shared name attribute for all radios */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadioGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadioGroup.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG9I,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IAC5H,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,gFAAgF;IAChF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiKD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;WAnMX,OAAO;cAFJ,OAAO;;;;aAFR,iBAAiB;;iBAFb,kBAAkB;6EAiNhC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./CuiRadioGroup.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import r from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b5feb8e3"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
class: "cui-radio-group__error"
|
|
7
|
-
}, T = /* @__PURE__ */ S({
|
|
1
|
+
import { defineComponent as D, computed as s, useSlots as C, provide as V, toRef as i, withDirectives as z, openBlock as c, createElementBlock as f, normalizeClass as A, unref as b, createElementVNode as R, createBlock as q, withCtx as x, renderSlot as m, toDisplayString as I, createCommentVNode as L, vShow as M } from "vue";
|
|
2
|
+
import { useFieldDescribedBy as N } from "../composables/useFieldDescribedBy.js";
|
|
3
|
+
import $ from "./CuiButtonGroup.vue.js";
|
|
4
|
+
import { RadioGroupKey as E } from "./radio-context.js";
|
|
5
|
+
const G = ["id", "aria-labelledby", "aria-describedby", "aria-required", "aria-label", "aria-invalid"], K = { class: "cui-radio-group__options" }, F = ["id"], J = /* @__PURE__ */ D({
|
|
8
6
|
__name: "CuiRadioGroup",
|
|
9
7
|
props: {
|
|
10
8
|
modelValue: { type: [String, Number, Boolean] },
|
|
@@ -15,64 +13,76 @@ const E = ["aria-label", "aria-invalid"], G = { class: "cui-radio-group__options
|
|
|
15
13
|
error: { type: Boolean, default: !1 },
|
|
16
14
|
errorMessage: {},
|
|
17
15
|
label: {},
|
|
16
|
+
id: {},
|
|
17
|
+
ariaDescribedby: {},
|
|
18
|
+
ariaLabelledby: {},
|
|
19
|
+
ariaRequired: { type: Boolean },
|
|
18
20
|
hidden: { type: Boolean, default: !1 },
|
|
19
21
|
color: { default: "primary" },
|
|
20
22
|
size: { default: "md" },
|
|
21
23
|
disabled: { type: Boolean, default: !1 }
|
|
22
24
|
},
|
|
23
25
|
emits: ["update:modelValue"],
|
|
24
|
-
setup(r, { emit:
|
|
25
|
-
const e = r,
|
|
26
|
-
var
|
|
27
|
-
const
|
|
28
|
-
return
|
|
29
|
-
var
|
|
30
|
-
return
|
|
26
|
+
setup(r, { emit: y }) {
|
|
27
|
+
const e = r, { errorId: v, describedBy: g } = N(e), h = y, p = s(() => e.name ?? `cui-radio-${Math.random().toString(36).slice(2, 8)}`), u = C(), B = s(() => {
|
|
28
|
+
var l;
|
|
29
|
+
const a = (l = u.default) == null ? void 0 : l.call(u);
|
|
30
|
+
return a ? a.reduce((n, t) => {
|
|
31
|
+
var o;
|
|
32
|
+
return t.type === Symbol.for("v-fgm") || t.type === Symbol.for("v-fgt") ? n + (((o = t.children) == null ? void 0 : o.length) ?? 0) : n + 1;
|
|
31
33
|
}, 0) : 0;
|
|
32
|
-
}),
|
|
33
|
-
|
|
34
|
+
}), k = s(() => e.variant === "buttons" ? "horizontal" : e.orientation !== "auto" ? e.orientation : B.value <= 2 ? "horizontal" : "vertical");
|
|
35
|
+
V(E, {
|
|
34
36
|
modelValue: i(e, "modelValue"),
|
|
35
|
-
name:
|
|
37
|
+
name: p.value,
|
|
36
38
|
color: i(e, "color"),
|
|
37
39
|
disabled: i(e, "disabled"),
|
|
38
40
|
readonly: i(e, "readonly"),
|
|
39
41
|
variant: i(e, "variant"),
|
|
40
42
|
size: i(e, "size"),
|
|
41
|
-
select(
|
|
42
|
-
e.disabled || e.readonly ||
|
|
43
|
+
select(a) {
|
|
44
|
+
e.disabled || e.readonly || h("update:modelValue", a);
|
|
43
45
|
}
|
|
44
46
|
});
|
|
45
|
-
function
|
|
47
|
+
function S(a) {
|
|
46
48
|
if (e.disabled || e.readonly) return;
|
|
47
|
-
const
|
|
48
|
-
let
|
|
49
|
-
|
|
49
|
+
const l = a.currentTarget, n = e.variant === "buttons" ? "button.cui-radio-button:not(:disabled)" : '[role="radio"]:not([aria-disabled="true"])', t = Array.from(l.querySelectorAll(n)), o = t.findIndex((w) => w === document.activeElement);
|
|
50
|
+
let d = -1;
|
|
51
|
+
a.key === "ArrowDown" || a.key === "ArrowRight" ? (a.preventDefault(), d = o < t.length - 1 ? o + 1 : 0) : (a.key === "ArrowUp" || a.key === "ArrowLeft") && (a.preventDefault(), d = o > 0 ? o - 1 : t.length - 1), d >= 0 && (t[d].focus(), t[d].click());
|
|
50
52
|
}
|
|
51
|
-
return (
|
|
53
|
+
return (a, l) => z((c(), f("div", {
|
|
52
54
|
role: "radiogroup",
|
|
53
|
-
|
|
55
|
+
id: r.id,
|
|
56
|
+
"aria-labelledby": r.ariaLabelledby,
|
|
57
|
+
"aria-describedby": b(g),
|
|
58
|
+
"aria-required": r.ariaRequired || void 0,
|
|
59
|
+
"aria-label": r.ariaLabelledby ? void 0 : r.label,
|
|
54
60
|
"aria-invalid": r.error || void 0,
|
|
55
|
-
class:
|
|
56
|
-
r.variant !== "buttons" ? `cui-radio-group--${
|
|
61
|
+
class: A(["cui-radio-group", [
|
|
62
|
+
r.variant !== "buttons" ? `cui-radio-group--${k.value}` : "",
|
|
57
63
|
{ "cui-radio-group--error": r.error },
|
|
58
64
|
{ "cui-radio-group--buttons": r.variant === "buttons" }
|
|
59
65
|
]]),
|
|
60
|
-
onKeydown:
|
|
66
|
+
onKeydown: S
|
|
61
67
|
}, [
|
|
62
|
-
|
|
63
|
-
r.variant === "buttons" ? (c(),
|
|
64
|
-
default:
|
|
65
|
-
m(
|
|
68
|
+
R("div", K, [
|
|
69
|
+
r.variant === "buttons" ? (c(), q($, { key: 0 }, {
|
|
70
|
+
default: x(() => [
|
|
71
|
+
m(a.$slots, "default", {}, void 0, !0)
|
|
66
72
|
]),
|
|
67
73
|
_: 3
|
|
68
|
-
})) : m(
|
|
74
|
+
})) : m(a.$slots, "default", {}, void 0, !0, 1)
|
|
69
75
|
]),
|
|
70
|
-
r.error && r.errorMessage ? (c(), f("div",
|
|
71
|
-
|
|
72
|
-
|
|
76
|
+
r.error && r.errorMessage ? (c(), f("div", {
|
|
77
|
+
key: 0,
|
|
78
|
+
id: b(v),
|
|
79
|
+
class: "cui-radio-group__error"
|
|
80
|
+
}, I(r.errorMessage), 9, F)) : L("", !0)
|
|
81
|
+
], 42, G)), [
|
|
82
|
+
[M, !r.hidden]
|
|
73
83
|
]);
|
|
74
84
|
}
|
|
75
85
|
});
|
|
76
86
|
export {
|
|
77
|
-
|
|
87
|
+
J as default
|
|
78
88
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;UAJX,MAAM;;gBANA,MAAM;eAgBP,OAAO;SAdb,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;
|
|
1
|
+
{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;UAJX,MAAM;;gBANA,MAAM;eAgBP,OAAO;SAdb,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;AAyPnB,wBASG"}
|
|
@@ -19,8 +19,8 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
|
|
|
19
19
|
disabled: { type: Boolean, default: !1 }
|
|
20
20
|
},
|
|
21
21
|
emits: ["update:modelValue"],
|
|
22
|
-
setup(
|
|
23
|
-
const l =
|
|
22
|
+
setup(n, { expose: V, emit: z }) {
|
|
23
|
+
const l = n, f = z, r = h(0), s = h(!1), C = b(
|
|
24
24
|
() => s.value && !l.readonly && !l.disabled ? r.value : l.modelValue
|
|
25
25
|
), k = ["sm", "md", "lg", "xl"], B = {
|
|
26
26
|
sm: { iconSize: "1rem", gap: v("0.125rem"), valueFont: "0.75rem", labelFont: "0.75rem" },
|
|
@@ -53,8 +53,8 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
|
|
|
53
53
|
function x(e, a) {
|
|
54
54
|
if (!(l.readonly || l.disabled))
|
|
55
55
|
if (s.value = !0, l.half) {
|
|
56
|
-
const t = a.currentTarget.getBoundingClientRect(),
|
|
57
|
-
r.value =
|
|
56
|
+
const t = a.currentTarget.getBoundingClientRect(), o = a.clientX - t.left < t.width / 2;
|
|
57
|
+
r.value = o ? e - 0.5 : e;
|
|
58
58
|
} else
|
|
59
59
|
r.value = e;
|
|
60
60
|
}
|
|
@@ -74,32 +74,33 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
|
|
|
74
74
|
(e = m.value) == null || e.blur();
|
|
75
75
|
}
|
|
76
76
|
return V({ el: m, focus: N, blur: R }), (e, a) => M((i(), u("div", {
|
|
77
|
+
class: "cui-rating",
|
|
77
78
|
ref_key: "rootEl",
|
|
78
79
|
ref: m
|
|
79
80
|
}, [
|
|
80
|
-
|
|
81
|
+
n.label ? (i(), u("label", {
|
|
81
82
|
key: 0,
|
|
82
83
|
style: c({ display: "block", marginBottom: "calc(0.25rem * var(--cui-density-scale, 1))", fontSize: d.value.labelFont, fontWeight: "500", color: "var(--cui-text-secondary)" })
|
|
83
|
-
}, p(
|
|
84
|
+
}, p(n.label), 5)) : S("", !0),
|
|
84
85
|
W("div", {
|
|
85
86
|
style: c({
|
|
86
87
|
display: "inline-flex",
|
|
87
88
|
alignItems: "center",
|
|
88
89
|
gap: d.value.gap,
|
|
89
|
-
opacity:
|
|
90
|
+
opacity: n.disabled ? "0.5" : "1"
|
|
90
91
|
}),
|
|
91
92
|
onMouseleave: H
|
|
92
93
|
}, [
|
|
93
|
-
(i(!0), u(P, null, X(
|
|
94
|
+
(i(!0), u(P, null, X(n.max, (t) => (i(), u("div", {
|
|
94
95
|
key: t,
|
|
95
96
|
style: c({
|
|
96
|
-
cursor:
|
|
97
|
+
cursor: n.readonly || n.disabled ? "default" : "pointer",
|
|
97
98
|
display: "inline-flex",
|
|
98
99
|
transition: "transform 0.1s ease",
|
|
99
100
|
transform: s.value && r.value >= t ? "scale(1.15)" : "scale(1)"
|
|
100
101
|
}),
|
|
101
|
-
onClick: (
|
|
102
|
-
onMousemove: (
|
|
102
|
+
onClick: (o) => I(t, o),
|
|
103
|
+
onMousemove: (o) => x(t, o)
|
|
103
104
|
}, [
|
|
104
105
|
O($, {
|
|
105
106
|
name: F(y(t)),
|
|
@@ -108,7 +109,7 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
|
|
|
108
109
|
style: c({ color: L(y(t)), transition: "color 0.1s ease" })
|
|
109
110
|
}, null, 8, ["name", "weight", "size", "style"])
|
|
110
111
|
], 44, j))), 128)),
|
|
111
|
-
|
|
112
|
+
n.showValue ? (i(), u("span", {
|
|
112
113
|
key: 0,
|
|
113
114
|
style: c({
|
|
114
115
|
fontSize: d.value.valueFont,
|
|
@@ -117,10 +118,10 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
|
|
|
117
118
|
marginLeft: "calc(0.25rem * var(--cui-density-scale, 1))",
|
|
118
119
|
fontVariantNumeric: "tabular-nums"
|
|
119
120
|
})
|
|
120
|
-
}, p(
|
|
121
|
+
}, p(n.modelValue), 5)) : S("", !0)
|
|
121
122
|
], 36)
|
|
122
123
|
], 512)), [
|
|
123
|
-
[U, !
|
|
124
|
+
[U, !n.hidden]
|
|
124
125
|
]);
|
|
125
126
|
}
|
|
126
127
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiResizablePanels.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiResizablePanels.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,wBAAwB;IACxB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;
|
|
1
|
+
{"version":3,"file":"CuiResizablePanels.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiResizablePanels.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,wBAAwB;IACxB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA+PD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAiC9C,QAAA,MAAM,eAAe;;;;;;;;iBA5SL,cAAc;iBAEd,MAAM;cAET,MAAM;eAEL,MAAM;uBAEE,MAAM;6EA4S1B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -12,13 +12,13 @@ const A = /* @__PURE__ */ M({
|
|
|
12
12
|
},
|
|
13
13
|
emits: ["resize", "collapse"],
|
|
14
14
|
setup(x, { emit: z }) {
|
|
15
|
-
const t = x, u = z, m = f(null), c = f(t.initialSize), l = f(!1),
|
|
15
|
+
const t = x, u = z, m = f(null), c = f(t.initialSize), l = f(!1), a = f(!1), n = i(() => t.orientation === "horizontal"), P = i(() => ({
|
|
16
16
|
display: "flex",
|
|
17
17
|
flexDirection: n.value ? "row" : "column",
|
|
18
18
|
width: "100%",
|
|
19
19
|
height: "100%",
|
|
20
20
|
overflow: "hidden"
|
|
21
|
-
})), k = i(() =>
|
|
21
|
+
})), k = i(() => a.value ? n.value ? { width: "0", minWidth: "0", overflow: "hidden" } : { height: "0", minHeight: "0", overflow: "hidden" } : n.value ? { width: `${c.value}%`, minWidth: `${t.minFirst}px`, overflow: "auto" } : { height: `${c.value}%`, minHeight: `${t.minFirst}px`, overflow: "auto" }), $ = i(() => ({
|
|
22
22
|
flex: "1",
|
|
23
23
|
minWidth: n.value ? `${t.minSecond}px` : void 0,
|
|
24
24
|
minHeight: n.value ? void 0 : `${t.minSecond}px`,
|
|
@@ -86,12 +86,12 @@ const A = /* @__PURE__ */ M({
|
|
|
86
86
|
}
|
|
87
87
|
function h(e) {
|
|
88
88
|
if (!m.value || !l.value) return;
|
|
89
|
-
const o = m.value.getBoundingClientRect(),
|
|
89
|
+
const o = m.value.getBoundingClientRect(), r = n.value ? o.width : o.height, F = ((n.value ? e.clientX : e.clientY) - y) / r * 100;
|
|
90
90
|
let v = b + F;
|
|
91
|
-
const H = t.minFirst /
|
|
91
|
+
const H = t.minFirst / r * 100, I = t.minSecond / r * 100;
|
|
92
92
|
if (v = Math.max(H, Math.min(100 - I, v)), t.collapseThreshold > 0) {
|
|
93
|
-
const w = v / 100 *
|
|
94
|
-
w < t.collapseThreshold && !
|
|
93
|
+
const w = v / 100 * r;
|
|
94
|
+
w < t.collapseThreshold && !a.value ? (a.value = !0, u("collapse", !0)) : w >= t.collapseThreshold && a.value && (a.value = !1, u("collapse", !1));
|
|
95
95
|
}
|
|
96
96
|
c.value = v, u("resize", v);
|
|
97
97
|
}
|
|
@@ -99,11 +99,12 @@ const A = /* @__PURE__ */ M({
|
|
|
99
99
|
l.value = !1, document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", g);
|
|
100
100
|
}
|
|
101
101
|
function D() {
|
|
102
|
-
c.value = t.initialSize,
|
|
102
|
+
c.value = t.initialSize, a.value = !1, u("resize", t.initialSize), u("collapse", !1);
|
|
103
103
|
}
|
|
104
104
|
return B(() => {
|
|
105
105
|
document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", g);
|
|
106
106
|
}), (e, o) => T((W(), X("div", {
|
|
107
|
+
class: "cui-resizable-panels",
|
|
107
108
|
ref_key: "containerRef",
|
|
108
109
|
ref: m,
|
|
109
110
|
style: s(P.value)
|
|
@@ -117,8 +118,8 @@ const A = /* @__PURE__ */ M({
|
|
|
117
118
|
style: s(E.value),
|
|
118
119
|
onPointerdown: L,
|
|
119
120
|
onDblclick: D,
|
|
120
|
-
onMouseenter: o[0] || (o[0] = (
|
|
121
|
-
onMouseleave: o[1] || (o[1] = (
|
|
121
|
+
onMouseenter: o[0] || (o[0] = (r) => d.value = !0),
|
|
122
|
+
onMouseleave: o[1] || (o[1] = (r) => d.value = !1)
|
|
122
123
|
}, [
|
|
123
124
|
p("div", {
|
|
124
125
|
style: s(R.value)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded } from "../types/common";
|
|
1
|
+
import type { HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded, NativeControlProps } from "../types/common";
|
|
2
2
|
export interface SelectOption {
|
|
3
3
|
value: string | number;
|
|
4
4
|
label: string;
|
|
@@ -6,7 +6,7 @@ export interface SelectOption {
|
|
|
6
6
|
group?: string;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export interface CuiSelectProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
|
|
9
|
+
export interface CuiSelectProps extends NativeControlProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
|
|
10
10
|
/** Selected value (single) or values (multiple) */
|
|
11
11
|
modelValue?: string | number | null | Array<string | number>;
|
|
12
12
|
/** Options — array of strings or { value, label, group?, disabled? } objects */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiSelect.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSelect.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiSelect.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSelect.vue"],"names":[],"mappings":"AAsvBA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AActI,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACxH,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7D,gFAAgF;IAChF,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC;IAChD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AA+GD,iBAAS,IAAI,SAYZ;AAED,iBAAS,KAAK,SAGb;AAkhBD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8C/C,QAAA,MAAM,eAAe;;;;;;;;;;;WA1sBX,OAAO;cAIJ,OAAO;;;;aAER,UAAU;aAVV,OAAO;;iBAJH,MAAM;eAER,OAAO;aANT,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;cAEpC,OAAO;mBAQF,MAAM;6EAqtBtB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./CuiSelect.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ecd97b4e"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|