@bridge-ui/vue 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Actions/Dialog/BridgeDialogAction.vue_vue_type_script_setup_true_lang.js +19 -35
- package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js +41 -54
- package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Alert/alertDefaultIcons.d.ts +1 -1
- package/dist/Components/Alert/composables/useAlert.js +2 -2
- package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/Avatar/avatar.types.d.ts +34 -1
- package/dist/Components/Avatar/composables/useAvatar.d.ts +4 -4
- package/dist/Components/Avatar/composables/useAvatar.js +10 -9
- package/dist/Components/Avatar/index.d.ts +1 -1
- package/dist/Components/Badge/composables/useBadge.js +2 -2
- package/dist/Components/Button/composables/useButton.d.ts +1 -1
- package/dist/Components/Button/composables/useButton.js +2 -2
- package/dist/Components/Card/composables/useCard.js +4 -4
- package/dist/Components/Checkbox/Checkbox.vue.d.ts +3 -3
- package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +23 -23
- package/dist/Components/Checkbox/checkbox.types.d.ts +7 -6
- package/dist/Components/Checkbox/composables/useCheckbox.d.ts +6 -11
- package/dist/Components/Checkbox/composables/useCheckbox.js +4 -3
- package/dist/Components/Chip/composables/useChip.js +2 -2
- package/dist/Components/Divider/composables/useDivider.js +2 -2
- package/dist/Components/Drawer/Drawer.vue.d.ts +1 -1
- package/dist/Components/Drawer/composables/useDrawer.d.ts +1 -1
- package/dist/Components/Drawer/composables/useDrawer.js +2 -2
- package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +24 -18
- package/dist/Components/FormControl/FormControlLabel.js +5 -0
- package/dist/Components/FormControl/FormControlLabel.vue.d.ts +8 -0
- package/dist/Components/FormControl/FormControlLabel.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/Components/FormControl/composables/useFormControl.d.ts +7 -11
- package/dist/Components/FormControl/composables/useFormControl.js +62 -68
- package/dist/Components/FormControl/formControl.types.d.ts +19 -30
- package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +23 -25
- package/dist/Components/FormField/FormFieldLabel.js +5 -0
- package/dist/Components/FormField/FormFieldLabel.vue.d.ts +7 -0
- package/dist/Components/FormField/FormFieldLabel.vue_vue_type_script_setup_true_lang.js +16 -0
- package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +22 -24
- package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -25
- package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +25 -27
- package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -25
- package/dist/Components/FormField/composables/useFormField.d.ts +3 -3
- package/dist/Components/FormField/composables/useFormField.js +112 -111
- package/dist/Components/FormField/formField.types.d.ts +6 -3
- package/dist/Components/Icon/composables/useIcon.js +2 -2
- package/dist/Components/Label/composables/useLabel.js +2 -2
- package/dist/Components/Link/composables/useLink.js +2 -2
- package/dist/Components/Listbox/Listbox.vue.d.ts +1 -1
- package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +82 -118
- package/dist/Components/Listbox/composables/useListbox.js +2 -2
- package/dist/Components/Listbox/listbox.types.d.ts +39 -5
- package/dist/Components/Menu/Menu.vue.d.ts +2 -2
- package/dist/Components/Menu/composables/useMenu.d.ts +1 -1
- package/dist/Components/Menu/composables/useMenu.js +2 -2
- package/dist/Components/Modal/composables/useModal.js +2 -2
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +52 -47
- package/dist/Components/NumberField/composables/useNumberField.d.ts +3 -4
- package/dist/Components/NumberField/composables/useNumberField.js +2 -2
- package/dist/Components/NumberField/numberField.types.d.ts +41 -2
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +35 -29
- package/dist/Components/PasswordField/composables/usePasswordField.d.ts +3 -4
- package/dist/Components/PasswordField/composables/usePasswordField.js +2 -2
- package/dist/Components/PasswordField/passwordField.types.d.ts +29 -2
- package/dist/Components/Progress/composables/useProgress.js +2 -2
- package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +15 -16
- package/dist/Components/Radio/composables/useRadio.d.ts +6 -11
- package/dist/Components/Radio/composables/useRadio.js +4 -3
- package/dist/Components/Radio/radio.types.d.ts +7 -6
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +64 -57
- package/dist/Components/Select/composables/useSelect.d.ts +16 -16
- package/dist/Components/Select/composables/useSelect.js +13 -13
- package/dist/Components/Select/select.types.d.ts +23 -4
- package/dist/Components/Skeleton/composables/useSkeleton.js +2 -2
- package/dist/Components/Snackbar/composables/useSnackbar.js +1 -1
- package/dist/Components/Spinner/composables/useSpinner.js +2 -2
- package/dist/Components/Switch/Switch.vue.d.ts +3 -3
- package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js +19 -19
- package/dist/Components/Switch/composables/useSwitch.d.ts +6 -11
- package/dist/Components/Switch/composables/useSwitch.js +4 -3
- package/dist/Components/Switch/switch.types.d.ts +7 -6
- package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js +16 -16
- package/dist/Components/Tabs/composables/useTabs.js +2 -2
- package/dist/Components/Tabs/tabs.types.d.ts +27 -1
- package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +15 -8
- package/dist/Components/TextField/composables/useTextField.d.ts +3 -4
- package/dist/Components/TextField/composables/useTextField.js +7 -4
- package/dist/Components/TextField/textField.types.d.ts +9 -1
- package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +19 -12
- package/dist/Components/Textarea/composables/useTextarea.d.ts +3 -4
- package/dist/Components/Textarea/composables/useTextarea.js +4 -3
- package/dist/Components/Textarea/textarea.types.d.ts +7 -0
- package/dist/Utils/index.d.ts +9 -2
- package/dist/Utils/index.js +11 -11
- package/dist/index.d.ts +1 -1
- package/dist/index.js +14 -14
- package/dist/theme.css +1 -1
- package/package.json +2 -2
|
@@ -427,10 +427,9 @@ export declare function useTextField(props: TextFieldOwnProps): {
|
|
|
427
427
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
428
428
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
429
429
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
430
|
-
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "
|
|
430
|
+
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
|
|
431
431
|
isNotched: import('vue').ComputedRef<boolean>;
|
|
432
432
|
isStacked: import('vue').ComputedRef<boolean>;
|
|
433
|
-
labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
434
433
|
startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
435
434
|
cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
436
435
|
headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
@@ -440,12 +439,12 @@ export declare function useTextField(props: TextFieldOwnProps): {
|
|
|
440
439
|
endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
441
440
|
endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
442
441
|
invalidated: import('vue').ComputedRef<boolean>;
|
|
443
|
-
requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
|
|
444
442
|
containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
445
443
|
"data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
|
|
446
444
|
}>>;
|
|
447
445
|
startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
448
446
|
startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
447
|
+
fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
|
|
449
448
|
ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
|
|
450
449
|
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
451
450
|
stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
|
|
@@ -676,5 +675,5 @@ export declare function useTextField(props: TextFieldOwnProps): {
|
|
|
676
675
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
677
676
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
678
677
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
679
|
-
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "
|
|
678
|
+
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
|
|
680
679
|
};
|
|
@@ -2,10 +2,13 @@ import { useFormField as e } from "../../FormField/composables/useFormField.js";
|
|
|
2
2
|
import { useAttrs as t } from "vue";
|
|
3
3
|
//#region src/Components/TextField/composables/useTextField.ts
|
|
4
4
|
function n(n) {
|
|
5
|
-
let r = t(), i = e(() =>
|
|
6
|
-
...
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
let r = t(), i = e(() => {
|
|
6
|
+
let { defaultValue: e, ...t } = n;
|
|
7
|
+
return {
|
|
8
|
+
...r,
|
|
9
|
+
...t
|
|
10
|
+
};
|
|
11
|
+
}, {
|
|
9
12
|
size: "md",
|
|
10
13
|
rounded: "md",
|
|
11
14
|
color: "primary",
|
|
@@ -3,7 +3,15 @@ import { MergeHtmlProps } from '@bridge-ui/core';
|
|
|
3
3
|
import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
|
|
4
4
|
export interface TextFieldClasses extends FormFieldClasses {}
|
|
5
5
|
export interface TextFieldCustomProps extends FormFieldCustomProps {}
|
|
6
|
-
export interface TextFieldOwnProps extends Omit<FormFieldOwnProps, "field"> {
|
|
6
|
+
export interface TextFieldOwnProps extends Omit<FormFieldOwnProps, "field"> {
|
|
7
|
+
/**
|
|
8
|
+
* Initial value for uncontrolled usage (when `v-model` / `modelValue` is
|
|
9
|
+
* not bound).
|
|
10
|
+
*
|
|
11
|
+
* @default undefined
|
|
12
|
+
*/
|
|
13
|
+
defaultValue?: string;
|
|
14
|
+
}
|
|
7
15
|
export interface TextFieldSlots extends FormFieldSlots {}
|
|
8
16
|
export type TextFieldProps = MergeHtmlProps<TextFieldOwnProps, InputHTMLAttributes> & {
|
|
9
17
|
/**
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import e from "../FormField/FormField.js";
|
|
2
2
|
import { useTextarea as t } from "./composables/useTextarea.js";
|
|
3
|
-
import {
|
|
3
|
+
import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, useTemplateRef as f, vModelText as p, watch as m, withCtx as h, withDirectives as g } from "vue";
|
|
4
|
+
import { isUndefined as _ } from "es-toolkit/compat";
|
|
4
5
|
//#region src/Components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var
|
|
6
|
+
var v = /* @__PURE__ */ a({
|
|
6
7
|
inheritAttrs: !1,
|
|
7
8
|
__name: "Textarea",
|
|
8
|
-
props: /* @__PURE__ */
|
|
9
|
+
props: /* @__PURE__ */ o({
|
|
9
10
|
autosize: { type: Boolean },
|
|
11
|
+
defaultValue: {},
|
|
10
12
|
likeInput: { type: Boolean },
|
|
11
13
|
resize: {},
|
|
12
14
|
classes: {},
|
|
@@ -40,18 +42,23 @@ var h = /* @__PURE__ */ i({
|
|
|
40
42
|
modelModifiers: {}
|
|
41
43
|
}),
|
|
42
44
|
emits: ["update:modelValue"],
|
|
43
|
-
setup(
|
|
44
|
-
let
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
45
|
+
setup(a) {
|
|
46
|
+
let o = d(a, "modelValue"), v = a, y = l(v.defaultValue), b = n({
|
|
47
|
+
set: (e) => {
|
|
48
|
+
o.value = e, y.value = e;
|
|
49
|
+
},
|
|
50
|
+
get: () => _(o.value) ? y.value : o.value
|
|
51
|
+
}), x = f("textarea"), { formField: S, textareaBind: C, adjustHeight: w } = t(v, x);
|
|
52
|
+
return m(b, () => {
|
|
53
|
+
w(x.value);
|
|
54
|
+
}), (t, n) => (c(), r(u(e), { field: u(S) }, {
|
|
55
|
+
default: h(() => [g(i("textarea", s({
|
|
49
56
|
ref: "textarea",
|
|
50
|
-
"onUpdate:modelValue":
|
|
51
|
-
},
|
|
57
|
+
"onUpdate:modelValue": n[0] ||= (e) => b.value = e
|
|
58
|
+
}, u(C)), null, 16), [[p, b.value]])]),
|
|
52
59
|
_: 1
|
|
53
60
|
}, 8, ["field"]));
|
|
54
61
|
}
|
|
55
62
|
});
|
|
56
63
|
//#endregion
|
|
57
|
-
export {
|
|
64
|
+
export { v as default };
|
|
@@ -428,10 +428,9 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
|
|
|
428
428
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
429
429
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
430
430
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
431
|
-
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "
|
|
431
|
+
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
|
|
432
432
|
isNotched: import('vue').ComputedRef<boolean>;
|
|
433
433
|
isStacked: import('vue').ComputedRef<boolean>;
|
|
434
|
-
labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
435
434
|
startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
436
435
|
cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
437
436
|
headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
@@ -441,12 +440,12 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
|
|
|
441
440
|
endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
442
441
|
endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
443
442
|
invalidated: import('vue').ComputedRef<boolean>;
|
|
444
|
-
requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
|
|
445
443
|
containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
446
444
|
"data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
|
|
447
445
|
}>>;
|
|
448
446
|
startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
449
447
|
startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
448
|
+
fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
|
|
450
449
|
ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
|
|
451
450
|
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
452
451
|
stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
|
|
@@ -678,7 +677,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
|
|
|
678
677
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
679
678
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
680
679
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
681
|
-
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "
|
|
680
|
+
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
|
|
682
681
|
rows?: string | number | undefined;
|
|
683
682
|
onInput?: ((event: Event) => void) | undefined;
|
|
684
683
|
}>>;
|
|
@@ -3,7 +3,7 @@ import { useFormField as r } from "../../FormField/composables/useFormField.js";
|
|
|
3
3
|
import { computed as i, onMounted as a, useAttrs as o, watch as s } from "vue";
|
|
4
4
|
import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
|
|
5
5
|
import { adjustAutosizeTextareaHeight as d, cn as f, mergeBridgeUILayeredClasses as p } from "@bridge-ui/core";
|
|
6
|
-
import { resizeProps as m } from "@bridge-ui/core/
|
|
6
|
+
import { resizeProps as m } from "@bridge-ui/core/Tokens/Textarea";
|
|
7
7
|
//#region src/Components/Textarea/composables/useTextarea.ts
|
|
8
8
|
function h(h, g) {
|
|
9
9
|
let _ = o(), v = i(() => ({
|
|
@@ -28,7 +28,8 @@ function h(h, g) {
|
|
|
28
28
|
...u(h, [
|
|
29
29
|
"autosize",
|
|
30
30
|
"resize",
|
|
31
|
-
"likeInput"
|
|
31
|
+
"likeInput",
|
|
32
|
+
"defaultValue"
|
|
32
33
|
]),
|
|
33
34
|
classes: x.value
|
|
34
35
|
}), {
|
|
@@ -40,7 +41,7 @@ function h(h, g) {
|
|
|
40
41
|
}, {
|
|
41
42
|
control: () => "textarea",
|
|
42
43
|
likeInput: () => S.value
|
|
43
|
-
}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.
|
|
44
|
+
}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
|
|
44
45
|
!e || !C.value || d(e);
|
|
45
46
|
}, A = (e) => {
|
|
46
47
|
k(e.target), O.value?.(e);
|
|
@@ -11,6 +11,13 @@ export interface TextareaOwnProps extends Omit<FormFieldOwnProps, "field"> {
|
|
|
11
11
|
* Defaults to `true` when `likeInput` is set; otherwise `false`.
|
|
12
12
|
*/
|
|
13
13
|
autosize?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Initial value for uncontrolled usage (when `v-model` / `modelValue` is
|
|
16
|
+
* not bound).
|
|
17
|
+
*
|
|
18
|
+
* @default undefined
|
|
19
|
+
*/
|
|
20
|
+
defaultValue?: string;
|
|
14
21
|
/**
|
|
15
22
|
* Use compact TextField-like sizing instead of the default multiline textarea profile.
|
|
16
23
|
* Enables `autosize` and `rows={1}` by default; both can be overridden explicitly.
|
package/dist/Utils/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentPublicInstance, ComputedRef, MaybeRefOrGetter } from 'vue';
|
|
2
|
-
import { FormFieldSize } from '@bridge-ui/core/Components/FormField';
|
|
3
|
-
import { IconSize } from '@bridge-ui/core/Components/Icon';
|
|
4
2
|
import { BridgeUIComponentsConfig } from '@bridge-ui/core/Config';
|
|
3
|
+
import { FormFieldSize } from '@bridge-ui/core/Tokens/FormField';
|
|
4
|
+
import { IconSize } from '@bridge-ui/core/Tokens/Icon';
|
|
5
5
|
import { useBridgeUI } from '../Provider/useBridgeUI';
|
|
6
6
|
type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
|
|
7
7
|
export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig> = {
|
|
@@ -18,6 +18,13 @@ export declare function defineHeadlessComponent(setup: () => void): import('vue'
|
|
|
18
18
|
* Merges Vue-specific classes into the `class` attribute.
|
|
19
19
|
*/
|
|
20
20
|
export declare const mergePartBind: <Bridge extends object, Part extends object | undefined = undefined, Inherited extends object | undefined = undefined>(partProps: Part, inheritedAttrs: Inherited, bridgeProps: string | Bridge) => import('@bridge-ui/core').MergePartBind<Bridge, "class", Part, Inherited>;
|
|
21
|
+
/**
|
|
22
|
+
* Merges consumer nested-component props with package defaults (consumer wins).
|
|
23
|
+
*/
|
|
24
|
+
export declare const mergeNestedComponentProps: <P extends {
|
|
25
|
+
classes?: object;
|
|
26
|
+
customProps?: object;
|
|
27
|
+
}>(userProps: undefined | Partial<P>, defaults?: import('@bridge-ui/core').NestedComponentDefaults<P>) => Partial<P>;
|
|
21
28
|
/**
|
|
22
29
|
* Registry entry + props merged with Bridge defaults for a named component.
|
|
23
30
|
*/
|
package/dist/Utils/index.js
CHANGED
|
@@ -4,10 +4,10 @@ import { useBreakpoint as o } from "./useBreakpoint.js";
|
|
|
4
4
|
import { useHoldRepeat as s } from "./useHoldRepeat.js";
|
|
5
5
|
import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
|
|
6
6
|
import { get as f, isNil as p } from "es-toolkit/compat";
|
|
7
|
-
import {
|
|
8
|
-
import { mergeBridgeUILayeredClasses as
|
|
7
|
+
import { createMergeNestedComponentProps as m, createMergePartBind as h } from "@bridge-ui/core";
|
|
8
|
+
import { mergeBridgeUILayeredClasses as g, mergePropsWithBridgeUIDefaults as _ } from "@bridge-ui/core/Utils";
|
|
9
9
|
//#region src/Utils/index.ts
|
|
10
|
-
function
|
|
10
|
+
function v(e) {
|
|
11
11
|
return l({
|
|
12
12
|
name: "HeadlessTestComponent",
|
|
13
13
|
setup() {
|
|
@@ -15,13 +15,13 @@ function _(e) {
|
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
17
|
}
|
|
18
|
-
var
|
|
19
|
-
function
|
|
18
|
+
var y = h("class"), b = m(y);
|
|
19
|
+
function x({ props: t, libDefaults: n, componentName: r }) {
|
|
20
20
|
let i = e(), a = c(() => p(i) ? null : d(i.components));
|
|
21
21
|
return {
|
|
22
22
|
entry: c(() => f(a.value, r)),
|
|
23
23
|
bridge: i,
|
|
24
|
-
merged: c(() =>
|
|
24
|
+
merged: c(() => _({
|
|
25
25
|
libDefaults: n,
|
|
26
26
|
componentName: r,
|
|
27
27
|
props: u(t),
|
|
@@ -30,10 +30,10 @@ function y({ props: t, libDefaults: n, componentName: r }) {
|
|
|
30
30
|
components: a
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
|
-
function
|
|
34
|
-
return c(() =>
|
|
33
|
+
function S({ entry: e, props: t }) {
|
|
34
|
+
return c(() => g(f(e.value, "classes"), u(t).classes));
|
|
35
35
|
}
|
|
36
|
-
function
|
|
36
|
+
function C(e) {
|
|
37
37
|
return f({
|
|
38
38
|
xs: "xs",
|
|
39
39
|
sm: "sm",
|
|
@@ -44,7 +44,7 @@ function x(e) {
|
|
|
44
44
|
"2xl": "lg"
|
|
45
45
|
}, e ?? "md");
|
|
46
46
|
}
|
|
47
|
-
function
|
|
47
|
+
function w(e) {
|
|
48
48
|
if (e instanceof HTMLElement) return e;
|
|
49
49
|
if (e && "$el" in e) {
|
|
50
50
|
let t = e.$el;
|
|
@@ -53,4 +53,4 @@ function S(e) {
|
|
|
53
53
|
return null;
|
|
54
54
|
}
|
|
55
55
|
//#endregion
|
|
56
|
-
export {
|
|
56
|
+
export { v as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, b as mergeNestedComponentProps, y as mergePartBind, C as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, w as resolveVnodeRefElement, o as useBreakpoint, x as useBridgeUIComponent, S as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { Alert, useAlert } from './Components/Alert';
|
|
2
2
|
export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
|
|
3
3
|
export { Avatar } from './Components/Avatar';
|
|
4
|
-
export type { AvatarClasses, AvatarColorOverrides, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
|
|
4
|
+
export type { AvatarClasses, AvatarColorOverrides, AvatarCustomProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
|
|
5
5
|
export { Badge, useBadge } from './Components/Badge';
|
|
6
6
|
export type { BadgeClasses, BadgeColorOverrides, BadgeDensityOverrides, BadgeOwnProps, BadgeProps, BadgeRoundedOverrides, BadgeSizeOverrides, BadgeSlots, BadgeVariantOverrides, } from './Components/Badge';
|
|
7
7
|
export { Button, useButton } from './Components/Button';
|
package/dist/index.js
CHANGED
|
@@ -12,19 +12,19 @@ import d from "./Components/Button/Button.js";
|
|
|
12
12
|
import { useCard as f } from "./Components/Card/composables/useCard.js";
|
|
13
13
|
import p from "./Components/Card/Card.js";
|
|
14
14
|
import { useFormControl as m } from "./Components/FormControl/composables/useFormControl.js";
|
|
15
|
-
import h from "./Components/
|
|
16
|
-
import
|
|
17
|
-
import _ from "./Components/
|
|
18
|
-
import {
|
|
19
|
-
import y from "./Components/
|
|
20
|
-
import {
|
|
21
|
-
import x from "./Components/
|
|
22
|
-
import {
|
|
23
|
-
import C from "./Components/
|
|
24
|
-
import {
|
|
25
|
-
import T from "./Components/
|
|
26
|
-
import {
|
|
27
|
-
import D from "./Components/
|
|
15
|
+
import { useLabel as h } from "./Components/Label/composables/useLabel.js";
|
|
16
|
+
import g from "./Components/Label/Label.js";
|
|
17
|
+
import _ from "./Components/FormControl/FormControl.js";
|
|
18
|
+
import { useCheckbox as v } from "./Components/Checkbox/composables/useCheckbox.js";
|
|
19
|
+
import y from "./Components/Checkbox/Checkbox.js";
|
|
20
|
+
import { useChip as b } from "./Components/Chip/composables/useChip.js";
|
|
21
|
+
import x from "./Components/Chip/Chip.js";
|
|
22
|
+
import { useDivider as S } from "./Components/Divider/composables/useDivider.js";
|
|
23
|
+
import C from "./Components/Divider/Divider.js";
|
|
24
|
+
import { useDrawer as w } from "./Components/Drawer/composables/useDrawer.js";
|
|
25
|
+
import T from "./Components/Drawer/Drawer.js";
|
|
26
|
+
import { useFormField as E } from "./Components/FormField/composables/useFormField.js";
|
|
27
|
+
import D from "./Components/FormField/FormField.js";
|
|
28
28
|
import { useLink as O } from "./Components/Link/composables/useLink.js";
|
|
29
29
|
import k from "./Components/Link/Link.js";
|
|
30
30
|
import { useList as A } from "./Components/List/composables/useList.js";
|
|
@@ -74,4 +74,4 @@ import we from "./Components/TextField/TextField.js";
|
|
|
74
74
|
import Te from "./Provider/BridgeUIProvider.js";
|
|
75
75
|
import { createBridgeUI as Ee } from "./Provider/createBridgeUI.js";
|
|
76
76
|
import { BRIDGE_UI_DEFAULT_GLOBAL as De, cn as Oe, mergeBridgeUIComponents as ke, mergeBridgeUIGlobal as Ae, resolveBridgeUIOptions as je } from "@bridge-ui/core";
|
|
77
|
-
export { o as Alert, s as Avatar, De as BRIDGE_UI_DEFAULT_GLOBAL, l as Badge, Te as BridgeUIProvider, d as Button, p as Card,
|
|
77
|
+
export { o as Alert, s as Avatar, De as BRIDGE_UI_DEFAULT_GLOBAL, l as Badge, Te as BridgeUIProvider, d as Button, p as Card, y as Checkbox, x as Chip, C as Divider, T as Drawer, _ as FormControl, D as FormField, a as Icon, g as Label, k as Link, j as List, z as ListItem, B as ListSection, G as Listbox, H as Menu, q as Modal, Y as NumberField, Z as PasswordField, W as Progress, $ as Radio, ee as Select, te as SelectOption, re as Skeleton, ae as Snackbar, se as Spinner, le as Switch, ue as TABS_INJECTION_KEY, fe as Tab, me as TabItem, ge as TabList, ve as TabPanel, be as Tabs, we as TextField, Se as Textarea, Oe as cn, Ee as createBridgeUI, N as findFirstEnabledOptionIndex, P as findLastEnabledOptionIndex, F as getListboxActiveDescendantId, I as getListboxOptionId, ke as mergeBridgeUIComponents, Ae as mergeBridgeUIGlobal, L as moveListboxHighlight, je as resolveBridgeUIOptions, i as useAlert, c as useBadge, t as useBreakpoint, e as useBridgeUI, n as useBridgeUIComponent, r as useBridgeUIMergedRegistryClasses, u as useButton, f as useCard, v as useCheckbox, b as useChip, S as useDivider, w as useDrawer, m as useFormControl, E as useFormField, h as useLabel, O as useLink, A as useList, M as useListbox, R as useListboxNavigation, V as useMenu, K as useModal, J as useNumberField, X as usePasswordField, U as useProgress, Q as useRadio, ne as useSkeleton, ie as useSnackbar, oe as useSpinner, ce as useSwitch, de as useTab, pe as useTabItem, he as useTabList, _e as useTabPanel, ye as useTabs, Ce as useTextField, xe as useTextarea };
|
package/dist/theme.css
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"license": "MIT",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.4",
|
|
5
5
|
"author": "BridgeUI",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"name": "@bridge-ui/vue",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"dist"
|
|
61
61
|
],
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"@bridge-ui/core": "^0.0.
|
|
63
|
+
"@bridge-ui/core": "^0.0.4",
|
|
64
64
|
"@lucide/vue": ">=1.0.0",
|
|
65
65
|
"vue": "^3.4.0"
|
|
66
66
|
},
|