@soybeanjs/headless 0.15.3 → 0.15.5
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/anchor/anchor-root.vue.d.ts +1 -1
- package/dist/components/autocomplete/autocomplete-compact.vue.d.ts +2 -2
- package/dist/components/autocomplete/autocomplete-root.vue.d.ts +3 -3
- package/dist/components/backtop/backtop.vue.d.ts +1 -1
- package/dist/components/bottom-sheet/bottom-sheet-compact.js +1 -0
- package/dist/components/bottom-sheet/bottom-sheet-compact.vue.d.ts +15 -0
- package/dist/components/bottom-sheet/bottom-sheet-handle.js +1 -0
- package/dist/components/bottom-sheet/bottom-sheet-handle.vue.d.ts +20 -0
- package/dist/components/bottom-sheet/bottom-sheet-overlay.js +1 -0
- package/dist/components/bottom-sheet/bottom-sheet-overlay.vue.d.ts +7 -0
- package/dist/components/bottom-sheet/bottom-sheet-popup.js +1 -0
- package/dist/components/bottom-sheet/bottom-sheet-popup.vue.d.ts +17 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-nested.js +1 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts +83 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.js +1 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.vue.d.ts +15 -0
- package/dist/components/bottom-sheet/context.d.ts +9 -0
- package/dist/components/bottom-sheet/context.js +1 -0
- package/dist/components/bottom-sheet/index.d.ts +21 -0
- package/dist/components/bottom-sheet/index.js +1 -0
- package/dist/components/bottom-sheet/shared.js +1 -0
- package/dist/components/bottom-sheet/types.d.ts +56 -0
- package/dist/components/bottom-sheet/use-scale-background.js +1 -0
- package/dist/components/bottom-sheet/use-snap-points.js +1 -0
- package/dist/components/card/card-root.vue.d.ts +1 -1
- package/dist/components/collapsible/collapsible-root.vue.d.ts +2 -2
- package/dist/components/color-area/color-area-root.vue.d.ts +4 -4
- package/dist/components/color-field/color-field-root.vue.d.ts +3 -3
- package/dist/components/color-picker/color-picker-root.vue.d.ts +4 -4
- package/dist/components/color-slider/color-slider-root.vue.d.ts +4 -4
- package/dist/components/combobox/combobox-compact.vue.d.ts +4 -4
- package/dist/components/combobox/combobox-content.vue.d.ts +2 -2
- package/dist/components/combobox/combobox-root.vue.d.ts +2 -2
- package/dist/components/combobox/combobox-viewport.js +1 -9
- package/dist/components/combobox/combobox-viewport.vue.d.ts +2 -2
- package/dist/components/config-provider/config-provider.js +15 -1
- package/dist/components/config-provider/config-provider.vue.d.ts +1 -1
- package/dist/components/config-provider/context.js +1 -1
- package/dist/components/context-menu/context-menu-checkbox-compact.vue.d.ts +3 -3
- package/dist/components/context-menu/context-menu-compact.vue.d.ts +3 -3
- package/dist/components/context-menu/context-menu-content.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts +3 -3
- package/dist/components/context-menu/context-menu-wrapper-compact.vue.d.ts +4 -4
- package/dist/components/dialog/context.js +1 -1
- package/dist/components/dialog/dialog-compact.vue.d.ts +7 -7
- package/dist/components/dialog/dialog-overlay.js +1 -1
- package/dist/components/dialog/dialog-popup.vue.d.ts +2 -2
- package/dist/components/dialog/index.d.ts +2 -2
- package/dist/components/dialog/types.d.ts +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts +3 -3
- package/dist/components/dropdown-menu/dropdown-menu-compact.vue.d.ts +3 -3
- package/dist/components/dropdown-menu/dropdown-menu-content.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts +3 -3
- package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-wrapper-compact.vue.d.ts +4 -4
- package/dist/components/editable/editable-root.vue.d.ts +2 -2
- package/dist/components/hover-card/hover-card-root.vue.d.ts +1 -1
- package/dist/components/input-otp/input-otp-compact.vue.d.ts +2 -2
- package/dist/components/input-otp/input-otp-root.vue.d.ts +3 -3
- package/dist/components/layout/layout-classic-compact.js +1 -1
- package/dist/components/layout/layout-classic-compact.vue.d.ts +1 -1
- package/dist/components/layout/layout-classic-root.js +1 -1
- package/dist/components/layout/layout-compact.vue.d.ts +1 -1
- package/dist/components/layout/layout-root.vue.d.ts +2 -2
- package/dist/components/layout/types.d.ts +0 -30
- package/dist/components/link/link.vue.d.ts +1 -1
- package/dist/components/menu/menu-content.vue.d.ts +2 -2
- package/dist/components/menu/menu-option-compact.vue.d.ts +3 -3
- package/dist/components/menu/menu-options-compact.vue.d.ts +3 -3
- package/dist/components/menu/menu-sub-content.vue.d.ts +2 -2
- package/dist/components/menu/types.d.ts +1 -1
- package/dist/components/menubar/menubar-compact.vue.d.ts +3 -3
- package/dist/components/menubar/menubar-content.vue.d.ts +2 -2
- package/dist/components/menubar/menubar-root.vue.d.ts +1 -1
- package/dist/components/menubar/menubar-sub-content.vue.d.ts +2 -2
- package/dist/components/navigation-menu/navigation-menu-root.vue.d.ts +1 -1
- package/dist/components/page-tabs/page-tabs-root.js +1 -12
- package/dist/components/popover/popover-positioner.vue.d.ts +2 -2
- package/dist/components/popover/popover-root.vue.d.ts +1 -1
- package/dist/components/popper/popper-positioner.vue.d.ts +6 -6
- package/dist/components/roving-focus/roving-focus-group.vue.d.ts +1 -1
- package/dist/components/scroll-area/scroll-area-viewport.js +1 -1
- package/dist/components/scroll-area/scroll-area-viewport.vue.d.ts +1 -4
- package/dist/components/select/select-compact.vue.d.ts +2 -2
- package/dist/components/select/select-content.vue.d.ts +1 -1
- package/dist/components/select/select-viewport.js +1 -9
- package/dist/components/slider/slider-root.vue.d.ts +2 -2
- package/dist/components/splitter/splitter-panel.vue.d.ts +2 -2
- package/dist/components/stepper/stepper-root.vue.d.ts +2 -2
- package/dist/components/tabs/tabs-root.vue.d.ts +1 -1
- package/dist/components/tags-input/tags-input-root.vue.d.ts +2 -2
- package/dist/components/toast/toaster.vue.d.ts +3 -3
- package/dist/components/toggle/toggle.vue.d.ts +2 -2
- package/dist/components/tooltip/tooltip-root.vue.d.ts +1 -1
- package/dist/components/tree-menu/tree-menu-root.vue.d.ts +1 -1
- package/dist/constants/components.d.ts +1 -0
- package/dist/constants/components.js +1 -1
- package/dist/index.d.ts +335 -327
- package/dist/index.js +1 -1
- package/dist/namespaced/index.d.ts +692 -668
- package/dist/namespaced/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
[data-soybean-combobox-viewport] {
|
|
3
|
-
scrollbar-width: none;
|
|
4
|
-
-ms-overflow-style: none;
|
|
5
|
-
-webkit-overflow-scrolling: touch;
|
|
6
|
-
}
|
|
7
|
-
[data-soybean-combobox-viewport]::-webkit-scrollbar {
|
|
8
|
-
display: none;
|
|
9
|
-
}`))]),_:1},8,[`nonce`])],64))}});export{h as default};
|
|
1
|
+
import e from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ComboboxViewport`,__name:`combobox-viewport`,props:{nonce:{}},setup(n){return(n,s)=>(r(),t(a(e),{class:`soybean-headless-scrollbar-hidden`,"data-slot":`viewport`},{default:o(()=>[i(n.$slots,`default`)]),_:3}))}});export{s as default};
|
|
@@ -2,9 +2,9 @@ import { ComboboxViewportProps } from "./types.js";
|
|
|
2
2
|
import * as _$vue from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/components/combobox/combobox-viewport.vue.d.ts
|
|
5
|
-
declare var
|
|
5
|
+
declare var __VLS_8: {};
|
|
6
6
|
type __VLS_Slots = {} & {
|
|
7
|
-
default?: (props: typeof
|
|
7
|
+
default?: (props: typeof __VLS_8) => any;
|
|
8
8
|
};
|
|
9
9
|
declare const __VLS_base: _$vue.DefineComponent<ComboboxViewportProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
10
10
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1 +1,15 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{provideConfigProviderContext as t}from"./context.js";import{defineComponent as n,renderSlot as r,watchEffect as i}from"vue";import{useTextDirection as
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{provideConfigProviderContext as t}from"./context.js";import{defineComponent as n,renderSlot as r,watchEffect as i}from"vue";import{useStyleTag as a,useTextDirection as o}from"@vueuse/core";const s=n({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{default:`ltr`},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{}},setup(n){let s=n;t({...e(s),iconRender:s.iconRender});let c=o({initialValue:s.dir});return a(`
|
|
2
|
+
.soybean-headless-scrollbar-hidden {
|
|
3
|
+
scrollbar-width: none;
|
|
4
|
+
-ms-overflow-style: none;
|
|
5
|
+
-webkit-overflow-scrolling: touch;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.soybean-headless-scrollbar-hidden::-webkit-scrollbar {
|
|
9
|
+
display: none;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.soybean-headless-overflow-y-hidden {
|
|
13
|
+
overflow-y: hidden;
|
|
14
|
+
}
|
|
15
|
+
`,{id:`__SoybeanHeadless_Styles`}),i(()=>{c.value!==s.dir&&(c.value=s.dir)}),(e,t)=>r(e.$slots,`default`)}});export{s as default};
|
|
@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
|
|
|
10
10
|
declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
|
|
11
11
|
nuxt: boolean;
|
|
12
12
|
dir: Direction;
|
|
13
|
-
nonce: string;
|
|
14
13
|
locale: string;
|
|
14
|
+
nonce: string;
|
|
15
15
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
16
16
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
17
17
|
declare const _default: typeof __VLS_export;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.js";import{computed as t,toValue as n}from"vue";const[r,i]=e(`ConfigProvider`);function a(e){let r=i();return t(()=>n(e)||r?.dir?.value||`ltr`)}function o(e){let r=i();return t(()=>n(e)||r?.locale?.value||`en`)}
|
|
1
|
+
import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.js";import{computed as t,toValue as n}from"vue";const[r,i]=e(`ConfigProvider`);function a(e){let r=i();return t(()=>n(e)||r?.dir?.value||`ltr`)}function o(e){let r=i();return t(()=>n(e)||r?.locale?.value||`en`)}export{r as provideConfigProviderContext,i as useConfigProvider,a as useDirection,o as useLocale};
|
|
@@ -10,20 +10,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
10
10
|
onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
12
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
17
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
18
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: ContextMenuCheckboxCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "
|
|
26
|
+
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
9
9
|
props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
|
|
10
10
|
onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
|
|
11
11
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
12
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
13
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
14
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
14
15
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
17
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
17
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
19
|
}> & (typeof globalThis extends {
|
|
20
20
|
__VLS_PROPS_FALLBACK: infer P;
|
|
21
21
|
} ? P : {});
|
|
22
22
|
expose: (exposed: {}) => void;
|
|
23
23
|
attrs: any;
|
|
24
24
|
slots: ContextMenuCompactSlots<T>;
|
|
25
|
-
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "
|
|
25
|
+
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
26
26
|
}>) => _$vue.VNode & {
|
|
27
27
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
28
28
|
};
|
|
@@ -13,16 +13,16 @@ declare const __VLS_base: _$vue.DefineComponent<ContextMenuContentProps, {}, {},
|
|
|
13
13
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
14
14
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
15
15
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
16
|
-
closeAutoFocus: (event: Event) => any;
|
|
17
16
|
openAutoFocus: (event: Event) => any;
|
|
17
|
+
closeAutoFocus: (event: Event) => any;
|
|
18
18
|
}, string, _$vue.PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
|
|
19
19
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
21
21
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
22
22
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
23
23
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
24
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
25
24
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
25
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
26
|
}>, {
|
|
27
27
|
avoidCollisions: boolean;
|
|
28
28
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -10,20 +10,20 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
10
10
|
onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
12
12
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
17
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
18
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: ContextMenuRadioCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "
|
|
26
|
+
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
13
13
|
entryFocus: (event: Event) => any;
|
|
14
|
+
"update:open": (value: boolean) => any;
|
|
14
15
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
16
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
16
17
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
17
18
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
18
|
-
"update:open": (value: boolean) => any;
|
|
19
|
-
closeAutoFocus: (event: Event) => any;
|
|
20
19
|
openAutoFocus: (event: Event) => any;
|
|
20
|
+
closeAutoFocus: (event: Event) => any;
|
|
21
21
|
}, string, _$vue.PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
|
|
22
22
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
23
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
25
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
25
26
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
26
27
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
27
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
28
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
28
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
modal: boolean;
|
|
32
32
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,nextTick as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`DialogRoot`,t=>{let[r,c]=n(),[l,u]=n(),[d,f]=n(),{open:
|
|
1
|
+
import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,nextTick as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`DialogRoot`,t=>{let[r,c]=n(),[l,u]=n(),[d,f]=n(),[p,m]=n(),{open:h}=t,g=e=>{h.value=e},_=()=>{h.value=!h.value},v=i(()=>e(h.value)),y=o(``),b=()=>{y.value||(y.value=`soybean-dialog-popup-${s()}`)},x=o(``),S=()=>{x.value||(x.value=`soybean-dialog-title-${s()}`)},C=o(``),w=()=>{C.value||(C.value=`soybean-dialog-description-${s()}`)},T=async()=>{await a(),p.value?.focus({preventScroll:!0})};return{...t,onOpenChange:g,onOpenToggle:_,dataState:v,overlayElement:r,setOverlayElement:c,triggerElement:l,setTriggerElement:u,popupElement:d,setPopupElement:f,cancelElement:p,setCancelElement:m,popupId:y,initPopupId:b,titleId:x,initTitleId:S,descriptionId:C,initDescriptionId:w,focusCancel:T}}),[u,d]=t(`DialogProvider`,e=>{let{dialogs:t}=e;return{dialogs:t,getCurrentDialog:e=>t.value.find(t=>String(t.id)===String(e))}}),[f,p]=t(`DialogCompact`,e=>{let{dialog:t}=e;return{dialog:t}}),[m,h]=r(`DialogUi`),g=(e=>{if(!e)return h();let t=p(),n=h(e);return i(()=>{let r=t?.dialog?.value?.ui?.[e];return[n.value,r].filter(Boolean).join(` `)})});export{f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,d as useDialogProviderContext,l as useDialogRootContext,g as useDialogUi};
|
|
@@ -7,34 +7,34 @@ type __VLS_Slots = DialogCompactSlots;
|
|
|
7
7
|
declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
8
8
|
cancel: (event: MouseEvent) => any;
|
|
9
9
|
close: (event: MouseEvent) => any;
|
|
10
|
+
"update:open": (value: boolean) => any;
|
|
10
11
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
11
12
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
12
13
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
13
14
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
14
|
-
"update:open": (value: boolean) => any;
|
|
15
|
-
closeAutoFocus: (event: Event) => any;
|
|
16
15
|
openAutoFocus: (event: Event) => any;
|
|
16
|
+
closeAutoFocus: (event: Event) => any;
|
|
17
17
|
confirm: (event: MouseEvent) => any;
|
|
18
18
|
}, string, _$vue.PublicProps, Readonly<DialogCompactProps> & Readonly<{
|
|
19
19
|
onCancel?: ((event: MouseEvent) => any) | undefined;
|
|
20
20
|
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
21
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
21
22
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
22
23
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
23
24
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
24
25
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
25
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
26
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
27
26
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
27
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
28
|
onConfirm?: ((event: MouseEvent) => any) | undefined;
|
|
29
29
|
}>, {
|
|
30
|
-
open: boolean;
|
|
31
30
|
showClose: boolean;
|
|
32
|
-
|
|
33
|
-
alertType: DialogAlertType;
|
|
31
|
+
open: boolean;
|
|
34
32
|
showCancel: "onlyWarning" | boolean;
|
|
35
33
|
cancelText: string;
|
|
36
34
|
showConfirm: boolean;
|
|
37
35
|
confirmText: string;
|
|
36
|
+
modal: boolean;
|
|
37
|
+
alertType: DialogAlertType;
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,
|
|
1
|
+
import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watchEffect as p}from"vue";const m=[`data-state`],h=o({name:`DialogOverlay`,__name:`dialog-overlay`,props:{forceMount:{type:Boolean}},setup(o){let h=o,{overlayElement:g,setOverlayElement:_,open:v,dataState:y}=n(`DialogOverlay`),b=r(`overlay`),x=h.forceMount?d(!0):t(g,v);return p(()=>{x.value&&c(e())}),(e,t)=>f(x)?(l(),a(`div`,{key:0,ref:f(_),class:s(f(b)),"data-state":f(y),style:{"pointer-events":`auto`}},[u(e.$slots,`default`)],10,m)):i(`v-if`,!0)}});export{h as default};
|
|
@@ -12,15 +12,15 @@ declare const __VLS_base: _$vue.DefineComponent<DialogPopupProps, {}, {}, {}, {}
|
|
|
12
12
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
13
13
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
14
14
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
15
|
-
closeAutoFocus: (event: Event) => any;
|
|
16
15
|
openAutoFocus: (event: Event) => any;
|
|
16
|
+
closeAutoFocus: (event: Event) => any;
|
|
17
17
|
}, string, _$vue.PublicProps, Readonly<DialogPopupProps> & Readonly<{
|
|
18
18
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
19
19
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
20
20
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
21
21
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
22
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
23
22
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
23
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
24
24
|
}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
25
25
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
26
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PortalProps } from "../portal/types.js";
|
|
2
2
|
import { _default as _default$10 } from "../portal/portal.vue.js";
|
|
3
|
-
import { DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot } from "./types.js";
|
|
3
|
+
import { DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot } from "./types.js";
|
|
4
4
|
import { _default as _default$2 } from "./dialog-compact.vue.js";
|
|
5
5
|
import { _default as _default$11 } from "./dialog-provider.vue.js";
|
|
6
6
|
import { _default as _default$12 } from "./dialog-root.vue.js";
|
|
@@ -17,4 +17,4 @@ import { _default } from "./dialog-cancel.vue.js";
|
|
|
17
17
|
import { _default as _default$3 } from "./dialog-confirm.vue.js";
|
|
18
18
|
import { provideDialogUi } from "./context.js";
|
|
19
19
|
import { dialog } from "./state.js";
|
|
20
|
-
export { _default as DialogCancel, _default$1 as DialogClose, type DialogCloseEmits, type DialogCloseProps, _default$2 as DialogCompact, type DialogCompactBaseSlotProps, type DialogCompactEmits, type DialogCompactProps, type DialogCompactSlots, _default$3 as DialogConfirm, _default$4 as DialogContent, type DialogContentProps, _default$5 as DialogDescription, type DialogDescriptionProps, _default$6 as DialogFooter, type DialogFooterProps, _default$7 as DialogHeader, type DialogHeaderProps, _default$8 as DialogOverlay, type DialogOverlayProps, _default$9 as DialogPopup, type DialogPopupEmits, type DialogPopupProps, _default$10 as DialogPortal, type PortalProps as DialogPortalProps, _default$11 as DialogProvider, _default$12 as DialogRoot, type DialogRootEmits, type DialogRootProps, _default$13 as DialogTitle, type DialogTitleProps, _default$14 as DialogTrigger, type DialogTriggerProps, type DialogUi, type DialogUiSlot, dialog, provideDialogUi };
|
|
20
|
+
export { _default as DialogCancel, type DialogCancelEmits, type DialogCancelProps, _default$1 as DialogClose, type DialogCloseEmits, type DialogCloseProps, _default$2 as DialogCompact, type DialogCompactBaseSlotProps, type DialogCompactEmits, type DialogCompactProps, type DialogCompactSlots, _default$3 as DialogConfirm, type DialogConfirmEmits, type DialogConfirmProps, _default$4 as DialogContent, type DialogContentProps, _default$5 as DialogDescription, type DialogDescriptionProps, _default$6 as DialogFooter, type DialogFooterProps, _default$7 as DialogHeader, type DialogHeaderProps, _default$8 as DialogOverlay, type DialogOverlayProps, _default$9 as DialogPopup, type DialogPopupEmits, type DialogPopupProps, _default$10 as DialogPortal, type PortalProps as DialogPortalProps, _default$11 as DialogProvider, _default$12 as DialogRoot, type DialogRootEmits, type DialogRootProps, _default$13 as DialogTitle, type DialogTitleProps, _default$14 as DialogTrigger, type DialogTriggerProps, type DialogUi, type DialogUiSlot, dialog, provideDialogUi };
|
|
@@ -168,4 +168,4 @@ interface DialogExternal extends Omit<DialogT, 'id' | 'type' | 'title'> {
|
|
|
168
168
|
id?: number | string;
|
|
169
169
|
}
|
|
170
170
|
//#endregion
|
|
171
|
-
export { DialogAlertType, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot };
|
|
171
|
+
export { DialogAlertType, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot };
|
|
@@ -10,20 +10,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
10
10
|
onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
12
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
17
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
18
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: DropdownMenuCheckboxCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "
|
|
26
|
+
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
9
9
|
props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCompactProps<T> & {
|
|
10
10
|
onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
|
|
11
11
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
12
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
13
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
14
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
14
15
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
16
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
17
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
17
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
19
|
}> & (typeof globalThis extends {
|
|
20
20
|
__VLS_PROPS_FALLBACK: infer P;
|
|
21
21
|
} ? P : {});
|
|
22
22
|
expose: (exposed: {}) => void;
|
|
23
23
|
attrs: any;
|
|
24
24
|
slots: DropdownMenuCompactSlots<T>;
|
|
25
|
-
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "
|
|
25
|
+
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
26
26
|
}>) => _$vue.VNode & {
|
|
27
27
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
28
28
|
};
|
|
@@ -13,16 +13,16 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuContentProps, {}, {}
|
|
|
13
13
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
14
14
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
15
15
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
16
|
-
closeAutoFocus: (event: Event) => any;
|
|
17
16
|
openAutoFocus: (event: Event) => any;
|
|
17
|
+
closeAutoFocus: (event: Event) => any;
|
|
18
18
|
}, string, _$vue.PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{
|
|
19
19
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
21
21
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
22
22
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
23
23
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
24
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
25
24
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
25
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
26
|
}>, {
|
|
27
27
|
sideOffset: number;
|
|
28
28
|
sideFlip: boolean;
|
|
@@ -10,20 +10,20 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
10
10
|
onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
12
12
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
17
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
18
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: DropdownMenuRadioCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "
|
|
26
|
+
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -13,11 +13,11 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuRootProps, {}, {}, {
|
|
|
13
13
|
}, string, _$vue.PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
|
|
14
14
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
15
15
|
}>, {
|
|
16
|
+
open: boolean;
|
|
16
17
|
delayDuration: number;
|
|
17
18
|
skipDelayDuration: number;
|
|
18
|
-
trigger: DropdownMenuTriggerType;
|
|
19
|
-
open: boolean;
|
|
20
19
|
modal: boolean;
|
|
20
|
+
trigger: DropdownMenuTriggerType;
|
|
21
21
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
22
22
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
23
23
|
declare const _default: typeof __VLS_export;
|
|
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
13
13
|
entryFocus: (event: Event) => any;
|
|
14
|
+
"update:open": (value: boolean) => any;
|
|
14
15
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
16
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
16
17
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
17
18
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
18
|
-
"update:open": (value: boolean) => any;
|
|
19
|
-
closeAutoFocus: (event: Event) => any;
|
|
20
19
|
openAutoFocus: (event: Event) => any;
|
|
20
|
+
closeAutoFocus: (event: Event) => any;
|
|
21
21
|
}, string, _$vue.PublicProps, Readonly<DropdownMenuWrapperCompactProps> & Readonly<{
|
|
22
22
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
23
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
25
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
25
26
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
26
27
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
27
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
28
|
-
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
28
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
open: boolean;
|
|
32
32
|
modal: boolean;
|
|
@@ -32,10 +32,10 @@ declare const __VLS_base: _$vue.DefineComponent<EditableRootProps, {
|
|
|
32
32
|
"onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
|
|
33
33
|
}>, {
|
|
34
34
|
disabled: boolean;
|
|
35
|
-
as: AsTag | _$vue.Component;
|
|
36
35
|
modelValue: string;
|
|
37
|
-
|
|
36
|
+
as: AsTag | _$vue.Component;
|
|
38
37
|
readonly: boolean;
|
|
38
|
+
activationMode: EditableActivationMode;
|
|
39
39
|
selectOnFocus: boolean;
|
|
40
40
|
submitMode: EditableSubmitMode;
|
|
41
41
|
startWithEditMode: boolean;
|
|
@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<HoverCardRootProps, {}, {}, {},
|
|
|
13
13
|
}, string, _$vue.PublicProps, Readonly<HoverCardRootProps> & Readonly<{
|
|
14
14
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
15
15
|
}>, {
|
|
16
|
-
open: boolean;
|
|
17
16
|
defaultOpen: boolean;
|
|
17
|
+
open: boolean;
|
|
18
18
|
openDelay: number;
|
|
19
19
|
closeDelay: number;
|
|
20
20
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -6,24 +6,24 @@ type __VLS_Slots = InputOtpCompactSlots;
|
|
|
6
6
|
declare const __VLS_base: _$vue.DefineComponent<InputOtpCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
7
7
|
input: (value: string) => any;
|
|
8
8
|
select: (event: Event) => any;
|
|
9
|
+
"update:modelValue": (value: string) => any;
|
|
9
10
|
blur: (event: FocusEvent) => any;
|
|
10
11
|
change: (event: Event) => any;
|
|
11
12
|
focus: (event: FocusEvent) => any;
|
|
12
13
|
mouseleave: (event: MouseEvent) => any;
|
|
13
14
|
mouseover: (event: MouseEvent) => any;
|
|
14
15
|
paste: (event: ClipboardEvent) => any;
|
|
15
|
-
"update:modelValue": (value: string) => any;
|
|
16
16
|
complete: (value: string) => any;
|
|
17
17
|
}, string, _$vue.PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
|
|
18
18
|
onInput?: ((value: string) => any) | undefined;
|
|
19
19
|
onSelect?: ((event: Event) => any) | undefined;
|
|
20
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
20
21
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
21
22
|
onChange?: ((event: Event) => any) | undefined;
|
|
22
23
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
23
24
|
onMouseleave?: ((event: MouseEvent) => any) | undefined;
|
|
24
25
|
onMouseover?: ((event: MouseEvent) => any) | undefined;
|
|
25
26
|
onPaste?: ((event: ClipboardEvent) => any) | undefined;
|
|
26
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
27
27
|
onComplete?: ((value: string) => any) | undefined;
|
|
28
28
|
}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
29
29
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -18,30 +18,30 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpRootProps, {
|
|
|
18
18
|
}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
19
19
|
input: (value: string) => any;
|
|
20
20
|
select: (event: Event) => any;
|
|
21
|
+
"update:modelValue": (value: string) => any;
|
|
21
22
|
blur: (event: FocusEvent) => any;
|
|
22
23
|
change: (event: Event) => any;
|
|
23
24
|
focus: (event: FocusEvent) => any;
|
|
24
25
|
mouseleave: (event: MouseEvent) => any;
|
|
25
26
|
mouseover: (event: MouseEvent) => any;
|
|
26
27
|
paste: (event: ClipboardEvent) => any;
|
|
27
|
-
"update:modelValue": (value: string) => any;
|
|
28
28
|
complete: (value: string) => any;
|
|
29
29
|
}, string, _$vue.PublicProps, Readonly<InputOtpRootProps> & Readonly<{
|
|
30
30
|
onInput?: ((value: string) => any) | undefined;
|
|
31
31
|
onSelect?: ((event: Event) => any) | undefined;
|
|
32
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
32
33
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
33
34
|
onChange?: ((event: Event) => any) | undefined;
|
|
34
35
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
35
36
|
onMouseleave?: ((event: MouseEvent) => any) | undefined;
|
|
36
37
|
onMouseover?: ((event: MouseEvent) => any) | undefined;
|
|
37
38
|
onPaste?: ((event: ClipboardEvent) => any) | undefined;
|
|
38
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
39
39
|
onComplete?: ((value: string) => any) | undefined;
|
|
40
40
|
}>, {
|
|
41
41
|
autocomplete: string;
|
|
42
42
|
inputmode: InputOtpInputMode;
|
|
43
|
-
modelValue: string;
|
|
44
43
|
defaultValue: string;
|
|
44
|
+
modelValue: string;
|
|
45
45
|
pushPasswordManagerStrategy: InputOtpPushPasswordManagerStrategy;
|
|
46
46
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
47
47
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./layout-sidebar.js";import n from"./layout-rail.js";import r from"./layout-main.js";import i from"./layout-header.js";import a from"./layout-tab.js";import o from"./layout-content.js";import s from"./layout-footer.js";import c from"./layout-classic-root.js";import l from"./layout-classic-placeholder.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,unref as b,useId as x,withCtx as S}from"vue";const C=m({name:`LayoutClassicCompact`,__name:`layout-classic-compact`,props:{orientation:{default:`vertical`},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},
|
|
1
|
+
import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./layout-sidebar.js";import n from"./layout-rail.js";import r from"./layout-main.js";import i from"./layout-header.js";import a from"./layout-tab.js";import o from"./layout-content.js";import s from"./layout-footer.js";import c from"./layout-classic-root.js";import l from"./layout-classic-placeholder.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,unref as b,useId as x,withCtx as S}from"vue";const C=m({name:`LayoutClassicCompact`,__name:`layout-classic-compact`,props:{orientation:{default:`vertical`},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerVisible:{type:Boolean,default:!0},headerHeight:{},tabVisible:{type:Boolean,default:!0},tabHeight:{},footerVisible:{type:Boolean,default:!0},footerHeight:{},fullContent:{type:Boolean},pxToRem:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(m,{emit:C}){let w=m,T=C,E=x(),D=u(()=>w.scrollId??`soybean-layout-scroll-${E}`),O=e(w,[`sidebarProps`,`railProps`,`mainProps`,`headerProps`,`tabProps`,`contentProps`,`footerProps`,`mobileProps`]);return(e,u)=>(v(),d(c,g(b(O),{"onUpdate:open":u[0]||(u[0]=e=>T(`update:open`,e))}),{default:S(c=>[p(r,g(m.mainProps,{id:m.scrollBehavior===`wrapper`?D.value:void 0}),{default:S(()=>[p(i,_(h(m.headerProps)),{default:S(()=>[y(e.$slots,`header`)]),_:3},16),p(l,{type:`header`}),p(a,_(h(m.tabProps)),{default:S(()=>[y(e.$slots,`tab`)]),_:3},16),p(l,{type:`tab`}),p(t,_(h(m.sidebarProps)),{default:S(()=>[y(e.$slots,`sidebar`,_(h(c))),p(n,_(h(m.railProps)),null,16)]),_:2},1040),p(o,g(m.contentProps,{id:m.scrollBehavior===`content`?D.value:void 0}),{default:S(()=>[y(e.$slots,`default`)]),_:3},16,[`id`]),m.footerVisible?(v(),d(s,_(g({key:0},m.footerProps)),{default:S(()=>[y(e.$slots,`footer`)]),_:3},16)):f(`v-if`,!0),p(l,{type:`footer`})]),_:2},1040,[`id`])]),_:3},16))}});export{C as default};
|
|
@@ -10,8 +10,8 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutClassicCompactProps, {}, {
|
|
|
10
10
|
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
11
11
|
}>, {
|
|
12
12
|
orientation: DataOrientation;
|
|
13
|
-
open: boolean;
|
|
14
13
|
defaultOpen: boolean;
|
|
14
|
+
open: boolean;
|
|
15
15
|
sidebarVisible: boolean;
|
|
16
16
|
headerVisible: boolean;
|
|
17
17
|
tabVisible: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideLayoutClassicRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-orientation`,`data-side`,`data-state`,`data-mobile`,`data-scroll-behavior`,`data-full-content`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-fixed-top`,`data-fixed-footer`,`data-stretch-footer`],h=s({name:`LayoutClassicRoot`,__name:`layout-classic-root`,props:{orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideLayoutClassicRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-orientation`,`data-side`,`data-state`,`data-mobile`,`data-scroll-behavior`,`data-full-content`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-fixed-top`,`data-fixed-footer`,`data-stretch-footer`],h=s({name:`LayoutClassicRoot`,__name:`layout-classic-root`,props:{orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{default:`left`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e??!1)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>!!g.fixedTop||g.orientation===`vertical`&&g.scrollBehavior===`wrapper`),C=a(()=>g.orientation===`horizontal`),w=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight),s=g.sidebarVisible?`${n}rem`:void 0,c=C.value?s:void 0,l=T()?s:void 0,u=g.headerVisible&&!C.value?`${r}rem`:void 0,d=g.footerVisible&&!l?`${o}rem`:void 0,f=C.value?g.baseZIndex-1:g.baseZIndex-4,p=g.baseZIndex-3,m=g.baseZIndex-5,h=d?f+1:f-5;return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.baseZIndex]:g.baseZIndex,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`,[i.sidebarTopGap]:u,[i.sidebarBottomGap]:d,[i.startGap]:s,[i.headerStartGap]:c,[i.footerStartGap]:l,[i.sidebarZIndex]:f,[i.headerZIndex]:p,[i.tabZIndex]:m,[i.footerZIndex]:h}});function T(){return C.value||g.scrollBehavior===`wrapper`&&!g.fixedFooter?!0:!g.stretchFooter}let E=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`,`fixedFooter`]),open:y,mobileOpen:b,mobileSidebarWidth:E,fixedTop:S}),(e,t)=>(u(),o(`div`,{class:c(p(v)),"data-orientation":s.orientation,"data-side":s.side,"data-state":x.value,"data-mobile":!!s.isMobile,"data-scroll-behavior":s.scrollBehavior,"data-full-content":!!s.fullContent,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-fixed-top":S.value,"data-fixed-footer":!!s.fixedFooter,"data-stretch-footer":!!s.stretchFooter,style:l(w.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};
|
|
@@ -8,8 +8,8 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutCompactProps, {}, {}, {},
|
|
|
8
8
|
}, string, _$vue.PublicProps, Readonly<LayoutCompactProps> & Readonly<{
|
|
9
9
|
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
10
10
|
}>, {
|
|
11
|
-
open: boolean;
|
|
12
11
|
defaultOpen: boolean;
|
|
12
|
+
open: boolean;
|
|
13
13
|
sidebarVisible: boolean;
|
|
14
14
|
headerVisible: boolean;
|
|
15
15
|
tabVisible: boolean;
|