tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/LiveScenePanel/icons/CameraMirror.js

@@ -1,36 +1,35 @@
-import { createElementBlock, openBlock, createElementVNode } from "vue";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = {};
-const _hoisted_1 = {
+import { createElementBlock as t, openBlock as i, createElementVNode as l } from "vue";
+import { _ as e } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const o = {}, a = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none"
 };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
+function c(r, f) {
+  return i(), t("svg", a, [...f[0] || (f[0] = [
+    l("path", {
       d: "M7.5 1H8.5V15H7.5V1Z",
       fill: "black",
       "fill-opacity": "0.9",
-      style: { "fill": "#ffffff", "fill-opacity": "0.9" }
+      style: { fill: "#ffffff", "fill-opacity": "0.9" }
     }, null, -1),
-    createElementVNode("path", {
+    l("path", {
       d: "M14.7193 12.4367C14.7501 12.6777 14.6031 12.906 14.3709 12.9777C14.2988 13 14.196 13 13.9904 13H10.6499C10.5104 13 10.4407 13 10.3831 12.9862C10.2003 12.9423 10.0576 12.7995 10.0137 12.6167C9.99986 12.5592 9.99986 12.4895 9.99986 12.35V5.0008C9.99986 4.47031 9.99986 4.20506 10.0408 4.11027C10.1766 3.79537 10.5819 3.70757 10.8359 3.93804C10.9123 4.00742 11.0221 4.24889 11.2416 4.73183L14.5821 12.081C14.6672 12.2682 14.7098 12.3618 14.7193 12.4367ZM10.9999 12H13.4469L10.9999 6.61661V12Z",
       fill: "black",
       "fill-opacity": "0.9",
-      style: { "fill": "#ffffff", "fill-opacity": "0.9" }
+      style: { fill: "#ffffff", "fill-opacity": "0.9" }
     }, null, -1),
-    createElementVNode("path", {
+    l("path", {
       d: "M1.62882 12.9777C1.70093 13 1.80374 13 2.00935 13H5.3499C5.48935 13 5.55908 13 5.61662 12.9862C5.79944 12.9423 5.94219 12.7995 5.98608 12.6167C5.9999 12.5592 5.9999 12.4895 5.9999 12.35V5.0008C5.9999 4.47031 5.9999 4.20506 5.95901 4.11027C5.82317 3.79537 5.41786 3.70757 5.16389 3.93804C5.08744 4.00742 4.97768 4.24889 4.75816 4.73183L1.41761 12.081C1.33253 12.2682 1.28999 12.3618 1.28043 12.4367C1.24964 12.6777 1.39664 12.906 1.62882 12.9777ZM4.9999 6.61661V12H2.5529L4.9999 6.61661Z",
       fill: "black",
       "fill-opacity": "0.9",
-      style: { "fill": "#ffffff", "fill-opacity": "0.9" }
+      style: { fill: "#ffffff", "fill-opacity": "0.9" }
     }, null, -1)
   ])]);
 }
-const CameraMirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const p = /* @__PURE__ */ e(o, [["render", c]]);
 export {
-  CameraMirror as default
+  p as default
 };

package/dist/components/LiveScenePanel/icons/CameraUnmirror.js

@@ -1,29 +1,28 @@
-import { createElementBlock, openBlock, createElementVNode } from "vue";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = {};
-const _hoisted_1 = {
+import { createElementBlock as o, openBlock as f, createElementVNode as e } from "vue";
+import { _ as l } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const r = {}, n = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
+function i(s, t) {
+  return f(), o("svg", n, [...t[0] || (t[0] = [
+    e("path", {
       d: "M3.15332 3L14.4715 14.322",
       stroke: "#1A1A1A",
-      style: { "stroke": "#ffffff", "stroke-opacity": "1" }
+      style: { stroke: "#ffffff", "stroke-opacity": "1" }
     }, null, -1),
-    createElementVNode("path", {
+    e("path", {
       d: "M8.50015 7.65332V15H7.50015V6.65332L8.50015 7.65332ZM6.00015 5.15332V12.3496C6.00015 12.4891 6.00029 12.5596 5.98647 12.6172C5.94249 12.7997 5.79984 12.9424 5.61733 12.9863C5.55979 13.0001 5.48921 13 5.34976 13H2.00991C1.8043 13 1.70116 12.9998 1.62905 12.9775C1.39693 12.9058 1.24964 12.6775 1.28042 12.4365C1.29 12.3617 1.33307 12.2682 1.41811 12.0811L4.75893 4.73145C4.87082 4.48529 4.95373 4.30169 5.0187 4.17188L6.00015 5.15332ZM11.0001 10.1533V12H12.8468L13.8468 13H10.6505C10.5111 13 10.4405 13.0001 10.383 12.9863C10.2005 12.9424 10.0578 12.7997 10.0138 12.6172C10 12.5596 10.0001 12.4891 10.0001 12.3496V9.15332L11.0001 10.1533ZM10.0412 4.11035C10.177 3.79545 10.5821 3.70801 10.8361 3.93848C10.9125 4.00806 11.023 4.24898 11.2423 4.73145L14.5822 12.0811C14.6672 12.2681 14.7103 12.3617 14.7199 12.4365C14.7208 12.4439 14.7193 12.4516 14.7199 12.459L12.7687 10.5078L11.0001 6.61621V8.73926L10.0001 7.73926V5.00098C10.0001 4.47054 10.0003 4.20518 10.0412 4.11035ZM2.55288 12H5.00015V6.61621L2.55288 12ZM8.50015 6.23926L7.50015 5.23926V1H8.50015V6.23926Z",
       fill: "black",
       "fill-opacity": "0.9",
-      style: { "fill": "#ffffff", "fill-opacity": "0.9" }
+      style: { fill: "#ffffff", "fill-opacity": "0.9" }
     }, null, -1)
   ])]);
 }
-const CameraUnMirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const a = /* @__PURE__ */ l(r, [["render", i]]);
 export {
-  CameraUnMirror as default
+  a as default
 };

package/dist/components/LiveScenePanel/icons/ImageIcon.js

@@ -1,7 +1,6 @@
-import { createElementBlock, openBlock, createElementVNode } from "vue";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = {};
-const _hoisted_1 = {
+import { createElementBlock as t, openBlock as o, createElementVNode as c } from "vue";
+import { _ as n } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const r = {}, s = {
   t: "1752222201352",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -11,16 +10,16 @@ const _hoisted_1 = {
   width: "16",
   height: "16"
 };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
+function l(i, e) {
+  return o(), t("svg", s, [...e[0] || (e[0] = [
+    c("path", {
       d: "M509.887896 135.642307c120.842229 0 241.684458-0.038886 362.526687 0.016373 40.700981 0.021489 74.195839 26.924209 82.769099 66.542532 1.329275 6.166443 1.819438 12.627598 1.823532 18.945491 0.093121 185.126324 0.127913 370.247532 0.047072 555.372833-0.020466 48.373731-36.548404 85.290525-84.897575 85.315084-241.300718 0.13917-482.59632 0.135076-723.897038 0-48.357358-0.029676-84.931345-36.953633-84.951811-85.297688-0.076748-185.122231-0.068562-370.246509-0.008186-555.36874 0.017396-49.007157 36.746926-85.518722 85.801155-85.531002 120.264061-0.013303 240.528122 0 360.79116 0l0 0L509.887896 135.642307zM510.517229 191.376679L303.759235 191.376679c-51.355645 0-102.703103 0.037862-154.058748-0.037862-9.831926-0.016373-18.139126 2.981914-24.490787 10.744715-5.233188 6.389524-6.052856 13.873985-6.052856 21.779026 0.059352 183.208649 0.046049 366.413204 0.051165 549.621852 0 2.124384 0.013303 4.247744 0.130983 6.363941 0.485047 8.890484 4.620227 15.791661 11.69025 20.990057 6.241145 4.587482 13.467733 5.207605 20.934798 5.207605 219.883943-0.037862 439.771979-0.029676 659.655921-0.029676 19.882839 0 39.766702-0.030699 59.653635 0.007163 7.379061 0.017396 14.141068-1.731434 19.883863-6.575766 7.876388-6.631024 10.220782-15.364943 10.220782-25.326828-0.071631-183.209672-0.051165-366.413204-0.055259-549.620829 0-22.370497-10.67206-33.123398-32.887015-33.128515L510.521323 191.371562l0 0L510.517229 191.376679zM510.517229 191.376679M753.7346 498.974335c-18.72241 0-37.453007-0.397043-56.167231 0.089028-31.966039 0.837064-59.256592 13.481036-83.756589 33.55421-18.329461 15.019065-36.722366 30.134321-56.298214 43.423999-25.098631 17.041118-52.92642 28.478612-83.245959 32.828686-6.664793 0.957815-13.446243 1.490957-20.178575 1.537006-25.479301 0.177032-50.979068 0.603751-76.44609-0.089028-22.180162-0.599657-42.258453 5.438872-61.283762 16.074094-15.09479 8.429996-28.566616 18.87386-40.413432 31.586392-17.506722 18.780739-35.319413 37.274952-53.28253 55.620785-10.971889 11.20418-28.037567 11.360745-39.111786 0.937348-10.879792-10.242272-12.222369-27.523867-1.744737-38.60525 22.932292-24.26259 45.561685-48.931432 69.972655-71.64883 29.018917-27.004027 63.633273-43.943838 103.526865-48.653093 6.305613-0.743944 12.703323-0.916882 19.064194-0.945535 24.709775-0.101307 49.433876-0.469698 74.131371 0.100284 18.021445 0.418532 34.770921-3.656273 50.958602-10.997472 23.51967-10.663874 45.274136-24.00574 64.312748-41.645492 25.196869-23.350824 52.990888-42.774199 86.667895-51.504024 15.566534-4.03285 31.806403-6.997368 47.824215-7.445576 38.774095-1.081635 77.595262-0.490164 116.40415-0.38374 12.307304 0.033769 21.606087 5.621021 26.539446 17.07898 4.6366 10.751878 2.676969 20.85498-4.975315 29.626761-5.819542 6.67298-13.497409 9.207709-22.261003 9.16473-20.077268-0.101307-40.154535-0.030699-60.231803-0.030699l0 0.334621 0 0L753.7346 498.974335zM753.7346 498.974335M342.600869 303.278281c30.919197 0.030699 56.005548 25.125237 55.917544 55.939033-0.089028 30.800493-25.285896 55.755862-56.216349 55.667857-30.547737-0.089028-55.490825-25.061792-55.638181-55.689347C286.515502 328.441381 311.719534 303.248605 342.600869 303.278281L342.600869 303.278281 342.600869 303.278281zM342.600869 303.278281",
       fill: "#D5E0F2",
       "p-id": "4935"
     }, null, -1)
   ])]);
 }
-const ImageIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const p = /* @__PURE__ */ n(r, [["render", l]]);
 export {
-  ImageIcon as default
+  p as default
 };

package/dist/components/LiveScenePanel/icons/MoreIcon.js

@@ -1,36 +1,35 @@
-import { createElementBlock, openBlock, createElementVNode } from "vue";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = {};
-const _hoisted_1 = {
+import { createElementBlock as t, openBlock as i, createElementVNode as l } from "vue";
+import { _ as o } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const e = {}, c = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none"
 };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", {
+function n(a, f) {
+  return i(), t("svg", c, [...f[0] || (f[0] = [
+    l("path", {
       d: "M8 4C8.55225 4 9 3.55228 9 3C9 2.44772 8.55225 2 8 2C7.44775 2 7 2.44772 7 3C7 3.55228 7.44775 4 8 4Z",
       fill: "black",
       "fill-opacity": "0.9",
-      style: { "fill": "#ffffff", "fill-opacity": "0.9" }
+      style: { fill: "#ffffff", "fill-opacity": "0.9" }
     }, null, -1),
-    createElementVNode("path", {
+    l("path", {
       d: "M8 9C8.55225 9 9 8.55228 9 8C9 7.44772 8.55225 7 8 7C7.44775 7 7 7.44772 7 8C7 8.55228 7.44775 9 8 9Z",
       fill: "black",
       "fill-opacity": "0.9",
-      style: { "fill": "#ffffff", "fill-opacity": "0.9" }
+      style: { fill: "#ffffff", "fill-opacity": "0.9" }
     }, null, -1),
-    createElementVNode("path", {
+    l("path", {
       d: "M9 13C9 13.5523 8.55225 14 8 14C7.44775 14 7 13.5523 7 13C7 12.4477 7.44775 12 8 12C8.55225 12 9 12.4477 9 13Z",
       fill: "black",
       "fill-opacity": "0.9",
-      style: { "fill": "#ffffff", "fill-opacity": "0.9" }
+      style: { fill: "#ffffff", "fill-opacity": "0.9" }
     }, null, -1)
   ])]);
 }
-const MoreIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const s = /* @__PURE__ */ o(e, [["render", n]]);
 export {
-  MoreIcon as default
+  s as default
 };

package/dist/components/LiveScenePanel/icons/ScreenIcon.js

@@ -1,19 +1,18 @@
-import { createElementBlock, openBlock, createStaticVNode } from "vue";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = {};
-const _hoisted_1 = {
+import { createElementBlock as e, openBlock as o, createStaticVNode as i } from "vue";
+import { _ as s } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const r = {}, a = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none"
 };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createStaticVNode('<mask id="path-1-inside-1_973_32142" fill="white"><path d="M4.90384 11.4823C4.95994 11.2019 5.20619 11 5.49218 11H10.5084C10.7944 11 11.0407 11.2019 11.0968 11.4824L11.5233 13.6157C11.5976 13.987 11.3136 14.3333 10.935 14.3333H5.06541C4.68677 14.3333 4.4028 13.9869 4.47707 13.6156L4.90384 11.4823Z"></path></mask><path d="M4.90384 11.4823C4.95994 11.2019 5.20619 11 5.49218 11H10.5084C10.7944 11 11.0407 11.2019 11.0968 11.4824L11.5233 13.6157C11.5976 13.987 11.3136 14.3333 10.935 14.3333H5.06541C4.68677 14.3333 4.4028 13.9869 4.47707 13.6156L4.90384 11.4823Z" fill="url(#paint0_linear_973_32142)"></path><path d="M4.47707 13.6156L3.30039 13.3802L4.47707 13.6156ZM11.5233 13.6157L10.3466 13.851L11.5233 13.6157ZM11.0968 11.4824L12.2735 11.2471L11.0968 11.4824ZM4.90384 11.4823L6.08053 11.7177L4.90384 11.4823ZM5.49218 12.2H10.5084V9.8H5.49218V12.2ZM9.92007 11.7176L10.3466 13.851L12.7 13.3804L12.2735 11.2471L9.92007 11.7176ZM10.935 13.1333H5.06541V15.5333H10.935V13.1333ZM5.65376 13.851L6.08053 11.7177L3.72716 11.2469L3.30039 13.3802L5.65376 13.851ZM5.06541 13.1333C5.44405 13.1333 5.72803 13.4797 5.65376 13.851L3.30039 13.3802C3.07756 14.4941 3.9295 15.5333 5.06541 15.5333V13.1333ZM10.3466 13.851C10.2724 13.4797 10.5564 13.1333 10.935 13.1333V15.5333C12.0708 15.5333 12.9228 14.4942 12.7 13.3804L10.3466 13.851ZM10.5084 12.2C10.2224 12.2 9.97615 11.9981 9.92007 11.7176L12.2735 11.2471C12.1052 10.4057 11.3665 9.8 10.5084 9.8V12.2ZM5.49218 9.8C4.63419 9.8 3.89546 10.4056 3.72716 11.2469L6.08053 11.7177C6.02443 11.9981 5.77818 12.2 5.49218 12.2V9.8Z" fill="#D5E0F2" mask="url(#path-1-inside-1_973_32142)"></path><path d="M1.93337 2.6V2.6H14.0667V11.4H1.93337L1.93337 2.6Z" fill="url(#paint1_linear_973_32142)" stroke="#D5E0F2" stroke-width="1.2" stroke-linejoin="round"></path><path d="M10 6.66699L8.17072 5.14259C8.07182 5.06018 7.92818 5.06018 7.82928 5.14259L6 6.66699" stroke="#D5E0F2" stroke-width="1.2"></path><path d="M10 9L8.17072 7.4756C8.07182 7.39319 7.92818 7.39319 7.82928 7.4756L6 9" stroke="#D5E0F2" stroke-width="1.2"></path><defs><linearGradient id="paint0_linear_973_32142" x1="15.0702" y1="17.0606" x2="11.0184" y2="4.26977" gradientUnits="userSpaceOnUse"><stop stop-color="#4F586B"></stop><stop offset="1" stop-color="#4F586B" stop-opacity="0"></stop></linearGradient><linearGradient id="paint1_linear_973_32142" x1="21.3334" y1="20.1818" x2="4.36545" y2="-13.491" gradientUnits="userSpaceOnUse"><stop stop-color="#4F586B"></stop><stop offset="1" stop-color="#4F586B" stop-opacity="0"></stop></linearGradient></defs>', 7)
+function n(p, t) {
+  return o(), e("svg", a, [...t[0] || (t[0] = [
+    i('<mask id="path-1-inside-1_973_32142" fill="white"><path d="M4.90384 11.4823C4.95994 11.2019 5.20619 11 5.49218 11H10.5084C10.7944 11 11.0407 11.2019 11.0968 11.4824L11.5233 13.6157C11.5976 13.987 11.3136 14.3333 10.935 14.3333H5.06541C4.68677 14.3333 4.4028 13.9869 4.47707 13.6156L4.90384 11.4823Z"></path></mask><path d="M4.90384 11.4823C4.95994 11.2019 5.20619 11 5.49218 11H10.5084C10.7944 11 11.0407 11.2019 11.0968 11.4824L11.5233 13.6157C11.5976 13.987 11.3136 14.3333 10.935 14.3333H5.06541C4.68677 14.3333 4.4028 13.9869 4.47707 13.6156L4.90384 11.4823Z" fill="url(#paint0_linear_973_32142)"></path><path d="M4.47707 13.6156L3.30039 13.3802L4.47707 13.6156ZM11.5233 13.6157L10.3466 13.851L11.5233 13.6157ZM11.0968 11.4824L12.2735 11.2471L11.0968 11.4824ZM4.90384 11.4823L6.08053 11.7177L4.90384 11.4823ZM5.49218 12.2H10.5084V9.8H5.49218V12.2ZM9.92007 11.7176L10.3466 13.851L12.7 13.3804L12.2735 11.2471L9.92007 11.7176ZM10.935 13.1333H5.06541V15.5333H10.935V13.1333ZM5.65376 13.851L6.08053 11.7177L3.72716 11.2469L3.30039 13.3802L5.65376 13.851ZM5.06541 13.1333C5.44405 13.1333 5.72803 13.4797 5.65376 13.851L3.30039 13.3802C3.07756 14.4941 3.9295 15.5333 5.06541 15.5333V13.1333ZM10.3466 13.851C10.2724 13.4797 10.5564 13.1333 10.935 13.1333V15.5333C12.0708 15.5333 12.9228 14.4942 12.7 13.3804L10.3466 13.851ZM10.5084 12.2C10.2224 12.2 9.97615 11.9981 9.92007 11.7176L12.2735 11.2471C12.1052 10.4057 11.3665 9.8 10.5084 9.8V12.2ZM5.49218 9.8C4.63419 9.8 3.89546 10.4056 3.72716 11.2469L6.08053 11.7177C6.02443 11.9981 5.77818 12.2 5.49218 12.2V9.8Z" fill="#D5E0F2" mask="url(#path-1-inside-1_973_32142)"></path><path d="M1.93337 2.6V2.6H14.0667V11.4H1.93337L1.93337 2.6Z" fill="url(#paint1_linear_973_32142)" stroke="#D5E0F2" stroke-width="1.2" stroke-linejoin="round"></path><path d="M10 6.66699L8.17072 5.14259C8.07182 5.06018 7.92818 5.06018 7.82928 5.14259L6 6.66699" stroke="#D5E0F2" stroke-width="1.2"></path><path d="M10 9L8.17072 7.4756C8.07182 7.39319 7.92818 7.39319 7.82928 7.4756L6 9" stroke="#D5E0F2" stroke-width="1.2"></path><defs><linearGradient id="paint0_linear_973_32142" x1="15.0702" y1="17.0606" x2="11.0184" y2="4.26977" gradientUnits="userSpaceOnUse"><stop stop-color="#4F586B"></stop><stop offset="1" stop-color="#4F586B" stop-opacity="0"></stop></linearGradient><linearGradient id="paint1_linear_973_32142" x1="21.3334" y1="20.1818" x2="4.36545" y2="-13.491" gradientUnits="userSpaceOnUse"><stop stop-color="#4F586B"></stop><stop offset="1" stop-color="#4F586B" stop-opacity="0"></stop></linearGradient></defs>', 7)
   ])]);
 }
-const ScreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const L = /* @__PURE__ */ s(r, [["render", n]]);
 export {
-  ScreenIcon as default
+  L as default
 };

package/dist/components/LiveScenePanel/index.js

@@ -1,177 +1,137 @@
-import { defineComponent, computed, ref, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, createBlock, createCommentVNode, Fragment, renderList } from "vue";
-import TUIRoomEngine, { TRTCMediaSourceType, TRTCVideoResolution, TUIVideoQuality, TRTCVideoResolutionMode } from "@tencentcloud/tuiroom-engine-js";
-import LiveSceneSelect from "./LiveSceneSelect.js";
-import { useUIKit, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import CameraSettingDialog from "./CameraSettingDialog.js";
-import { _ as _sfc_main$1 } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-CVh4Regz.js";
-import MaterialItem from "./MaterialItem.js";
-import { useVideoMixerState } from "../../states/VideoMixerState.js";
-import { useDeviceState } from "../../states/DeviceState.js";
-import { useLiveState } from "../../states/LiveState/index.js";
-import { getNanoId } from "../../utils/utils.js";
-import { LiveOrientation } from "../../types/live.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-import { addI18n } from "../../i18n/index.js";
-import { resource } from "./i18n/en-US/index.js";
-import { resource as resource$1 } from "./i18n/zh-CN/index.js";
-const _hoisted_1 = { class: "materials-list" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+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";
+import ne, { TRTCMediaSourceType as o, TRTCVideoResolution as re, TUIVideoQuality as p, TRTCVideoResolutionMode as S } from "@tencentcloud/tuiroom-engine-js";
+import le from "./LiveSceneSelect.js";
+import { useUIKit as se, TUIToast as $, TOAST_TYPE as x } from "@tencentcloud/uikit-base-component-vue3";
+import ce from "./CameraSettingDialog.js";
+import { _ as de } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-C8oUv-KF.js";
+import me from "./MaterialItem.js";
+import { useVideoMixerState as ue } from "../../states/VideoMixerState.js";
+import { useDeviceState as pe } from "../../states/DeviceState.js";
+import { useLiveState as ge } from "../../states/LiveState/index.js";
+import { getNanoId as d } from "../../utils/utils.js";
+import { LiveOrientation as C } from "../../types/live.js";
+import { _ as fe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { addI18n as N } from "../../i18n/index.js";
+import { resource as he } from "./i18n/en-US/index.js";
+import { resource as ve } from "./i18n/zh-CN/index.js";
+const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
   __name: "index",
-  setup(__props) {
-    const { t } = useUIKit();
-    const { currentLive } = useLiveState();
-    const { mediaSourceList, publishVideoQuality, addMediaSource, updateMediaSource, clearMediaSource } = useVideoMixerState();
-    const { getCameraList } = useDeviceState();
-    TUIRoomEngine.once("ready", async () => {
-      await getCameraList();
+  setup(Se) {
+    const { t: r } = se(), { currentLive: g } = ge(), { mediaSourceList: f, publishVideoQuality: U, addMediaSource: l, updateMediaSource: D, clearMediaSource: P } = ue(), { getCameraList: z } = pe();
+    ne.once("ready", async () => {
+      await z();
     });
-    const mediaSourceListWithZOrderSort = computed(
-      () => [...mediaSourceList.value].sort(
-        (item1, item2) => {
-          var _a, _b;
-          return ((_a = item2.layout) == null ? void 0 : _a.zOrder) - ((_b = item1.layout) == null ? void 0 : _b.zOrder);
+    const A = V(
+      () => [...f.value].sort(
+        (e, t) => {
+          var a, i;
+          return ((a = t.layout) == null ? void 0 : a.zOrder) - ((i = e.layout) == null ? void 0 : i.zOrder);
         }
       )
-    );
-    const showMaterialDialog = ref(false);
-    const showCameraSettingDialog = ref(false);
-    const showMaterialRenameDialog = ref(false);
-    const closeMaterialDialog = () => {
-      showMaterialDialog.value = false;
-    };
-    const closeCameraSettingDialog = () => {
-      showCameraSettingDialog.value = false;
-    };
-    const closeMaterialRenameDialog = () => {
-      showMaterialRenameDialog.value = false;
-    };
-    const addCameraMaterial = async (material) => {
-      console.log("addCameraMaterial", material);
+    ), O = s(!1), m = s(!1), h = s(!1), W = () => {
+      O.value = !1;
+    }, v = () => {
+      m.value = !1;
+    }, M = () => {
+      h.value = !1;
+    }, E = async (e) => {
+      console.log("addCameraMaterial", e);
       try {
-        await addMediaSource({
-          id: material.id || `${TRTCMediaSourceType.kCamera}_${getNanoId(5)}`,
-          type: material.type || TRTCMediaSourceType.kCamera,
-          ...material
+        await l({
+          id: e.id || `${o.kCamera}_${d(5)}`,
+          type: e.type || o.kCamera,
+          ...e
+        }), v();
+      } catch (t) {
+        t.name === "NotAllowedError" && t.message.includes("Permission denied") && $({
+          type: x.WARNING,
+          message: r("Please check the current browser camera permission")
         });
-        closeCameraSettingDialog();
-      } catch (error) {
-        if (error.name === "NotAllowedError" && error.message.includes("Permission denied")) {
-          TUIToast({
-            type: TOAST_TYPE.WARNING,
-            message: t("Please check the current browser camera permission")
-          });
-        }
       }
-    };
-    const updateMaterial = async (material, materialOption) => {
-      console.log("updateMaterial", materialOption);
-      await updateMediaSource(material, materialOption);
-      closeCameraSettingDialog();
-      closeMaterialRenameDialog();
-    };
-    const renameMaterial = ref(null);
-    const updateMaterialName = (material) => {
-      renameMaterial.value = material;
-      showMaterialRenameDialog.value = true;
-    };
-    const cameraSettingMediaSource = ref(null);
-    function getCanvasSize(videoResolution, resMode) {
-      const sizeMap = {
-        [TUIVideoQuality.kVideoQuality_360p]: { width: 640, height: 360 },
-        [TUIVideoQuality.kVideoQuality_540p]: { width: 960, height: 540 },
-        [TUIVideoQuality.kVideoQuality_720p]: { width: 1280, height: 720 },
-        [TUIVideoQuality.kVideoQuality_1080p]: { width: 1920, height: 1080 }
+    }, T = async (e, t) => {
+      console.log("updateMaterial", t), await D(e, t), v(), M();
+    }, y = s(null), Q = (e) => {
+      y.value = e, h.value = !0;
+    }, u = s(null);
+    function B(e, t) {
+      const a = {
+        [p.kVideoQuality_360p]: { width: 640, height: 360 },
+        [p.kVideoQuality_540p]: { width: 960, height: 540 },
+        [p.kVideoQuality_720p]: { width: 1280, height: 720 },
+        [p.kVideoQuality_1080p]: { width: 1920, height: 1080 }
       };
-      let { width, height } = sizeMap[videoResolution];
-      if (resMode === TRTCVideoResolutionMode.TRTCVideoResolutionModePortrait) {
-        [width, height] = [height, width];
-      }
-      return { width, height };
+      let { width: i, height: n } = a[e];
+      return t === S.TRTCVideoResolutionModePortrait && ([i, n] = [n, i]), { width: i, height: n };
     }
-    const currentLiveOrientation = computed(() => {
-      var _a, _b;
-      if (currentLive.value && ((_a = currentLive.value) == null ? void 0 : _a.layoutTemplate) >= 200 && ((_b = currentLive.value) == null ? void 0 : _b.layoutTemplate) <= 599) {
-        return LiveOrientation.Landscape;
-      }
-      return LiveOrientation.Portrait;
+    const H = V(() => {
+      var e, t;
+      return g.value && ((e = g.value) == null ? void 0 : e.layoutTemplate) >= 200 && ((t = g.value) == null ? void 0 : t.layoutTemplate) <= 599 ? C.Landscape : C.Portrait;
     });
-    function addImageMaterial() {
-      const input = document.createElement("input");
-      input.type = "file";
-      input.accept = "image/*";
-      input.onchange = async (e) => {
-        var _a, _b;
-        const file = (_b = (_a = e.target) == null ? void 0 : _a.files) == null ? void 0 : _b[0];
-        if (!file) return;
-        const url = URL.createObjectURL(file);
-        const image = new Image();
-        image.src = url;
-        image.onload = async () => {
-          const imageWidth = image.width;
-          const imageHeight = image.height;
-          const { width: canvasWidth, height: canvasHeight } = getCanvasSize(
-            publishVideoQuality.value,
-            currentLiveOrientation.value === LiveOrientation.Landscape ? TRTCVideoResolutionMode.TRTCVideoResolutionModeLandscape : TRTCVideoResolutionMode.TRTCVideoResolutionModePortrait
-          );
-          const scale = Math.min(canvasWidth / imageWidth, canvasHeight / imageHeight);
-          await addMediaSource({
-            id: `${TRTCMediaSourceType.kImage}_${getNanoId(5)}`,
-            type: TRTCMediaSourceType.kImage,
-            name: t("Image"),
+    function j() {
+      const e = document.createElement("input");
+      e.type = "file", e.accept = "image/*", e.onchange = async (t) => {
+        var _, R;
+        const a = (R = (_ = t.target) == null ? void 0 : _.files) == null ? void 0 : R[0];
+        if (!a) return;
+        const i = URL.createObjectURL(a), n = new Image();
+        n.src = i, n.onload = async () => {
+          const K = n.width, Y = n.height, { width: Z, height: q } = B(
+            U.value,
+            H.value === C.Landscape ? S.TRTCVideoResolutionModeLandscape : S.TRTCVideoResolutionModePortrait
+          ), w = Math.min(Z / K, q / Y);
+          await l({
+            id: `${o.kImage}_${d(5)}`,
+            type: o.kImage,
+            name: r("Image"),
             image: {
-              url
+              url: i
             },
             layout: {
               rect: {
                 left: 0,
                 top: 0,
-                right: image.width * scale,
-                bottom: image.height * scale
+                right: n.width * w,
+                bottom: n.height * w
               }
             }
-          });
-          URL.revokeObjectURL(url);
+          }), URL.revokeObjectURL(i);
         };
-      };
-      input.click();
+      }, e.click();
     }
-    const selectMaterial = async (type) => {
-      closeMaterialDialog();
-      console.log("添加素材:", type);
-      switch (type) {
-        case TRTCMediaSourceType.kCamera:
-          cameraSettingMediaSource.value = null;
-          showCameraSettingDialog.value = true;
+    const F = async (e) => {
+      switch (W(), console.log("添加素材:", e), e) {
+        case o.kCamera:
+          u.value = null, m.value = !0;
           break;
-        case TRTCMediaSourceType.kScreen:
-          await addMediaSource({
-            id: `${TRTCMediaSourceType.kScreen}_${getNanoId(5)}`,
-            type: TRTCMediaSourceType.kScreen,
-            name: t("Screen"),
+        case o.kScreen:
+          await l({
+            id: `${o.kScreen}_${d(5)}`,
+            type: o.kScreen,
+            name: r("Screen"),
             screen: {
-              resolution: TRTCVideoResolution.TRTCVideoResolution_1920_1080,
+              resolution: re.TRTCVideoResolution_1920_1080,
               fps: 15
             }
           });
           break;
-        case TRTCMediaSourceType.kImage:
-          addImageMaterial();
+        case o.kImage:
+          j();
           break;
-        case TRTCMediaSourceType.kVideo:
-          await addMediaSource({
-            id: `${TRTCMediaSourceType.kVideo}_${getNanoId(5)}`,
-            type: TRTCMediaSourceType.kVideo,
-            name: t("Video"),
+        case o.kVideo:
+          await l({
+            id: `${o.kVideo}_${d(5)}`,
+            type: o.kVideo,
+            name: r("Video"),
             video: {
               url: "https://cdn.pixabay.com/video/2025/05/06/277097_tiny.mp4"
             }
           });
           break;
-        case TRTCMediaSourceType.kText:
-          await addMediaSource({
-            id: `${TRTCMediaSourceType.kText}_${getNanoId(5)}`,
-            type: TRTCMediaSourceType.kText,
-            name: t("Text"),
+        case o.kText:
+          await l({
+            id: `${o.kText}_${d(5)}`,
+            type: o.kText,
+            name: r("Text"),
             text: {
               content: "Hello, World!",
               fontSize: 32,
@@ -182,58 +142,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
           break;
         default:
-          TUIToast({
-            type: TOAST_TYPE.WARNING,
-            message: t("This type of material is not supported yet")
+          $({
+            type: x.WARNING,
+            message: r("This type of material is not supported yet")
           });
           break;
       }
+    }, G = (e) => {
+      u.value = e, m.value = !0;
     };
-    const updateCameraSetting = (material) => {
-      cameraSettingMediaSource.value = material;
-      showCameraSettingDialog.value = true;
-    };
-    onBeforeUnmount(() => {
-      clearMediaSource();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["live-scene-panel", { "no-material": unref(mediaSourceList).length === 0 }])
-      }, [
-        createVNode(LiveSceneSelect, {
-          displayMode: unref(mediaSourceList).length === 0 ? "panel" : "button",
-          onAddMaterial: selectMaterial
-        }, null, 8, ["displayMode"]),
-        createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(mediaSourceListWithZOrderSort.value, (material) => {
-            return openBlock(), createBlock(MaterialItem, {
-              key: material.id,
-              material,
-              onCameraSetting: ($event) => updateCameraSetting(material),
-              onRename: ($event) => updateMaterialName(material)
-            }, null, 8, ["material", "onCameraSetting", "onRename"]);
-          }), 128))
-        ]),
-        showCameraSettingDialog.value ? (openBlock(), createBlock(CameraSettingDialog, {
-          key: 0,
-          mediaSource: cameraSettingMediaSource.value,
-          onClose: closeCameraSettingDialog,
-          onAddCameraMaterial: addCameraMaterial,
-          onUpdateCameraMaterial: _cache[0] || (_cache[0] = ($event) => updateMaterial(cameraSettingMediaSource.value, $event))
-        }, null, 8, ["mediaSource"])) : createCommentVNode("", true),
-        showMaterialRenameDialog.value ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 1,
-          material: renameMaterial.value,
-          onClose: closeMaterialRenameDialog,
-          onRename: _cache[1] || (_cache[1] = ($event) => updateMaterial(renameMaterial.value, { name: $event }))
-        }, null, 8, ["material"])) : createCommentVNode("", true)
-      ], 2);
-    };
+    return X(() => {
+      P();
+    }), (e, t) => (c(), L("div", {
+      class: ee(["live-scene-panel", { "no-material": I(f).length === 0 }])
+    }, [
+      te(le, {
+        displayMode: I(f).length === 0 ? "panel" : "button",
+        onAddMaterial: F
+      }, null, 8, ["displayMode"]),
+      ae("div", ye, [
+        (c(!0), L(oe, null, ie(A.value, (a) => (c(), k(me, {
+          key: a.id,
+          material: a,
+          onCameraSetting: (i) => G(a),
+          onRename: (i) => Q(a)
+        }, null, 8, ["material", "onCameraSetting", "onRename"]))), 128))
+      ]),
+      m.value ? (c(), k(ce, {
+        key: 0,
+        mediaSource: u.value,
+        onClose: v,
+        onAddCameraMaterial: E,
+        onUpdateCameraMaterial: t[0] || (t[0] = (a) => T(u.value, a))
+      }, null, 8, ["mediaSource"])) : b("", !0),
+      h.value ? (c(), k(de, {
+        key: 1,
+        material: y.value,
+        onClose: M,
+        onRename: t[1] || (t[1] = (a) => T(y.value, { name: a }))
+      }, null, 8, ["material"])) : b("", !0)
+    ], 2));
   }
-});
-const LiveScenePanelComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e1c7a80b"]]);
-addI18n("en-US", { translation: resource });
-addI18n("zh-CN", { translation: resource$1 });
+}), ze = /* @__PURE__ */ fe(ke, [["__scopeId", "data-v-e1c7a80b"]]);
+N("en-US", { translation: he });
+N("zh-CN", { translation: ve });
 export {
-  LiveScenePanelComponent as LiveScenePanel
+  ze as LiveScenePanel
 };