@onereach/ui-components 10.2.1 → 10.2.2-beta.4281.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundled/v2/components/OrContextMenuV3/OrContextMenu.js +35 -16
- package/dist/bundled/v2/components/OrContextMenuV3/OrContextMenu.vue.d.ts +21 -7
- package/dist/bundled/v2/components/OrContextMenuV3/index.d.ts +0 -1
- package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts +6 -7
- package/dist/bundled/v2/components/OrMenuV3/index.d.ts +0 -1
- package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts +6 -7
- package/dist/bundled/v2/components/OrTooltipV3/index.d.ts +0 -1
- package/dist/bundled/v3/components/OrContextMenuV3/OrContextMenu.js +35 -16
- package/dist/bundled/v3/components/OrContextMenuV3/OrContextMenu.vue.d.ts +15 -5
- package/dist/bundled/v3/components/OrContextMenuV3/index.d.ts +0 -1
- package/dist/bundled/v3/components/OrMenuV3/OrMenu.vue.d.ts +4 -5
- package/dist/bundled/v3/components/OrMenuV3/index.d.ts +0 -1
- package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.vue.d.ts +4 -5
- package/dist/bundled/v3/components/OrTooltipV3/index.d.ts +0 -1
- package/dist/esm/v2/{OrContextMenu-e0716d62.js → OrContextMenu-2bfda66c.js} +35 -16
- package/dist/esm/v2/components/index.js +1 -1
- package/dist/esm/v2/components/or-context-menu-v3/OrContextMenu.vue.d.ts +21 -7
- package/dist/esm/v2/components/or-context-menu-v3/index.d.ts +0 -1
- package/dist/esm/v2/components/or-context-menu-v3/index.js +1 -1
- package/dist/esm/v2/components/or-menu-v3/OrMenu.vue.d.ts +6 -7
- package/dist/esm/v2/components/or-menu-v3/index.d.ts +0 -1
- package/dist/esm/v2/components/or-tooltip-v3/OrTooltip.vue.d.ts +6 -7
- package/dist/esm/v2/components/or-tooltip-v3/index.d.ts +0 -1
- package/dist/esm/v2/index.js +1 -1
- package/dist/esm/v3/{OrContextMenu-b2c2d614.js → OrContextMenu-171eaecc.js} +35 -16
- package/dist/esm/v3/components/index.js +1 -1
- package/dist/esm/v3/components/or-context-menu-v3/OrContextMenu.vue.d.ts +15 -5
- package/dist/esm/v3/components/or-context-menu-v3/index.d.ts +0 -1
- package/dist/esm/v3/components/or-context-menu-v3/index.js +1 -1
- package/dist/esm/v3/components/or-menu-v3/OrMenu.vue.d.ts +4 -5
- package/dist/esm/v3/components/or-menu-v3/index.d.ts +0 -1
- package/dist/esm/v3/components/or-tooltip-v3/OrTooltip.vue.d.ts +4 -5
- package/dist/esm/v3/components/or-tooltip-v3/index.d.ts +0 -1
- package/dist/esm/v3/index.js +1 -1
- package/package.json +2 -3
- package/src/components/or-context-menu-v3/OrContextMenu.vue +38 -17
- package/src/components/or-context-menu-v3/index.ts +0 -1
- package/src/components/or-menu-v3/OrMenu.vue +2 -3
- package/src/components/or-menu-v3/index.ts +0 -1
- package/src/components/or-tooltip-v3/OrTooltip.vue +2 -3
- package/src/components/or-tooltip-v3/index.ts +0 -1
- package/dist/bundled/v2/components/OrContextMenuV3/props.d.ts +0 -1
- package/dist/bundled/v2/components/OrContextMenuV3/props.js +0 -1
- package/dist/bundled/v2/components/OrMenuV3/props.d.ts +0 -1
- package/dist/bundled/v2/components/OrMenuV3/props.js +0 -1
- package/dist/bundled/v2/components/OrTooltipV3/props.d.ts +0 -1
- package/dist/bundled/v2/components/OrTooltipV3/props.js +0 -1
- package/dist/bundled/v3/components/OrContextMenuV3/props.d.ts +0 -1
- package/dist/bundled/v3/components/OrContextMenuV3/props.js +0 -1
- package/dist/bundled/v3/components/OrMenuV3/props.d.ts +0 -1
- package/dist/bundled/v3/components/OrMenuV3/props.js +0 -1
- package/dist/bundled/v3/components/OrTooltipV3/props.d.ts +0 -1
- package/dist/bundled/v3/components/OrTooltipV3/props.js +0 -1
- package/dist/esm/v2/components/or-context-menu-v3/props.d.ts +0 -1
- package/dist/esm/v2/components/or-menu-v3/props.d.ts +0 -1
- package/dist/esm/v2/components/or-tooltip-v3/props.d.ts +0 -1
- package/dist/esm/v3/components/or-context-menu-v3/props.d.ts +0 -1
- package/dist/esm/v3/components/or-menu-v3/props.d.ts +0 -1
- package/dist/esm/v3/components/or-tooltip-v3/props.d.ts +0 -1
- package/src/components/or-context-menu-v3/props.ts +0 -1
- package/src/components/or-menu-v3/props.ts +0 -1
- package/src/components/or-tooltip-v3/props.ts +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent,
|
|
1
|
+
import { defineComponent, toRefs, watch, ref } from 'vue-demi';
|
|
2
2
|
import __vue_component__$1 from '../OrMenuV3/OrMenu.js';
|
|
3
3
|
import { PopoverPlacement } from '../OrPopoverV3/props.js';
|
|
4
4
|
import { usePopoverState } from '../../hooks/usePopoverState.js';
|
|
@@ -11,7 +11,7 @@ var script = defineComponent({
|
|
|
11
11
|
},
|
|
12
12
|
props: {
|
|
13
13
|
trigger: {
|
|
14
|
-
type:
|
|
14
|
+
type: HTMLElement,
|
|
15
15
|
default: undefined
|
|
16
16
|
},
|
|
17
17
|
placement: {
|
|
@@ -21,11 +21,29 @@ var script = defineComponent({
|
|
|
21
21
|
offset: {
|
|
22
22
|
type: [Number, Object, Function],
|
|
23
23
|
default: 0
|
|
24
|
+
},
|
|
25
|
+
externalControl: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: false
|
|
24
28
|
}
|
|
25
29
|
},
|
|
26
30
|
emits: ['update:state', 'open', 'close'],
|
|
27
|
-
expose: ['state', 'open', 'close', 'toggle'],
|
|
31
|
+
expose: ['state', 'open', 'openWith', 'close', 'toggle'],
|
|
28
32
|
setup(props, context) {
|
|
33
|
+
// Props
|
|
34
|
+
const {
|
|
35
|
+
trigger
|
|
36
|
+
} = toRefs(props);
|
|
37
|
+
watch(trigger, (trigger, prevTrigger) => {
|
|
38
|
+
if (trigger) {
|
|
39
|
+
trigger.addEventListener('contextmenu', onContextMenu);
|
|
40
|
+
}
|
|
41
|
+
if (prevTrigger) {
|
|
42
|
+
prevTrigger.removeEventListener('contextmenu', onContextMenu);
|
|
43
|
+
}
|
|
44
|
+
}, {
|
|
45
|
+
immediate: true
|
|
46
|
+
});
|
|
29
47
|
// State
|
|
30
48
|
const {
|
|
31
49
|
state,
|
|
@@ -33,29 +51,28 @@ var script = defineComponent({
|
|
|
33
51
|
close,
|
|
34
52
|
toggle
|
|
35
53
|
} = usePopoverState(ref(false), context.emit);
|
|
36
|
-
|
|
54
|
+
const reference = ref();
|
|
37
55
|
const triggerPoint = ref();
|
|
56
|
+
// Handlers
|
|
38
57
|
function onContextMenu(event) {
|
|
39
58
|
event.preventDefault();
|
|
40
59
|
triggerPoint.value = {
|
|
41
60
|
getBoundingClientRect: () => new DOMRect(event.x, event.y)
|
|
42
61
|
};
|
|
62
|
+
if (!props.externalControl) {
|
|
63
|
+
open();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
// Methods
|
|
67
|
+
function openWith(value) {
|
|
68
|
+
reference.value = value;
|
|
43
69
|
open();
|
|
44
70
|
}
|
|
45
|
-
watch(() => props.trigger, (trigger, prevTrigger) => {
|
|
46
|
-
if (trigger) {
|
|
47
|
-
trigger.addEventListener('contextmenu', onContextMenu);
|
|
48
|
-
}
|
|
49
|
-
if (prevTrigger) {
|
|
50
|
-
prevTrigger.removeEventListener('contextmenu', onContextMenu);
|
|
51
|
-
}
|
|
52
|
-
}, {
|
|
53
|
-
immediate: true
|
|
54
|
-
});
|
|
55
|
-
// #endregion
|
|
56
71
|
return {
|
|
57
72
|
state,
|
|
73
|
+
reference,
|
|
58
74
|
open,
|
|
75
|
+
openWith,
|
|
59
76
|
close,
|
|
60
77
|
toggle,
|
|
61
78
|
triggerPoint
|
|
@@ -83,7 +100,9 @@ var __vue_render__ = function () {
|
|
|
83
100
|
$event === 'open' ? _vm.open() : _vm.close();
|
|
84
101
|
}
|
|
85
102
|
}
|
|
86
|
-
}, [_vm._t("default"
|
|
103
|
+
}, [_vm._t("default", null, {
|
|
104
|
+
"reference": _vm.reference
|
|
105
|
+
})], 2);
|
|
87
106
|
};
|
|
88
107
|
var __vue_staticRenderFns__ = [];
|
|
89
108
|
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { VirtualElement } from '@floating-ui/dom';
|
|
2
2
|
import { PropType } from 'vue-demi';
|
|
3
|
-
import { PopoverPlacement } from '../or-popover-v3';
|
|
4
|
-
import { ContextMenuOffset } from './props';
|
|
3
|
+
import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
|
|
5
4
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
6
5
|
state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
|
|
6
|
+
reference: import("@vue/composition-api").Ref<any>;
|
|
7
7
|
open: () => void;
|
|
8
|
+
openWith: (value?: any) => void;
|
|
8
9
|
close: () => void;
|
|
9
10
|
toggle: () => void;
|
|
10
11
|
triggerPoint: import("@vue/composition-api").Ref<VirtualElement | undefined>;
|
|
@@ -18,9 +19,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
18
19
|
default: () => PopoverPlacement.BottomStart;
|
|
19
20
|
};
|
|
20
21
|
offset: {
|
|
21
|
-
type: PropType<
|
|
22
|
+
type: PropType<PopoverOffset>;
|
|
22
23
|
default: number;
|
|
23
24
|
};
|
|
25
|
+
externalControl: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
24
29
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
25
30
|
trigger: {
|
|
26
31
|
type: PropType<HTMLElement>;
|
|
@@ -31,30 +36,39 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
31
36
|
default: () => PopoverPlacement.BottomStart;
|
|
32
37
|
};
|
|
33
38
|
offset: {
|
|
34
|
-
type: PropType<
|
|
39
|
+
type: PropType<PopoverOffset>;
|
|
35
40
|
default: number;
|
|
36
41
|
};
|
|
42
|
+
externalControl: {
|
|
43
|
+
type: BooleanConstructor;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
37
46
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
38
47
|
trigger: HTMLElement;
|
|
39
48
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
40
|
-
offset:
|
|
49
|
+
offset: PopoverOffset;
|
|
50
|
+
externalControl: boolean;
|
|
41
51
|
} & {} & {
|
|
42
52
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
43
53
|
}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
44
54
|
state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
|
|
55
|
+
reference: import("@vue/composition-api").Ref<any>;
|
|
45
56
|
open: () => void;
|
|
57
|
+
openWith: (value?: any) => void;
|
|
46
58
|
close: () => void;
|
|
47
59
|
toggle: () => void;
|
|
48
60
|
triggerPoint: import("@vue/composition-api").Ref<VirtualElement | undefined>;
|
|
49
61
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
50
62
|
trigger: HTMLElement;
|
|
51
63
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
52
|
-
offset:
|
|
64
|
+
offset: PopoverOffset;
|
|
65
|
+
externalControl: boolean;
|
|
53
66
|
} & {} & {
|
|
54
67
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
55
68
|
}, {
|
|
56
69
|
trigger: HTMLElement;
|
|
57
70
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
58
|
-
offset:
|
|
71
|
+
offset: PopoverOffset;
|
|
72
|
+
externalControl: boolean;
|
|
59
73
|
}, true>);
|
|
60
74
|
export default _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ReferenceElement } from '@floating-ui/dom';
|
|
2
2
|
import { PropType } from 'vue-demi';
|
|
3
|
-
import { PopoverPlacement } from '../or-popover-v3';
|
|
4
|
-
import { MenuOffset } from './props';
|
|
3
|
+
import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
|
|
5
4
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
6
5
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
7
6
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
@@ -25,7 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
25
24
|
default: () => PopoverPlacement.Bottom;
|
|
26
25
|
};
|
|
27
26
|
offset: {
|
|
28
|
-
type: PropType<
|
|
27
|
+
type: PropType<PopoverOffset>;
|
|
29
28
|
default: number;
|
|
30
29
|
};
|
|
31
30
|
additionalStyles: {
|
|
@@ -46,7 +45,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
46
45
|
default: () => PopoverPlacement.Bottom;
|
|
47
46
|
};
|
|
48
47
|
offset: {
|
|
49
|
-
type: PropType<
|
|
48
|
+
type: PropType<PopoverOffset>;
|
|
50
49
|
default: number;
|
|
51
50
|
};
|
|
52
51
|
additionalStyles: {
|
|
@@ -57,7 +56,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
57
56
|
isOpen: boolean;
|
|
58
57
|
trigger: ReferenceElement;
|
|
59
58
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
60
|
-
offset:
|
|
59
|
+
offset: PopoverOffset;
|
|
61
60
|
additionalStyles: string[];
|
|
62
61
|
} & {} & {
|
|
63
62
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
@@ -74,7 +73,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
74
73
|
isOpen: boolean;
|
|
75
74
|
trigger: ReferenceElement;
|
|
76
75
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
77
|
-
offset:
|
|
76
|
+
offset: PopoverOffset;
|
|
78
77
|
additionalStyles: string[];
|
|
79
78
|
} & {} & {
|
|
80
79
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
@@ -82,7 +81,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
82
81
|
isOpen: boolean;
|
|
83
82
|
trigger: ReferenceElement;
|
|
84
83
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
85
|
-
offset:
|
|
84
|
+
offset: PopoverOffset;
|
|
86
85
|
additionalStyles: string[];
|
|
87
86
|
}, true>);
|
|
88
87
|
export default _default;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import { PopoverPlacement } from '../or-popover-v3';
|
|
3
|
-
import { TooltipOffset } from './props';
|
|
2
|
+
import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
|
|
4
3
|
declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
5
4
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
6
5
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
@@ -24,7 +23,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
|
|
|
24
23
|
default: () => PopoverPlacement.Bottom;
|
|
25
24
|
};
|
|
26
25
|
offset: {
|
|
27
|
-
type: PropType<
|
|
26
|
+
type: PropType<PopoverOffset>;
|
|
28
27
|
default: number;
|
|
29
28
|
};
|
|
30
29
|
debounce: {
|
|
@@ -49,7 +48,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
|
|
|
49
48
|
default: () => PopoverPlacement.Bottom;
|
|
50
49
|
};
|
|
51
50
|
offset: {
|
|
52
|
-
type: PropType<
|
|
51
|
+
type: PropType<PopoverOffset>;
|
|
53
52
|
default: number;
|
|
54
53
|
};
|
|
55
54
|
debounce: {
|
|
@@ -64,7 +63,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
|
|
|
64
63
|
isOpen: boolean;
|
|
65
64
|
content: string;
|
|
66
65
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
67
|
-
offset:
|
|
66
|
+
offset: PopoverOffset;
|
|
68
67
|
debounce: number;
|
|
69
68
|
externalControl: boolean;
|
|
70
69
|
} & {} & {
|
|
@@ -82,7 +81,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
|
|
|
82
81
|
isOpen: boolean;
|
|
83
82
|
content: string;
|
|
84
83
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
85
|
-
offset:
|
|
84
|
+
offset: PopoverOffset;
|
|
86
85
|
debounce: number;
|
|
87
86
|
externalControl: boolean;
|
|
88
87
|
} & {} & {
|
|
@@ -91,7 +90,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
|
|
|
91
90
|
isOpen: boolean;
|
|
92
91
|
content: string;
|
|
93
92
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
94
|
-
offset:
|
|
93
|
+
offset: PopoverOffset;
|
|
95
94
|
debounce: number;
|
|
96
95
|
externalControl: boolean;
|
|
97
96
|
}, true>);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
|
|
2
|
-
import { defineComponent,
|
|
2
|
+
import { defineComponent, toRefs, watch, ref } from 'vue-demi';
|
|
3
3
|
import { s as script$1 } from '../OrMenuV3-a6e4003d.js';
|
|
4
4
|
import { P as PopoverPlacement } from '../OrPopoverV3-dd93694c.js';
|
|
5
5
|
import { usePopoverState } from '../../hooks/usePopoverState.js';
|
|
@@ -11,7 +11,7 @@ var script = defineComponent({
|
|
|
11
11
|
},
|
|
12
12
|
props: {
|
|
13
13
|
trigger: {
|
|
14
|
-
type:
|
|
14
|
+
type: HTMLElement,
|
|
15
15
|
default: undefined
|
|
16
16
|
},
|
|
17
17
|
placement: {
|
|
@@ -21,11 +21,29 @@ var script = defineComponent({
|
|
|
21
21
|
offset: {
|
|
22
22
|
type: [Number, Object, Function],
|
|
23
23
|
default: 0
|
|
24
|
+
},
|
|
25
|
+
externalControl: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: false
|
|
24
28
|
}
|
|
25
29
|
},
|
|
26
30
|
emits: ['update:state', 'open', 'close'],
|
|
27
|
-
expose: ['state', 'open', 'close', 'toggle'],
|
|
31
|
+
expose: ['state', 'open', 'openWith', 'close', 'toggle'],
|
|
28
32
|
setup(props, context) {
|
|
33
|
+
// Props
|
|
34
|
+
const {
|
|
35
|
+
trigger
|
|
36
|
+
} = toRefs(props);
|
|
37
|
+
watch(trigger, (trigger, prevTrigger) => {
|
|
38
|
+
if (trigger) {
|
|
39
|
+
trigger.addEventListener('contextmenu', onContextMenu);
|
|
40
|
+
}
|
|
41
|
+
if (prevTrigger) {
|
|
42
|
+
prevTrigger.removeEventListener('contextmenu', onContextMenu);
|
|
43
|
+
}
|
|
44
|
+
}, {
|
|
45
|
+
immediate: true
|
|
46
|
+
});
|
|
29
47
|
// State
|
|
30
48
|
const {
|
|
31
49
|
state,
|
|
@@ -33,29 +51,28 @@ var script = defineComponent({
|
|
|
33
51
|
close,
|
|
34
52
|
toggle
|
|
35
53
|
} = usePopoverState(ref(false), context.emit);
|
|
36
|
-
|
|
54
|
+
const reference = ref();
|
|
37
55
|
const triggerPoint = ref();
|
|
56
|
+
// Handlers
|
|
38
57
|
function onContextMenu(event) {
|
|
39
58
|
event.preventDefault();
|
|
40
59
|
triggerPoint.value = {
|
|
41
60
|
getBoundingClientRect: () => new DOMRect(event.x, event.y)
|
|
42
61
|
};
|
|
62
|
+
if (!props.externalControl) {
|
|
63
|
+
open();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
// Methods
|
|
67
|
+
function openWith(value) {
|
|
68
|
+
reference.value = value;
|
|
43
69
|
open();
|
|
44
70
|
}
|
|
45
|
-
watch(() => props.trigger, (trigger, prevTrigger) => {
|
|
46
|
-
if (trigger) {
|
|
47
|
-
trigger.addEventListener('contextmenu', onContextMenu);
|
|
48
|
-
}
|
|
49
|
-
if (prevTrigger) {
|
|
50
|
-
prevTrigger.removeEventListener('contextmenu', onContextMenu);
|
|
51
|
-
}
|
|
52
|
-
}, {
|
|
53
|
-
immediate: true
|
|
54
|
-
});
|
|
55
|
-
// #endregion
|
|
56
71
|
return {
|
|
57
72
|
state,
|
|
73
|
+
reference,
|
|
58
74
|
open,
|
|
75
|
+
openWith,
|
|
59
76
|
close,
|
|
60
77
|
toggle,
|
|
61
78
|
triggerPoint
|
|
@@ -72,7 +89,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
72
89
|
offset: _ctx.offset,
|
|
73
90
|
"onUpdate:state": _cache[0] || (_cache[0] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
|
|
74
91
|
}, {
|
|
75
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default"
|
|
92
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
|
|
93
|
+
reference: _ctx.reference
|
|
94
|
+
})]),
|
|
76
95
|
_: 3 /* FORWARDED */
|
|
77
96
|
}, 8 /* PROPS */, ["is-open", "trigger", "placement", "offset"]);
|
|
78
97
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { VirtualElement } from '@floating-ui/dom';
|
|
2
2
|
import { PropType } from 'vue-demi';
|
|
3
|
-
import { PopoverPlacement } from '../or-popover-v3';
|
|
4
|
-
import { ContextMenuOffset } from './props';
|
|
3
|
+
import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
|
|
5
4
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
6
5
|
trigger: {
|
|
7
6
|
type: PropType<HTMLElement>;
|
|
@@ -12,12 +11,18 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
12
11
|
default: () => PopoverPlacement;
|
|
13
12
|
};
|
|
14
13
|
offset: {
|
|
15
|
-
type: PropType<
|
|
14
|
+
type: PropType<PopoverOffset>;
|
|
16
15
|
default: number;
|
|
17
16
|
};
|
|
17
|
+
externalControl: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
18
21
|
}, {
|
|
19
22
|
state: Readonly<import("vue-demi").Ref<"open" | "closed">>;
|
|
23
|
+
reference: import("vue-demi").Ref<any>;
|
|
20
24
|
open: () => void;
|
|
25
|
+
openWith: (value?: any) => void;
|
|
21
26
|
close: () => void;
|
|
22
27
|
toggle: () => void;
|
|
23
28
|
triggerPoint: import("vue-demi").Ref<VirtualElement | undefined>;
|
|
@@ -31,9 +36,13 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
31
36
|
default: () => PopoverPlacement;
|
|
32
37
|
};
|
|
33
38
|
offset: {
|
|
34
|
-
type: PropType<
|
|
39
|
+
type: PropType<PopoverOffset>;
|
|
35
40
|
default: number;
|
|
36
41
|
};
|
|
42
|
+
externalControl: {
|
|
43
|
+
type: BooleanConstructor;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
37
46
|
}>> & {
|
|
38
47
|
"onUpdate:state"?: ((...args: any[]) => any) | undefined;
|
|
39
48
|
onOpen?: ((...args: any[]) => any) | undefined;
|
|
@@ -41,6 +50,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
41
50
|
}, {
|
|
42
51
|
trigger: HTMLElement;
|
|
43
52
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
44
|
-
offset:
|
|
53
|
+
offset: PopoverOffset;
|
|
54
|
+
externalControl: boolean;
|
|
45
55
|
}>;
|
|
46
56
|
export default _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ReferenceElement } from '@floating-ui/dom';
|
|
2
2
|
import { PropType } from 'vue-demi';
|
|
3
|
-
import { PopoverPlacement } from '../or-popover-v3';
|
|
4
|
-
import { MenuOffset } from './props';
|
|
3
|
+
import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
|
|
5
4
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
6
5
|
isOpen: {
|
|
7
6
|
type: BooleanConstructor;
|
|
@@ -16,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
16
15
|
default: () => PopoverPlacement;
|
|
17
16
|
};
|
|
18
17
|
offset: {
|
|
19
|
-
type: PropType<
|
|
18
|
+
type: PropType<PopoverOffset>;
|
|
20
19
|
default: number;
|
|
21
20
|
};
|
|
22
21
|
additionalStyles: {
|
|
@@ -46,7 +45,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
46
45
|
default: () => PopoverPlacement;
|
|
47
46
|
};
|
|
48
47
|
offset: {
|
|
49
|
-
type: PropType<
|
|
48
|
+
type: PropType<PopoverOffset>;
|
|
50
49
|
default: number;
|
|
51
50
|
};
|
|
52
51
|
additionalStyles: {
|
|
@@ -61,7 +60,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
61
60
|
isOpen: boolean;
|
|
62
61
|
trigger: ReferenceElement;
|
|
63
62
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
64
|
-
offset:
|
|
63
|
+
offset: PopoverOffset;
|
|
65
64
|
additionalStyles: string[];
|
|
66
65
|
}>;
|
|
67
66
|
export default _default;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import { PopoverPlacement } from '../or-popover-v3';
|
|
3
|
-
import { TooltipOffset } from './props';
|
|
2
|
+
import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
|
|
4
3
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
5
4
|
isOpen: {
|
|
6
5
|
type: BooleanConstructor;
|
|
@@ -15,7 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
15
14
|
default: () => PopoverPlacement;
|
|
16
15
|
};
|
|
17
16
|
offset: {
|
|
18
|
-
type: PropType<
|
|
17
|
+
type: PropType<PopoverOffset>;
|
|
19
18
|
default: number;
|
|
20
19
|
};
|
|
21
20
|
debounce: {
|
|
@@ -49,7 +48,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
49
48
|
default: () => PopoverPlacement;
|
|
50
49
|
};
|
|
51
50
|
offset: {
|
|
52
|
-
type: PropType<
|
|
51
|
+
type: PropType<PopoverOffset>;
|
|
53
52
|
default: number;
|
|
54
53
|
};
|
|
55
54
|
debounce: {
|
|
@@ -68,7 +67,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
68
67
|
isOpen: boolean;
|
|
69
68
|
content: string;
|
|
70
69
|
placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
71
|
-
offset:
|
|
70
|
+
offset: PopoverOffset;
|
|
72
71
|
debounce: number;
|
|
73
72
|
externalControl: boolean;
|
|
74
73
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent,
|
|
1
|
+
import { defineComponent, toRefs, watch, ref } from 'vue-demi';
|
|
2
2
|
import './dom-53c9635b.js';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
|
|
@@ -16,7 +16,7 @@ var script = defineComponent({
|
|
|
16
16
|
},
|
|
17
17
|
props: {
|
|
18
18
|
trigger: {
|
|
19
|
-
type:
|
|
19
|
+
type: HTMLElement,
|
|
20
20
|
default: undefined
|
|
21
21
|
},
|
|
22
22
|
placement: {
|
|
@@ -26,11 +26,29 @@ var script = defineComponent({
|
|
|
26
26
|
offset: {
|
|
27
27
|
type: [Number, Object, Function],
|
|
28
28
|
default: 0
|
|
29
|
+
},
|
|
30
|
+
externalControl: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: false
|
|
29
33
|
}
|
|
30
34
|
},
|
|
31
35
|
emits: ['update:state', 'open', 'close'],
|
|
32
|
-
expose: ['state', 'open', 'close', 'toggle'],
|
|
36
|
+
expose: ['state', 'open', 'openWith', 'close', 'toggle'],
|
|
33
37
|
setup(props, context) {
|
|
38
|
+
// Props
|
|
39
|
+
const {
|
|
40
|
+
trigger
|
|
41
|
+
} = toRefs(props);
|
|
42
|
+
watch(trigger, (trigger, prevTrigger) => {
|
|
43
|
+
if (trigger) {
|
|
44
|
+
trigger.addEventListener('contextmenu', onContextMenu);
|
|
45
|
+
}
|
|
46
|
+
if (prevTrigger) {
|
|
47
|
+
prevTrigger.removeEventListener('contextmenu', onContextMenu);
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
immediate: true
|
|
51
|
+
});
|
|
34
52
|
// State
|
|
35
53
|
const {
|
|
36
54
|
state,
|
|
@@ -38,29 +56,28 @@ var script = defineComponent({
|
|
|
38
56
|
close,
|
|
39
57
|
toggle
|
|
40
58
|
} = usePopoverState(ref(false), context.emit);
|
|
41
|
-
|
|
59
|
+
const reference = ref();
|
|
42
60
|
const triggerPoint = ref();
|
|
61
|
+
// Handlers
|
|
43
62
|
function onContextMenu(event) {
|
|
44
63
|
event.preventDefault();
|
|
45
64
|
triggerPoint.value = {
|
|
46
65
|
getBoundingClientRect: () => new DOMRect(event.x, event.y)
|
|
47
66
|
};
|
|
67
|
+
if (!props.externalControl) {
|
|
68
|
+
open();
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
// Methods
|
|
72
|
+
function openWith(value) {
|
|
73
|
+
reference.value = value;
|
|
48
74
|
open();
|
|
49
75
|
}
|
|
50
|
-
watch(() => props.trigger, (trigger, prevTrigger) => {
|
|
51
|
-
if (trigger) {
|
|
52
|
-
trigger.addEventListener('contextmenu', onContextMenu);
|
|
53
|
-
}
|
|
54
|
-
if (prevTrigger) {
|
|
55
|
-
prevTrigger.removeEventListener('contextmenu', onContextMenu);
|
|
56
|
-
}
|
|
57
|
-
}, {
|
|
58
|
-
immediate: true
|
|
59
|
-
});
|
|
60
|
-
// #endregion
|
|
61
76
|
return {
|
|
62
77
|
state,
|
|
78
|
+
reference,
|
|
63
79
|
open,
|
|
80
|
+
openWith,
|
|
64
81
|
close,
|
|
65
82
|
toggle,
|
|
66
83
|
triggerPoint
|
|
@@ -88,7 +105,9 @@ var __vue_render__ = function () {
|
|
|
88
105
|
$event === 'open' ? _vm.open() : _vm.close();
|
|
89
106
|
}
|
|
90
107
|
}
|
|
91
|
-
}, [_vm._t("default"
|
|
108
|
+
}, [_vm._t("default", null, {
|
|
109
|
+
"reference": _vm.reference
|
|
110
|
+
})], 2);
|
|
92
111
|
};
|
|
93
112
|
var __vue_staticRenderFns__ = [];
|
|
94
113
|
|
|
@@ -32,7 +32,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
|
|
|
32
32
|
export { _ as OrCombinedInputV3 } from '../OrCombinedInput-79d57e49.js';
|
|
33
33
|
export { _ as OrConfirm } from '../OrConfirm-ba53e0ad.js';
|
|
34
34
|
export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-a3b6081f.js';
|
|
35
|
-
export { _ as OrContextMenuV3 } from '../OrContextMenu-
|
|
35
|
+
export { _ as OrContextMenuV3 } from '../OrContextMenu-2bfda66c.js';
|
|
36
36
|
export { _ as OrDateFormatV3 } from '../OrDateFormat-9b89f093.js';
|
|
37
37
|
export { _ as OrDatePickerV3 } from '../OrDatePicker-ba04da7e.js';
|
|
38
38
|
export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-34a1f0a9.js';
|