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.
@@ -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-CSEuZbpM.js";
3
- import { u as w } from "../../useId-CtirfF0W.js";
4
- import { g as z } from "../../utils-DaB7eSu5.js";
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-L8abAry7.js";
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 ne, { TRTCMediaSourceType as o, TRTCVideoResolution as re, TUIVideoQuality as p, TRTCVideoResolutionMode as S } from "@tencentcloud/tuiroom-engine-js";
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: r } = se(), { currentLive: g } = ge(), { mediaSourceList: f, publishVideoQuality: U, addMediaSource: l, updateMediaSource: D, clearMediaSource: P } = ue(), { getCameraList: z } = pe();
21
- ne.once("ready", async () => {
22
- await z();
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 A = V(
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: r("Please check the current browser camera permission")
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 D(e, t), v(), M();
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: n } = a[e];
64
- return t === S.TRTCVideoResolutionModePortrait && ([i, n] = [n, i]), { width: i, height: n };
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), n = new Image();
77
- n.src = i, n.onload = async () => {
78
- const K = n.width, Y = n.height, { width: Z, height: q } = B(
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: r("Image"),
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: n.width * w,
94
- bottom: n.height * w
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: r("Screen"),
110
+ name: n("Screen"),
111
111
  screen: {
112
- resolution: re.TRTCVideoResolution_1920_1080,
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: r("Video"),
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: r("Text"),
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: r("This type of material is not supported yet")
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
- P();
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(A.value, (a) => (c(), k(me, {
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
- }), ze = /* @__PURE__ */ fe(ke, [["__scopeId", "data-v-571e9fbf"]]);
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
- ze as LiveScenePanel
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-L8abAry7.js";
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-L8abAry7.js";
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-CSEuZbpM.js";
5
- import { d as We, P as Xe, a as Ye, b as He, e as Je, c as G } from "../../../../../PopperContent-XdhqL8Y2.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-DaB7eSu5.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-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"];