@hina-ui/vue 1.1.0 → 1.2.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/dist/index.js +485 -262
- package/dist/index.js.map +1 -1
- package/dist/types/components/accordion/AccordionContent.vue.d.ts.map +1 -1
- package/dist/types/components/avatar/AvatarGroup.vue.d.ts.map +1 -1
- package/dist/types/components/avatar/utils/children.d.ts +3 -0
- package/dist/types/components/avatar/utils/children.d.ts.map +1 -0
- package/dist/types/components/checkbox-group/CheckboxGroup.vue.d.ts +32 -29
- package/dist/types/components/checkbox-group/CheckboxGroup.vue.d.ts.map +1 -1
- package/dist/types/components/collapsible/CollapsibleContent.vue.d.ts.map +1 -1
- package/dist/types/components/combobox/Combobox.vue.d.ts +38 -38
- package/dist/types/components/combobox/Combobox.vue.d.ts.map +1 -1
- package/dist/types/components/combobox/ComboboxList.vue.d.ts +22 -15
- package/dist/types/components/combobox/ComboboxList.vue.d.ts.map +1 -1
- package/dist/types/components/dialog/Dialog.vue.d.ts +22 -16
- package/dist/types/components/dialog/Dialog.vue.d.ts.map +1 -1
- package/dist/types/components/dialog/dialog.variants.d.ts +32 -2
- package/dist/types/components/dialog/dialog.variants.d.ts.map +1 -1
- package/dist/types/components/image/ImageGroup.vue.d.ts.map +1 -1
- package/dist/types/components/image/composables/useImageGroupState.d.ts +7 -0
- package/dist/types/components/image/composables/useImageGroupState.d.ts.map +1 -0
- package/dist/types/components/input/Input.vue.d.ts +3 -3
- package/dist/types/components/input/Input.vue.d.ts.map +1 -1
- package/dist/types/components/input/InputBase.vue.d.ts +3 -3
- package/dist/types/components/input/InputBase.vue.d.ts.map +1 -1
- package/dist/types/components/input/input.variants.d.ts +52 -6
- package/dist/types/components/input/input.variants.d.ts.map +1 -1
- package/dist/types/components/input-group/InputGroup.vue.d.ts +3 -3
- package/dist/types/components/input-group/InputGroup.vue.d.ts.map +1 -1
- package/dist/types/components/input-group/context.d.ts +2 -1
- package/dist/types/components/input-group/context.d.ts.map +1 -1
- package/dist/types/components/input-group/input-group.variants.d.ts +13 -1
- package/dist/types/components/input-group/input-group.variants.d.ts.map +1 -1
- package/dist/types/components/listbox/Listbox.vue.d.ts +36 -29
- package/dist/types/components/listbox/Listbox.vue.d.ts.map +1 -1
- package/dist/types/components/listbox/ListboxOptionContent.vue.d.ts +31 -0
- package/dist/types/components/listbox/ListboxOptionContent.vue.d.ts.map +1 -0
- package/dist/types/components/listbox/listbox.variants.d.ts +19 -1
- package/dist/types/components/listbox/listbox.variants.d.ts.map +1 -1
- package/dist/types/components/multi-combobox/MultiCombobox.vue.d.ts +41 -43
- package/dist/types/components/multi-combobox/MultiCombobox.vue.d.ts.map +1 -1
- package/dist/types/components/multi-combobox/composables/useMultiCombobox.d.ts +27 -0
- package/dist/types/components/multi-combobox/composables/useMultiCombobox.d.ts.map +1 -0
- package/dist/types/components/multi-select/MultiSelect.vue.d.ts +39 -41
- package/dist/types/components/multi-select/MultiSelect.vue.d.ts.map +1 -1
- package/dist/types/components/number-input/NumberInput.vue.d.ts +3 -3
- package/dist/types/components/number-input/NumberInput.vue.d.ts.map +1 -1
- package/dist/types/components/number-input/number-input.variants.d.ts +10 -1
- package/dist/types/components/number-input/number-input.variants.d.ts.map +1 -1
- package/dist/types/components/password-input/PasswordInput.vue.d.ts +3 -3
- package/dist/types/components/password-input/PasswordInput.vue.d.ts.map +1 -1
- package/dist/types/components/radio-group/RadioGroup.vue.d.ts +32 -29
- package/dist/types/components/radio-group/RadioGroup.vue.d.ts.map +1 -1
- package/dist/types/components/scroll-area/scroll-restore.d.ts +0 -1
- package/dist/types/components/scroll-area/scroll-restore.d.ts.map +1 -1
- package/dist/types/components/search-input/SearchInput.vue.d.ts +3 -3
- package/dist/types/components/search-input/SearchInput.vue.d.ts.map +1 -1
- package/dist/types/components/segmented-control/SegmentedControl.vue.d.ts +30 -30
- package/dist/types/components/segmented-control/SegmentedControl.vue.d.ts.map +1 -1
- package/dist/types/components/select/Select.vue.d.ts +41 -37
- package/dist/types/components/select/Select.vue.d.ts.map +1 -1
- package/dist/types/components/select/SelectList.vue.d.ts +22 -15
- package/dist/types/components/select/SelectList.vue.d.ts.map +1 -1
- package/dist/types/components/select/composables/useClearTransition.d.ts +10 -0
- package/dist/types/components/select/composables/useClearTransition.d.ts.map +1 -0
- package/dist/types/components/select/select.variants.d.ts +16 -0
- package/dist/types/components/select/select.variants.d.ts.map +1 -1
- package/dist/types/components/select/types.d.ts +7 -7
- package/dist/types/components/select/types.d.ts.map +1 -1
- package/dist/types/components/textarea/Textarea.vue.d.ts.map +1 -1
- package/dist/types/components/textarea/composables/useTextareaSizing.d.ts +27 -0
- package/dist/types/components/textarea/composables/useTextareaSizing.d.ts.map +1 -0
- package/dist/types/components/textarea/textarea.variants.d.ts +9 -6
- package/dist/types/components/textarea/textarea.variants.d.ts.map +1 -1
- package/dist/types/lib/caret.d.ts +0 -4
- package/dist/types/lib/caret.d.ts.map +1 -1
- package/dist/types/lib/collapse.d.ts +2 -0
- package/dist/types/lib/collapse.d.ts.map +1 -1
- package/dist/types/lib/field-focus.d.ts +0 -4
- package/dist/types/lib/field-focus.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/accordion/AccordionContent.vue +2 -11
- package/src/components/avatar/AvatarGroup.vue +3 -8
- package/src/components/avatar/utils/children.ts +7 -0
- package/src/components/checkbox-group/CheckboxGroup.vue +3 -3
- package/src/components/collapsible/CollapsibleContent.vue +2 -11
- package/src/components/combobox/Combobox.vue +3 -3
- package/src/components/combobox/ComboboxList.vue +3 -3
- package/src/components/dialog/Dialog.vue +70 -39
- package/src/components/dialog/dialog.variants.ts +9 -3
- package/src/components/image/ImageGroup.vue +2 -30
- package/src/components/image/composables/useImageGroupState.ts +35 -0
- package/src/components/input/Input.vue +3 -3
- package/src/components/input/InputBase.vue +5 -5
- package/src/components/input/input.variants.ts +13 -3
- package/src/components/input-group/InputGroup.vue +11 -4
- package/src/components/input-group/context.ts +2 -1
- package/src/components/input-group/input-group.variants.ts +8 -1
- package/src/components/listbox/Listbox.vue +26 -29
- package/src/components/listbox/ListboxOptionContent.vue +28 -0
- package/src/components/listbox/listbox.variants.ts +6 -1
- package/src/components/multi-combobox/MultiCombobox.vue +14 -52
- package/src/components/multi-combobox/composables/useMultiCombobox.ts +63 -0
- package/src/components/multi-select/MultiSelect.vue +3 -4
- package/src/components/number-input/NumberInput.vue +8 -7
- package/src/components/number-input/number-input.variants.ts +5 -1
- package/src/components/password-input/PasswordInput.vue +3 -3
- package/src/components/radio-group/RadioGroup.vue +3 -3
- package/src/components/scroll-area/scroll-restore.ts +0 -5
- package/src/components/search-input/SearchInput.vue +3 -3
- package/src/components/segmented-control/SegmentedControl.vue +3 -3
- package/src/components/select/Select.vue +68 -25
- package/src/components/select/SelectList.vue +3 -3
- package/src/components/select/composables/useClearTransition.ts +25 -0
- package/src/components/select/select.variants.ts +24 -0
- package/src/components/select/types.ts +10 -8
- package/src/components/textarea/Textarea.vue +2 -41
- package/src/components/textarea/composables/useTextareaSizing.ts +54 -0
- package/src/components/textarea/textarea.variants.ts +5 -4
- package/src/lib/caret.ts +0 -4
- package/src/lib/collapse.ts +21 -1
- package/src/lib/field-focus.ts +0 -4
- package/src/styles/interaction.css +4 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { TextInputVariants } from '../input/input.variants';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
-
variant?:
|
|
4
|
-
size?:
|
|
3
|
+
variant?: TextInputVariants['variant'];
|
|
4
|
+
size?: TextInputVariants['size'];
|
|
5
5
|
clearable?: boolean;
|
|
6
6
|
loading?: boolean;
|
|
7
7
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/SearchInput.vue"],"names":[],"mappings":"AA+DE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"SearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/SearchInput.vue"],"names":[],"mappings":"AA+DE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAIhE,KAAK,WAAW,GAAG;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAqBN,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA2GxD,QAAA,MAAM,YAAY;;;;;;;;;eA5IA,OAAO;6EAgJvB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import type { SelectOption } from '../select/types';
|
|
2
2
|
import { type SegmentedControlVariants, type SegmentedItemVariants } from './segmented-control.variants';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
3
|
+
declare const __VLS_export: <T extends SelectOption = SelectOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<({
|
|
5
|
+
options: T[];
|
|
6
|
+
size?: SegmentedItemVariants["size"];
|
|
7
|
+
orientation?: SegmentedControlVariants["orientation"];
|
|
8
|
+
block?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
class?: string;
|
|
11
|
+
} & {
|
|
12
|
+
modelValue?: string | number;
|
|
13
|
+
}) & {
|
|
14
|
+
"onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
15
|
+
}> & (typeof globalThis extends {
|
|
16
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
17
|
+
} ? P : {});
|
|
18
|
+
expose: (exposed: {}) => void;
|
|
19
|
+
attrs: any;
|
|
20
|
+
slots: {
|
|
21
|
+
option?(props: {
|
|
22
|
+
option: T;
|
|
23
|
+
}): unknown;
|
|
24
|
+
};
|
|
25
|
+
emit: (event: "update:modelValue", value: string | number | undefined) => void;
|
|
26
|
+
}>) => import("vue").VNode & {
|
|
27
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
18
28
|
};
|
|
19
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
20
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
|
-
"update:modelValue": (value: string | number | undefined) => any;
|
|
22
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
23
|
-
"onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
24
|
-
}>, {
|
|
25
|
-
block: boolean;
|
|
26
|
-
orientation: "horizontal" | "vertical";
|
|
27
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
28
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
29
29
|
declare const _default: typeof __VLS_export;
|
|
30
30
|
export default _default;
|
|
31
|
-
type
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
};
|
|
31
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
32
|
+
[K in keyof T]: T[K];
|
|
33
|
+
} : {
|
|
34
|
+
[K in keyof T as K]: T[K];
|
|
35
|
+
}) & {};
|
|
36
36
|
//# sourceMappingURL=SegmentedControl.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/SegmentedControl.vue"],"names":[],"mappings":"AAwFE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/SegmentedControl.vue"],"names":[],"mappings":"AAwFE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAA;AAErC,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS,YAAY,GAAG,YAAY,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA2KO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;iBAvKzC,CAAC,EAAE;eACL,qBAAqB,CAAC,MAAM,CAAC;sBACtB,wBAAwB,CAAC,aAAa,CAAC;gBAC7C,OAAO;mBACJ,OAAO;gBACV,MAAM;;qBA6BP,MAAM,GAAG,MAAM;;;KAqI+D,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;uBA3J2B;YAAE,MAAM,EAAE,CAAC,CAAA;SAAE,GAAG,OAAO;;;EA+JzD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -1,43 +1,47 @@
|
|
|
1
1
|
import { type InputVariants } from '../input/input.variants';
|
|
2
2
|
import { type SelectItems, type SelectOption } from './types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
3
|
+
declare const __VLS_export: <T extends SelectOption = SelectOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<({
|
|
5
|
+
options: SelectItems<T>;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
clearable?: boolean;
|
|
8
|
+
name?: string;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
autocomplete?: string;
|
|
11
|
+
variant?: InputVariants["variant"];
|
|
12
|
+
size?: InputVariants["size"];
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
invalid?: boolean;
|
|
15
|
+
class?: string;
|
|
16
|
+
} & {
|
|
17
|
+
modelValue?: string | number | null;
|
|
18
|
+
open?: boolean;
|
|
19
|
+
}) & {
|
|
20
|
+
onClear?: (() => any) | undefined;
|
|
21
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
22
|
+
"onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
|
|
23
|
+
}> & (typeof globalThis extends {
|
|
24
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
25
|
+
} ? P : {});
|
|
26
|
+
expose: (exposed: {}) => void;
|
|
27
|
+
attrs: any;
|
|
28
|
+
slots: {
|
|
29
|
+
value?(props: {
|
|
30
|
+
option: T;
|
|
31
|
+
}): unknown;
|
|
32
|
+
option?(props: {
|
|
33
|
+
option: T;
|
|
34
|
+
}): unknown;
|
|
35
|
+
};
|
|
36
|
+
emit: ((evt: "clear") => void) & (((event: "update:open", value: boolean) => void) & ((event: "update:modelValue", value: string | number | null | undefined) => void));
|
|
37
|
+
}>) => import("vue").VNode & {
|
|
38
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
26
39
|
};
|
|
27
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
28
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
29
|
-
"update:open": (value: boolean) => any;
|
|
30
|
-
"update:modelValue": (value: string | number | null | undefined) => any;
|
|
31
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
32
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
33
|
-
"onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
|
|
34
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
36
40
|
declare const _default: typeof __VLS_export;
|
|
37
41
|
export default _default;
|
|
38
|
-
type
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
};
|
|
42
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
43
|
+
[K in keyof T]: T[K];
|
|
44
|
+
} : {
|
|
45
|
+
[K in keyof T as K]: T[K];
|
|
46
|
+
}) & {};
|
|
43
47
|
//# sourceMappingURL=Select.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.vue"],"names":[],"mappings":"AA8JE,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAA;AAIhC,OAAO,EAAkB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7E,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS,YAAY,GAAG,YAAY,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA8TO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;iBA1T3C,WAAW,CAAC,CAAC,CAAC;sBACT,MAAM;oBACR,OAAO;eACZ,MAAM;mBACF,OAAO;uBACH,MAAM;kBACX,aAAa,CAAC,SAAS,CAAC;eAC3B,aAAa,CAAC,MAAM,CAAC;mBACjB,OAAO;kBACR,OAAO;gBACT,MAAM;;qBAqDL,MAAM,GAAG,MAAM,GAAG,IAAI;eAC1B,OAAO;;;;;KA0P2E,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;sBAvSO;YAAE,MAAM,EAAE,CAAC,CAAA;SAAE,GAAG,OAAO;uBACtB;YAAE,MAAM,EAAE,CAAC,CAAA;SAAE,GAAG,OAAO;;UAwSnC,iKAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -1,20 +1,27 @@
|
|
|
1
1
|
import { type SelectItems, type SelectOption } from './types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
})
|
|
2
|
+
declare const __VLS_export: <T extends SelectOption = SelectOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<{
|
|
4
|
+
options: SelectItems<T>;
|
|
5
|
+
keyboard?: boolean;
|
|
6
|
+
}> & (typeof globalThis extends {
|
|
7
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
8
|
+
} ? P : {});
|
|
9
|
+
expose: (exposed: {}) => void;
|
|
10
|
+
attrs: any;
|
|
11
|
+
slots: {
|
|
12
|
+
option?(props: {
|
|
13
|
+
option: T;
|
|
14
|
+
}): unknown;
|
|
15
|
+
};
|
|
16
|
+
emit: {};
|
|
17
|
+
}>) => import("vue").VNode & {
|
|
18
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
10
19
|
};
|
|
11
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
20
|
declare const _default: typeof __VLS_export;
|
|
14
21
|
export default _default;
|
|
15
|
-
type
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
22
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
23
|
+
[K in keyof T]: T[K];
|
|
24
|
+
} : {
|
|
25
|
+
[K in keyof T as K]: T[K];
|
|
26
|
+
}) & {};
|
|
20
27
|
//# sourceMappingURL=SelectList.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/select/SelectList.vue"],"names":[],"mappings":"AAqIE,OAAO,EAAiB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/select/SelectList.vue"],"names":[],"mappings":"AAqIE,OAAO,EAAiB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAE5E,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS,YAAY,GAAG,YAAY,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAmXO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;iBAhXvB,WAAW,CAAC,CAAC,CAAC;mBAAa,OAAO;MAgXQ,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;uBA7W2B;YAAE,MAAM,EAAE,CAAC,CAAA;SAAE,GAAG,OAAO;;UA+WtD,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare function useClearTransition(visible: () => boolean): {
|
|
2
|
+
reserved: import("vue").ComputedRef<boolean>;
|
|
3
|
+
hooks: {
|
|
4
|
+
beforeEnter: (element: Element) => void;
|
|
5
|
+
beforeLeave: (element: Element) => void;
|
|
6
|
+
afterLeave: () => void;
|
|
7
|
+
leaveCancelled: () => void;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=useClearTransition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClearTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/composables/useClearTransition.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,OAAO;;;+BAIzB,OAAO;+BAKP,OAAO;;;;EAatC"}
|
|
@@ -1,8 +1,24 @@
|
|
|
1
1
|
export declare const selectTrigger: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
2
|
+
export declare const selectButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
2
3
|
export declare const selectContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
3
4
|
export declare const selectList: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "max-h-[min(20rem,var(--reka-select-content-available-height))]", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
4
5
|
export declare const selectItem: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
5
6
|
export declare const selectLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-muted px-2.5 py-1.5 text-xs font-medium", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
6
7
|
export declare const selectEmpty: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-muted px-2.5 py-2 text-sm", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
7
8
|
export declare const selectListBody: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col p-1", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
9
|
+
export declare const selectHost: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative cursor-pointer", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
10
|
+
export declare const selectValue: import("tailwind-variants").TVReturnType<{
|
|
11
|
+
clearing: {
|
|
12
|
+
true: "pe-[var(--hn-input-h)]";
|
|
13
|
+
};
|
|
14
|
+
}, undefined, "min-w-0 flex-1 truncate", {
|
|
15
|
+
clearing: {
|
|
16
|
+
true: "pe-[var(--hn-input-h)]";
|
|
17
|
+
};
|
|
18
|
+
}, undefined, import("tailwind-variants").TVReturnTypeLike<{
|
|
19
|
+
clearing: {
|
|
20
|
+
true: "pe-[var(--hn-input-h)]";
|
|
21
|
+
};
|
|
22
|
+
}, undefined>>;
|
|
23
|
+
export declare const selectClearSlot: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
|
|
8
24
|
//# sourceMappingURL=select.variants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select.variants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select.variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,mKAOxB,CAAA;AAEF,eAAO,MAAM,YAAY,mKAMvB,CAAA;AAEF,eAAO,MAAM,aAAa,mKAKxB,CAAA;AAEF,eAAO,MAAM,UAAU,2NAErB,CAAA;AAEF,eAAO,MAAM,UAAU,mKAOrB,CAAA;AAEF,eAAO,MAAM,WAAW,yMAEtB,CAAA;AAEF,eAAO,MAAM,WAAW,2LAEtB,CAAA;AAEF,eAAO,MAAM,cAAc,8KAEzB,CAAA;AAEF,eAAO,MAAM,UAAU,oLAErB,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;cAKtB,CAAA;AAEF,eAAO,MAAM,eAAe,mKAE1B,CAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type SelectOption<T extends object = object> = {
|
|
2
2
|
value: string | number;
|
|
3
3
|
label: string;
|
|
4
4
|
description?: string;
|
|
5
5
|
disabled?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export interface SelectOptionGroup {
|
|
6
|
+
} & T;
|
|
7
|
+
export interface SelectOptionGroup<T extends SelectOption = SelectOption> {
|
|
8
8
|
label: string;
|
|
9
|
-
options:
|
|
9
|
+
options: T[];
|
|
10
10
|
}
|
|
11
|
-
export type SelectItems = Array<
|
|
12
|
-
export declare function isOptionGroup(item:
|
|
13
|
-
export declare function flattenOptions(items: SelectItems):
|
|
11
|
+
export type SelectItems<T extends SelectOption = SelectOption> = Array<T | SelectOptionGroup<T>>;
|
|
12
|
+
export declare function isOptionGroup<T extends SelectOption>(item: T | SelectOptionGroup<T>): item is SelectOptionGroup<T>;
|
|
13
|
+
export declare function flattenOptions<T extends SelectOption>(items: SelectItems<T>): T[];
|
|
14
14
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACpD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,CAAA;AAEL,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,EAAE,CAAA;CACb;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI,KAAK,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;AAEhG,wBAAgB,aAAa,CAAC,CAAC,SAAS,YAAY,EAClD,IAAI,EAAE,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,GAC7B,IAAI,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAE9B;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAEjF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/Textarea.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Textarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/Textarea.vue"],"names":[],"mappings":"AAgFE,OAAO,EAA2B,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAcpF,KAAK,WAAW,GAAG;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3D,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAWN,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAsFxD,QAAA,MAAM,YAAY;;;;;UA/GL,MAAM;6EAmHjB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type Ref } from 'vue';
|
|
2
|
+
import type { TextareaVariants } from '../textarea.variants';
|
|
3
|
+
interface TextareaSizingProps {
|
|
4
|
+
autosize?: boolean | {
|
|
5
|
+
minRows?: number;
|
|
6
|
+
maxRows?: number;
|
|
7
|
+
};
|
|
8
|
+
rows: number;
|
|
9
|
+
size?: TextareaVariants['size'];
|
|
10
|
+
variant?: TextareaVariants['variant'];
|
|
11
|
+
}
|
|
12
|
+
export declare function useTextareaSizing(props: TextareaSizingProps, model: Ref<string | undefined>): {
|
|
13
|
+
el: import("vue").ShallowRef<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
|
|
14
|
+
area: import("vue").ShallowRef<{
|
|
15
|
+
viewport?: HTMLElement;
|
|
16
|
+
} | undefined, {
|
|
17
|
+
viewport?: HTMLElement;
|
|
18
|
+
} | undefined>;
|
|
19
|
+
bounds: import("vue").ComputedRef<{
|
|
20
|
+
min: number;
|
|
21
|
+
max: number | undefined;
|
|
22
|
+
}>;
|
|
23
|
+
fit: () => void;
|
|
24
|
+
focus: (event: MouseEvent) => void;
|
|
25
|
+
};
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=useTextareaSizing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTextareaSizing.d.ts","sourceRoot":"","sources":["../../../../../src/components/textarea/composables/useTextareaSizing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAEhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE5D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;CACtC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;;;mBAErD,WAAW;;mBAAX,WAAW;;;;;;;mBA0B1B,UAAU;EAcjC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { type VariantProps } from '../../lib/tv';
|
|
2
2
|
export declare const textarea: import("tailwind-variants").TVReturnType<{
|
|
3
3
|
variant: {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
bare: "rounded-none border-0 bg-transparent shadow-none outline-none [--hn-textarea-border-w:0px]";
|
|
5
|
+
primary: "hn-field border-line [--hn-field-bg:var(--hn-surface)] [--hn-field-shadow:var(--hn-shadow-sm)]";
|
|
6
|
+
secondary: "hn-field border-transparent [--hn-field-bg:var(--hn-bg-inset)]";
|
|
6
7
|
};
|
|
7
8
|
size: {
|
|
8
9
|
sm: "text-sm [--hn-textarea-h:var(--hn-control-h-sm)] [--hn-textarea-px:var(--hn-control-px-sm)]";
|
|
@@ -19,8 +20,9 @@ export declare const textarea: import("tailwind-variants").TVReturnType<{
|
|
|
19
20
|
};
|
|
20
21
|
}, undefined, string[], {
|
|
21
22
|
variant: {
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
bare: "rounded-none border-0 bg-transparent shadow-none outline-none [--hn-textarea-border-w:0px]";
|
|
24
|
+
primary: "hn-field border-line [--hn-field-bg:var(--hn-surface)] [--hn-field-shadow:var(--hn-shadow-sm)]";
|
|
25
|
+
secondary: "hn-field border-transparent [--hn-field-bg:var(--hn-bg-inset)]";
|
|
24
26
|
};
|
|
25
27
|
size: {
|
|
26
28
|
sm: "text-sm [--hn-textarea-h:var(--hn-control-h-sm)] [--hn-textarea-px:var(--hn-control-px-sm)]";
|
|
@@ -37,8 +39,9 @@ export declare const textarea: import("tailwind-variants").TVReturnType<{
|
|
|
37
39
|
};
|
|
38
40
|
}, undefined, import("tailwind-variants").TVReturnTypeLike<{
|
|
39
41
|
variant: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
+
bare: "rounded-none border-0 bg-transparent shadow-none outline-none [--hn-textarea-border-w:0px]";
|
|
43
|
+
primary: "hn-field border-line [--hn-field-bg:var(--hn-surface)] [--hn-field-shadow:var(--hn-shadow-sm)]";
|
|
44
|
+
secondary: "hn-field border-transparent [--hn-field-bg:var(--hn-bg-inset)]";
|
|
42
45
|
};
|
|
43
46
|
size: {
|
|
44
47
|
sm: "text-sm [--hn-textarea-h:var(--hn-control-h-sm)] [--hn-textarea-px:var(--hn-control-px-sm)]";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AAEpD,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"textarea.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AAEpD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmCnB,CAAA;AAEF,eAAO,MAAM,aAAa,mKAMxB,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"caret.d.ts","sourceRoot":"","sources":["../../../src/lib/caret.ts"],"names":[],"mappings":"AAwBA
|
|
1
|
+
{"version":3,"file":"caret.d.ts","sourceRoot":"","sources":["../../../src/lib/caret.ts"],"names":[],"mappings":"AAwBA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE,SAAoB,GAAG,MAAM,CAuBlF"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type ComponentPublicInstance } from 'vue';
|
|
1
2
|
export type CollapseAxis = 'y' | 'x';
|
|
2
3
|
export declare function collapseGapOf(parent: Element | null, axis?: CollapseAxis): string;
|
|
3
4
|
export declare function writeCollapseGap(el: Element, parent: Element | null, axis?: CollapseAxis): void;
|
|
@@ -11,4 +12,5 @@ export declare function useCollapseHooks(axis?: CollapseAxis): {
|
|
|
11
12
|
afterEnter: (el: Element) => void;
|
|
12
13
|
beforeLeave: (el: Element) => void;
|
|
13
14
|
};
|
|
15
|
+
export declare function useCollapseGap(): import("vue").ShallowRef<ComponentPublicInstance | null, ComponentPublicInstance | null>;
|
|
14
16
|
//# sourceMappingURL=collapse.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../../src/lib/collapse.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../../src/lib/collapse.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,uBAAuB,EAC7B,MAAM,KAAK,CAAA;AAEZ,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,CAAA;AAEpC,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAE,YAAkB,UAM7E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAE,YAAkB,QAE7F;AAED,wBAAgB,aAAa,CAAC,IAAI,GAAE,YAAkB,EAAE,QAAQ,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI;sBAC5D,OAAO;qBAQR,OAAO;sBAJN,OAAO;EASjC;AAED,wBAAgB,gBAAgB,CAAC,IAAI,GAAE,YAAkB;sBAf9B,OAAO;qBAQR,OAAO;sBAJN,OAAO;EAuBjC;AAED,wBAAgB,cAAc,6FAY7B"}
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 点击输入面里非交互的部分(附属格、前后缀、空白)时把焦点交给最近的输入区,返回被聚焦的输入区;点击落在交互元素上或者没有可聚焦的输入区时返回 null。
|
|
3
|
-
* 点击所在的段自己含输入区时只认它、不动光标(段内的处理器已经定过位);否则先向后找,再向前找;落在点击位置之后的输入区把光标放到开头,之前的放到末尾。
|
|
4
|
-
*/
|
|
5
1
|
export declare function focusFieldFrom(root: HTMLElement, target: HTMLElement): HTMLInputElement | HTMLTextAreaElement | null;
|
|
6
2
|
//# sourceMappingURL=field-focus.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-focus.d.ts","sourceRoot":"","sources":["../../../src/lib/field-focus.ts"],"names":[],"mappings":"AAUA
|
|
1
|
+
{"version":3,"file":"field-focus.d.ts","sourceRoot":"","sources":["../../../src/lib/field-focus.ts"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,iDAyBpE"}
|
package/package.json
CHANGED
|
@@ -1,23 +1,14 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import { onBeforeUpdate, onMounted, shallowRef, type ComponentPublicInstance } from 'vue'
|
|
3
2
|
import { AccordionContent as RekaAccordionContent } from 'reka-ui'
|
|
4
3
|
import { cn } from '../../lib/cn'
|
|
5
|
-
import {
|
|
4
|
+
import { useCollapseGap } from '../../lib/collapse'
|
|
6
5
|
import { accordionContent } from './accordion.variants'
|
|
7
6
|
|
|
8
7
|
defineOptions({ name: 'HnAccordionContent' })
|
|
9
8
|
|
|
10
9
|
const props = defineProps<{ class?: string }>()
|
|
11
10
|
|
|
12
|
-
const content =
|
|
13
|
-
|
|
14
|
-
function measure() {
|
|
15
|
-
const el = content.value?.$el as Element | undefined
|
|
16
|
-
if (el instanceof Element) writeCollapseGap(el, el.parentElement)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
onMounted(measure)
|
|
20
|
-
onBeforeUpdate(measure)
|
|
11
|
+
const content = useCollapseGap()
|
|
21
12
|
</script>
|
|
22
13
|
|
|
23
14
|
<template>
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import { computed, useSlots
|
|
2
|
+
import { computed, useSlots } from 'vue'
|
|
3
3
|
import { cn } from '../../lib/cn'
|
|
4
4
|
import Avatar from './Avatar.vue'
|
|
5
|
+
import { flattenChildren } from './utils/children'
|
|
5
6
|
import type { AvatarVariants } from './avatar.variants'
|
|
6
7
|
import { avatarGroupItem } from './avatar-group.variants'
|
|
7
8
|
import { provideAvatarGroup } from './context'
|
|
@@ -16,13 +17,7 @@
|
|
|
16
17
|
|
|
17
18
|
const slots = useSlots()
|
|
18
19
|
|
|
19
|
-
|
|
20
|
-
return (nodes ?? []).flatMap(node =>
|
|
21
|
-
node.type === Fragment ? flatten(node.children as VNode[]) : [node],
|
|
22
|
-
)
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
const children = computed(() => flatten(slots.default?.()))
|
|
20
|
+
const children = computed(() => flattenChildren(slots.default?.()))
|
|
26
21
|
const visible = computed(() =>
|
|
27
22
|
props.max && props.max > 0 ? children.value.slice(0, props.max) : children.value,
|
|
28
23
|
)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
1
|
+
<script setup lang="ts" generic="T extends SelectOption = SelectOption">
|
|
2
2
|
import { CheckboxGroupRoot } from 'reka-ui'
|
|
3
3
|
import { cn } from '../../lib/cn'
|
|
4
4
|
import { shieldFormField, useFieldControl } from '../form-field/context'
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
defineOptions({ name: 'HnCheckboxGroup' })
|
|
15
15
|
|
|
16
16
|
const props = defineProps<{
|
|
17
|
-
options:
|
|
17
|
+
options: T[]
|
|
18
18
|
orientation?: CheckboxGroupVariants['orientation']
|
|
19
19
|
size?: CheckboxVariants['size']
|
|
20
20
|
controlPlacement?: CheckboxVariants['controlPlacement']
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
})
|
|
33
33
|
shieldFormField()
|
|
34
34
|
|
|
35
|
-
defineSlots<{ option(props: { option:
|
|
35
|
+
defineSlots<{ option?(props: { option: T }): unknown }>()
|
|
36
36
|
</script>
|
|
37
37
|
|
|
38
38
|
<template>
|
|
@@ -1,22 +1,13 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import { onBeforeUpdate, onMounted, shallowRef, type ComponentPublicInstance } from 'vue'
|
|
3
2
|
import { CollapsibleContent as RekaCollapsibleContent } from 'reka-ui'
|
|
4
3
|
import { cn } from '../../lib/cn'
|
|
5
|
-
import {
|
|
4
|
+
import { useCollapseGap } from '../../lib/collapse'
|
|
6
5
|
|
|
7
6
|
defineOptions({ name: 'HnCollapsibleContent' })
|
|
8
7
|
|
|
9
8
|
const props = defineProps<{ class?: string }>()
|
|
10
9
|
|
|
11
|
-
const content =
|
|
12
|
-
|
|
13
|
-
function measure() {
|
|
14
|
-
const el = content.value?.$el as Element | undefined
|
|
15
|
-
if (el instanceof Element) writeCollapseGap(el, el.parentElement)
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
onMounted(measure)
|
|
19
|
-
onBeforeUpdate(measure)
|
|
10
|
+
const content = useCollapseGap()
|
|
20
11
|
</script>
|
|
21
12
|
|
|
22
13
|
<template>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
1
|
+
<script setup lang="ts" generic="T extends SelectOption = SelectOption">
|
|
2
2
|
import { computed, ref, shallowRef, watch } from 'vue'
|
|
3
3
|
import { ComboboxAnchor, ComboboxInput, ComboboxRoot, ComboboxTrigger } from 'reka-ui'
|
|
4
4
|
import { cn } from '../../lib/cn'
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
defineOptions({ name: 'HnCombobox', inheritAttrs: false })
|
|
25
25
|
|
|
26
26
|
const props = defineProps<{
|
|
27
|
-
options: SelectItems
|
|
27
|
+
options: SelectItems<T>
|
|
28
28
|
placeholder?: string
|
|
29
29
|
ignoreFilter?: boolean
|
|
30
30
|
clearable?: boolean
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
const search = defineModel<string>('search', { default: '' })
|
|
41
41
|
const open = defineModel<boolean>('open', { default: false })
|
|
42
42
|
|
|
43
|
-
defineSlots<{ option(props: { option:
|
|
43
|
+
defineSlots<{ option?(props: { option: T }): unknown }>()
|
|
44
44
|
|
|
45
45
|
const t = useUiLocale()
|
|
46
46
|
const group = injectInputGroup()
|