@bridge-ui/vue 0.7.0 → 0.9.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/ai/skills/bridge-ui-components/SKILL.md +2 -1
- package/ai/skills/bridge-ui-forms/SKILL.md +1 -1
- package/dist/Components/Accordion/composables/useAccordion.d.ts +1 -1
- package/dist/Components/ActionFooter/ActionFooter.js +5 -0
- package/dist/Components/ActionFooter/ActionFooter.vue.d.ts +10 -0
- package/dist/Components/ActionFooter/ActionFooter.vue_vue_type_script_setup_true_lang.js +35 -0
- package/dist/Components/ActionFooter/actionFooter.types.d.ts +107 -0
- package/dist/Components/ActionFooter/composables/useActionFooter.d.ts +35 -0
- package/dist/Components/ActionFooter/composables/useActionFooter.js +53 -0
- package/dist/Components/ActionFooter/index.d.ts +3 -0
- package/dist/Components/ActionFooter/index.js +3 -0
- package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +13 -13
- package/dist/Components/Alert/alert.types.d.ts +7 -4
- package/dist/Components/Alert/composables/useAlert.d.ts +2 -1
- package/dist/Components/Alert/composables/useAlert.js +60 -57
- package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +3 -3
- package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/Autocomplete/autocomplete.types.d.ts +1 -1
- package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +5 -3
- package/dist/Components/Autocomplete/composables/useAutocomplete.js +1 -1
- package/dist/Components/Badge/composables/useBadge.d.ts +1 -1
- package/dist/Components/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js +9 -9
- package/dist/Components/BaseField/baseField.types.d.ts +15 -4
- package/dist/Components/BaseField/composables/useBaseField.d.ts +6 -2
- package/dist/Components/BaseField/composables/useBaseField.js +67 -67
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts +3 -3
- package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +24 -25
- package/dist/Components/Button/composables/useButton.d.ts +4 -2
- package/dist/Components/Button/composables/useButton.js +46 -40
- package/dist/Components/ButtonGroup/composables/useButtonGroup.d.ts +1 -1
- package/dist/Components/Calendar/composables/useCalendar.d.ts +1 -1
- package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +1 -1
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +1 -1
- package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +1 -1
- package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +1 -1
- package/dist/Components/Card/composables/useCard.d.ts +1 -1
- package/dist/Components/Chip/Chip.vue.d.ts +1 -1
- package/dist/Components/Chip/composables/useChip.d.ts +1 -1
- package/dist/Components/ColorField/ColorField.vue.d.ts +1 -1
- package/dist/Components/ColorField/ColorField.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/ColorField/colorField.types.d.ts +1 -1
- package/dist/Components/ColorField/composables/useColorField.d.ts +5 -3
- package/dist/Components/ColorField/composables/useColorField.js +1 -1
- package/dist/Components/ColorPicker/ColorPicker.vue_vue_type_script_setup_true_lang.js +41 -40
- package/dist/Components/ColorPicker/composables/useColorPicker.d.ts +1 -3
- package/dist/Components/ColorPicker/composables/useColorPicker.js +0 -2
- package/dist/Components/DataTable/DataTable.vue_vue_type_script_setup_true_lang.js +8 -0
- package/dist/Components/DataTable/DataTableFilterMenu.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/DataTable/composables/useDataTable.d.ts +1 -1
- package/dist/Components/DataTable/composables/useDataTable.js +86 -86
- package/dist/Components/DataTable/composables/useDataTablePagination.d.ts +1 -1
- package/dist/Components/DataTable/dataTable.types.d.ts +22 -4
- package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/DateField/composables/useDateField.d.ts +5 -3
- package/dist/Components/DateField/composables/useDateField.js +1 -1
- package/dist/Components/DateField/dateField.types.d.ts +1 -1
- package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +18 -17
- package/dist/Components/DatePicker/composables/useDatePicker.d.ts +1 -3
- package/dist/Components/DatePicker/composables/useDatePicker.js +45 -48
- package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +5 -3
- package/dist/Components/DateRangeField/composables/useDateRangeField.js +1 -1
- package/dist/Components/DateRangeField/dateRangeField.types.d.ts +1 -1
- package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +18 -17
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +1 -3
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +45 -48
- package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +5 -3
- package/dist/Components/DateTimeField/composables/useDateTimeField.js +1 -1
- package/dist/Components/DateTimeField/dateTimeField.types.d.ts +1 -1
- package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +25 -24
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +1 -3
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +75 -78
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +5 -3
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +1 -1
- package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +1 -1
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +29 -28
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +1 -3
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +84 -87
- package/dist/Components/Drawer/composables/useDrawer.js +75 -72
- package/dist/Components/FormControl/composables/useFormControl.d.ts +3 -1
- package/dist/Components/FormControl/composables/useFormControl.js +39 -38
- package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +31 -31
- package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +34 -34
- package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/Components/FormField/composables/useFormField.d.ts +7 -3
- package/dist/Components/FormField/composables/useFormField.js +148 -144
- package/dist/Components/FormField/formField.types.d.ts +14 -4
- package/dist/Components/ListItem/ListItem.vue.d.ts +1 -1
- package/dist/Components/ListItem/composables/useListItem.d.ts +1 -1
- package/dist/Components/Listbox/Listbox.vue.d.ts +4 -4
- package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +69 -71
- package/dist/Components/Listbox/composables/useListbox.d.ts +0 -2
- package/dist/Components/Listbox/composables/useListbox.js +63 -66
- package/dist/Components/Menu/composables/useMenu.js +125 -121
- package/dist/Components/Modal/composables/useModal.js +117 -114
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/NumberField/composables/useNumberField.d.ts +4 -2
- package/dist/Components/OtpField/OtpField.vue.d.ts +1 -8
- package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js +7 -6
- package/dist/Components/OtpField/composables/useOtpField.d.ts +3 -1
- package/dist/Components/Pagination/composables/usePagination.d.ts +1 -1
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/PasswordField/composables/usePasswordField.d.ts +4 -2
- package/dist/Components/Select/Select.vue.d.ts +2 -2
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/Select/composables/useSelect.d.ts +5 -3
- package/dist/Components/Select/composables/useSelect.js +1 -1
- package/dist/Components/Select/select.types.d.ts +1 -1
- package/dist/Components/Sidebar/composables/useSidebarList.js +1 -1
- package/dist/Components/Sidebar/composables/useSidebarShell.js +1 -1
- package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/Slider/composables/useSlider.d.ts +5 -3
- package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +31 -28
- package/dist/Components/Snackbar/composables/useSnackbar.d.ts +2 -1
- package/dist/Components/Snackbar/composables/useSnackbar.js +135 -128
- package/dist/Components/Step/composables/useStep.d.ts +1 -1
- package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/TextField/composables/useTextField.d.ts +4 -2
- package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/Textarea/composables/useTextarea.d.ts +4 -2
- package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/TimeField/composables/useTimeField.d.ts +5 -3
- package/dist/Components/TimeField/composables/useTimeField.js +1 -1
- package/dist/Components/TimeField/timeField.types.d.ts +1 -1
- package/dist/Components/TimePanel/composables/useTimePanel.d.ts +1 -1
- package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +38 -37
- package/dist/Components/TimePicker/composables/useTimePicker.d.ts +1 -3
- package/dist/Components/TimePicker/composables/useTimePicker.js +54 -57
- package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +5 -3
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +1 -1
- package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +1 -1
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +61 -60
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +1 -3
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +41 -43
- package/dist/Components/ToggleGroup/composables/useToggleGroup.d.ts +1 -1
- package/dist/Components/Tooltip/Tooltip.vue.d.ts +1 -1
- package/dist/Components/Tooltip/composables/useTooltip.d.ts +1 -1
- package/dist/Components/Tooltip/composables/useTooltip.js +6 -1
- package/dist/Utils/index.d.ts +11 -2
- package/dist/Utils/index.js +31 -27
- package/dist/augments.d.ts +13 -8
- package/dist/index.d.ts +2 -0
- package/dist/index.js +162 -160
- package/docs/README.md +1 -0
- package/docs/components/ActionFooter.md +85 -0
- package/docs/components/Alert.md +4 -2
- package/docs/components/Autocomplete.md +2 -2
- package/docs/components/BaseField.md +19 -18
- package/docs/components/BridgeUIProvider.md +30 -7
- package/docs/components/ColorField.md +1 -1
- package/docs/components/ColorPicker.md +1 -1
- package/docs/components/DataTable.md +16 -4
- package/docs/components/DateField.md +1 -1
- package/docs/components/DatePicker.md +1 -1
- package/docs/components/DateRangeField.md +1 -1
- package/docs/components/DateRangePicker.md +1 -1
- package/docs/components/DateTimeField.md +1 -1
- package/docs/components/DateTimePicker.md +1 -1
- package/docs/components/DateTimeRangeField.md +1 -1
- package/docs/components/DateTimeRangePicker.md +1 -1
- package/docs/components/FormControl.md +1 -1
- package/docs/components/FormField.md +28 -27
- package/docs/components/Select.md +2 -2
- package/docs/components/TimeField.md +1 -1
- package/docs/components/TimePicker.md +1 -1
- package/docs/components/TimeRangeField.md +1 -1
- package/docs/components/TimeRangePicker.md +1 -1
- package/package.json +2 -2
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
|
|
2
2
|
import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
|
|
3
3
|
import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
|
|
4
|
-
import { FIELD_OVERLAY_INJECTION_KEY as
|
|
5
|
-
import { computed as
|
|
6
|
-
import { get as
|
|
7
|
-
import { sortTimeRangeValue as
|
|
8
|
-
import { menuRoundedProps as
|
|
9
|
-
import { cn as
|
|
4
|
+
import { FIELD_OVERLAY_INJECTION_KEY as ee } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
|
|
5
|
+
import { computed as o, inject as s, ref as c, toValue as l, useAttrs as u, watch as d } from "vue";
|
|
6
|
+
import { get as f, isNil as p, omit as m } from "es-toolkit/compat";
|
|
7
|
+
import { sortTimeRangeValue as h } from "@bridge-ui/core/Domain";
|
|
8
|
+
import { menuRoundedProps as g } from "@bridge-ui/core/Tokens";
|
|
9
|
+
import { cn as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
|
|
10
10
|
//#region src/Components/TimeRangePicker/composables/useTimeRangePicker.ts
|
|
11
|
-
var
|
|
11
|
+
var y = [
|
|
12
12
|
"ampm",
|
|
13
13
|
"fill",
|
|
14
14
|
"color",
|
|
@@ -30,75 +30,75 @@ var b = [
|
|
|
30
30
|
"defaultValue",
|
|
31
31
|
"disableTimes"
|
|
32
32
|
];
|
|
33
|
-
function
|
|
34
|
-
let
|
|
33
|
+
function b(b, x, S) {
|
|
34
|
+
let C = u(), w = s(ee, {
|
|
35
35
|
apply: () => void 0,
|
|
36
36
|
cancel: () => void 0
|
|
37
|
-
}),
|
|
38
|
-
bridgeKeys:
|
|
37
|
+
}), T = e(), E = t(), D = n(), O = o(() => v({
|
|
38
|
+
bridgeKeys: y,
|
|
39
39
|
props: {
|
|
40
|
-
...
|
|
41
|
-
...
|
|
40
|
+
...C,
|
|
41
|
+
...l(b)
|
|
42
42
|
}
|
|
43
43
|
})), { merged: k, entry: A } = i({
|
|
44
|
-
libDefaults:
|
|
44
|
+
libDefaults: x,
|
|
45
45
|
componentName: "TimeRangePicker",
|
|
46
46
|
props: () => O.value.componentProps
|
|
47
|
-
}), j =
|
|
47
|
+
}), j = o(() => k.value.customProps), M = o(() => m(O.value.inheritedAttrs, [
|
|
48
48
|
"onApply",
|
|
49
49
|
"onCancel",
|
|
50
50
|
"onChange"
|
|
51
51
|
])), N = a({
|
|
52
52
|
entry: A,
|
|
53
53
|
props: () => O.value.componentProps
|
|
54
|
-
}), P =
|
|
55
|
-
|
|
54
|
+
}), P = o(() => l(b)), F = o(() => E(k.value.timeZone)), I = o(() => !p(P.value.value)), L = c(k.value.defaultValue ?? null), R = o(() => I.value ? P.value.value ?? null : L.value), z = c(R.value);
|
|
55
|
+
d(() => [R.value, k.value.showFooter], ([e, t]) => {
|
|
56
56
|
t && (z.value = e);
|
|
57
57
|
});
|
|
58
|
-
let B =
|
|
59
|
-
I.value || (L.value = e),
|
|
58
|
+
let B = o(() => k.value.showFooter ? z.value : R.value), V = o(() => B.value?.[0] ?? T.value.now(F.value)), H = o(() => B.value?.[1] ?? T.value.now(F.value)), U = (e) => {
|
|
59
|
+
I.value || (L.value = e), S("change", e);
|
|
60
60
|
}, W = (e) => {
|
|
61
|
-
let t =
|
|
61
|
+
let t = h(e, T.value, F.value);
|
|
62
62
|
if (k.value.showFooter) {
|
|
63
63
|
z.value = t;
|
|
64
64
|
return;
|
|
65
65
|
}
|
|
66
66
|
U(t);
|
|
67
67
|
}, G = (e) => {
|
|
68
|
-
if (
|
|
69
|
-
let t = B.value?.[1] ??
|
|
68
|
+
if (p(e)) return;
|
|
69
|
+
let t = B.value?.[1] ?? T.value.now(F.value);
|
|
70
70
|
W([e, t]);
|
|
71
71
|
}, K = (e) => {
|
|
72
|
-
if (
|
|
73
|
-
let t = B.value?.[0] ??
|
|
72
|
+
if (p(e)) return;
|
|
73
|
+
let t = B.value?.[0] ?? T.value.now(F.value);
|
|
74
74
|
W([t, e]);
|
|
75
75
|
}, q = () => {
|
|
76
|
-
U(z.value),
|
|
76
|
+
U(z.value), S("apply"), w.apply();
|
|
77
77
|
}, J = () => {
|
|
78
|
-
z.value = R.value,
|
|
79
|
-
}, Y =
|
|
80
|
-
let e =
|
|
81
|
-
return r(j.value?.root, M.value,
|
|
78
|
+
z.value = R.value, S("cancel"), w.cancel();
|
|
79
|
+
}, Y = o(() => {
|
|
80
|
+
let e = f(g, k.value.rounded ?? "md");
|
|
81
|
+
return r(j.value?.root, M.value, _({
|
|
82
82
|
"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
|
|
83
83
|
"w-full": k.value.fill,
|
|
84
84
|
"w-fit": !k.value.fill,
|
|
85
85
|
[e]: !0,
|
|
86
86
|
[N.value.root ?? ""]: !0
|
|
87
87
|
}));
|
|
88
|
-
}), X =
|
|
88
|
+
}), X = o(() => _({ "flex w-full px-2.5": !0 })), Z = o(() => _({ "w-px shrink-0": !0 })), Q = o(() => r(j.value?.panels, {}, _({
|
|
89
89
|
"flex w-full flex-row px-2.5 pb-2.5": !0,
|
|
90
90
|
[N.value.panels ?? ""]: !0
|
|
91
|
-
}))), te =
|
|
91
|
+
}))), te = o(() => r(j.value?.start, {}, _({
|
|
92
92
|
"flex min-w-0 flex-1 flex-col pr-2.5": !0,
|
|
93
93
|
[N.value.start ?? ""]: !0
|
|
94
|
-
}))), ne =
|
|
94
|
+
}))), ne = o(() => r(j.value?.end, {}, _({
|
|
95
95
|
"flex min-w-0 flex-1 flex-col pl-2.5": !0,
|
|
96
96
|
[N.value.end ?? ""]: !0
|
|
97
|
-
}))), $ =
|
|
97
|
+
}))), $ = o(() => _({ "min-w-0 flex-1 px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = o(() => _({
|
|
98
98
|
[$.value]: !0,
|
|
99
99
|
"pr-2.5": !0,
|
|
100
100
|
[N.value.startTitle ?? ""]: !0
|
|
101
|
-
})), ie =
|
|
101
|
+
})), ie = o(() => _({
|
|
102
102
|
[$.value]: !0,
|
|
103
103
|
"pl-2.5": !0,
|
|
104
104
|
[N.value.endTitle ?? ""]: !0
|
|
@@ -108,13 +108,13 @@ function x(x, S, C) {
|
|
|
108
108
|
endBind: ne,
|
|
109
109
|
rootBind: Y,
|
|
110
110
|
startBind: te,
|
|
111
|
-
footerBind:
|
|
111
|
+
footerBind: o(() => r(j.value?.footer, {}, _({
|
|
112
112
|
"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
|
|
113
113
|
[N.value.footer ?? ""]: !0
|
|
114
114
|
}))),
|
|
115
115
|
titlesBind: X,
|
|
116
116
|
panelsBind: Q,
|
|
117
|
-
showFooter:
|
|
117
|
+
showFooter: o(() => !!k.value.showFooter),
|
|
118
118
|
handleApply: q,
|
|
119
119
|
titleGapBind: Z,
|
|
120
120
|
displayValue: B,
|
|
@@ -125,13 +125,11 @@ function x(x, S, C) {
|
|
|
125
125
|
handleEndChange: K,
|
|
126
126
|
startDisplayValue: V,
|
|
127
127
|
handleStartChange: G,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
endTitle: s(() => k.value.endTitle ?? D("End time")),
|
|
133
|
-
startTitle: s(() => k.value.startTitle ?? D("Start time"))
|
|
128
|
+
applyButtonProps: o(() => j.value?.applyButton),
|
|
129
|
+
cancelButtonProps: o(() => j.value?.cancelButton),
|
|
130
|
+
endTitle: o(() => k.value.endTitle ?? D("End time")),
|
|
131
|
+
startTitle: o(() => k.value.startTitle ?? D("Start time"))
|
|
134
132
|
};
|
|
135
133
|
}
|
|
136
134
|
//#endregion
|
|
137
|
-
export {
|
|
135
|
+
export { b as useTimeRangePicker };
|
|
@@ -17,7 +17,7 @@ export declare function useToggleGroup(props: ToggleGroupOwnProps, libDefaults:
|
|
|
17
17
|
role: string;
|
|
18
18
|
"aria-disabled": true | undefined;
|
|
19
19
|
class: string;
|
|
20
|
-
}, "class", import('vue').HTMLAttributes | undefined, Omit<ToggleGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "
|
|
20
|
+
}, "class", import('vue').HTMLAttributes | undefined, Omit<ToggleGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "disabled" | "rounded" | "variant" | "multiple">>>;
|
|
21
21
|
contextValue: import('vue').ComputedRef<ToggleGroupContextValue>;
|
|
22
22
|
};
|
|
23
23
|
export { getToggleItemId };
|
|
@@ -15,8 +15,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
|
|
|
15
15
|
color: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipColor, import('./tooltip.types').TooltipColorOverrides>;
|
|
16
16
|
offset: number;
|
|
17
17
|
size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipSize, import('./tooltip.types').TooltipSizeOverrides>;
|
|
18
|
-
rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipRounded, import('./tooltip.types').TooltipRoundedOverrides>;
|
|
19
18
|
disabled: boolean;
|
|
19
|
+
rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipRounded, import('./tooltip.types').TooltipRoundedOverrides>;
|
|
20
20
|
placement: import('@floating-ui/utils').Placement;
|
|
21
21
|
teleportTo: false | string;
|
|
22
22
|
anchorEl: null | HTMLElement;
|
|
@@ -19,7 +19,7 @@ export declare function useTooltip(props: TooltipOwnProps, libDefaults: TooltipL
|
|
|
19
19
|
show: import('vue').ComputedRef<boolean>;
|
|
20
20
|
merged: import('vue').ComputedRef<TooltipMerged>;
|
|
21
21
|
mounted: Ref<boolean, boolean>;
|
|
22
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "
|
|
22
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "disabled" | "rounded" | "content" | "placement" | "teleportTo" | "strategy" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
|
|
23
23
|
tooltipId: string;
|
|
24
24
|
arrowBind: import('vue').ComputedRef<({
|
|
25
25
|
"aria-hidden": boolean;
|
|
@@ -151,6 +151,8 @@ function b(b, ae, x = {}) {
|
|
|
151
151
|
}, { immediate: !0 }), u([
|
|
152
152
|
I,
|
|
153
153
|
w,
|
|
154
|
+
O,
|
|
155
|
+
D,
|
|
154
156
|
() => b.anchorEl,
|
|
155
157
|
() => z.value.arrow,
|
|
156
158
|
() => z.value.offset,
|
|
@@ -162,7 +164,10 @@ function b(b, ae, x = {}) {
|
|
|
162
164
|
return;
|
|
163
165
|
}
|
|
164
166
|
await a(), fe();
|
|
165
|
-
}, {
|
|
167
|
+
}, {
|
|
168
|
+
flush: "post",
|
|
169
|
+
immediate: !0
|
|
170
|
+
}), u(I, () => {
|
|
166
171
|
pe();
|
|
167
172
|
}, { immediate: !0 }), o(() => {
|
|
168
173
|
J(), Z(), Q();
|
package/dist/Utils/index.d.ts
CHANGED
|
@@ -4,8 +4,14 @@ import { ResolvedFieldOverlay } from '@bridge-ui/core/Domain';
|
|
|
4
4
|
import { FormFieldSize, IconSize } from '@bridge-ui/core/Tokens';
|
|
5
5
|
import { useBridgeUI } from '../Provider/useBridgeUI';
|
|
6
6
|
type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
|
|
7
|
+
type BridgeUIRegistryChromeEntry = {
|
|
8
|
+
classes?: object;
|
|
9
|
+
defaultProps?: object;
|
|
10
|
+
tokens?: object;
|
|
11
|
+
};
|
|
7
12
|
export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig = keyof BridgeUIComponentsConfig> = {
|
|
8
13
|
bridge: ReturnType<typeof useBridgeUI>;
|
|
14
|
+
chromeEntry: ComputedRef<undefined | BridgeUIRegistryChromeEntry>;
|
|
9
15
|
components: ComputedRef<null | BridgeUIComponentsConfig>;
|
|
10
16
|
entry: ComputedRef<undefined | RegistryEntryFor<K>>;
|
|
11
17
|
merged: ComputedRef<P>;
|
|
@@ -52,9 +58,12 @@ export declare function usePickerFill({ fill, overlay, componentName, }: {
|
|
|
52
58
|
overlay?: MaybeRefOrGetter<undefined | ResolvedFieldOverlay>;
|
|
53
59
|
}): ComputedRef<boolean>;
|
|
54
60
|
/**
|
|
55
|
-
* Merges `
|
|
61
|
+
* Merges chrome `classes`, public registry `classes`, and instance `props.classes`.
|
|
56
62
|
*/
|
|
57
|
-
export declare function useBridgeUIMergedRegistryClasses<C extends object>({ entry, props, }: {
|
|
63
|
+
export declare function useBridgeUIMergedRegistryClasses<C extends object>({ entry, props, chromeEntry, }: {
|
|
64
|
+
chromeEntry?: ComputedRef<undefined | {
|
|
65
|
+
classes?: object;
|
|
66
|
+
}>;
|
|
58
67
|
entry: ComputedRef<undefined | {
|
|
59
68
|
classes?: object;
|
|
60
69
|
}>;
|
package/dist/Utils/index.js
CHANGED
|
@@ -6,9 +6,9 @@ import { useOptionalModel as c } from "./useOptionalModel.js";
|
|
|
6
6
|
import { computed as l, defineComponent as u, toValue as d, unref as f } from "vue";
|
|
7
7
|
import { get as p, isNil as m } from "es-toolkit/compat";
|
|
8
8
|
import { resolveFieldShowFooter as h, resolvePickerFill as g } from "@bridge-ui/core/Domain";
|
|
9
|
-
import { createMergeNestedComponentProps as _, createMergePartBind as v,
|
|
9
|
+
import { createMergeNestedComponentProps as _, createMergePartBind as v, getBridgeUIChromeComponentName as y, getBridgeUIRegistryDefaultProp as b, mergeBridgeUILayeredClasses as x, mergePropsWithBridgeUIDefaults as S } from "@bridge-ui/core/Utils";
|
|
10
10
|
//#region src/Utils/index.ts
|
|
11
|
-
function
|
|
11
|
+
function C(e) {
|
|
12
12
|
return u({
|
|
13
13
|
name: "HeadlessTestComponent",
|
|
14
14
|
setup() {
|
|
@@ -16,50 +16,54 @@ function x(e) {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
|
-
var
|
|
20
|
-
function
|
|
21
|
-
let i = e(), a = l(() => m(i) ? null : f(i.components))
|
|
19
|
+
var w = v("class"), T = _(w);
|
|
20
|
+
function E({ props: t, libDefaults: n, componentName: r }) {
|
|
21
|
+
let i = e(), a = l(() => m(i) ? null : f(i.components)), o = l(() => {
|
|
22
|
+
if (r) return p(a.value, r);
|
|
23
|
+
}), s = l(() => {
|
|
24
|
+
let e = y(r);
|
|
25
|
+
if (e) return p(a.value, e);
|
|
26
|
+
});
|
|
22
27
|
return {
|
|
23
|
-
entry:
|
|
24
|
-
if (r) return p(a.value, r);
|
|
25
|
-
}),
|
|
28
|
+
entry: o,
|
|
26
29
|
bridge: i,
|
|
27
|
-
merged: l(() =>
|
|
30
|
+
merged: l(() => S({
|
|
28
31
|
libDefaults: n,
|
|
29
32
|
componentName: r,
|
|
30
33
|
props: d(t),
|
|
31
34
|
components: a.value,
|
|
32
35
|
formDefaults: i?.global.value.formDefaults
|
|
33
36
|
})),
|
|
34
|
-
components: a
|
|
37
|
+
components: a,
|
|
38
|
+
chromeEntry: s
|
|
35
39
|
};
|
|
36
40
|
}
|
|
37
|
-
function
|
|
41
|
+
function D({ overlay: t, showFooter: n, componentName: r }) {
|
|
38
42
|
let i = e();
|
|
39
43
|
return l(() => {
|
|
40
|
-
let e =
|
|
41
|
-
r,
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
let e = b({
|
|
45
|
+
componentName: r,
|
|
46
|
+
prop: "showFooter",
|
|
47
|
+
components: f(i?.components)
|
|
48
|
+
});
|
|
45
49
|
return h(d(n) ?? e, d(t));
|
|
46
50
|
});
|
|
47
51
|
}
|
|
48
|
-
function
|
|
52
|
+
function O({ fill: t, overlay: n, componentName: r }) {
|
|
49
53
|
let i = e();
|
|
50
54
|
return l(() => {
|
|
51
|
-
let e =
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
let e = b({
|
|
56
|
+
prop: "fill",
|
|
57
|
+
componentName: r,
|
|
58
|
+
components: f(i?.components)
|
|
59
|
+
});
|
|
56
60
|
return g(d(t) ?? e, d(n));
|
|
57
61
|
});
|
|
58
62
|
}
|
|
59
|
-
function
|
|
60
|
-
return l(() =>
|
|
63
|
+
function k({ entry: e, props: t, chromeEntry: n }) {
|
|
64
|
+
return l(() => x(p(n?.value, "classes"), p(e.value, "classes"), d(t).classes));
|
|
61
65
|
}
|
|
62
|
-
function
|
|
66
|
+
function A(e) {
|
|
63
67
|
return p({
|
|
64
68
|
xs: "xs",
|
|
65
69
|
sm: "sm",
|
|
@@ -70,7 +74,7 @@ function O(e) {
|
|
|
70
74
|
"2xl": "lg"
|
|
71
75
|
}, e ?? "md");
|
|
72
76
|
}
|
|
73
|
-
function
|
|
77
|
+
function j(e) {
|
|
74
78
|
if (e instanceof HTMLElement) return e;
|
|
75
79
|
if (e && "$el" in e) {
|
|
76
80
|
let t = e.$el;
|
|
@@ -79,4 +83,4 @@ function k(e) {
|
|
|
79
83
|
return null;
|
|
80
84
|
}
|
|
81
85
|
//#endregion
|
|
82
|
-
export { t as RenderFn,
|
|
86
|
+
export { t as RenderFn, C as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, T as mergeNestedComponentProps, w as mergePartBind, a as presentSlotNames, A as resolveFieldAdornmentIconSize, j as resolveVnodeRefElement, o as useBreakpoint, E as useBridgeUIComponent, k as useBridgeUIMergedRegistryClasses, D as useFieldShowFooter, s as useHoldRepeat, c as useOptionalModel, O as usePickerFill };
|
package/dist/augments.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ActionFooterClasses, ActionFooterProps } from './Components/ActionFooter';
|
|
1
2
|
import { AlertClasses, AlertProps } from './Components/Alert';
|
|
2
3
|
import { AutocompleteClasses, AutocompleteProps } from './Components/Autocomplete';
|
|
3
4
|
import { AvatarClasses, AvatarProps } from './Components/Avatar';
|
|
@@ -32,13 +33,17 @@ import { SwitchClasses, SwitchProps } from './Components/Switch';
|
|
|
32
33
|
import { TextareaClasses, TextareaProps } from './Components/Textarea';
|
|
33
34
|
import { TextFieldClasses, TextFieldProps } from './Components/TextField';
|
|
34
35
|
declare module "@bridge-ui/core/Config" {
|
|
36
|
+
interface ActionFooterConfigOverrides {
|
|
37
|
+
classes: ActionFooterClasses;
|
|
38
|
+
defaultProps: Partial<Pick<ActionFooterProps, "applyColor" | "cancelColor" | "applyVariant" | "cancelVariant">>;
|
|
39
|
+
}
|
|
35
40
|
interface AlertConfigOverrides {
|
|
36
41
|
classes: AlertClasses;
|
|
37
42
|
defaultProps: Partial<Pick<AlertProps, "color" | "shadow" | "padding" | "rounded" | "variant">>;
|
|
38
43
|
}
|
|
39
44
|
interface AutocompleteConfigOverrides {
|
|
40
45
|
classes: AutocompleteClasses;
|
|
41
|
-
defaultProps: Partial<Pick<AutocompleteProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage">>;
|
|
46
|
+
defaultProps: Partial<Pick<AutocompleteProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
42
47
|
}
|
|
43
48
|
interface AvatarConfigOverrides {
|
|
44
49
|
classes: AvatarClasses;
|
|
@@ -107,15 +112,15 @@ declare module "@bridge-ui/core/Config" {
|
|
|
107
112
|
}
|
|
108
113
|
interface NumberFieldConfigOverrides {
|
|
109
114
|
classes: NumberFieldClasses;
|
|
110
|
-
defaultProps: Partial<Pick<NumberFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "controlVariant" | "hideErrorMessage">>;
|
|
115
|
+
defaultProps: Partial<Pick<NumberFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "controlVariant" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
111
116
|
}
|
|
112
117
|
interface OtpFieldConfigOverrides {
|
|
113
118
|
classes: OtpFieldClasses;
|
|
114
|
-
defaultProps: Partial<Pick<OtpFieldProps, "size" | "type" | "color" | "length" | "rounded" | "variant" | "hideErrorMessage">>;
|
|
119
|
+
defaultProps: Partial<Pick<OtpFieldProps, "size" | "type" | "color" | "length" | "rounded" | "variant" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
115
120
|
}
|
|
116
121
|
interface PasswordFieldConfigOverrides {
|
|
117
122
|
classes: PasswordFieldClasses;
|
|
118
|
-
defaultProps: Partial<Pick<PasswordFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
|
|
123
|
+
defaultProps: Partial<Pick<PasswordFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
119
124
|
}
|
|
120
125
|
interface ProgressConfigOverrides {
|
|
121
126
|
classes: ProgressClasses;
|
|
@@ -131,7 +136,7 @@ declare module "@bridge-ui/core/Config" {
|
|
|
131
136
|
}
|
|
132
137
|
interface SelectConfigOverrides {
|
|
133
138
|
classes: SelectClasses;
|
|
134
|
-
defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage">>;
|
|
139
|
+
defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
135
140
|
}
|
|
136
141
|
interface SidebarConfigOverrides {
|
|
137
142
|
classes: SidebarClasses & SidebarInsetClasses & SidebarProviderClasses;
|
|
@@ -143,7 +148,7 @@ declare module "@bridge-ui/core/Config" {
|
|
|
143
148
|
}
|
|
144
149
|
interface SliderConfigOverrides {
|
|
145
150
|
classes: SliderClasses;
|
|
146
|
-
defaultProps: Partial<Pick<SliderProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip" | "hideErrorMessage">>;
|
|
151
|
+
defaultProps: Partial<Pick<SliderProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
147
152
|
}
|
|
148
153
|
interface SpinnerConfigOverrides {
|
|
149
154
|
classes: SpinnerClasses;
|
|
@@ -155,10 +160,10 @@ declare module "@bridge-ui/core/Config" {
|
|
|
155
160
|
}
|
|
156
161
|
interface TextareaConfigOverrides {
|
|
157
162
|
classes: TextareaClasses;
|
|
158
|
-
defaultProps: Partial<Pick<TextareaProps, "size" | "color" | "resize" | "rounded" | "variant" | "autosize" | "showErrorIcon" | "hideErrorMessage">>;
|
|
163
|
+
defaultProps: Partial<Pick<TextareaProps, "size" | "color" | "resize" | "rounded" | "variant" | "autosize" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
159
164
|
}
|
|
160
165
|
interface TextFieldConfigOverrides {
|
|
161
166
|
classes: TextFieldClasses;
|
|
162
|
-
defaultProps: Partial<Pick<TextFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
|
|
167
|
+
defaultProps: Partial<Pick<TextFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
|
|
163
168
|
}
|
|
164
169
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ export { ACCORDION_INJECTION_KEY, Accordion, useAccordion, } from './Components/
|
|
|
6
6
|
export type { AccordionClasses, AccordionColorOverrides, AccordionContextValue, AccordionCustomProps, AccordionEmits, AccordionOwnProps, AccordionProps, AccordionSizeOverrides, AccordionSlots, AccordionTokenClasses, AccordionVariantOverrides, } from './Components/Accordion';
|
|
7
7
|
export { AccordionItem, useAccordionItem } from './Components/AccordionItem';
|
|
8
8
|
export type { AccordionItemClasses, AccordionItemCustomProps, AccordionItemOwnProps, AccordionItemProps, AccordionItemSlots, } from './Components/AccordionItem';
|
|
9
|
+
export { ActionFooter, useActionFooter } from './Components/ActionFooter';
|
|
10
|
+
export type { ActionFooterClasses, ActionFooterCustomProps, ActionFooterEmits, ActionFooterOwnProps, ActionFooterProps, } from './Components/ActionFooter';
|
|
9
11
|
export { Alert, useAlert } from './Components/Alert';
|
|
10
12
|
export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
|
|
11
13
|
export { Autocomplete, AutocompleteOption } from './Components/Autocomplete';
|