@soybeanjs/ui 0.6.0 → 0.6.1
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/components/context-menu/context-menu-checkbox.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu-radio.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu-wrapper.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu.vue.d.ts +2 -2
- package/dist/components/dialog/dialog-pure.vue.d.ts +2 -2
- package/dist/components/dialog/dialog.vue.d.ts +2 -2
- package/dist/components/drawer/drawer.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-radio.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu.vue.d.ts +2 -2
- package/dist/components/menu/menu-option.vue.d.ts +2 -2
- package/dist/components/menu/menu-options.vue.d.ts +2 -2
- package/dist/components/page-tabs/hooks.js +1 -1
- package/dist/components/page-tabs/page-tabs.js +1 -1
- package/package.json +2 -2
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: vue.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
13
13
|
"update:open": (value: boolean) => any;
|
|
14
|
+
entryFocus: (event: Event) => any;
|
|
14
15
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
16
|
pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
|
|
16
17
|
focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
17
18
|
interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
18
19
|
openAutoFocus: (event: Event) => any;
|
|
19
20
|
closeAutoFocus: (event: Event) => any;
|
|
20
|
-
entryFocus: (event: Event) => any;
|
|
21
21
|
}, string, vue.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
|
|
22
22
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
23
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
25
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
25
26
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
26
27
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
27
28
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
29
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
modal: boolean;
|
|
32
32
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
9
9
|
props: vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
12
13
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
14
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
14
15
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
18
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
19
19
|
}> & (typeof globalThis extends {
|
|
20
20
|
__VLS_PROPS_FALLBACK: infer P;
|
|
21
21
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trigger': (props: MenuOptionData<T>) => any;
|
|
30
30
|
'item-trigger-icon': (props: MenuOptionData<T>) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -31,10 +31,10 @@ declare const __VLS_base: vue.DefineComponent<DialogPureProps, {}, {}, {}, {}, v
|
|
|
31
31
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
32
32
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
33
33
|
}>, {
|
|
34
|
-
closable: boolean;
|
|
35
34
|
open: boolean;
|
|
36
|
-
modal: boolean;
|
|
37
35
|
defaultOpen: boolean;
|
|
36
|
+
closable: boolean;
|
|
37
|
+
modal: boolean;
|
|
38
38
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
39
39
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
40
40
|
declare const _default: typeof __VLS_export;
|
|
@@ -46,10 +46,10 @@ declare const __VLS_base: vue.DefineComponent<DialogProps, {}, {}, {}, {}, vue.C
|
|
|
46
46
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
47
47
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
48
48
|
}>, {
|
|
49
|
-
closable: boolean;
|
|
50
49
|
open: boolean;
|
|
51
|
-
modal: boolean;
|
|
52
50
|
defaultOpen: boolean;
|
|
51
|
+
closable: boolean;
|
|
52
|
+
modal: boolean;
|
|
53
53
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
54
54
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
55
55
|
declare const _default: typeof __VLS_export;
|
|
@@ -46,10 +46,10 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {}, {}, {}, {}, vue.C
|
|
|
46
46
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
47
47
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
48
48
|
}>, {
|
|
49
|
-
closable: boolean;
|
|
50
49
|
open: boolean;
|
|
51
|
-
modal: boolean;
|
|
52
50
|
defaultOpen: boolean;
|
|
51
|
+
closable: boolean;
|
|
52
|
+
modal: boolean;
|
|
53
53
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
54
54
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
55
55
|
declare const _default: typeof __VLS_export;
|
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
13
13
|
"update:open": (value: boolean) => any;
|
|
14
|
+
entryFocus: (event: Event) => any;
|
|
14
15
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
16
|
pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
|
|
16
17
|
focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
17
18
|
interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
18
19
|
openAutoFocus: (event: Event) => any;
|
|
19
20
|
closeAutoFocus: (event: Event) => any;
|
|
20
|
-
entryFocus: (event: Event) => any;
|
|
21
21
|
}, string, vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
|
|
22
22
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
23
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
25
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
25
26
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
26
27
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
27
28
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
29
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
open: boolean;
|
|
32
32
|
modal: boolean;
|
|
@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
9
9
|
props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
12
13
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
14
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
14
15
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
18
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
19
19
|
}> & (typeof globalThis extends {
|
|
20
20
|
__VLS_PROPS_FALLBACK: infer P;
|
|
21
21
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trigger': (props: MenuOptionData<T>) => any;
|
|
30
30
|
'item-trigger-icon': (props: MenuOptionData<T>) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
8
8
|
props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
|
|
9
9
|
onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
|
|
10
10
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
11
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
11
12
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
12
13
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
13
14
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
14
15
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16
17
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
18
18
|
}> & (typeof globalThis extends {
|
|
19
19
|
__VLS_PROPS_FALLBACK: infer P;
|
|
20
20
|
} ? P : {});
|
|
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
38
38
|
item: MenuOptionData<T>;
|
|
39
39
|
}) => any;
|
|
40
40
|
};
|
|
41
|
-
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
41
|
+
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
42
42
|
}>) => vue.VNode & {
|
|
43
43
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
44
44
|
};
|
|
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
8
8
|
props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
|
|
9
9
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
10
10
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
11
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
11
12
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
12
13
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
13
14
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
14
15
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16
17
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
18
18
|
}> & (typeof globalThis extends {
|
|
19
19
|
__VLS_PROPS_FALLBACK: infer P;
|
|
20
20
|
} ? P : {});
|
|
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
38
38
|
item: MenuOptionData<T>;
|
|
39
39
|
}) => any;
|
|
40
40
|
};
|
|
41
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
41
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
42
42
|
}>) => vue.VNode & {
|
|
43
43
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
44
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{computed as e}from"vue";function t(t){let{items:n,modelValue:r}=t,i=e(()=>n.value.map(e=>e.value)),a=(e,t)=>{e.pinned=t},o=e=>{let t=i.value.indexOf(e);t!==-1&&n.value.splice(t,1)},s=e=>!n.value.find(t=>t.value===e)?.pinned,c=async(e,a)=>{if(!s(e)||await t.beforeClose(e)===!1)return;let c=r.value===e,l;if(c){let t=i.value.indexOf(e);l=(n.value[t+1]??n.value[t-1]??void 0)?.value}o(e),c&&(r.value=l??``),a?.()},l=e=>{if(e.length===0)return;let t=n.value.filter(t=>!e.includes(t.value)),i=e.includes(r.value),a;i&&(a=t[t.length-1]?.value),n.value=t,i&&(r.value=a??``)},u=e=>{let t=i.value.indexOf(e);return t<=0?[]:n.value.slice(0,t).filter(e=>!e.pinned).map(e=>e.value)},d=e=>u(e).length>0,f=e=>{d(e)&&l(u(e))},p=e=>{let t=i.value.indexOf(e);return t===-1||t>=i.value.length-1?[]:n.value.slice(t+1).filter(e=>!e.pinned).map(e=>e.value)},m=e=>p(e).length>0,h=e=>{m(e)&&l(p(e))},g=e=>n.value.filter(t=>t.value!==e&&!t.pinned).map(e=>e.value),_=e=>g(e).length>0,v=e=>{_(e)&&l(g(e))},y=()=>n.value.filter(e=>!e.pinned).map(e=>e.value),b=()=>y().length>0,x=()=>{b()&&l(y())},S=()=>{let e=n.value.
|
|
1
|
+
import{computed as e}from"vue";function t(t){let{items:n,modelValue:r}=t,i=e(()=>n.value.map(e=>e.value)),a=(e,t)=>{e.pinned=t},o=e=>{let t=i.value.indexOf(e);t!==-1&&n.value.splice(t,1)},s=e=>!n.value.find(t=>t.value===e)?.pinned,c=async(e,a)=>{if(!s(e)||await t.beforeClose(e)===!1)return;let c=r.value===e,l;if(c){let t=i.value.indexOf(e);l=(n.value[t+1]??n.value[t-1]??void 0)?.value}o(e),c&&(r.value=l??``),a?.()},l=e=>{if(e.length===0)return;let t=n.value.filter(t=>!e.includes(t.value)),i=e.includes(r.value),a;i&&(a=t[t.length-1]?.value),n.value=t,i&&(r.value=a??``)},u=e=>{let t=i.value.indexOf(e);return t<=0?[]:n.value.slice(0,t).filter(e=>!e.pinned).map(e=>e.value)},d=e=>u(e).length>0,f=e=>{d(e)&&l(u(e))},p=e=>{let t=i.value.indexOf(e);return t===-1||t>=i.value.length-1?[]:n.value.slice(t+1).filter(e=>!e.pinned).map(e=>e.value)},m=e=>p(e).length>0,h=e=>{m(e)&&l(p(e))},g=e=>n.value.filter(t=>t.value!==e&&!t.pinned).map(e=>e.value),_=e=>g(e).length>0,v=e=>{_(e)&&l(g(e))},y=()=>n.value.filter(e=>!e.pinned).map(e=>e.value),b=()=>y().length>0,x=()=>{b()&&l(y())},S=()=>{let e=[],t=[],r=[];n.value.forEach(n=>{n.pinned?n.hidePinnedIcon?e.push(n):t.push(n):r.push(n)});let i=[...e,...t,...r];i.some((e,t)=>e.value!==n.value[t].value)&&(n.value=i)};return{closeTab:c,pinTab:a,sortTabs:S,getState:e=>{let t=e.value;return{pin:()=>{e.pinned=!0,S()},unpin:()=>{e.pinned=!1,S()},closable:s(t),close:async()=>{c(t)},leftClosable:d(t),closeLeft:()=>{f(t)},rightClosable:m(t),closeRight:()=>{h(t)},otherClosable:_(t),closeOther:()=>{v(t)},allClosable:b(),closeAll:()=>{x()}}}}}export{t as usePageTabsState};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../context-menu/context-menu.js";import{pageTabsVariants as r}from"../../variants/page-tabs.js";import{usePageTabsState as i}from"./hooks.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createVNode as d,defineComponent as f,isRef as p,mergeProps as m,normalizeClass as h,openBlock as g,renderList as _,shallowRef as v,toDisplayString as y,unref as b,withCtx as
|
|
1
|
+
import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../context-menu/context-menu.js";import{pageTabsVariants as r}from"../../variants/page-tabs.js";import{usePageTabsState as i}from"./hooks.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createVNode as d,defineComponent as f,isRef as p,mergeProps as m,normalizeClass as h,openBlock as g,renderList as _,shallowRef as v,toDisplayString as y,unref as b,watchEffect as x,withCtx as S}from"vue";import{useControllableState as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{PageTabsClose as T,PageTabsItem as E,PageTabsPin as D,PageTabsRoot as O,providePageTabsUi as k}from"@soybeanjs/headless";const A=f({name:`SPageTabs`,__name:`page-tabs`,props:{class:{},size:{},variant:{default:`chrome`},ui:{},items:{},menuFactory:{},beforeClose:{type:Function,default:()=>!0},modelValue:{},middleClickClose:{type:Boolean}},emits:[`update:modelValue`,`update:items`,`click`,`close`,`pin`,`contextmenu`,`select-context-menu`],setup(f,{emit:A}){let j=f,M=A,N=w(j,[`class`,`size`,`variant`,`ui`,`modelValue`,`items`,`menuFactory`]),P=C(()=>j.modelValue,e=>{M(`update:modelValue`,e??``)},``),F=C(()=>j.items,e=>{M(`update:items`,e)},[]),{closeTab:I,pinTab:L,sortTabs:R,getState:z}=i({items:F,modelValue:P,beforeClose:j.beforeClose}),B=v(null),V=v(null),H=o(()=>{if(!B.value||!j.menuFactory)return[];let e=z(B.value);return j.menuFactory(B.value,e)}),U=e=>{I(e.value,()=>{M(`close`,e)})},W=(e,t)=>{L(e,t),M(`pin`,e)},G=(e,t)=>{V.value=e.currentTarget,B.value=t,M(`contextmenu`,t)},K=async e=>{B.value&&(await e.action?.(),M(`select-context-menu`,e,B.value))},q=o(()=>e(r({size:j.size,variant:j.variant}),j.ui,{root:j.class}));return x(()=>{R()}),k(q),(e,r)=>(g(),s(b(O),m({ref:`root`},b(N),{modelValue:b(P),"onUpdate:modelValue":r[0]||=e=>p(P)?P.value=e:null}),{default:S(()=>[(g(!0),l(a,null,_(b(F),e=>(g(),s(b(E),{key:e.value,value:e.value,pinned:e.pinned,onClick:t=>M(`click`,e),onClose:t=>U(e),onPin:t=>W(e,t),onPointerenter:t=>G(t,e)},{default:S(()=>[d(t,{icon:e.icon},null,8,[`icon`]),u(`span`,{class:h(q.value.itemText)},y(e.label),3),e.hidePinnedIcon?c(`v-if`,!0):(g(),s(b(D),{key:0,"as-child":``},{default:S(()=>[d(t,{icon:`lucide:pin`})]),_:1})),d(b(T),{"as-child":``},{default:S(()=>[d(t,{icon:`lucide:x`})]),_:1}),f.variant===`chrome`?(g(),l(a,{key:1},[(g(),l(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:h(q.value.chromeBgLeft)},[...r[1]||=[u(`path`,{d:`M 0 8 A 8 8 0 0 0 8 0 L 8 8 Z`},null,-1)]],2)),(g(),l(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:h(q.value.chromeBgRight)},[...r[2]||=[u(`path`,{d:`M 0 0 A 8 8 0 0 0 8 8 L 0 8 Z`},null,-1)]],2))],64)):c(`v-if`,!0),f.variant===`slider`?(g(),l(`div`,{key:2,class:h(q.value.sliderIndicator)},null,2)):c(`v-if`,!0)]),_:2},1032,[`value`,`pinned`,`onClick`,`onClose`,`onPin`,`onPointerenter`]))),128)),H.value.length?(g(),s(n,{key:0,modal:!1,items:H.value,"trigger-props":{reference:V.value},onSelect:K},null,8,[`items`,`trigger-props`])):c(`v-if`,!0)]),_:1},16,[`modelValue`]))}});export{A as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soybeanjs/ui",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
|
|
5
5
|
"homepage": "https://github.com/soybeanjs/soybean-ui",
|
|
6
6
|
"bugs": {
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"tailwind-variants": "^3.2.2",
|
|
55
55
|
"valibot": "^1.2.0",
|
|
56
56
|
"zod": "^4.3.6",
|
|
57
|
-
"@soybeanjs/headless": "^0.6.
|
|
57
|
+
"@soybeanjs/headless": "^0.6.1"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@soybeanjs/cli": "^1.5.0",
|