tuikit-atomicx-vue3 3.5.0-beta.7 → 3.5.0-beta.9
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/{PopoverTrigger-L8abAry7.js → PopoverTrigger-CglNN8IV.js} +3 -3
- package/dist/{PopperContent-XdhqL8Y2.js → PopperContent-CQa08BXt.js} +1 -1
- package/dist/{Teleport-CSEuZbpM.js → Teleport-D3gvcBbZ.js} +278 -268
- package/dist/baseComp/Modal/Modal.js +3 -3
- package/dist/components/BarrageInput/EmojiPicker/EmojiPicker.js +1 -1
- package/dist/components/LiveScenePanel/index.js +25 -24
- package/dist/components/MessageInput/AttachmentPicker/index.js +1 -1
- package/dist/components/MessageInput/EmojiPicker/EmojiPicker.js +1 -1
- package/dist/components/MessageList/Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.js +3 -3
- package/dist/styles/index.css +1 -1
- package/dist/{useId-CtirfF0W.js → useId-oQ5JZeuH.js} +1 -1
- package/dist/{utils-DaB7eSu5.js → utils-DuzSgmS6.js} +1 -1
- package/package.json +2 -2
- package/src/components/LiveScenePanel/index.vue +1 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as g, ref as E, toRefs as P, renderSlot as _, unref as t, onMounted as A, createBlock as v, openBlock as m, withCtx as f, createVNode as C, mergeProps as y, createCommentVNode as h, normalizeProps as $, guardReactiveProps as T, normalizeClass as R } from "vue";
|
|
2
|
-
import { u as k, c as N, a as D, g as I, F as S, D as L, f as q, d as K, P as F, b as V, e as U, T as W } from "../../Teleport-
|
|
3
|
-
import { u as w } from "../../useId-
|
|
4
|
-
import { g as z } from "../../utils-
|
|
2
|
+
import { u as k, c as N, a as D, g as I, F as S, D as L, f as q, d as K, P as F, b as V, e as U, T as W } from "../../Teleport-D3gvcBbZ.js";
|
|
3
|
+
import { u as w } from "../../useId-oQ5JZeuH.js";
|
|
4
|
+
import { g as z } from "../../utils-DuzSgmS6.js";
|
|
5
5
|
import { _ as G } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const [O, H] = N("DialogRoot");
|
|
7
7
|
var j = /* @__PURE__ */ g({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as j, onMounted as x, createElementBlock as a, openBlock as c, createVNode as o, unref as e, withCtx as r, normalizeClass as i, normalizeStyle as v, createElementVNode as _, Fragment as b, renderList as E } from "vue";
|
|
2
2
|
import { useUIKit as y, IconEmoji as C } from "@tencentcloud/uikit-base-component-vue3";
|
|
3
|
-
import { P, a as h, b as I, c as z } from "../../../PopoverTrigger-
|
|
3
|
+
import { P, a as h, b as I, c as z } from "../../../PopoverTrigger-CglNN8IV.js";
|
|
4
4
|
import { emojiUrlMap as l, emojiBaseUrl as m } from "../../../constants/emoji.js";
|
|
5
5
|
import { transformTextWithEmojiKeyToName as M } from "../../../utils/emoji.js";
|
|
6
6
|
import { useMessageInputState as T } from "../MessageInputState.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as J, computed as V, ref as s, onBeforeUnmount as X, createElementBlock as L, openBlock as c, normalizeClass as ee, unref as I, createVNode as te, createElementVNode as ae, createBlock as k, createCommentVNode as b, Fragment as oe, renderList as ie } from "vue";
|
|
2
|
-
import
|
|
2
|
+
import re, { TRTCMediaSourceType as o, TRTCVideoResolution as ne, TUIVideoQuality as p, TRTCVideoResolutionMode as S } from "@tencentcloud/tuiroom-engine-js";
|
|
3
3
|
import le from "./LiveSceneSelect.js";
|
|
4
4
|
import { useUIKit as se, TUIToast as $, TOAST_TYPE as x } from "@tencentcloud/uikit-base-component-vue3";
|
|
5
5
|
import ce from "./CameraSettingDialog.js";
|
|
@@ -17,11 +17,11 @@ import { resource as ve } from "./i18n/zh-CN/index.js";
|
|
|
17
17
|
const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
18
18
|
__name: "index",
|
|
19
19
|
setup(Se) {
|
|
20
|
-
const { t:
|
|
21
|
-
|
|
22
|
-
await
|
|
20
|
+
const { t: n } = se(), { currentLive: g } = ge(), { mediaSourceList: f, publishVideoQuality: U, addMediaSource: l, updateMediaSource: A, clearMediaSource: D } = ue(), { getCameraList: P } = pe();
|
|
21
|
+
re.once("ready", async () => {
|
|
22
|
+
await P();
|
|
23
23
|
});
|
|
24
|
-
const
|
|
24
|
+
const z = V(
|
|
25
25
|
() => [...f.value].sort(
|
|
26
26
|
(e, t) => {
|
|
27
27
|
var a, i;
|
|
@@ -45,11 +45,11 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
45
45
|
} catch (t) {
|
|
46
46
|
t.name === "NotAllowedError" && t.message.includes("Permission denied") && $({
|
|
47
47
|
type: x.WARNING,
|
|
48
|
-
message:
|
|
48
|
+
message: n("Please check the current browser camera permission")
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
51
|
}, T = async (e, t) => {
|
|
52
|
-
console.log("updateMaterial", t), await
|
|
52
|
+
console.log("updateMaterial", t), await A(e, t), v(), M();
|
|
53
53
|
}, y = s(null), Q = (e) => {
|
|
54
54
|
y.value = e, h.value = !0;
|
|
55
55
|
}, u = s(null);
|
|
@@ -60,8 +60,8 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
60
60
|
[p.kVideoQuality_720p]: { width: 1280, height: 720 },
|
|
61
61
|
[p.kVideoQuality_1080p]: { width: 1920, height: 1080 }
|
|
62
62
|
};
|
|
63
|
-
let { width: i, height:
|
|
64
|
-
return t === S.TRTCVideoResolutionModePortrait && ([i,
|
|
63
|
+
let { width: i, height: r } = a[e];
|
|
64
|
+
return t === S.TRTCVideoResolutionModePortrait && ([i, r] = [r, i]), { width: i, height: r };
|
|
65
65
|
}
|
|
66
66
|
const H = V(() => {
|
|
67
67
|
var e, t;
|
|
@@ -73,16 +73,16 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
73
73
|
var _, R;
|
|
74
74
|
const a = (R = (_ = t.target) == null ? void 0 : _.files) == null ? void 0 : R[0];
|
|
75
75
|
if (!a) return;
|
|
76
|
-
const i = URL.createObjectURL(a),
|
|
77
|
-
|
|
78
|
-
const K =
|
|
76
|
+
const i = URL.createObjectURL(a), r = new Image();
|
|
77
|
+
r.src = i, r.onload = async () => {
|
|
78
|
+
const K = r.width, Y = r.height, { width: Z, height: q } = B(
|
|
79
79
|
U.value,
|
|
80
80
|
H.value === C.Landscape ? S.TRTCVideoResolutionModeLandscape : S.TRTCVideoResolutionModePortrait
|
|
81
81
|
), w = Math.min(Z / K, q / Y);
|
|
82
82
|
await l({
|
|
83
83
|
id: `${o.kImage}_${d(5)}`,
|
|
84
84
|
type: o.kImage,
|
|
85
|
-
name:
|
|
85
|
+
name: n("Image"),
|
|
86
86
|
image: {
|
|
87
87
|
url: i
|
|
88
88
|
},
|
|
@@ -90,8 +90,8 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
90
90
|
rect: {
|
|
91
91
|
left: 0,
|
|
92
92
|
top: 0,
|
|
93
|
-
right:
|
|
94
|
-
bottom:
|
|
93
|
+
right: r.width * w,
|
|
94
|
+
bottom: r.height * w
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
}), URL.revokeObjectURL(i);
|
|
@@ -107,9 +107,10 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
107
107
|
await l({
|
|
108
108
|
id: `${o.kScreen}_${d(5)}`,
|
|
109
109
|
type: o.kScreen,
|
|
110
|
-
name:
|
|
110
|
+
name: n("Screen"),
|
|
111
111
|
screen: {
|
|
112
|
-
resolution:
|
|
112
|
+
resolution: ne.TRTCVideoResolution_1920_1080,
|
|
113
|
+
systemAudio: !0,
|
|
113
114
|
fps: 15
|
|
114
115
|
}
|
|
115
116
|
});
|
|
@@ -121,7 +122,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
121
122
|
await l({
|
|
122
123
|
id: `${o.kVideo}_${d(5)}`,
|
|
123
124
|
type: o.kVideo,
|
|
124
|
-
name:
|
|
125
|
+
name: n("Video"),
|
|
125
126
|
video: {
|
|
126
127
|
url: "https://cdn.pixabay.com/video/2025/05/06/277097_tiny.mp4"
|
|
127
128
|
}
|
|
@@ -131,7 +132,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
131
132
|
await l({
|
|
132
133
|
id: `${o.kText}_${d(5)}`,
|
|
133
134
|
type: o.kText,
|
|
134
|
-
name:
|
|
135
|
+
name: n("Text"),
|
|
135
136
|
text: {
|
|
136
137
|
content: "Hello, World!",
|
|
137
138
|
fontSize: 32,
|
|
@@ -144,7 +145,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
144
145
|
default:
|
|
145
146
|
$({
|
|
146
147
|
type: x.WARNING,
|
|
147
|
-
message:
|
|
148
|
+
message: n("This type of material is not supported yet")
|
|
148
149
|
});
|
|
149
150
|
break;
|
|
150
151
|
}
|
|
@@ -152,7 +153,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
152
153
|
u.value = e, m.value = !0;
|
|
153
154
|
};
|
|
154
155
|
return X(() => {
|
|
155
|
-
|
|
156
|
+
D();
|
|
156
157
|
}), (e, t) => (c(), L("div", {
|
|
157
158
|
class: ee(["live-scene-panel", { "no-material": I(f).length === 0 }])
|
|
158
159
|
}, [
|
|
@@ -161,7 +162,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
161
162
|
onAddMaterial: F
|
|
162
163
|
}, null, 8, ["displayMode"]),
|
|
163
164
|
ae("div", ye, [
|
|
164
|
-
(c(!0), L(oe, null, ie(
|
|
165
|
+
(c(!0), L(oe, null, ie(z.value, (a) => (c(), k(me, {
|
|
165
166
|
key: a.id,
|
|
166
167
|
material: a,
|
|
167
168
|
onCameraSetting: (i) => G(a),
|
|
@@ -183,9 +184,9 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
|
|
|
183
184
|
}, null, 8, ["material"])) : b("", !0)
|
|
184
185
|
], 2));
|
|
185
186
|
}
|
|
186
|
-
}),
|
|
187
|
+
}), Pe = /* @__PURE__ */ fe(ke, [["__scopeId", "data-v-2fc84bfb"]]);
|
|
187
188
|
N("en-US", { translation: he });
|
|
188
189
|
N("zh-CN", { translation: ve });
|
|
189
190
|
export {
|
|
190
|
-
|
|
191
|
+
Pe as LiveScenePanel
|
|
191
192
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as E, computed as k, createElementBlock as o, openBlock as t, normalizeClass as n, unref as e, createBlock as s, withCtx as r, createVNode as c, renderSlot as b, createElementVNode as I, Fragment as f, renderList as h, resolveDynamicComponent as P, mergeProps as C } from "vue";
|
|
2
2
|
import { useUIKit as D, IconPlus as q } from "@tencentcloud/uikit-base-component-vue3";
|
|
3
|
-
import { P as A, a as x, b as L, c as N } from "../../../PopoverTrigger-
|
|
3
|
+
import { P as A, a as x, b as L, c as N } from "../../../PopoverTrigger-CglNN8IV.js";
|
|
4
4
|
import S from "./FilePicker.js";
|
|
5
5
|
import V from "./ImagePicker.js";
|
|
6
6
|
import z from "./VideoPicker.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as g, ref as C, useCssModule as E, onMounted as P, createBlock as h, openBlock as _, unref as e, withCtx as s, createVNode as i, createElementVNode as n, mergeProps as x, renderSlot as M, normalizeClass as a, createElementBlock as u, Fragment as I, renderList as $ } from "vue";
|
|
2
2
|
import { useUIKit as z, IconEmoji as B } from "@tencentcloud/uikit-base-component-vue3";
|
|
3
3
|
import { c as O } from "../../../index-DPczIrgX.js";
|
|
4
|
-
import { P as T, a as y, b as S, c as U } from "../../../PopoverTrigger-
|
|
4
|
+
import { P as T, a as y, b as S, c as U } from "../../../PopoverTrigger-CglNN8IV.js";
|
|
5
5
|
import { View as w } from "../../../baseComp/View/index.js";
|
|
6
6
|
import { emojiUrlMap as c, emojiBaseUrl as m } from "../../../constants/emoji.js";
|
|
7
7
|
import { transformTextWithEmojiKeyToName as N } from "../../../utils/emoji.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ref as q, computed as D, provide as Se, inject as Pe, defineComponent as w, watch as te, h as ie, watchEffect as Be, markRaw as Oe, toRefs as $, createBlock as C, openBlock as h, unref as n, withCtx as g, createVNode as E, renderSlot as M, normalizeProps as x, guardReactiveProps as j, onMounted as ge, mergeDefaults as Ie, onUnmounted as Fe, mergeProps as A, nextTick as k, withModifiers as Ee, createElementBlock as N, Fragment as U, normalizeClass as Q, renderList as ke, normalizeStyle as Ae, createCommentVNode as ue, resolveDynamicComponent as de, createElementVNode as Te, toDisplayString as fe } from "vue";
|
|
2
2
|
import { useUIKit as Re } from "@tencentcloud/uikit-base-component-vue3";
|
|
3
3
|
import { c as Z } from "../../../../../index-DPczIrgX.js";
|
|
4
|
-
import { i as De, l as xe, g as z, j as Ne, S as pe, u as _e, c as K, e as oe, m as $e, n as ce, b as Ke, a as T, F as Le, D as Ve, d as Ue, P as ze, T as je, f as Ge } from "../../../../../Teleport-
|
|
5
|
-
import { d as We, P as Xe, a as Ye, b as He, e as Je, c as G } from "../../../../../PopperContent-
|
|
6
|
-
import { g as Qe, i as Ze, a as ee, F as et, f as tt, L as ot, S as nt, I as rt } from "../../../../../utils-
|
|
4
|
+
import { i as De, l as xe, g as z, j as Ne, S as pe, u as _e, c as K, e as oe, m as $e, n as ce, b as Ke, a as T, F as Le, D as Ve, d as Ue, P as ze, T as je, f as Ge } from "../../../../../Teleport-D3gvcBbZ.js";
|
|
5
|
+
import { d as We, P as Xe, a as Ye, b as He, e as Je, c as G } from "../../../../../PopperContent-CQa08BXt.js";
|
|
6
|
+
import { g as Qe, i as Ze, a as ee, F as et, f as tt, L as ot, S as nt, I as rt } from "../../../../../utils-DuzSgmS6.js";
|
|
7
7
|
import { useMessageActions as at } from "../../../../../hooks/useMessageActions.js";
|
|
8
8
|
import { _ as st } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
9
9
|
const lt = ["INPUT", "TEXTAREA"];
|