@soybeanjs/ui 0.1.13 → 0.2.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/accordion/accordion.vue.d.ts +3 -3
- package/dist/components/alert/alert.vue.d.ts +4 -4
- package/dist/components/alert-dialog/alert-dialog-action.vue.d.ts +3 -3
- package/dist/components/alert-dialog/alert-dialog-cancel.vue.d.ts +3 -3
- package/dist/components/alert-dialog/alert-dialog.vue.d.ts +4 -4
- package/dist/components/avatar/avatar.vue.d.ts +7 -7
- package/dist/components/badge/badge.vue.d.ts +4 -4
- package/dist/components/breadcrumb/breadcrumb.vue.d.ts +3 -3
- package/dist/components/button/button-group.vue.d.ts +6 -6
- package/dist/components/button/button-icon.vue.d.ts +3 -3
- package/dist/components/button/button-link.vue.d.ts +4 -4
- package/dist/components/button/button-loading.vue.d.ts +3 -3
- package/dist/components/button/button.vue.d.ts +4 -4
- package/dist/components/card/card.vue.d.ts +3 -3
- package/dist/components/checkbox/checkbox-card-group.vue.d.ts +3 -3
- package/dist/components/checkbox/checkbox-card.vue.d.ts +8 -8
- package/dist/components/checkbox/checkbox-group.vue.d.ts +3 -3
- package/dist/components/checkbox/checkbox.vue.d.ts +12 -12
- package/dist/components/collapsible/collapsible.vue.d.ts +4 -4
- package/dist/components/command/command-option.js +1 -1
- package/dist/components/command/command.js +1 -1
- package/dist/components/command/command.vue.d.ts +12 -12
- package/dist/components/command/index.d.ts +1 -1
- package/dist/components/command/shared.js +1 -1
- package/dist/components/command/types.d.ts +14 -13
- package/dist/components/config-provider/config-provider.vue.d.ts +5 -5
- package/dist/components/context-menu/context-menu-checkbox.vue.d.ts +9 -9
- package/dist/components/context-menu/context-menu-radio.vue.d.ts +9 -9
- package/dist/components/context-menu/context-menu-wrapper.vue.d.ts +11 -11
- package/dist/components/context-menu/context-menu.vue.d.ts +8 -8
- package/dist/components/dialog/dialog-close.vue.d.ts +2 -2
- package/dist/components/dialog/dialog-pure.vue.d.ts +12 -12
- package/dist/components/dialog/dialog.vue.d.ts +12 -12
- package/dist/components/drawer/drawer-close.vue.d.ts +2 -2
- package/dist/components/drawer/drawer.vue.d.ts +12 -12
- package/dist/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts +9 -9
- package/dist/components/dropdown-menu/dropdown-menu-radio.vue.d.ts +9 -9
- package/dist/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts +11 -11
- package/dist/components/dropdown-menu/dropdown-menu.vue.d.ts +8 -8
- package/dist/components/form/form.vue.d.ts +2 -2
- package/dist/components/form/use-form.d.ts +22 -22
- package/dist/components/icon/icon.vue.d.ts +2 -2
- package/dist/components/input/input.vue.d.ts +4 -4
- package/dist/components/kbd/kbd.vue.d.ts +3 -3
- package/dist/components/label/label.vue.d.ts +2 -2
- package/dist/components/layout/layout-trigger.vue.d.ts +2 -2
- package/dist/components/layout/layout.vue.d.ts +4 -4
- package/dist/components/link/link.vue.d.ts +4 -4
- package/dist/components/list/list-item.vue.d.ts +2 -2
- package/dist/components/list/list.vue.d.ts +2 -2
- package/dist/components/menu/menu-checkbox-options.vue.d.ts +3 -3
- package/dist/components/menu/menu-option.vue.d.ts +8 -8
- package/dist/components/menu/menu-options.vue.d.ts +8 -8
- package/dist/components/menu/menu-radio-options.vue.d.ts +3 -3
- package/dist/components/navigation-menu/navigation-menu.vue.d.ts +11 -11
- package/dist/components/number-input/number-input.vue.d.ts +4 -4
- package/dist/components/pagination/pagination.vue.d.ts +4 -4
- package/dist/components/password/password.vue.d.ts +4 -4
- package/dist/components/popover/popover.vue.d.ts +11 -11
- package/dist/components/radio-group/radio-card-group.vue.d.ts +3 -3
- package/dist/components/radio-group/radio-card.vue.d.ts +2 -2
- package/dist/components/radio-group/radio-group.vue.d.ts +3 -3
- package/dist/components/radio-group/radio.vue.d.ts +2 -2
- package/dist/components/segment/segment.vue.d.ts +3 -3
- package/dist/components/select/select.vue.d.ts +8 -8
- package/dist/components/separator/separator.vue.d.ts +5 -5
- package/dist/components/switch/switch.vue.d.ts +22 -22
- package/dist/components/tabs/tabs.vue.d.ts +3 -3
- package/dist/components/tag/tag.vue.d.ts +4 -4
- package/dist/components/textarea/textarea.vue.d.ts +4 -4
- package/dist/components/tooltip/tooltip.vue.d.ts +4 -4
- package/dist/components/tree/tree-virtualizer.vue.d.ts +5 -5
- package/dist/components/tree/tree.vue.d.ts +5 -5
- package/dist/components/tree-menu/index.d.ts +1 -1
- package/dist/components/tree-menu/shared.js +1 -1
- package/dist/components/tree-menu/tree-menu-option-slot.js +1 -1
- package/dist/components/tree-menu/tree-menu-option.js +1 -1
- package/dist/components/tree-menu/tree-menu-styled-item.vue.d.ts +2 -2
- package/dist/components/tree-menu/tree-menu.js +1 -1
- package/dist/components/tree-menu/tree-menu.vue.d.ts +5 -5
- package/dist/components/tree-menu/types.d.ts +13 -24
- package/dist/components/virtualizer/virtualizer.vue.d.ts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/variants/alert.d.ts +3 -3
- package/dist/variants/badge.d.ts +3 -3
- package/dist/variants/button.d.ts +3 -3
- package/dist/variants/checkbox.d.ts +3 -3
- package/dist/variants/kbd.d.ts +3 -3
- package/dist/variants/radio-group.d.ts +3 -3
- package/dist/variants/separator.d.ts +3 -3
- package/dist/variants/switch.d.ts +3 -3
- package/dist/variants/tabs.d.ts +3 -3
- package/dist/variants/tag.d.ts +3 -3
- package/dist/variants/textarea.d.ts +3 -3
- package/package.json +2 -2
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue266 from "vue";
|
|
3
3
|
import { AcceptableBooleanValue } from "@soybeanjs/headless";
|
|
4
4
|
|
|
5
5
|
//#region src/components/radio-group/radio-card-group.vue.d.ts
|
|
6
6
|
declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>>(__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<{
|
|
7
|
-
props:
|
|
7
|
+
props: vue266.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
|
|
8
8
|
"onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
|
|
9
9
|
}> & (typeof globalThis extends {
|
|
10
10
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
13
13
|
attrs: any;
|
|
14
14
|
slots: {};
|
|
15
15
|
emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
|
|
16
|
-
}>) =>
|
|
16
|
+
}>) => vue266.VNode & {
|
|
17
17
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
18
18
|
};
|
|
19
19
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RadioCardProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue261 from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/radio-group/radio-card.vue.d.ts
|
|
5
5
|
declare var __VLS_19: {
|
|
@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
|
|
|
10
10
|
} & {
|
|
11
11
|
description?: (props: typeof __VLS_27) => any;
|
|
12
12
|
};
|
|
13
|
-
declare const __VLS_base:
|
|
13
|
+
declare const __VLS_base: vue261.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue261.ComponentOptionsMixin, vue261.ComponentOptionsMixin, {}, string, vue261.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue261.ComponentProvideOptions, false, {}, any>;
|
|
14
14
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
15
15
|
declare const _default: typeof __VLS_export;
|
|
16
16
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue254 from "vue";
|
|
3
3
|
import { AcceptableBooleanValue } from "@soybeanjs/headless";
|
|
4
4
|
|
|
5
5
|
//#region src/components/radio-group/radio-group.vue.d.ts
|
|
6
6
|
declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__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<{
|
|
7
|
-
props:
|
|
7
|
+
props: vue254.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
|
|
8
8
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
9
9
|
}> & (typeof globalThis extends {
|
|
10
10
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
13
13
|
attrs: any;
|
|
14
14
|
slots: {};
|
|
15
15
|
emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
|
|
16
|
-
}>) =>
|
|
16
|
+
}>) => vue254.VNode & {
|
|
17
17
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
18
18
|
};
|
|
19
19
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { RadioProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue256 from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/radio-group/radio.vue.d.ts
|
|
5
5
|
declare var __VLS_31: {};
|
|
6
6
|
type __VLS_Slots = {} & {
|
|
7
7
|
default?: (props: typeof __VLS_31) => any;
|
|
8
8
|
};
|
|
9
|
-
declare const __VLS_base:
|
|
9
|
+
declare const __VLS_base: vue256.DefineComponent<RadioProps, {}, {}, {}, {}, vue256.ComponentOptionsMixin, vue256.ComponentOptionsMixin, {}, string, vue256.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue256.ComponentProvideOptions, false, {}, any>;
|
|
10
10
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
11
|
declare const _default: typeof __VLS_export;
|
|
12
12
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { SegmentOptionData, SegmentProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue252 from "vue";
|
|
3
3
|
import { AcceptableValue } from "@soybeanjs/headless";
|
|
4
4
|
|
|
5
5
|
//#region src/components/segment/segment.vue.d.ts
|
|
6
6
|
declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>>(__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<{
|
|
7
|
-
props:
|
|
7
|
+
props: vue252.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
|
|
8
8
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
9
9
|
}> & (typeof globalThis extends {
|
|
10
10
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
|
|
|
17
17
|
}) => any;
|
|
18
18
|
};
|
|
19
19
|
emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
|
|
20
|
-
}>) =>
|
|
20
|
+
}>) => vue252.VNode & {
|
|
21
21
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
22
22
|
};
|
|
23
23
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { SelectGroupOptionData, SelectProps, SelectSingleOptionData } from "./types.js";
|
|
2
|
-
import * as
|
|
3
|
-
import * as
|
|
2
|
+
import * as vue276 from "vue";
|
|
3
|
+
import * as _soybeanjs_headless186 from "@soybeanjs/headless";
|
|
4
4
|
import { DefinedValue } from "@soybeanjs/headless";
|
|
5
5
|
|
|
6
6
|
//#region src/components/select/select.vue.d.ts
|
|
7
7
|
declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__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<{
|
|
8
|
-
props:
|
|
9
|
-
onSelect?: ((event:
|
|
10
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
8
|
+
props: vue276.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
|
|
9
|
+
onSelect?: ((event: _soybeanjs_headless186.SelectItemEvent<T>) => any) | undefined;
|
|
11
10
|
"onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
|
|
11
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
12
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
|
-
onPointerDownOutside?: ((event:
|
|
13
|
+
onPointerDownOutside?: ((event: _soybeanjs_headless186.PointerDownOutsideEvent) => any) | undefined;
|
|
14
14
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
15
15
|
}> & (typeof globalThis extends {
|
|
16
16
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -44,8 +44,8 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
|
|
|
44
44
|
item: SelectSingleOptionData<T>;
|
|
45
45
|
}) => any;
|
|
46
46
|
};
|
|
47
|
-
emit: ((evt: "select", event:
|
|
48
|
-
}>) =>
|
|
47
|
+
emit: ((evt: "select", event: _soybeanjs_headless186.SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless186.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
48
|
+
}>) => vue276.VNode & {
|
|
49
49
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
50
50
|
};
|
|
51
51
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { SeparatorProps } from "./types.js";
|
|
2
|
-
import * as
|
|
3
|
-
import * as
|
|
2
|
+
import * as vue139 from "vue";
|
|
3
|
+
import * as _soybeanjs_headless91 from "@soybeanjs/headless";
|
|
4
4
|
|
|
5
5
|
//#region src/components/separator/separator.vue.d.ts
|
|
6
|
-
declare const __VLS_export:
|
|
7
|
-
orientation:
|
|
8
|
-
}, {}, {}, {}, string,
|
|
6
|
+
declare const __VLS_export: vue139.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue139.ComponentOptionsMixin, vue139.ComponentOptionsMixin, {}, string, vue139.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
|
|
7
|
+
orientation: _soybeanjs_headless91.DataOrientation;
|
|
8
|
+
}, {}, {}, {}, string, vue139.ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
declare const _default: typeof __VLS_export;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { _default };
|
|
@@ -2,13 +2,13 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
|
|
|
2
2
|
import "../../theme/index.js";
|
|
3
3
|
import { SwitchShape } from "../../variants/switch.js";
|
|
4
4
|
import { SwitchProps } from "./types.js";
|
|
5
|
-
import * as
|
|
6
|
-
import * as
|
|
5
|
+
import * as vue268 from "vue";
|
|
6
|
+
import * as _soybeanjs_headless174 from "@soybeanjs/headless";
|
|
7
7
|
import { AcceptableBooleanValue } from "@soybeanjs/headless";
|
|
8
8
|
|
|
9
9
|
//#region src/components/switch/switch.vue.d.ts
|
|
10
10
|
declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__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<{
|
|
11
|
-
props:
|
|
11
|
+
props: vue268.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
|
|
12
12
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
13
13
|
}> & (typeof globalThis extends {
|
|
14
14
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -18,13 +18,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
|
|
|
18
18
|
slots: {
|
|
19
19
|
leading?: (props: {
|
|
20
20
|
modelValue: (Readonly<{
|
|
21
|
-
class:
|
|
22
|
-
ui: Partial<
|
|
21
|
+
class: _soybeanjs_headless174.ClassValue;
|
|
22
|
+
ui: Partial<_soybeanjs_headless174.SwitchUi>;
|
|
23
23
|
color: ThemeColor;
|
|
24
24
|
size: ThemeSize;
|
|
25
25
|
shape: SwitchShape;
|
|
26
|
-
controlProps:
|
|
27
|
-
thumbProps:
|
|
26
|
+
controlProps: _soybeanjs_headless174.SwitchControlProps;
|
|
27
|
+
thumbProps: _soybeanjs_headless174.SwitchThumbProps;
|
|
28
28
|
defaultValue: NonNullable<T> | undefined;
|
|
29
29
|
disabled: boolean;
|
|
30
30
|
value: string;
|
|
@@ -32,14 +32,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
|
|
|
32
32
|
required: boolean;
|
|
33
33
|
manifest: string | undefined;
|
|
34
34
|
innerHTML: string | undefined;
|
|
35
|
-
style:
|
|
35
|
+
style: vue268.StyleValue | undefined;
|
|
36
36
|
accesskey: string | undefined;
|
|
37
37
|
contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
38
38
|
contextmenu: string | undefined;
|
|
39
39
|
dir: string | undefined;
|
|
40
40
|
draggable: (boolean | "true" | "false") | undefined;
|
|
41
41
|
enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
42
|
-
enterKeyHint:
|
|
42
|
+
enterKeyHint: vue268.HTMLAttributes["enterkeyhint"];
|
|
43
43
|
hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
|
|
44
44
|
id: string | undefined;
|
|
45
45
|
inert: (boolean | "true" | "false") | undefined;
|
|
@@ -229,13 +229,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
|
|
|
229
229
|
} & {
|
|
230
230
|
default?: (props: {
|
|
231
231
|
modelValue: (Readonly<{
|
|
232
|
-
class:
|
|
233
|
-
ui: Partial<
|
|
232
|
+
class: _soybeanjs_headless174.ClassValue;
|
|
233
|
+
ui: Partial<_soybeanjs_headless174.SwitchUi>;
|
|
234
234
|
color: ThemeColor;
|
|
235
235
|
size: ThemeSize;
|
|
236
236
|
shape: SwitchShape;
|
|
237
|
-
controlProps:
|
|
238
|
-
thumbProps:
|
|
237
|
+
controlProps: _soybeanjs_headless174.SwitchControlProps;
|
|
238
|
+
thumbProps: _soybeanjs_headless174.SwitchThumbProps;
|
|
239
239
|
defaultValue: NonNullable<T> | undefined;
|
|
240
240
|
disabled: boolean;
|
|
241
241
|
value: string;
|
|
@@ -243,14 +243,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
|
|
|
243
243
|
required: boolean;
|
|
244
244
|
manifest: string | undefined;
|
|
245
245
|
innerHTML: string | undefined;
|
|
246
|
-
style:
|
|
246
|
+
style: vue268.StyleValue | undefined;
|
|
247
247
|
accesskey: string | undefined;
|
|
248
248
|
contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
249
249
|
contextmenu: string | undefined;
|
|
250
250
|
dir: string | undefined;
|
|
251
251
|
draggable: (boolean | "true" | "false") | undefined;
|
|
252
252
|
enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
253
|
-
enterKeyHint:
|
|
253
|
+
enterKeyHint: vue268.HTMLAttributes["enterkeyhint"];
|
|
254
254
|
hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
|
|
255
255
|
id: string | undefined;
|
|
256
256
|
inert: (boolean | "true" | "false") | undefined;
|
|
@@ -440,13 +440,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
|
|
|
440
440
|
} & {
|
|
441
441
|
trailing?: (props: {
|
|
442
442
|
modelValue: (Readonly<{
|
|
443
|
-
class:
|
|
444
|
-
ui: Partial<
|
|
443
|
+
class: _soybeanjs_headless174.ClassValue;
|
|
444
|
+
ui: Partial<_soybeanjs_headless174.SwitchUi>;
|
|
445
445
|
color: ThemeColor;
|
|
446
446
|
size: ThemeSize;
|
|
447
447
|
shape: SwitchShape;
|
|
448
|
-
controlProps:
|
|
449
|
-
thumbProps:
|
|
448
|
+
controlProps: _soybeanjs_headless174.SwitchControlProps;
|
|
449
|
+
thumbProps: _soybeanjs_headless174.SwitchThumbProps;
|
|
450
450
|
defaultValue: NonNullable<T> | undefined;
|
|
451
451
|
disabled: boolean;
|
|
452
452
|
value: string;
|
|
@@ -454,14 +454,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
|
|
|
454
454
|
required: boolean;
|
|
455
455
|
manifest: string | undefined;
|
|
456
456
|
innerHTML: string | undefined;
|
|
457
|
-
style:
|
|
457
|
+
style: vue268.StyleValue | undefined;
|
|
458
458
|
accesskey: string | undefined;
|
|
459
459
|
contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
460
460
|
contextmenu: string | undefined;
|
|
461
461
|
dir: string | undefined;
|
|
462
462
|
draggable: (boolean | "true" | "false") | undefined;
|
|
463
463
|
enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
464
|
-
enterKeyHint:
|
|
464
|
+
enterKeyHint: vue268.HTMLAttributes["enterkeyhint"];
|
|
465
465
|
hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
|
|
466
466
|
id: string | undefined;
|
|
467
467
|
inert: (boolean | "true" | "false") | undefined;
|
|
@@ -650,7 +650,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
|
|
|
650
650
|
}) => any;
|
|
651
651
|
};
|
|
652
652
|
emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
|
|
653
|
-
}>) =>
|
|
653
|
+
}>) => vue268.VNode & {
|
|
654
654
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
655
655
|
};
|
|
656
656
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { TabsOptionData, TabsProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue312 from "vue";
|
|
3
3
|
import { AcceptableValue } from "@soybeanjs/headless";
|
|
4
4
|
|
|
5
5
|
//#region src/components/tabs/tabs.vue.d.ts
|
|
6
6
|
declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends TabsOptionData<NonNullable<T>> = TabsOptionData<NonNullable<T>>>(__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<{
|
|
7
|
-
props:
|
|
7
|
+
props: vue312.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
|
|
8
8
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
9
9
|
}> & (typeof globalThis extends {
|
|
10
10
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
|
|
|
21
21
|
}) => any;
|
|
22
22
|
};
|
|
23
23
|
emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
|
|
24
|
-
}>) =>
|
|
24
|
+
}>) => vue312.VNode & {
|
|
25
25
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
26
26
|
};
|
|
27
27
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TagProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue307 from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/tag/tag.vue.d.ts
|
|
5
5
|
declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {
|
|
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
|
|
|
14
14
|
} & {
|
|
15
15
|
close?: (props: typeof __VLS_16) => any;
|
|
16
16
|
};
|
|
17
|
-
declare const __VLS_base:
|
|
17
|
+
declare const __VLS_base: vue307.DefineComponent<TagProps, {}, {}, {}, {}, vue307.ComponentOptionsMixin, vue307.ComponentOptionsMixin, {
|
|
18
18
|
"update:open": (open: boolean) => any;
|
|
19
|
-
}, string,
|
|
19
|
+
}, string, vue307.PublicProps, Readonly<TagProps> & Readonly<{
|
|
20
20
|
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
21
21
|
}>, {
|
|
22
22
|
open: boolean;
|
|
23
|
-
}, {}, {}, {}, string,
|
|
23
|
+
}, {}, {}, {}, string, vue307.ComponentProvideOptions, false, {}, any>;
|
|
24
24
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
25
25
|
declare const _default: typeof __VLS_export;
|
|
26
26
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TextareaProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue295 from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/textarea/textarea.vue.d.ts
|
|
5
5
|
declare var __VLS_28: {
|
|
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
} & {
|
|
12
12
|
footer?: (props: typeof __VLS_30) => any;
|
|
13
13
|
};
|
|
14
|
-
declare const __VLS_base:
|
|
14
|
+
declare const __VLS_base: vue295.DefineComponent<TextareaProps, {}, {}, {}, {}, vue295.ComponentOptionsMixin, vue295.ComponentOptionsMixin, {
|
|
15
15
|
"update:modelValue": (value: string) => any;
|
|
16
|
-
}, string,
|
|
16
|
+
}, string, vue295.PublicProps, Readonly<TextareaProps> & Readonly<{
|
|
17
17
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
18
|
-
}>, {}, {}, {}, {}, string,
|
|
18
|
+
}>, {}, {}, {}, {}, string, vue295.ComponentProvideOptions, false, {}, any>;
|
|
19
19
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
20
|
declare const _default: typeof __VLS_export;
|
|
21
21
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TooltipProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue278 from "vue";
|
|
3
3
|
import * as _soybeanjs_headless190 from "@soybeanjs/headless";
|
|
4
4
|
|
|
5
5
|
//#region src/components/tooltip/tooltip.vue.d.ts
|
|
@@ -9,11 +9,11 @@ type __VLS_Slots = {} & {
|
|
|
9
9
|
} & {
|
|
10
10
|
default?: (props: typeof __VLS_36) => any;
|
|
11
11
|
};
|
|
12
|
-
declare const __VLS_base:
|
|
12
|
+
declare const __VLS_base: vue278.DefineComponent<TooltipProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {
|
|
13
13
|
"update:open": (value: boolean) => any;
|
|
14
14
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
15
|
pointerDownOutside: (event: _soybeanjs_headless190.PointerDownOutsideEvent) => any;
|
|
16
|
-
}, string,
|
|
16
|
+
}, string, vue278.PublicProps, Readonly<TooltipProps> & Readonly<{
|
|
17
17
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
18
18
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
19
19
|
onPointerDownOutside?: ((event: _soybeanjs_headless190.PointerDownOutsideEvent) => any) | undefined;
|
|
@@ -21,7 +21,7 @@ declare const __VLS_base: vue297.DefineComponent<TooltipProps, {}, {}, {}, {}, v
|
|
|
21
21
|
open: boolean;
|
|
22
22
|
defaultOpen: boolean;
|
|
23
23
|
showArrow: boolean;
|
|
24
|
-
}, {}, {}, {}, string,
|
|
24
|
+
}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>;
|
|
25
25
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
26
|
declare const _default: typeof __VLS_export;
|
|
27
27
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { TreeVirtualizerProps } from "./types.js";
|
|
2
|
-
import * as
|
|
3
|
-
import * as
|
|
2
|
+
import * as vue0 from "vue";
|
|
3
|
+
import * as _soybeanjs_headless0 from "@soybeanjs/headless";
|
|
4
4
|
import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
|
|
5
5
|
import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
|
|
6
6
|
|
|
7
7
|
//#region src/components/tree/tree-virtualizer.vue.d.ts
|
|
8
8
|
declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__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<{
|
|
9
|
-
props:
|
|
9
|
+
props: vue0.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
|
|
10
10
|
"onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
|
|
11
11
|
"onUpdate:expanded"?: ((value: string[]) => any) | undefined;
|
|
12
12
|
}> & (typeof globalThis extends {
|
|
@@ -18,13 +18,13 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
|
|
|
18
18
|
item?: (props: {
|
|
19
19
|
key: number;
|
|
20
20
|
virtualItem: _tanstack_vue_virtual0.VirtualItem;
|
|
21
|
-
item:
|
|
21
|
+
item: _soybeanjs_headless0.FlattenedItem<T>;
|
|
22
22
|
modelValue: U;
|
|
23
23
|
expanded: string[];
|
|
24
24
|
}) => any;
|
|
25
25
|
};
|
|
26
26
|
emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
|
|
27
|
-
}>) =>
|
|
27
|
+
}>) => vue0.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
30
30
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as vue1 from "vue";
|
|
2
|
+
import * as _soybeanjs_headless0 from "@soybeanjs/headless";
|
|
3
3
|
import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
|
|
4
4
|
|
|
5
5
|
//#region src/components/tree/tree.vue.d.ts
|
|
6
6
|
declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__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<{
|
|
7
|
-
props:
|
|
7
|
+
props: vue1.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
|
|
8
8
|
"onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
|
|
9
9
|
"onUpdate:expanded"?: ((value: string[]) => any) | undefined;
|
|
10
10
|
}> & (typeof globalThis extends {
|
|
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
|
|
|
17
17
|
} & {
|
|
18
18
|
item?: (props: {
|
|
19
19
|
key: string;
|
|
20
|
-
item:
|
|
20
|
+
item: _soybeanjs_headless0.FlattenedItem<T>;
|
|
21
21
|
modelValue: U | undefined;
|
|
22
22
|
expanded: string[];
|
|
23
23
|
}) => any;
|
|
@@ -25,7 +25,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
|
|
|
25
25
|
bottom?: (props: {}) => any;
|
|
26
26
|
};
|
|
27
27
|
emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
|
|
28
|
-
}>) =>
|
|
28
|
+
}>) => vue1.VNode & {
|
|
29
29
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
30
30
|
};
|
|
31
31
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot,
|
|
1
|
+
import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps, TreeMenuStyledItemProps } from "./types.js";
|
|
2
2
|
import { _default } from "./tree-menu.vue.js";
|
|
3
3
|
import { _default as _default$1 } from "./tree-menu-styled-item.vue.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e
|
|
1
|
+
const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e,n,r=!0){return!r&&e.value===n?!0:e?.children?.some(e=>t(e,n,!1))??!1}export{t as isChildActive,e as treeMenuCssVars};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless";var w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},as:{},item:{},
|
|
1
|
+
import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless";var w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},as:{},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),O=c(()=>!!w.item.children?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[m.item.icon?(_(),l(t,{key:0,icon:m.item.icon},null,8,[`icon`])):u(`v-if`,!0)]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(n,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(t,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(e,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(t,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i}from"./context.js";import a from"./tree-menu-option-slot.js";import{isChildActive as o}from"./shared.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,resolveComponent as C,resolveDynamicComponent as w,unref as T,useSlots as E,withCtx as D}from"vue";import{useOmitProps as O}from"@soybeanjs/headless/composables";import{TreeMenuButton as k,TreeMenuCollapsible as A,TreeMenuItem as j,TreeMenuSub as M,useTreeMenuRootContext as N}from"@soybeanjs/headless";var P=h({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},
|
|
1
|
+
import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i}from"./context.js";import a from"./tree-menu-option-slot.js";import{isChildActive as o}from"./shared.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,resolveComponent as C,resolveDynamicComponent as w,unref as T,useSlots as E,withCtx as D}from"vue";import{useOmitProps as O}from"@soybeanjs/headless/composables";import{TreeMenuButton as k,TreeMenuCollapsible as A,TreeMenuItem as j,TreeMenuSub as M,useTreeMenuRootContext as N}from"@soybeanjs/headless";var P=h({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(h,{emit:P}){let F=h,I=P,L=E(),R=O(F,[`as`,`item`]),{collapsed:z,modelValue:B,onModelValueChange:V}=N(`TreeMenuOption`),{size:H,side:U}=r(`TreeMenuOption`),W=i(`itemAbsolute`),G=c(()=>Object.keys(L)),K=c(()=>!!F.item.children?.length),q=c(()=>o(F.item,B.value)),J=c(()=>!!(F.item.to||F.item.href)),Y=c(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=F.item;return J.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),X=c(()=>z.value&&K.value),Z=c(()=>z.value&&!X.value?F.item.label:void 0),Q=c(()=>U.value===`left`?`right`:`left`),$=c(()=>({...F.item.tooltipProps,placement:F.item.tooltipProps?.placement??Q.value})),ee=c(()=>({...F.item.dropdownMenuProps,trigger:F.item.dropdownMenuProps?.trigger??`hover`,placement:F.item.dropdownMenuProps?.placement??Q.value})),te=()=>{F.item.disabled||V(F.item.value)},ne=e=>{F.item.disabled||(V(e.value),I(`selectDropdown`,e.value))};return(r,i)=>{let o=C(`STreeMenuOption`);return K.value?(b(),l(T(j),_({key:1},h.itemProps,{"as-child":``,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[m(T(A),_(h.collapsibleProps,{as:h.as,"disabled-collapsible":T(z)}),{trigger:D(()=>[m(T(k),_(h.buttonProps,{"disabled-active":``,"data-child-active":q.value}),{default:D(()=>[m(a,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:D(()=>[X.value?(b(),l(t,_({key:0},ee.value,{items:h.item.children??[],disabled:h.item.disabled,size:T(H),"data-menu":h.item.label,onSelect:ne}),{trigger:D(()=>[f(`div`,{class:v(T(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):u(`v-if`,!0)]),default:D(()=>[m(T(M),y(g(h.subProps)),{default:D(()=>[(b(!0),d(s,null,x(h.item.children,e=>(b(),d(s,{key:e.value},[e.hidden?u(`v-if`,!0):(b(),l(o,_({key:0,ref_for:!0},T(R),{item:e}),p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,_({ref_for:!0},t))])}))]),1040,[`item`]))],64))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(b(),l(T(j),_({key:0},h.itemProps,{as:h.as,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[J.value?(b(),l(T(k),_({key:0},h.buttonProps,{"as-child":``}),{default:D(()=>[m(e,y(g(Y.value)),{default:D(({isHref:e})=>[m(a,{item:h.item,"show-link-icon":e},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(b(),l(T(k),y(_({key:1},h.buttonProps)),{default:D(()=>[m(a,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16)),Z.value?(b(),l(n,_({key:2},$.value,{size:T(H),content:Z.value}),{trigger:D(()=>[(b(),l(w(J.value?e:`div`),_(Y.value,{class:T(W),onClick:te}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):u(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{P as default};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { TreeMenuStyledItemProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue302 from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/tree-menu/tree-menu-styled-item.vue.d.ts
|
|
5
5
|
declare var __VLS_1: {};
|
|
6
6
|
type __VLS_Slots = {} & {
|
|
7
7
|
default?: (props: typeof __VLS_1) => any;
|
|
8
8
|
};
|
|
9
|
-
declare const __VLS_base:
|
|
9
|
+
declare const __VLS_base: vue302.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue302.ComponentOptionsMixin, vue302.ComponentOptionsMixin, {}, string, vue302.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue302.ComponentProvideOptions, false, {}, any>;
|
|
10
10
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
11
|
declare const _default: typeof __VLS_export;
|
|
12
12
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import r from"../icon/icon.js";import{treeMenuVariants as i}from"../../variants/tree-menu.js";import{provideTreeMenuContext as a,provideTreeMenuExtraUi as o}from"./context.js";import{
|
|
1
|
+
import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import r from"../icon/icon.js";import{treeMenuVariants as i}from"../../variants/tree-menu.js";import{provideTreeMenuContext as a,provideTreeMenuExtraUi as o}from"./context.js";import{treeMenuCssVars as s}from"./shared.js";import c from"./tree-menu-option.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useForwardListeners as D,useOmitProps as O,usePickProps as k}from"@soybeanjs/headless/composables";import{TreeMenuGroup as A,TreeMenuGroupLabel as j,TreeMenuGroupRoot as M,TreeMenuRoot as N,provideTreeMenuUi as P}from"@soybeanjs/headless";import{transformPropsToContext as F}from"@soybeanjs/headless/shared";var I=_({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},items:{},collapsedWidth:{default:50},indent:{default:16},showGroupIcon:{type:Boolean},groupRootProps:{},groupProps:{},groupLabelProps:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(_,{emit:I}){let L=_,R=I,z=T(),B=u(()=>Object.keys(z).filter(e=>e.startsWith(`item-`))),V=O(L,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`showGroupIcon`,`groupRootProps`,`groupProps`,`groupLabelProps`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),H=k(L,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),U=D(R),W=u(()=>{let e=L.collapsedWidth*n[L.size],r=L.indent*n[L.size];return{[s.collapsedWidth]:`${e/t.md}rem`,[s.indent]:`${r/t.md}rem`}}),G=u(()=>e(i({size:L.size}),L.ui,{root:L.class}));return P(G),o(G),a(F(L,[`size`,`side`])),(e,t)=>(y(),d(w(N),v(w(V),{style:W.value},C(w(U))),{default:E(()=>[x(e.$slots,`top`),(y(!0),p(l,null,b(_.items,t=>(y(),p(l,{key:t.value},[t.isGroup?(y(),p(l,{key:0},[t.hidden?f(`v-if`,!0):(y(),d(w(M),v({key:0,ref_for:!0},_.groupRootProps),{default:E(()=>[g(w(j),v({ref_for:!0},_.groupLabelProps),{default:E(()=>[x(e.$slots,`group-label`,{item:t},()=>[_.showGroupIcon&&t.icon?(y(),d(r,{key:0,icon:t.icon},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(t.label),1)])]),_:2},1040),g(w(A),v({ref_for:!0},_.groupProps),{default:E(()=>[(y(!0),p(l,null,b(t.children,t=>(y(),d(c,v({key:t.value},{ref_for:!0},w(H),{item:t}),h({_:2},[b(B.value,t=>({name:t,fn:E(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040))],64)):(y(),p(l,{key:1},[t.hidden?f(`v-if`,!0):(y(),d(c,v({key:0,as:`div`},{ref_for:!0},w(H),{item:t}),h({_:2},[b(B.value,t=>({name:t,fn:E(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`]))],64))],64))),128)),x(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{I as default};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { TreeMenuBaseOptionData,
|
|
2
|
-
import * as
|
|
1
|
+
import { TreeMenuBaseOptionData, TreeMenuProps } from "./types.js";
|
|
2
|
+
import * as vue300 from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/tree-menu/tree-menu.vue.d.ts
|
|
5
5
|
declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__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<{
|
|
6
|
-
props:
|
|
6
|
+
props: vue300.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
|
|
7
7
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
8
8
|
"onUpdate:expanded"?: ((value: string[]) => any) | undefined;
|
|
9
9
|
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
@@ -26,11 +26,11 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
|
|
|
26
26
|
item: T;
|
|
27
27
|
}) => any;
|
|
28
28
|
'group-label': (props: {
|
|
29
|
-
item:
|
|
29
|
+
item: T;
|
|
30
30
|
}) => any;
|
|
31
31
|
};
|
|
32
32
|
emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
|
|
33
|
-
}>) =>
|
|
33
|
+
}>) => vue300.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
36
36
|
declare const _default: typeof __VLS_export;
|