tuikit-atomicx-vue3 4.5.0 → 4.5.2
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/{MessageInput.vue_vue_type_script_setup_true_lang-jPzZ5INK.js → MessageInput.vue_vue_type_script_setup_true_lang-3RVYOdkv.js} +38 -38
- package/dist/{PopoverTrigger-L8abAry7.js → PopoverPortal-DV6zFXcf.js} +91 -136
- package/dist/PopoverTrigger-DIjW4PKa.js +54 -0
- package/dist/{PopperContent-XdhqL8Y2.js → PopperContent-D__dbwpA.js} +6 -6
- package/dist/{Teleport-CSEuZbpM.js → Teleport-98QrIYDI.js} +280 -270
- package/dist/baseComp/Modal/Modal.js +3 -3
- package/dist/components/AudioSettingPanel/index.js +14 -14
- package/dist/components/BarrageInput/EmojiPicker/EmojiPicker.js +10 -9
- package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.js +1 -1
- package/dist/components/BarrageInput/TextEditor/EditorCore.js +16 -15
- package/dist/components/ConversationList/ConversationActions/ConversationActions.js +53 -50
- package/dist/components/ConversationList/ConversationActions/ConversationActions.vue.d.ts +2 -0
- package/dist/components/ConversationList/ConversationCreate/ConversationCreate.js +25 -25
- package/dist/components/ConversationList/ConversationList.vue.d.ts +16 -0
- package/dist/components/ConversationList/ConversationPreview/ConversationPreview.vue.d.ts +16 -0
- package/dist/components/ConversationList/ConversationPreview/ConversationPreviewAbstract.js +62 -40
- package/dist/components/ConversationList/ConversationPreview/ConversationPreviewTimestamp.js +28 -26
- package/dist/components/ConversationList/ConversationPreview/ConversationPreviewTitle.js +27 -23
- package/dist/components/ConversationList/ConversationPreview/ConversationPreviewTitle.vue.d.ts +1 -1
- package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.js +81 -70
- package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.vue.d.ts +4 -0
- package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUnread.js +33 -31
- package/dist/components/ConversationList/ConversationPreview/utils.d.ts +2 -2
- package/dist/components/ConversationList/ConversationPreview/utils.js +81 -35
- package/dist/components/ConversationList/i18n/en-US.d.ts +11 -1
- package/dist/components/ConversationList/i18n/en-US.js +12 -2
- package/dist/components/ConversationList/i18n/zh-CN.d.ts +11 -1
- package/dist/components/ConversationList/i18n/zh-CN.js +12 -2
- package/dist/components/ConversationList/index.d.ts +48 -0
- package/dist/components/MessageInput/AttachmentPicker/index.js +10 -9
- package/dist/components/MessageInput/EmojiPicker/EmojiPicker.js +17 -16
- package/dist/components/MessageInput/MessageInput.js +1 -1
- package/dist/components/MessageInput/QuotedMessagePreview/index.js +35 -35
- package/dist/components/MessageInput/TextEditor/EditorCore.d.ts +13 -12
- package/dist/components/MessageInput/TextEditor/EditorCore.js +54 -89
- package/dist/components/MessageInput/TextEditor/extensions/MentionSuggestion.js +229 -0
- package/dist/components/MessageInput/TextEditor/extensions/MentionSuggestion.vue.d.ts +15 -0
- package/dist/components/MessageInput/TextEditor/extensions/characterCountExtension.js +1 -1
- package/dist/components/MessageInput/TextEditor/extensions/emojiExtension.d.ts +1 -0
- package/dist/components/MessageInput/TextEditor/extensions/emojiExtension.js +22 -0
- package/dist/components/MessageInput/TextEditor/extensions/enterKeyExtension.d.ts +3 -0
- package/dist/components/MessageInput/TextEditor/extensions/enterKeyExtension.js +15 -0
- package/dist/components/MessageInput/TextEditor/extensions/imageExtension.js +2 -2
- package/dist/components/MessageInput/TextEditor/extensions/index.d.ts +8 -0
- package/dist/components/MessageInput/TextEditor/extensions/index.js +12 -0
- package/dist/components/MessageInput/TextEditor/extensions/mentionExtension.d.ts +5 -0
- package/dist/components/MessageInput/TextEditor/extensions/mentionExtension.js +330 -0
- package/dist/components/MessageInput/TextEditor/index.js +62 -62
- package/dist/components/MessageInput/i18n/en-US.d.ts +3 -0
- package/dist/components/MessageInput/i18n/en-US.js +4 -1
- package/dist/components/MessageInput/i18n/index.d.ts +6 -0
- package/dist/components/MessageInput/i18n/zh-CN.d.ts +3 -0
- package/dist/components/MessageInput/i18n/zh-CN.js +4 -1
- package/dist/components/MessageInput/index.js +1 -1
- package/dist/components/MessageList/Message/ImageMessage/ImageMessage.js +119 -89
- package/dist/components/MessageList/Message/ImageMessage/ImagePreview.js +142 -0
- package/dist/components/MessageList/Message/ImageMessage/ImagePreview.vue.d.ts +20 -0
- package/dist/components/MessageList/Message/Message.vue.d.ts +8 -0
- package/dist/components/MessageList/Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.js +3 -3
- package/dist/components/MessageList/Message/MessageLayout/MessageLayout.js +69 -58
- package/dist/components/MessageList/Message/MessageLayout/MessageLayout.vue.d.ts +8 -0
- package/dist/components/MessageList/Message/MessageLayout/MessageMeta/MessageMeta.js +37 -28
- package/dist/components/MessageList/Message/index.js +8 -4
- package/dist/components/MessageList/MessageList.js +109 -91
- package/dist/components/MessageList/MessageList.vue.d.ts +1 -1
- package/dist/components/MessageList/index.d.ts +21 -3
- package/dist/components/ScheduleRoomPanel/RoomDetail.js +22 -22
- package/dist/components/ScheduleRoomPanel/RoomEdit.js +1 -1
- package/dist/components/ScheduleRoomPanel/RoomShare.js +4 -4
- package/dist/components/ScheduleRoomPanel/ScheduleRoomPanel.js +1 -1
- package/dist/components/ScheduleRoomPanel/ScheduledRoomList.js +1 -1
- package/dist/components/Search/SearchResults/SearchResultsItem/Message/Message.js +6 -6
- package/dist/components/Search/SearchResults/SearchResultsItem/Message/Message.vue.d.ts +1 -1
- package/dist/components/UIKitModal/chatErrorModal/chatErrorModal.d.ts +72 -0
- package/dist/components/UIKitModal/chatErrorModal/chatErrorModal.js +95 -0
- package/dist/components/UIKitModal/chatErrorModal/i18n/en-US/index.d.ts +40 -0
- package/dist/components/UIKitModal/chatErrorModal/i18n/en-US/index.js +51 -0
- package/dist/components/UIKitModal/chatErrorModal/i18n/index.d.ts +4 -0
- package/dist/components/UIKitModal/chatErrorModal/i18n/index.js +6 -0
- package/dist/components/UIKitModal/chatErrorModal/i18n/zh-CN/index.d.ts +40 -0
- package/dist/components/UIKitModal/chatErrorModal/i18n/zh-CN/index.js +51 -0
- package/dist/components/UIKitModal/chatErrorModal/index.d.ts +3 -0
- package/dist/components/UIKitModal/chatErrorModal/index.js +11 -0
- package/dist/components/VideoSettingPanel/index.js +1 -1
- package/dist/hooks/useReadReceipt/useReadReceipt.js +44 -41
- package/dist/index-CTthrJb2.js +1461 -0
- package/dist/index-DXC5bPY4.js +2174 -0
- package/dist/{index-Do-2CngU.js → index-DuAffztD.js} +115 -142
- package/dist/{index-7vNB_Vx8.js → index-hHVD-MG2.js} +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +150 -149
- package/dist/states/GroupSettingState/GroupSettingState.js +109 -102
- package/dist/states/LoginState.js +43 -43
- package/dist/states/MessageActionState/MessageActionState.js +83 -223
- package/dist/states/MessageInputState/MessageInputState.js +111 -82
- package/dist/states/MessageInputState/type.d.ts +36 -10
- package/dist/states/MessageInputState/utils.d.ts +1 -5
- package/dist/states/MessageListState/MessageListState.d.ts +1 -1
- package/dist/states/MessageListState/MessageListState.js +26 -23
- package/dist/states/RoomParticipantState/index.js +83 -24
- package/dist/states/RoomParticipantState/participantEventManager.d.ts +2 -2
- package/dist/states/RoomParticipantState/participantEventManager.js +217 -205
- package/dist/states/RoomParticipantState/participantManager.d.ts +4 -0
- package/dist/states/RoomParticipantState/participantManager.js +159 -127
- package/dist/states/RoomState/callManager.d.ts +3 -3
- package/dist/states/RoomState/callManager.js +20 -20
- package/dist/states/RoomState/common.d.ts +3 -2
- package/dist/states/RoomState/common.js +34 -24
- package/dist/states/RoomState/roomManager.d.ts +0 -1
- package/dist/states/RoomState/roomManager.js +21 -27
- package/dist/states/RoomState/scheduleManager.js +2 -2
- package/dist/styles/index.css +1 -1
- package/dist/{chat/index.d.ts → subEntry/chat/chat.d.ts} +2160 -2087
- package/dist/subEntry/chat/chat.js +89 -0
- package/dist/subEntry/chat/index.d.ts +11 -0
- package/dist/subEntry/chat/index.js +81 -0
- package/dist/{chat → subEntry/chat}/server.js +4 -4
- package/dist/subEntry/live/index.js +46 -45
- package/dist/subEntry/room/index.js +39 -38
- package/dist/types/beauty.d.ts +20 -0
- package/dist/types/index.js +37 -36
- package/dist/types/participant.d.ts +2 -0
- package/dist/types/room.d.ts +45 -1
- package/dist/types/room.js +4 -3
- package/dist/{useId-CtirfF0W.js → useId-B1VwPJLm.js} +1 -1
- package/dist/utils/call.js +77 -71
- package/dist/{utils-DaB7eSu5.js → utils-BU8IkP_V.js} +1 -1
- package/package.json +8 -7
- package/src/components/AudioSettingPanel/index.vue +4 -5
- package/src/components/ConversationList/ConversationActions/ConversationActions.vue +7 -1
- package/src/components/ConversationList/ConversationCreate/ConversationCreate.vue +5 -1
- package/src/components/ConversationList/ConversationList.vue +0 -1
- package/src/components/ConversationList/ConversationPreview/ConversationPreview.scss +10 -2
- package/src/components/ConversationList/ConversationPreview/ConversationPreviewAbstract.vue +32 -1
- package/src/components/ConversationList/ConversationPreview/ConversationPreviewTitle.vue +3 -2
- package/src/components/ConversationList/ConversationPreview/ConversationPreviewUI.vue +15 -0
- package/src/components/ConversationList/ConversationPreview/utils.ts +98 -28
- package/src/components/ConversationList/i18n/en-US.ts +11 -1
- package/src/components/ConversationList/i18n/zh-CN.ts +11 -1
- package/src/components/MessageInput/MessageInput.module.scss +1 -0
- package/src/components/MessageInput/QuotedMessagePreview/QuotedMessagePreview.vue +19 -22
- package/src/components/MessageInput/TextEditor/Editor.scss +25 -0
- package/src/components/MessageInput/TextEditor/EditorCore.ts +79 -99
- package/src/components/MessageInput/TextEditor/TextEditor.vue +64 -68
- package/src/components/MessageInput/TextEditor/extensions/MentionSuggestion.vue +449 -0
- package/src/components/MessageInput/TextEditor/extensions/emojiExtension.ts +22 -0
- package/src/components/MessageInput/TextEditor/extensions/enterKeyExtension.ts +22 -0
- package/src/components/MessageInput/TextEditor/extensions/index.ts +8 -0
- package/src/components/MessageInput/TextEditor/extensions/mentionExtension.ts +87 -0
- package/src/components/MessageInput/i18n/en-US.ts +3 -0
- package/src/components/MessageInput/i18n/zh-CN.ts +3 -0
- package/src/components/MessageList/Message/ImageMessage/ImageMessage.vue +49 -0
- package/src/components/MessageList/Message/ImageMessage/ImagePreview.vue +344 -0
- package/src/components/MessageList/Message/Message.vue +6 -0
- package/src/components/MessageList/Message/MessageLayout/MessageLayout.vue +8 -1
- package/src/components/MessageList/Message/MessageLayout/MessageMeta/MessageMeta.vue +12 -3
- package/src/components/MessageList/MessageList.vue +50 -14
- package/src/components/ScheduleRoomPanel/RoomDetail.vue +1 -0
- package/src/components/ScheduleRoomPanel/RoomEdit.vue +2 -1
- package/src/components/ScheduleRoomPanel/RoomShare.vue +1 -0
- package/src/components/ScheduleRoomPanel/ScheduleRoomPanel.vue +1 -0
- package/src/components/ScheduleRoomPanel/ScheduledRoomList.vue +1 -0
- package/src/components/Search/SearchResults/SearchResultsItem/Message/Message.vue +30 -31
- package/src/components/UIKitModal/chatErrorModal/chatErrorModal.ts +205 -0
- package/src/components/UIKitModal/chatErrorModal/i18n/en-US/index.ts +56 -0
- package/src/components/UIKitModal/chatErrorModal/i18n/index.ts +4 -0
- package/src/components/UIKitModal/chatErrorModal/i18n/zh-CN/index.ts +56 -0
- package/src/components/UIKitModal/chatErrorModal/index.ts +16 -0
- package/src/components/VideoSettingPanel/index.vue +1 -0
- package/src/hooks/useReadReceipt/useReadReceipt.ts +5 -4
- package/src/index.ts +1 -1
- package/src/{chat/index.ts → subEntry/chat/chat.ts} +25 -18
- package/src/subEntry/chat/index.ts +13 -0
- package/src/{chat → subEntry/chat}/server.ts +3 -3
- package/src/types/beauty.ts +20 -0
- package/src/types/participant.ts +3 -0
- package/src/types/room.ts +49 -1
- package/src/utils/call.ts +8 -0
- package/dist/chat/index.js +0 -59
- package/dist/index-ZILx4LYk.js +0 -4826
- package/dist/states/SearchState.d.ts +0 -314
- /package/dist/{chat → subEntry/chat}/server.d.ts +0 -0
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as B, computed as E, createElementBlock as f, openBlock as l, normalizeClass as s, unref as t, renderSlot as i, createElementVNode as m, Fragment as F, renderList as V, createBlock as d, resolveDynamicComponent as A, mergeProps as M, createVNode as T, withCtx as g, createCommentVNode as L } from "vue";
|
|
2
2
|
import { AttachmentPicker as k } from "./components/MessageInput/AttachmentPicker/index.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
3
|
+
import w from "./components/MessageInput/AttachmentPicker/FilePicker.js";
|
|
4
|
+
import x from "./components/MessageInput/AttachmentPicker/ImagePicker.js";
|
|
5
|
+
import j from "./components/MessageInput/AttachmentPicker/VideoPicker.js";
|
|
6
|
+
import N from "./components/MessageInput/AudioCallPicker/AudioCallPicker.js";
|
|
7
|
+
import O from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
|
|
8
8
|
import { QuotedMessagePreview as D } from "./components/MessageInput/QuotedMessagePreview/index.js";
|
|
9
9
|
import { SendButton as K } from "./components/MessageInput/SendButton/index.js";
|
|
10
10
|
import { TextEditor as Q } from "./components/MessageInput/TextEditor/index.js";
|
|
11
11
|
import R from "./components/MessageInput/VideoCallPicker/VideoCallPicker.js";
|
|
12
12
|
import { useMessageInputState as U } from "./states/MessageInputState/MessageInputState.js";
|
|
13
13
|
const a = {
|
|
14
|
-
"message-input": "_message-
|
|
15
|
-
"message-input__toolbar": "_message-
|
|
16
|
-
"message-input__wrapper": "_message-
|
|
17
|
-
"message-input__leftInline": "_message-
|
|
18
|
-
"message-input__rightInline": "_message-
|
|
19
|
-
"message-input__actions": "_message-
|
|
20
|
-
"message-input__footerToolbar": "_message-
|
|
21
|
-
}, se = /* @__PURE__ */
|
|
14
|
+
"message-input": "_message-input_2z5ho_1",
|
|
15
|
+
"message-input__toolbar": "_message-input__toolbar_2z5ho_12",
|
|
16
|
+
"message-input__wrapper": "_message-input__wrapper_2z5ho_20",
|
|
17
|
+
"message-input__leftInline": "_message-input__leftInline_2z5ho_25",
|
|
18
|
+
"message-input__rightInline": "_message-input__rightInline_2z5ho_25",
|
|
19
|
+
"message-input__actions": "_message-input__actions_2z5ho_29",
|
|
20
|
+
"message-input__footerToolbar": "_message-input__footerToolbar_2z5ho_35"
|
|
21
|
+
}, se = /* @__PURE__ */ B({
|
|
22
22
|
__name: "MessageInput",
|
|
23
23
|
props: {
|
|
24
24
|
autoFocus: { type: Boolean, default: !0 },
|
|
@@ -32,51 +32,51 @@ const a = {
|
|
|
32
32
|
},
|
|
33
33
|
setup(n) {
|
|
34
34
|
const u = [
|
|
35
|
-
{ key: "EmojiPicker", component:
|
|
35
|
+
{ key: "EmojiPicker", component: O },
|
|
36
36
|
{ key: "AttachmentPicker", component: k },
|
|
37
|
-
{ key: "FilePicker", component:
|
|
38
|
-
{ key: "ImagePicker", component:
|
|
39
|
-
{ key: "VideoPicker", component:
|
|
40
|
-
{ key: "AudioCallPicker", component:
|
|
37
|
+
{ key: "FilePicker", component: w },
|
|
38
|
+
{ key: "ImagePicker", component: x },
|
|
39
|
+
{ key: "VideoPicker", component: j },
|
|
40
|
+
{ key: "AudioCallPicker", component: N },
|
|
41
41
|
{ key: "VideoCallPicker", component: R }
|
|
42
|
-
], c = n, { inputRawValue:
|
|
43
|
-
r.map((
|
|
42
|
+
], c = n, { inputRawValue: h, setContent: P, sendMessage: b } = U(), C = (e, r) => Object.fromEntries(
|
|
43
|
+
r.map((o) => [o, e[o]]).filter(([, o]) => o !== void 0)
|
|
44
44
|
), y = (e) => {
|
|
45
|
-
const { component: r = () => null } = u.find(({ key:
|
|
45
|
+
const { component: r = () => null } = u.find(({ key: o }) => o === e) ?? {};
|
|
46
46
|
return { Component: r, props: { disabled: c.disabled } };
|
|
47
47
|
}, v = (e) => {
|
|
48
48
|
var _;
|
|
49
|
-
const { key: r, component:
|
|
49
|
+
const { key: r, component: o, ...p } = e, S = ((_ = u.find(({ key: z }) => z === r)) == null ? void 0 : _.component) ?? (() => null);
|
|
50
50
|
return {
|
|
51
|
-
Component:
|
|
52
|
-
props:
|
|
51
|
+
Component: o ?? S,
|
|
52
|
+
props: C(p, ["label", "className", "style", "iconSize"])
|
|
53
53
|
};
|
|
54
|
-
}, I =
|
|
54
|
+
}, I = E(
|
|
55
55
|
() => c.actions.map((e) => typeof e == "string" ? y(e) : v(e)).filter(({ Component: e }) => e !== null)
|
|
56
56
|
), $ = () => {
|
|
57
|
-
|
|
57
|
+
h.value && (b(), P(""));
|
|
58
58
|
};
|
|
59
59
|
return (e, r) => (l(), f("div", {
|
|
60
|
-
class: s([
|
|
60
|
+
class: s([t(a)["message-input"]])
|
|
61
61
|
}, [
|
|
62
62
|
i(e.$slots, "headerToolbar", {}, () => [
|
|
63
63
|
m("div", {
|
|
64
|
-
class: s(
|
|
64
|
+
class: s(t(a)["message-input__toolbar"])
|
|
65
65
|
}, [
|
|
66
|
-
(l(!0), f(
|
|
66
|
+
(l(!0), f(F, null, V(I.value, (o, p) => (l(), d(A(o.Component), M({ key: p }, { ref_for: !0 }, { ...o.props, ...o.Component === t(k) ? { attachmentPickerMode: n.attachmentPickerMode } : {} }), null, 16))), 128))
|
|
67
67
|
], 2)
|
|
68
68
|
]),
|
|
69
69
|
m("div", {
|
|
70
|
-
class: s(
|
|
70
|
+
class: s(t(a)["message-input__wrapper"])
|
|
71
71
|
}, [
|
|
72
|
-
|
|
72
|
+
T(t(D)),
|
|
73
73
|
m("div", {
|
|
74
|
-
class: s(
|
|
74
|
+
class: s(t(a)["message-input__leftInline"])
|
|
75
75
|
}, [
|
|
76
76
|
i(e.$slots, "leftInline")
|
|
77
77
|
], 2),
|
|
78
78
|
i(e.$slots, "textEditor", {}, () => [
|
|
79
|
-
(l(), d(
|
|
79
|
+
(l(), d(t(Q), {
|
|
80
80
|
key: n.disabled ? "disabled-editor" : "enabled-editor",
|
|
81
81
|
autoFocus: n.autoFocus,
|
|
82
82
|
disabled: n.disabled,
|
|
@@ -93,18 +93,18 @@ const a = {
|
|
|
93
93
|
}, 8, ["autoFocus", "disabled", "placeholder", "maxLength"]))
|
|
94
94
|
]),
|
|
95
95
|
m("div", {
|
|
96
|
-
class: s(
|
|
96
|
+
class: s(t(a)["message-input__rightInline"])
|
|
97
97
|
}, [
|
|
98
98
|
i(e.$slots, "rightInline")
|
|
99
99
|
], 2)
|
|
100
100
|
], 2),
|
|
101
101
|
i(e.$slots, "footerToolbar", {}, () => [
|
|
102
102
|
m("div", {
|
|
103
|
-
class: s(
|
|
103
|
+
class: s(t(a)["message-input__footerToolbar"])
|
|
104
104
|
}, [
|
|
105
|
-
n.hideSendButton ?
|
|
105
|
+
n.hideSendButton ? L("", !0) : (l(), d(t(K), {
|
|
106
106
|
key: 0,
|
|
107
|
-
class: s(
|
|
107
|
+
class: s(t(a)["message-input__send-button"]),
|
|
108
108
|
disabled: c.disabled,
|
|
109
109
|
onClick: $
|
|
110
110
|
}, null, 8, ["class", "disabled"]))
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { u as
|
|
4
|
-
import { defineComponent as m, toRefs as
|
|
5
|
-
const [
|
|
6
|
-
var
|
|
1
|
+
import { a as D, c as k, r as N, u as B, F as E, D as A, b as R, d as I, e as M, T as $ } from "./Teleport-98QrIYDI.js";
|
|
2
|
+
import { a as K, u as L, b as j, c as z, d as w } from "./PopperContent-D__dbwpA.js";
|
|
3
|
+
import { u as T } from "./useId-B1VwPJLm.js";
|
|
4
|
+
import { defineComponent as m, toRefs as U, ref as P, createBlock as c, openBlock as v, unref as e, withCtx as f, renderSlot as q, createVNode as C, mergeProps as _, withModifiers as F, normalizeProps as x, guardReactiveProps as W } from "vue";
|
|
5
|
+
const [b, V] = k("PopoverRoot");
|
|
6
|
+
var G = /* @__PURE__ */ m({
|
|
7
7
|
__name: "PopoverRoot",
|
|
8
8
|
props: {
|
|
9
9
|
defaultOpen: {
|
|
@@ -23,33 +23,33 @@ var X = /* @__PURE__ */ m({
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
emits: ["update:open"],
|
|
26
|
-
setup(
|
|
27
|
-
const
|
|
28
|
-
defaultValue:
|
|
29
|
-
passive:
|
|
30
|
-
}),
|
|
31
|
-
return
|
|
26
|
+
setup(d, { emit: p }) {
|
|
27
|
+
const n = d, r = p, { modal: i } = U(n), a = D(n, "open", r, {
|
|
28
|
+
defaultValue: n.defaultOpen,
|
|
29
|
+
passive: n.open === void 0
|
|
30
|
+
}), l = P(), u = P(!1);
|
|
31
|
+
return V({
|
|
32
32
|
contentId: "",
|
|
33
33
|
triggerId: "",
|
|
34
|
-
modal:
|
|
35
|
-
open:
|
|
36
|
-
onOpenChange: (
|
|
37
|
-
|
|
34
|
+
modal: i,
|
|
35
|
+
open: a,
|
|
36
|
+
onOpenChange: (t) => {
|
|
37
|
+
a.value = t;
|
|
38
38
|
},
|
|
39
39
|
onOpenToggle: () => {
|
|
40
|
-
|
|
40
|
+
a.value = !a.value;
|
|
41
41
|
},
|
|
42
|
-
triggerElement:
|
|
43
|
-
hasCustomAnchor:
|
|
44
|
-
}), (
|
|
45
|
-
default: f(() => [
|
|
46
|
-
open: e(
|
|
47
|
-
close: () =>
|
|
42
|
+
triggerElement: l,
|
|
43
|
+
hasCustomAnchor: u
|
|
44
|
+
}), (t, o) => (v(), c(e(K), null, {
|
|
45
|
+
default: f(() => [q(t.$slots, "default", {
|
|
46
|
+
open: e(a),
|
|
47
|
+
close: () => a.value = !1
|
|
48
48
|
})]),
|
|
49
49
|
_: 3
|
|
50
50
|
}));
|
|
51
51
|
}
|
|
52
|
-
}),
|
|
52
|
+
}), se = G, H = /* @__PURE__ */ m({
|
|
53
53
|
__name: "PopoverContentImpl",
|
|
54
54
|
props: {
|
|
55
55
|
trapFocus: {
|
|
@@ -145,29 +145,29 @@ var X = /* @__PURE__ */ m({
|
|
|
145
145
|
"openAutoFocus",
|
|
146
146
|
"closeAutoFocus"
|
|
147
147
|
],
|
|
148
|
-
setup(
|
|
149
|
-
const
|
|
150
|
-
return
|
|
148
|
+
setup(d, { emit: p }) {
|
|
149
|
+
const n = d, r = p, i = L(N(n, "trapFocus", "disableOutsidePointerEvents")), { forwardRef: a } = B(), l = b();
|
|
150
|
+
return j(), (u, t) => (v(), c(e(E), {
|
|
151
151
|
"as-child": "",
|
|
152
152
|
loop: "",
|
|
153
|
-
trapped:
|
|
154
|
-
onMountAutoFocus:
|
|
155
|
-
onUnmountAutoFocus:
|
|
153
|
+
trapped: u.trapFocus,
|
|
154
|
+
onMountAutoFocus: t[5] || (t[5] = (o) => r("openAutoFocus", o)),
|
|
155
|
+
onUnmountAutoFocus: t[6] || (t[6] = (o) => r("closeAutoFocus", o))
|
|
156
156
|
}, {
|
|
157
|
-
default: f(() => [C(e(
|
|
157
|
+
default: f(() => [C(e(A), {
|
|
158
158
|
"as-child": "",
|
|
159
|
-
"disable-outside-pointer-events":
|
|
160
|
-
onPointerDownOutside:
|
|
161
|
-
onInteractOutside:
|
|
162
|
-
onEscapeKeyDown:
|
|
163
|
-
onFocusOutside:
|
|
164
|
-
onDismiss:
|
|
159
|
+
"disable-outside-pointer-events": u.disableOutsidePointerEvents,
|
|
160
|
+
onPointerDownOutside: t[0] || (t[0] = (o) => r("pointerDownOutside", o)),
|
|
161
|
+
onInteractOutside: t[1] || (t[1] = (o) => r("interactOutside", o)),
|
|
162
|
+
onEscapeKeyDown: t[2] || (t[2] = (o) => r("escapeKeyDown", o)),
|
|
163
|
+
onFocusOutside: t[3] || (t[3] = (o) => r("focusOutside", o)),
|
|
164
|
+
onDismiss: t[4] || (t[4] = (o) => e(l).onOpenChange(!1))
|
|
165
165
|
}, {
|
|
166
|
-
default: f(() => [C(e(
|
|
167
|
-
id: e(
|
|
168
|
-
ref: e(
|
|
169
|
-
"data-state": e(
|
|
170
|
-
"aria-labelledby": e(
|
|
166
|
+
default: f(() => [C(e(z), _(e(i), {
|
|
167
|
+
id: e(l).contentId,
|
|
168
|
+
ref: e(a),
|
|
169
|
+
"data-state": e(l).open.value ? "open" : "closed",
|
|
170
|
+
"aria-labelledby": e(l).triggerId,
|
|
171
171
|
style: {
|
|
172
172
|
"--reka-popover-content-transform-origin": "var(--reka-popper-transform-origin)",
|
|
173
173
|
"--reka-popover-content-available-width": "var(--reka-popper-available-width)",
|
|
@@ -177,7 +177,7 @@ var X = /* @__PURE__ */ m({
|
|
|
177
177
|
},
|
|
178
178
|
role: "dialog"
|
|
179
179
|
}), {
|
|
180
|
-
default: f(() => [
|
|
180
|
+
default: f(() => [q(u.$slots, "default")]),
|
|
181
181
|
_: 3
|
|
182
182
|
}, 16, [
|
|
183
183
|
"id",
|
|
@@ -189,7 +189,7 @@ var X = /* @__PURE__ */ m({
|
|
|
189
189
|
_: 3
|
|
190
190
|
}, 8, ["trapped"]));
|
|
191
191
|
}
|
|
192
|
-
}),
|
|
192
|
+
}), h = H, J = /* @__PURE__ */ m({
|
|
193
193
|
__name: "PopoverContentModal",
|
|
194
194
|
props: {
|
|
195
195
|
side: {
|
|
@@ -281,31 +281,31 @@ var X = /* @__PURE__ */ m({
|
|
|
281
281
|
"openAutoFocus",
|
|
282
282
|
"closeAutoFocus"
|
|
283
283
|
],
|
|
284
|
-
setup(
|
|
285
|
-
const
|
|
286
|
-
|
|
287
|
-
const
|
|
288
|
-
return
|
|
289
|
-
ref: e(
|
|
290
|
-
"trap-focus": e(
|
|
284
|
+
setup(d, { emit: p }) {
|
|
285
|
+
const n = d, r = p, i = b(), a = P(!1);
|
|
286
|
+
R(!0);
|
|
287
|
+
const l = w(n, r), { forwardRef: u, currentElement: t } = B();
|
|
288
|
+
return I(t), (o, s) => (v(), c(h, _(e(l), {
|
|
289
|
+
ref: e(u),
|
|
290
|
+
"trap-focus": e(i).open.value,
|
|
291
291
|
"disable-outside-pointer-events": "",
|
|
292
|
-
onCloseAutoFocus:
|
|
293
|
-
var
|
|
294
|
-
|
|
292
|
+
onCloseAutoFocus: s[0] || (s[0] = F((y) => {
|
|
293
|
+
var g;
|
|
294
|
+
r("closeAutoFocus", y), a.value || (g = e(i).triggerElement.value) == null || g.focus();
|
|
295
295
|
}, ["prevent"])),
|
|
296
|
-
onPointerDownOutside:
|
|
297
|
-
|
|
298
|
-
const
|
|
299
|
-
|
|
296
|
+
onPointerDownOutside: s[1] || (s[1] = (y) => {
|
|
297
|
+
r("pointerDownOutside", y);
|
|
298
|
+
const g = y.detail.originalEvent, O = g.button === 0 && g.ctrlKey === !0, S = g.button === 2 || O;
|
|
299
|
+
a.value = S;
|
|
300
300
|
}),
|
|
301
|
-
onFocusOutside:
|
|
301
|
+
onFocusOutside: s[2] || (s[2] = F(() => {
|
|
302
302
|
}, ["prevent"]))
|
|
303
303
|
}), {
|
|
304
|
-
default: f(() => [
|
|
304
|
+
default: f(() => [q(o.$slots, "default")]),
|
|
305
305
|
_: 3
|
|
306
306
|
}, 16, ["trap-focus"]));
|
|
307
307
|
}
|
|
308
|
-
}),
|
|
308
|
+
}), Q = J, X = /* @__PURE__ */ m({
|
|
309
309
|
__name: "PopoverContentNonModal",
|
|
310
310
|
props: {
|
|
311
311
|
side: {
|
|
@@ -397,27 +397,27 @@ var X = /* @__PURE__ */ m({
|
|
|
397
397
|
"openAutoFocus",
|
|
398
398
|
"closeAutoFocus"
|
|
399
399
|
],
|
|
400
|
-
setup(
|
|
401
|
-
const
|
|
402
|
-
return (
|
|
400
|
+
setup(d, { emit: p }) {
|
|
401
|
+
const n = d, r = p, i = b(), a = P(!1), l = P(!1), u = w(n, r);
|
|
402
|
+
return (t, o) => (v(), c(h, _(e(u), {
|
|
403
403
|
"trap-focus": !1,
|
|
404
404
|
"disable-outside-pointer-events": !1,
|
|
405
|
-
onCloseAutoFocus:
|
|
406
|
-
var
|
|
407
|
-
|
|
405
|
+
onCloseAutoFocus: o[0] || (o[0] = (s) => {
|
|
406
|
+
var y;
|
|
407
|
+
r("closeAutoFocus", s), s.defaultPrevented || (a.value || (y = e(i).triggerElement.value) == null || y.focus(), s.preventDefault()), a.value = !1, l.value = !1;
|
|
408
408
|
}),
|
|
409
|
-
onInteractOutside:
|
|
410
|
-
var
|
|
411
|
-
|
|
412
|
-
const
|
|
413
|
-
((
|
|
409
|
+
onInteractOutside: o[1] || (o[1] = async (s) => {
|
|
410
|
+
var O;
|
|
411
|
+
r("interactOutside", s), s.defaultPrevented || (a.value = !0, s.detail.originalEvent.type === "pointerdown" && (l.value = !0));
|
|
412
|
+
const y = s.target;
|
|
413
|
+
((O = e(i).triggerElement.value) == null ? void 0 : O.contains(y)) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && l.value && s.preventDefault();
|
|
414
414
|
})
|
|
415
415
|
}), {
|
|
416
|
-
default: f(() => [
|
|
416
|
+
default: f(() => [q(t.$slots, "default")]),
|
|
417
417
|
_: 3
|
|
418
418
|
}, 16));
|
|
419
419
|
}
|
|
420
|
-
}),
|
|
420
|
+
}), Y = X, Z = /* @__PURE__ */ m({
|
|
421
421
|
__name: "PopoverContent",
|
|
422
422
|
props: {
|
|
423
423
|
forceMount: {
|
|
@@ -513,20 +513,20 @@ var X = /* @__PURE__ */ m({
|
|
|
513
513
|
"openAutoFocus",
|
|
514
514
|
"closeAutoFocus"
|
|
515
515
|
],
|
|
516
|
-
setup(
|
|
517
|
-
const
|
|
518
|
-
return
|
|
519
|
-
default: f(() => [e(
|
|
520
|
-
default: f(() => [
|
|
516
|
+
setup(d, { emit: p }) {
|
|
517
|
+
const n = d, r = p, i = b(), a = w(n, r), { forwardRef: l } = B();
|
|
518
|
+
return i.contentId || (i.contentId = T(void 0, "reka-popover-content")), (u, t) => (v(), c(e(M), { present: u.forceMount || e(i).open.value }, {
|
|
519
|
+
default: f(() => [e(i).modal.value ? (v(), c(Q, _({ key: 0 }, e(a), { ref: e(l) }), {
|
|
520
|
+
default: f(() => [q(u.$slots, "default")]),
|
|
521
521
|
_: 3
|
|
522
|
-
}, 16)) : (v(),
|
|
523
|
-
default: f(() => [
|
|
522
|
+
}, 16)) : (v(), c(Y, _({ key: 1 }, e(a), { ref: e(l) }), {
|
|
523
|
+
default: f(() => [q(u.$slots, "default")]),
|
|
524
524
|
_: 3
|
|
525
525
|
}, 16))]),
|
|
526
526
|
_: 3
|
|
527
527
|
}, 8, ["present"]));
|
|
528
528
|
}
|
|
529
|
-
}),
|
|
529
|
+
}), ie = Z, ee = /* @__PURE__ */ m({
|
|
530
530
|
__name: "PopoverPortal",
|
|
531
531
|
props: {
|
|
532
532
|
to: {
|
|
@@ -546,62 +546,17 @@ var X = /* @__PURE__ */ m({
|
|
|
546
546
|
required: !1
|
|
547
547
|
}
|
|
548
548
|
},
|
|
549
|
-
setup(
|
|
550
|
-
const
|
|
551
|
-
return (
|
|
552
|
-
default: f(() => [
|
|
549
|
+
setup(d) {
|
|
550
|
+
const p = d;
|
|
551
|
+
return (n, r) => (v(), c(e($), x(W(p)), {
|
|
552
|
+
default: f(() => [q(n.$slots, "default")]),
|
|
553
553
|
_: 3
|
|
554
554
|
}, 16));
|
|
555
555
|
}
|
|
556
|
-
}),
|
|
557
|
-
__name: "PopoverTrigger",
|
|
558
|
-
props: {
|
|
559
|
-
asChild: {
|
|
560
|
-
type: Boolean,
|
|
561
|
-
required: !1
|
|
562
|
-
},
|
|
563
|
-
as: {
|
|
564
|
-
type: null,
|
|
565
|
-
required: !1,
|
|
566
|
-
default: "button"
|
|
567
|
-
}
|
|
568
|
-
},
|
|
569
|
-
setup(u) {
|
|
570
|
-
const d = u, t = O(), { forwardRef: a, currentElement: l } = B();
|
|
571
|
-
return t.triggerId || (t.triggerId = S(void 0, "reka-popover-trigger")), H(() => {
|
|
572
|
-
t.triggerElement.value = l.value;
|
|
573
|
-
}), (r, n) => (v(), y(J(e(t).hasCustomAnchor.value ? e(w) : e(W)), { "as-child": "" }, {
|
|
574
|
-
default: f(() => [C(e(w), {
|
|
575
|
-
id: e(t).triggerId,
|
|
576
|
-
ref: e(a),
|
|
577
|
-
type: r.as === "button" ? "button" : void 0,
|
|
578
|
-
"aria-haspopup": "dialog",
|
|
579
|
-
"aria-expanded": e(t).open.value,
|
|
580
|
-
"aria-controls": e(t).contentId,
|
|
581
|
-
"data-state": e(t).open.value ? "open" : "closed",
|
|
582
|
-
as: r.as,
|
|
583
|
-
"as-child": d.asChild,
|
|
584
|
-
onClick: e(t).onOpenToggle
|
|
585
|
-
}, {
|
|
586
|
-
default: f(() => [g(r.$slots, "default")]),
|
|
587
|
-
_: 3
|
|
588
|
-
}, 8, [
|
|
589
|
-
"id",
|
|
590
|
-
"type",
|
|
591
|
-
"aria-expanded",
|
|
592
|
-
"aria-controls",
|
|
593
|
-
"data-state",
|
|
594
|
-
"as",
|
|
595
|
-
"as-child",
|
|
596
|
-
"onClick"
|
|
597
|
-
])]),
|
|
598
|
-
_: 3
|
|
599
|
-
}));
|
|
600
|
-
}
|
|
601
|
-
}), ce = se;
|
|
556
|
+
}), le = ee;
|
|
602
557
|
export {
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
558
|
+
se as P,
|
|
559
|
+
le as a,
|
|
560
|
+
ie as b,
|
|
561
|
+
b as i
|
|
607
562
|
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { u as l, P as a } from "./Teleport-98QrIYDI.js";
|
|
2
|
+
import { u as d } from "./useId-B1VwPJLm.js";
|
|
3
|
+
import { P as u } from "./PopperContent-D__dbwpA.js";
|
|
4
|
+
import { i as c } from "./PopoverPortal-DV6zFXcf.js";
|
|
5
|
+
import { defineComponent as g, onMounted as f, createBlock as m, openBlock as v, resolveDynamicComponent as _, unref as r, withCtx as t, createVNode as h, renderSlot as P } from "vue";
|
|
6
|
+
var C = /* @__PURE__ */ g({
|
|
7
|
+
__name: "PopoverTrigger",
|
|
8
|
+
props: {
|
|
9
|
+
asChild: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
required: !1
|
|
12
|
+
},
|
|
13
|
+
as: {
|
|
14
|
+
type: null,
|
|
15
|
+
required: !1,
|
|
16
|
+
default: "button"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
setup(n) {
|
|
20
|
+
const i = n, e = c(), { forwardRef: s, currentElement: p } = l();
|
|
21
|
+
return e.triggerId || (e.triggerId = d(void 0, "reka-popover-trigger")), f(() => {
|
|
22
|
+
e.triggerElement.value = p.value;
|
|
23
|
+
}), (o, y) => (v(), m(_(r(e).hasCustomAnchor.value ? r(a) : r(u)), { "as-child": "" }, {
|
|
24
|
+
default: t(() => [h(r(a), {
|
|
25
|
+
id: r(e).triggerId,
|
|
26
|
+
ref: r(s),
|
|
27
|
+
type: o.as === "button" ? "button" : void 0,
|
|
28
|
+
"aria-haspopup": "dialog",
|
|
29
|
+
"aria-expanded": r(e).open.value,
|
|
30
|
+
"aria-controls": r(e).contentId,
|
|
31
|
+
"data-state": r(e).open.value ? "open" : "closed",
|
|
32
|
+
as: o.as,
|
|
33
|
+
"as-child": i.asChild,
|
|
34
|
+
onClick: r(e).onOpenToggle
|
|
35
|
+
}, {
|
|
36
|
+
default: t(() => [P(o.$slots, "default")]),
|
|
37
|
+
_: 3
|
|
38
|
+
}, 8, [
|
|
39
|
+
"id",
|
|
40
|
+
"type",
|
|
41
|
+
"aria-expanded",
|
|
42
|
+
"aria-controls",
|
|
43
|
+
"data-state",
|
|
44
|
+
"as",
|
|
45
|
+
"as-child",
|
|
46
|
+
"onClick"
|
|
47
|
+
])]),
|
|
48
|
+
_: 3
|
|
49
|
+
}));
|
|
50
|
+
}
|
|
51
|
+
}), w = C;
|
|
52
|
+
export {
|
|
53
|
+
w as P
|
|
54
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { watchEffect as je, getCurrentInstance as ct, toRef as ft, computed as O, camelize as ut, ref as V, onMounted as dt, defineComponent as Ce, renderSlot as Oe, watchPostEffect as Ie, createBlock as pt, openBlock as Xe, unref as M, withCtx as Ye, shallowRef as mt, watch as he, getCurrentScope as ht, onScopeDispose as gt, shallowReadonly as Q, mergeDefaults as wt, createElementBlock as yt, normalizeStyle as vt, createVNode as xt, mergeProps as bt } from "vue";
|
|
2
|
-
import { h as At, f as Ct, j as Ot, c as Ue,
|
|
2
|
+
import { h as At, f as Ct, j as Ot, c as Ue, u as Ge, P as Ke, k as Pt } from "./Teleport-98QrIYDI.js";
|
|
3
3
|
let ge = 0;
|
|
4
4
|
function Vn() {
|
|
5
5
|
je((e) => {
|
|
@@ -1593,11 +1593,11 @@ var Wn = /* @__PURE__ */ Ce({
|
|
|
1593
1593
|
}
|
|
1594
1594
|
}), Xn = Wn;
|
|
1595
1595
|
export {
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1596
|
+
jn as P,
|
|
1597
|
+
qn as a,
|
|
1598
|
+
Vn as b,
|
|
1599
|
+
Xn as c,
|
|
1600
|
+
Nn as d,
|
|
1601
1601
|
$n as e,
|
|
1602
1602
|
St as u
|
|
1603
1603
|
};
|