@maas/vue-equipment 0.30.2 → 0.30.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nuxt/module.json +1 -1
- package/dist/plugins/MagicAutoSize/src/components/MagicAutoSize.vue +1 -0
- package/dist/plugins/MagicAutoSize/src/components/MagicAutoSize.vue.d.ts +6 -4
- package/dist/plugins/MagicCommand/src/components/MagicCommandBody.vue.d.ts +4 -2
- package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue.d.ts +4 -2
- package/dist/plugins/MagicCommand/src/components/MagicCommandFooter.vue.d.ts +4 -2
- package/dist/plugins/MagicCommand/src/components/MagicCommandGroup.vue.d.ts +4 -2
- package/dist/plugins/MagicCommand/src/components/MagicCommandHead.vue.d.ts +4 -2
- package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue +2 -2
- package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue.d.ts +8 -6
- package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue.d.ts +4 -2
- package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue.d.ts +6 -4
- package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue +1 -1
- package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue.d.ts +6 -4
- package/dist/plugins/MagicCommand/src/composables/private/useCommandItem.mjs +1 -2
- package/dist/plugins/MagicCommand/src/composables/private/useCommandView.mjs +1 -2
- package/dist/plugins/MagicCookie/src/components/MagicCookie.vue.d.ts +9 -7
- package/dist/plugins/MagicCookie/src/composables/private/useCookieApi.d.ts +3 -3
- package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts +6 -4
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableScrollLock.mjs +1 -2
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.d.ts +2 -2
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableState.d.ts +1 -1
- package/dist/plugins/MagicDraggable/src/composables/private/useDraggableState.mjs +1 -2
- package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts +7 -5
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDOM.mjs +1 -2
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs +4 -8
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.mjs +14 -28
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerState.d.ts +1 -64
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerState.mjs +1 -2
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerUtils.mjs +8 -16
- package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts +30 -30
- package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue.d.ts +7 -5
- package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue +21 -15
- package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts +4 -2
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue +57 -36
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts +7 -5
- package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue +7 -7
- package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue.d.ts +4 -2
- package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue +0 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts +8 -6
- package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue +1 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue.d.ts +4 -2
- package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue +11 -7
- package/dist/plugins/MagicMenu/src/components/MagicMenuRemote.vue.d.ts +4 -2
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue +4 -4
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue.d.ts +4 -2
- package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue +0 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuView.vue.d.ts +4 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuChannel.mjs +1 -8
- package/dist/plugins/MagicMenu/src/composables/private/useMenuCursor.d.ts +2 -11
- package/dist/plugins/MagicMenu/src/composables/private/useMenuCursor.mjs +66 -86
- package/dist/plugins/MagicMenu/src/composables/private/useMenuDOM.mjs +1 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuItem.mjs +1 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuKeyListener.mjs +2 -4
- package/dist/plugins/MagicMenu/src/composables/private/useMenuTrigger.mjs +16 -4
- package/dist/plugins/MagicMenu/src/composables/private/useMenuView.d.ts +2 -2
- package/dist/plugins/MagicMenu/src/composables/private/useMenuView.mjs +53 -13
- package/dist/plugins/MagicMenu/src/composables/useMagicMenu.d.ts +2 -2
- package/dist/plugins/MagicMenu/src/types/index.d.ts +11 -4
- package/dist/plugins/MagicMenu/src/utils/defaultOptions.mjs +6 -3
- package/dist/plugins/MagicMenu/src/utils/modeTransitions.d.ts +6 -0
- package/dist/plugins/MagicMenu/src/utils/modeTransitions.mjs +7 -0
- package/dist/plugins/MagicModal/src/components/MagicModal.vue.d.ts +7 -5
- package/dist/plugins/MagicModal/src/composables/private/useModalDOM.mjs +1 -2
- package/dist/plugins/MagicNoise/src/composables/private/useNoiseApi.mjs +3 -6
- package/dist/plugins/MagicPlayer/src/components/MagicAudioPlayer.vue.d.ts +6 -4
- package/dist/plugins/MagicPlayer/src/components/MagicAudioPlayerControls.vue.d.ts +4 -2
- package/dist/plugins/MagicPlayer/src/components/MagicPlayer.vue.d.ts +7 -5
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerControls.vue.d.ts +10 -8
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue.d.ts +1 -1
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue.d.ts +4 -2
- package/dist/plugins/MagicPlayer/src/components/MagicPlayerPoster.vue.d.ts +4 -2
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerAudioApi.mjs +1 -2
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerControlsApi.mjs +5 -10
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.mjs +8 -16
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.mjs +3 -6
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerStateEmitter.d.ts +3 -3
- package/dist/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.mjs +2 -4
- package/dist/plugins/MagicScroll/src/components/MagicScrollCollision.vue.d.ts +4 -2
- package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue.d.ts +6 -4
- package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue.d.ts +10 -8
- package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue.d.ts +8 -6
- package/dist/plugins/MagicScroll/src/components/MagicScrollTransform.vue.d.ts +6 -4
- package/dist/plugins/MagicScroll/src/composables/private/useCollisionDetect.mjs +4 -8
- package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.mjs +2 -4
- package/dist/plugins/MagicScroll/src/symbols/index.d.ts +2 -18
- package/dist/plugins/MagicToast/src/components/MagicToastComponent.vue.d.ts +6 -4
- package/dist/plugins/MagicToast/src/composables/private/useToastApi.mjs +1 -2
- package/dist/plugins/MagicToast/src/composables/private/useToastStore.d.ts +1 -1
- package/dist/plugins/MagicToast/src/composables/useMagicToast.mjs +1 -2
- package/package.json +2 -1
package/dist/nuxt/module.json
CHANGED
|
@@ -2,7 +2,10 @@ interface MagicAutoSizeProps {
|
|
|
2
2
|
width?: boolean;
|
|
3
3
|
height?: boolean;
|
|
4
4
|
}
|
|
5
|
-
declare
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicAutoSizeProps>, {
|
|
6
9
|
width: boolean;
|
|
7
10
|
height: boolean;
|
|
8
11
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicAutoSizeProps>, {
|
|
@@ -11,9 +14,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
11
14
|
}>>>, {
|
|
12
15
|
width: boolean;
|
|
13
16
|
height: boolean;
|
|
14
|
-
}, {}
|
|
15
|
-
|
|
16
|
-
}>;
|
|
17
|
+
}, {}>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
17
19
|
export default _default;
|
|
18
20
|
|
|
19
21
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
declare
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
2
|
default?(_: {}): any;
|
|
3
|
-
}
|
|
3
|
+
};
|
|
4
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
4
6
|
export default _default;
|
|
5
7
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
8
|
new (): {
|
|
@@ -2,9 +2,11 @@ import type { MagicCommandDrawerOptions } from '../types';
|
|
|
2
2
|
interface MagicCommandProps {
|
|
3
3
|
options?: MagicCommandDrawerOptions;
|
|
4
4
|
}
|
|
5
|
-
declare
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
6
|
default?(_: {}): any;
|
|
7
|
-
}
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<MagicCommandProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandProps>>>, {}, {}>;
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
8
10
|
export default _default;
|
|
9
11
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
12
|
new (): {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
declare
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
2
|
default?(_: {}): any;
|
|
3
|
-
}
|
|
3
|
+
};
|
|
4
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
4
6
|
export default _default;
|
|
5
7
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
8
|
new (): {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
declare
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
2
|
default?(_: {}): any;
|
|
3
|
-
}
|
|
3
|
+
};
|
|
4
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
4
6
|
export default _default;
|
|
5
7
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
8
|
new (): {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
declare
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
2
|
default?(_: {}): any;
|
|
3
|
-
}
|
|
3
|
+
};
|
|
4
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
4
6
|
export default _default;
|
|
5
7
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
8
|
new (): {
|
|
@@ -19,8 +19,8 @@ import {
|
|
|
19
19
|
onMounted,
|
|
20
20
|
onUnmounted,
|
|
21
21
|
} from 'vue'
|
|
22
|
-
import { useEventListener, onKeyStroke } from '@vueuse/core'
|
|
23
22
|
import { uuid } from '@maas/vue-equipment/utils'
|
|
23
|
+
import { useEventListener, onKeyStroke } from '@vueuse/core'
|
|
24
24
|
import { useCommandStore } from '../composables/private/useCommandStore'
|
|
25
25
|
import { useCommandItem } from '../composables/private/useCommandItem'
|
|
26
26
|
import { MagicCommandInstanceId } from '../symbols'
|
|
@@ -43,7 +43,7 @@ const commandId = inject(MagicCommandInstanceId, '')
|
|
|
43
43
|
const { selectItem, activeItem } = useCommandItem(commandId)
|
|
44
44
|
|
|
45
45
|
const mappedId = computed(() => {
|
|
46
|
-
return props.id
|
|
46
|
+
return props.id ?? uuid()
|
|
47
47
|
})
|
|
48
48
|
|
|
49
49
|
const isActive = computed(() => {
|
|
@@ -5,7 +5,12 @@ interface MagicCommandItemProps {
|
|
|
5
5
|
listener?: ('click' | 'mouseenter' | 'touchstart')[];
|
|
6
6
|
keys?: string[];
|
|
7
7
|
}
|
|
8
|
-
declare
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
default?(_: {
|
|
10
|
+
isActive: boolean;
|
|
11
|
+
}): any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCommandItemProps>, {
|
|
9
14
|
listener: () => string[];
|
|
10
15
|
keys: () => string[];
|
|
11
16
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCommandItemProps>, {
|
|
@@ -14,11 +19,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
14
19
|
}>>>, {
|
|
15
20
|
keys: string[];
|
|
16
21
|
listener: ("click" | "mouseenter" | "touchstart")[];
|
|
17
|
-
}, {}
|
|
18
|
-
|
|
19
|
-
isActive: boolean;
|
|
20
|
-
}): any;
|
|
21
|
-
}>;
|
|
22
|
+
}, {}>;
|
|
23
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
22
24
|
export default _default;
|
|
23
25
|
type __VLS_WithDefaults<P, D> = {
|
|
24
26
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
@@ -2,9 +2,11 @@ import type { MagicCommandModalOptions } from '../types';
|
|
|
2
2
|
interface MagicCommandProps {
|
|
3
3
|
options?: MagicCommandModalOptions;
|
|
4
4
|
}
|
|
5
|
-
declare
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
6
|
default?(_: {}): any;
|
|
7
|
-
}
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<MagicCommandProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandProps>>>, {}, {}>;
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
8
10
|
export default _default;
|
|
9
11
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
12
|
new (): {
|
|
@@ -4,15 +4,17 @@ interface MagicCommandProps {
|
|
|
4
4
|
id: MaybeRef<string>;
|
|
5
5
|
options?: MagicCommandOptions;
|
|
6
6
|
}
|
|
7
|
-
declare
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCommandProps>, {
|
|
8
11
|
options: () => MagicCommandOptions;
|
|
9
12
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCommandProps>, {
|
|
10
13
|
options: () => MagicCommandOptions;
|
|
11
14
|
}>>>, {
|
|
12
15
|
options: MagicCommandOptions;
|
|
13
|
-
}, {}
|
|
14
|
-
|
|
15
|
-
}>;
|
|
16
|
+
}, {}>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
16
18
|
export default _default;
|
|
17
19
|
type __VLS_WithDefaults<P, D> = {
|
|
18
20
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
@@ -2,15 +2,17 @@ interface MagicCommandViewProps {
|
|
|
2
2
|
id?: string;
|
|
3
3
|
default?: boolean;
|
|
4
4
|
}
|
|
5
|
-
declare
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCommandViewProps>, {
|
|
6
9
|
default: boolean;
|
|
7
10
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCommandViewProps>, {
|
|
8
11
|
default: boolean;
|
|
9
12
|
}>>>, {
|
|
10
13
|
default: boolean;
|
|
11
|
-
}, {}
|
|
12
|
-
|
|
13
|
-
}>;
|
|
14
|
+
}, {}>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
14
16
|
export default _default;
|
|
15
17
|
type __VLS_WithDefaults<P, D> = {
|
|
16
18
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
@@ -43,8 +43,7 @@ export function useCommandItem(id) {
|
|
|
43
43
|
if (!watcherActive.value) {
|
|
44
44
|
watcherActive.value = true;
|
|
45
45
|
watch(activeItem, (_newItem, oldItem) => {
|
|
46
|
-
if (oldItem)
|
|
47
|
-
lastActiveItem.value = oldItem;
|
|
46
|
+
if (oldItem) lastActiveItem.value = oldItem;
|
|
48
47
|
});
|
|
49
48
|
}
|
|
50
49
|
return {
|
|
@@ -12,8 +12,7 @@ export function useCommandView() {
|
|
|
12
12
|
if (!watcherActive.value) {
|
|
13
13
|
watcherActive.value = true;
|
|
14
14
|
watch(activeView, (_newView, oldView) => {
|
|
15
|
-
if (oldView)
|
|
16
|
-
lastActiveView.value = oldView;
|
|
15
|
+
if (oldView) lastActiveView.value = oldView;
|
|
17
16
|
});
|
|
18
17
|
}
|
|
19
18
|
return {
|
|
@@ -3,18 +3,20 @@ type MagicCookieProps = {
|
|
|
3
3
|
cookies: MagicCookieRecord[];
|
|
4
4
|
maxAge?: number;
|
|
5
5
|
};
|
|
6
|
-
declare
|
|
6
|
+
declare function __VLS_template(): Partial<Record<string, (_: {
|
|
7
|
+
cookie: MagicCookieRecord;
|
|
8
|
+
}) => any>> & {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
actions?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCookieProps>, {
|
|
7
13
|
maxAge: number;
|
|
8
14
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicCookieProps>, {
|
|
9
15
|
maxAge: number;
|
|
10
16
|
}>>>, {
|
|
11
17
|
maxAge: number;
|
|
12
|
-
}, {}
|
|
13
|
-
|
|
14
|
-
}) => any>> & {
|
|
15
|
-
default?(_: {}): any;
|
|
16
|
-
actions?(_: {}): any;
|
|
17
|
-
}>;
|
|
18
|
+
}, {}>;
|
|
19
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
18
20
|
export default _default;
|
|
19
21
|
type __VLS_WithDefaults<P, D> = {
|
|
20
22
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
@@ -7,9 +7,9 @@ export declare const cookieApiStore: import("vue").Ref<{
|
|
|
7
7
|
cookies: {
|
|
8
8
|
[x: string]: unknown;
|
|
9
9
|
key: string;
|
|
10
|
-
optional?: boolean
|
|
11
|
-
title?: string
|
|
12
|
-
text?: string
|
|
10
|
+
optional?: boolean;
|
|
11
|
+
title?: string;
|
|
12
|
+
text?: string;
|
|
13
13
|
}[];
|
|
14
14
|
maxAge: number | undefined;
|
|
15
15
|
}>;
|
|
@@ -5,15 +5,17 @@ interface MagicDraggableProps {
|
|
|
5
5
|
component?: Component;
|
|
6
6
|
options?: MagicDraggableOptions;
|
|
7
7
|
}
|
|
8
|
-
declare
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDraggableProps>, {
|
|
9
12
|
options: () => any;
|
|
10
13
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDraggableProps>, {
|
|
11
14
|
options: () => any;
|
|
12
15
|
}>>>, {
|
|
13
16
|
options: MagicDraggableOptions;
|
|
14
|
-
}, {}
|
|
15
|
-
|
|
16
|
-
}>;
|
|
17
|
+
}, {}>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
17
19
|
export default _default;
|
|
18
20
|
type __VLS_WithDefaults<P, D> = {
|
|
19
21
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
@@ -11,8 +11,7 @@ export function useDraggableScrollLock() {
|
|
|
11
11
|
scrollLock.value = false;
|
|
12
12
|
}
|
|
13
13
|
function addScrollLockPadding() {
|
|
14
|
-
if (typeof window === "undefined")
|
|
15
|
-
return;
|
|
14
|
+
if (typeof window === "undefined") return;
|
|
16
15
|
const exclude = new RegExp(/magic-draggable/);
|
|
17
16
|
const scrollbarWidth = window.innerWidth - document.body.offsetWidth;
|
|
18
17
|
document.body.style.setProperty("--scrollbar-width", `${scrollbarWidth}px`);
|
|
@@ -24,8 +24,8 @@ type SnapToArgs = {
|
|
|
24
24
|
export declare function useDraggableSnap(args: UseDraggableSnapArgs): {
|
|
25
25
|
mappedSnapPoints: import("@vueuse/core").ComputedRefWithControl<Coordinates[]>;
|
|
26
26
|
activeSnapPoint: Ref<("center" | "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right") | ["center" | "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right", offset?: {
|
|
27
|
-
x?: number
|
|
28
|
-
y?: number
|
|
27
|
+
x?: number;
|
|
28
|
+
y?: number;
|
|
29
29
|
} | undefined] | undefined>;
|
|
30
30
|
snapPointsMap: import("@vueuse/core").ComputedRefWithControl<Record<string, DraggableSnapPoint>>;
|
|
31
31
|
mapSnapPoint: (snapPoint: DraggableSnapPoint) => Coordinates | undefined;
|
|
@@ -29,8 +29,7 @@ export function useDraggableState(id) {
|
|
|
29
29
|
let instance = drawerStateStore.value.find((instance2) => {
|
|
30
30
|
return instance2.id === id;
|
|
31
31
|
});
|
|
32
|
-
if (!instance)
|
|
33
|
-
instance = addState(toValue(id));
|
|
32
|
+
if (!instance) instance = addState(toValue(id));
|
|
34
33
|
return toRefs(instance);
|
|
35
34
|
}
|
|
36
35
|
function deleteState() {
|
|
@@ -15,16 +15,18 @@ interface MagicDrawerProps {
|
|
|
15
15
|
component?: Component;
|
|
16
16
|
options?: MagicDrawerOptions;
|
|
17
17
|
}
|
|
18
|
-
declare
|
|
18
|
+
declare function __VLS_template(): {
|
|
19
|
+
backdrop?(_: {}): any;
|
|
20
|
+
default?(_: {}): any;
|
|
21
|
+
};
|
|
22
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDrawerProps>, {
|
|
19
23
|
options: () => any;
|
|
20
24
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDrawerProps>, {
|
|
21
25
|
options: () => any;
|
|
22
26
|
}>>>, {
|
|
23
27
|
options: MagicDrawerOptions;
|
|
24
|
-
}, {}
|
|
25
|
-
|
|
26
|
-
default?(_: {}): any;
|
|
27
|
-
}>;
|
|
28
|
+
}, {}>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
28
30
|
export default _default;
|
|
29
31
|
type __VLS_WithDefaults<P, D> = {
|
|
30
32
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
@@ -34,8 +34,7 @@ export function useDrawerDOM(args) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
function addScrollLockPadding() {
|
|
37
|
-
if (typeof window === "undefined")
|
|
38
|
-
return;
|
|
37
|
+
if (typeof window === "undefined") return;
|
|
39
38
|
const exclude = new RegExp(/magic-drawer(__backdrop)?/);
|
|
40
39
|
const scrollbarWidth = window.innerWidth - document.body.offsetWidth;
|
|
41
40
|
document.body.style.setProperty("--scrollbar-width", `${scrollbarWidth}px`);
|
|
@@ -191,29 +191,25 @@ export function useDrawerDrag(args) {
|
|
|
191
191
|
switch (position) {
|
|
192
192
|
case "bottom":
|
|
193
193
|
const newDraggedB = clamp(y - originY.value, 0, toValue(overshoot) * -1);
|
|
194
|
-
if (newDraggedB === draggedY.value)
|
|
195
|
-
break;
|
|
194
|
+
if (newDraggedB === draggedY.value) break;
|
|
196
195
|
relDirectionY.value = newDraggedB < draggedY.value ? "below" : "above";
|
|
197
196
|
draggedY.value = newDraggedB;
|
|
198
197
|
break;
|
|
199
198
|
case "top":
|
|
200
199
|
const newDraggedT = clamp(y - originY.value, 0, toValue(overshoot));
|
|
201
|
-
if (newDraggedT === draggedY.value)
|
|
202
|
-
break;
|
|
200
|
+
if (newDraggedT === draggedY.value) break;
|
|
203
201
|
relDirectionY.value = newDraggedT < draggedY.value ? "below" : "above";
|
|
204
202
|
draggedY.value = newDraggedT;
|
|
205
203
|
break;
|
|
206
204
|
case "right":
|
|
207
205
|
const newDraggedR = clamp(x - originX.value, 0, toValue(overshoot) * -1);
|
|
208
|
-
if (newDraggedR === draggedX.value)
|
|
209
|
-
break;
|
|
206
|
+
if (newDraggedR === draggedX.value) break;
|
|
210
207
|
relDirectionX.value = newDraggedR < draggedX.value ? "below" : "above";
|
|
211
208
|
draggedX.value = newDraggedR;
|
|
212
209
|
break;
|
|
213
210
|
case "left":
|
|
214
211
|
const newDraggedL = clamp(x - originX.value, 0, toValue(overshoot));
|
|
215
|
-
if (newDraggedL === draggedX.value)
|
|
216
|
-
break;
|
|
212
|
+
if (newDraggedL === draggedX.value) break;
|
|
217
213
|
relDirectionX.value = newDraggedL < draggedX.value ? "below" : "above";
|
|
218
214
|
draggedX.value = newDraggedL;
|
|
219
215
|
break;
|
|
@@ -98,33 +98,21 @@ export function useDrawerSnap(args) {
|
|
|
98
98
|
}
|
|
99
99
|
switch (position) {
|
|
100
100
|
case "bottom":
|
|
101
|
-
if (reversedSnapPoint === 1)
|
|
102
|
-
|
|
103
|
-
else
|
|
104
|
-
return 0;
|
|
105
|
-
else
|
|
106
|
-
return vh * reversedSnapPoint - toValue(wrapperRect)?.top;
|
|
101
|
+
if (reversedSnapPoint === 1) return drawerHeight.value;
|
|
102
|
+
else if (reversedSnapPoint === 0) return 0;
|
|
103
|
+
else return vh * reversedSnapPoint - toValue(wrapperRect)?.top;
|
|
107
104
|
case "top":
|
|
108
|
-
if (reversedSnapPoint === 1)
|
|
109
|
-
|
|
110
|
-
else
|
|
111
|
-
return 0;
|
|
112
|
-
else
|
|
113
|
-
return vh * reversedSnapPoint - toValue(wrapperRect)?.bottom;
|
|
105
|
+
if (reversedSnapPoint === 1) return drawerHeight.value * -1;
|
|
106
|
+
else if (reversedSnapPoint === 0) return 0;
|
|
107
|
+
else return vh * reversedSnapPoint - toValue(wrapperRect)?.bottom;
|
|
114
108
|
case "right":
|
|
115
|
-
if (reversedSnapPoint === 1)
|
|
116
|
-
|
|
117
|
-
else
|
|
118
|
-
return 0;
|
|
119
|
-
else
|
|
120
|
-
return vw * reversedSnapPoint - toValue(wrapperRect)?.left;
|
|
109
|
+
if (reversedSnapPoint === 1) return drawerWidth.value;
|
|
110
|
+
else if (reversedSnapPoint === 0) return 0;
|
|
111
|
+
else return vw * reversedSnapPoint - toValue(wrapperRect)?.left;
|
|
121
112
|
case "left":
|
|
122
|
-
if (reversedSnapPoint === 1)
|
|
123
|
-
|
|
124
|
-
else
|
|
125
|
-
return 0;
|
|
126
|
-
else
|
|
127
|
-
return vw * reversedSnapPoint - toValue(wrapperRect)?.right;
|
|
113
|
+
if (reversedSnapPoint === 1) return drawerWidth.value * -1;
|
|
114
|
+
else if (reversedSnapPoint === 0) return 0;
|
|
115
|
+
else return vw * reversedSnapPoint - toValue(wrapperRect)?.right;
|
|
128
116
|
default:
|
|
129
117
|
return 0;
|
|
130
118
|
}
|
|
@@ -154,8 +142,7 @@ export function useDrawerSnap(args) {
|
|
|
154
142
|
case "top":
|
|
155
143
|
case "bottom":
|
|
156
144
|
const mappedSnapPointY = mapSnapPoint(snapPoint);
|
|
157
|
-
if (!mappedSnapPointY && mappedSnapPointY !== 0)
|
|
158
|
-
return;
|
|
145
|
+
if (!mappedSnapPointY && mappedSnapPointY !== 0) return;
|
|
159
146
|
const closestY = findClosestSnapPoint({
|
|
160
147
|
draggedX,
|
|
161
148
|
draggedY: mappedSnapPointY
|
|
@@ -171,8 +158,7 @@ export function useDrawerSnap(args) {
|
|
|
171
158
|
case "left":
|
|
172
159
|
case "right":
|
|
173
160
|
const mappedSnapPointX = mapSnapPoint(toValue(snapPoint));
|
|
174
|
-
if (!mappedSnapPointX && mappedSnapPointX !== 0)
|
|
175
|
-
return;
|
|
161
|
+
if (!mappedSnapPointX && mappedSnapPointX !== 0) return;
|
|
176
162
|
const closestX = findClosestSnapPoint({
|
|
177
163
|
draggedX: mappedSnapPointX,
|
|
178
164
|
draggedY
|
|
@@ -3,70 +3,7 @@ import type { DrawerState } from '../../types/index.js';
|
|
|
3
3
|
export declare function useDrawerState(id: MaybeRef<string>): {
|
|
4
4
|
addState: (id: string) => {
|
|
5
5
|
id: string;
|
|
6
|
-
dragStart:
|
|
7
|
-
toString: () => string;
|
|
8
|
-
toDateString: () => string;
|
|
9
|
-
toTimeString: () => string;
|
|
10
|
-
toLocaleString: {
|
|
11
|
-
(): string;
|
|
12
|
-
(locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
|
|
13
|
-
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
|
|
14
|
-
};
|
|
15
|
-
toLocaleDateString: {
|
|
16
|
-
(): string;
|
|
17
|
-
(locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
|
|
18
|
-
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
|
|
19
|
-
};
|
|
20
|
-
toLocaleTimeString: {
|
|
21
|
-
(): string;
|
|
22
|
-
(locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
|
|
23
|
-
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
|
|
24
|
-
};
|
|
25
|
-
valueOf: () => number;
|
|
26
|
-
getTime: () => number;
|
|
27
|
-
getFullYear: () => number;
|
|
28
|
-
getUTCFullYear: () => number;
|
|
29
|
-
getMonth: () => number;
|
|
30
|
-
getUTCMonth: () => number;
|
|
31
|
-
getDate: () => number;
|
|
32
|
-
getUTCDate: () => number;
|
|
33
|
-
getDay: () => number;
|
|
34
|
-
getUTCDay: () => number;
|
|
35
|
-
getHours: () => number;
|
|
36
|
-
getUTCHours: () => number;
|
|
37
|
-
getMinutes: () => number;
|
|
38
|
-
getUTCMinutes: () => number;
|
|
39
|
-
getSeconds: () => number;
|
|
40
|
-
getUTCSeconds: () => number;
|
|
41
|
-
getMilliseconds: () => number;
|
|
42
|
-
getUTCMilliseconds: () => number;
|
|
43
|
-
getTimezoneOffset: () => number;
|
|
44
|
-
setTime: (time: number) => number;
|
|
45
|
-
setMilliseconds: (ms: number) => number;
|
|
46
|
-
setUTCMilliseconds: (ms: number) => number;
|
|
47
|
-
setSeconds: (sec: number, ms?: number | undefined) => number;
|
|
48
|
-
setUTCSeconds: (sec: number, ms?: number | undefined) => number;
|
|
49
|
-
setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
|
|
50
|
-
setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
|
|
51
|
-
setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
|
|
52
|
-
setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
|
|
53
|
-
setDate: (date: number) => number;
|
|
54
|
-
setUTCDate: (date: number) => number;
|
|
55
|
-
setMonth: (month: number, date?: number | undefined) => number;
|
|
56
|
-
setUTCMonth: (month: number, date?: number | undefined) => number;
|
|
57
|
-
setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
|
|
58
|
-
setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
|
|
59
|
-
toUTCString: () => string;
|
|
60
|
-
toISOString: () => string;
|
|
61
|
-
toJSON: (key?: any) => string;
|
|
62
|
-
getVarDate: () => VarDate;
|
|
63
|
-
[Symbol.toPrimitive]: {
|
|
64
|
-
(hint: "default"): string;
|
|
65
|
-
(hint: "string"): string;
|
|
66
|
-
(hint: "number"): number;
|
|
67
|
-
(hint: string): string | number;
|
|
68
|
-
};
|
|
69
|
-
} | undefined;
|
|
6
|
+
dragStart: Date | undefined;
|
|
70
7
|
dragging: boolean;
|
|
71
8
|
wheeling: boolean;
|
|
72
9
|
progress: {
|
|
@@ -37,8 +37,7 @@ export function useDrawerState(id) {
|
|
|
37
37
|
let instance = drawerStateStore.value.find((instance2) => {
|
|
38
38
|
return instance2.id === id;
|
|
39
39
|
});
|
|
40
|
-
if (!instance)
|
|
41
|
-
instance = addState(toValue(id));
|
|
40
|
+
if (!instance) instance = addState(toValue(id));
|
|
42
41
|
return toRefs(instance);
|
|
43
42
|
}
|
|
44
43
|
function deleteState() {
|
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
export function useDrawerUtils() {
|
|
2
2
|
function clamp(value, from, to) {
|
|
3
3
|
if (from > to) {
|
|
4
|
-
if (value > from)
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
return to;
|
|
8
|
-
else
|
|
9
|
-
return value;
|
|
4
|
+
if (value > from) return value;
|
|
5
|
+
if (value < to) return to;
|
|
6
|
+
else return value;
|
|
10
7
|
} else if (from < to) {
|
|
11
|
-
if (value < from)
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return to;
|
|
15
|
-
else
|
|
16
|
-
return value;
|
|
8
|
+
if (value < from) return value;
|
|
9
|
+
if (value > to) return to;
|
|
10
|
+
else return value;
|
|
17
11
|
} else {
|
|
18
|
-
if (value < to)
|
|
19
|
-
|
|
20
|
-
else
|
|
21
|
-
return value;
|
|
12
|
+
if (value < to) return to;
|
|
13
|
+
else return value;
|
|
22
14
|
}
|
|
23
15
|
}
|
|
24
16
|
return {
|