tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

package/dist/components/UserPicker/hooks/useSearchFilter.js

@@ -1,50 +1,58 @@
-import { ref as f, computed as h } from "vue";
+import { ref as h, computed as f } from "vue";
 function d(e) {
   return e.length === 0 ? !1 : "isLeafNode" in e[0];
 }
-function m(e, i) {
-  if (!i.trim())
+function m(e, a) {
+  if (!a.trim())
     return e;
-  const l = (r) => r.label.toLowerCase().includes(i.toLowerCase()), u = (r) => {
-    const n = [];
-    return r.forEach((t) => {
-      const c = l(t);
-      let s = [];
-      t.children && t.children.length && (s = u(t.children)), (c || s.length > 0) && n.push({
-        ...t,
-        children: s.length > 0 ? s : t.children
+  const t = a.toLowerCase(), u = (l) => l.key.toLowerCase().includes(t) || l.label.toLowerCase().includes(t), r = (l) => {
+    const c = [];
+    return l.forEach((n) => {
+      const o = u(n);
+      let i = [];
+      n.children && n.children.length && (i = r(n.children)), (o || i.length > 0) && c.push({
+        ...n,
+        children: i.length > 0 ? i : n.children
       });
-    }), n;
+    }), c;
   };
-  return u(e);
+  return r(e);
 }
-function g(e, i) {
-  return i.trim() ? e.filter((l) => l.label.toLowerCase().includes(i.toLowerCase())) : e;
+function w(e, a) {
+  if (!a.trim())
+    return e;
+  const t = a.toLowerCase();
+  return e.filter(
+    (u) => u.key.toLowerCase().includes(t) || u.label.toLowerCase().includes(t)
+  );
 }
-function p({
+function C({
   dataSource: e,
-  isTreeMode: i = !1,
-  onSearch: l,
+  isTreeMode: a = !1,
+  onSearch: t,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   debounceTime: u = 300
 }) {
-  const r = f(""), n = f(!1), t = h(() => r.value.trim() ? i && d(e.value) ? m(e.value, r.value) : g(e.value, r.value) : e.value), c = (a) => {
-    n.value = !0, r.value = a, l && l(a), n.value = !1;
-  }, s = () => {
-    r.value = "", l && l("");
-  }, o = (a) => {
-    r.value = a;
-  }, v = h(() => r.value.trim() ? Array.isArray(t.value) && t.value.length === 0 : !1);
+  const r = h(""), l = h(!1), c = f(() => {
+    const s = r.value.trim();
+    return s ? a && d(e.value) ? m(e.value, s) : t ? t(e.value, s) : w(e.value, s) : e.value;
+  }), n = (s) => {
+    l.value = !0, r.value = s, l.value = !1;
+  }, o = () => {
+    r.value = "";
+  }, i = (s) => {
+    r.value = s;
+  }, v = f(() => r.value.trim() ? Array.isArray(c.value) && c.value.length === 0 : !1);
   return {
     searchValue: r,
-    setSearchValue: o,
-    filteredData: t,
-    isSearching: n,
-    handleSearch: c,
-    clearSearch: s,
+    setSearchValue: i,
+    filteredData: c,
+    isSearching: l,
+    handleSearch: n,
+    clearSearch: o,
     isSearchEmpty: v
   };
 }
 export {
-  p as useSearchFilter
+  C as useSearchFilter
 };

package/dist/components/UserPicker/i18n/en-US.d.ts

@@ -3,5 +3,6 @@ declare const UserPicker: {
     no_result: string;
     no_data_available: string;
     selected: string;
+    people_unit: string;
 };
 export default UserPicker;

package/dist/components/UserPicker/i18n/en-US.js

@@ -2,7 +2,8 @@ const e = {
   search: "Search",
   no_result: "No result",
   no_data_available: "No data available",
-  selected: "Selected"
+  selected: "Selected",
+  people_unit: "people"
 };
 export {
   e as default

package/dist/components/UserPicker/i18n/index.d.ts

@@ -4,12 +4,14 @@ declare const resources: {
         no_result: string;
         no_data_available: string;
         selected: string;
+        people_unit: string;
     };
     'zh-CN': {
         search: string;
         no_result: string;
         no_data_available: string;
         selected: string;
+        people_unit: string;
     };
 };
 export { resources };

package/dist/components/UserPicker/i18n/zh-CN.d.ts

@@ -3,5 +3,6 @@ declare const UserPicker: {
     no_result: string;
     no_data_available: string;
     selected: string;
+    people_unit: string;
 };
 export default UserPicker;

package/dist/components/UserPicker/i18n/zh-CN.js

@@ -2,7 +2,8 @@ const e = {
   search: "搜索",
   no_result: "没有结果",
   no_data_available: "无数据",
-  selected: "已选择"
+  selected: "已选择",
+  people_unit: "人"
 };
 export {
   e as default

package/dist/components/UserPicker/index.d.ts

@@ -17,7 +17,7 @@ declare const UserPicker: import('vue').DefineComponent<import('vue').ExtractPro
         type: import('vue').PropType<(data: UserPickerRow<unknown> | UserPickerNode<unknown>) => any>;
     };
     onSearch: {
-        type: import('vue').PropType<(value: string) => void>;
+        type: import('vue').PropType<(dataSource: UserPickerRow<unknown>[], keyword: string) => UserPickerRow<unknown>[]>;
     };
     maxCount: {
         type: import('vue').PropType<number>;
@@ -78,7 +78,7 @@ declare const UserPicker: import('vue').DefineComponent<import('vue').ExtractPro
         type: import('vue').PropType<(data: UserPickerRow<unknown> | UserPickerNode<unknown>) => any>;
     };
     onSearch: {
-        type: import('vue').PropType<(value: string) => void>;
+        type: import('vue').PropType<(dataSource: UserPickerRow<unknown>[], keyword: string) => UserPickerRow<unknown>[]>;
     };
     maxCount: {
         type: import('vue').PropType<number>;

package/dist/components/UserPicker/type.d.ts

@@ -39,7 +39,7 @@ export interface UserPickerProps<T = unknown> {
     onMaxCountExceed?: (selectedItems: UserPickerResult<T>) => void;
     enableSearch?: boolean;
     searchPlaceholder?: string;
-    onSearch?: (value: string) => void;
+    onSearch?: (dataSource: Array<UserPickerRow<T>>, keyword: string) => Array<UserPickerRow<T>>;
     renderItem?: (data: UserPickerRow<T> | UserPickerNode<T>) => any;
     onSelectedChange?: (selectedItems: UserPickerResult<T>) => void;
     onReachEnd?: () => void;

package/dist/components/VideoSetting/CameraSelect.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, ref as I, watch as _, onBeforeMount as b, createBlock as m, openBlock as o, unref as d, withCtx as g, createElementBlock as y, Fragment as B, renderList as k } from "vue";
+import { defineComponent as h, ref as I, watch as _, onBeforeMount as b, createBlock as m, openBlock as o, unref as n, withCtx as g, createElementBlock as y, Fragment as B, renderList as k } from "vue";
 import w from "../../baseComp/Select/SelectPC.js";
 import x from "../../baseComp/Option/OptionPC.js";
-import { useDeviceState as S } from "../../states/DeviceState.js";
+import { useDeviceState as S } from "../../states/DeviceState/DeviceState.js";
 import { _ as L } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const V = /* @__PURE__ */ h({
   __name: "CameraSelect",
@@ -9,9 +9,9 @@ const V = /* @__PURE__ */ h({
     onChange: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(n) {
+  setup(d) {
     var i;
-    const { cameraList: c, currentCamera: t, setCurrentCamera: p, getCameraList: v } = S(), u = n, l = I((i = t.value) == null ? void 0 : i.deviceId);
+    const { cameraList: c, currentCamera: t, setCurrentCamera: p, getCameraList: v } = S(), u = d, l = I((i = t.value) == null ? void 0 : i.deviceId);
     _(
       () => {
         var e;
@@ -35,18 +35,18 @@ const V = /* @__PURE__ */ h({
     }
     return b(async () => {
       await v();
-    }), (e, r) => (o(), m(d(w), {
+    }), (e, r) => (o(), m(n(w), {
       modelValue: l.value,
       "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
       placeholder: "placeholder",
       class: "select",
-      disabled: n.disabled,
+      disabled: d.disabled,
       teleported: !1,
       "popper-append-to-body": !1,
       onChange: f
     }, {
       default: g(() => [
-        (o(!0), y(B, null, k(d(c), (a) => (o(), m(d(x), {
+        (o(!0), y(B, null, k(n(c), (a) => (o(), m(n(x), {
           key: a.deviceId,
           label: a.deviceName,
           value: a.deviceId
@@ -55,7 +55,7 @@ const V = /* @__PURE__ */ h({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), O = /* @__PURE__ */ L(V, [["__scopeId", "data-v-2d3ccda4"]]);
+}), O = /* @__PURE__ */ L(V, [["__scopeId", "data-v-991fca18"]]);
 export {
   O as default
 };

package/dist/components/VideoSetting/VideoMediaControl.js

@@ -4,17 +4,17 @@ import E from "../../baseComp/IconButton.js";
 import P from "./VideoSettingTab.js";
 import { useI18n as L } from "../../locales/index.js";
 import N from "../../directives/vClickOutside.js";
-import { useDeviceState as R } from "../../states/DeviceState.js";
-import { useUserState as U } from "../../states/UserState/index.js";
-import { useRoomState as j } from "../../states/RoomState.js";
+import { useUserState as R } from "../../states/UserState/index.js";
+import { useRoomState as U } from "../../states/RoomState.js";
+import { useDeviceState as j } from "../../states/DeviceState/DeviceState.js";
 import { DeviceError as F, DeviceStatus as s, MediaSettingDisplayMode as H } from "../../types/device.js";
 import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const q = { class: "video-control-container" }, A = /* @__PURE__ */ T({
   __name: "VideoMediaControl",
   emits: ["click-icon"],
   setup(G, { emit: C }) {
-    const _ = V("videoSettingProps"), k = C, { cameraStatus: n, cameraLastError: S, isCameraTesting: c, startCameraDeviceTest: h, stopCameraDeviceTest: w, openLocalCamera: y, closeLocalCamera: g } = R(), { localUser: I } = U(), { currentRoom: l } = j(), { t: b } = L(), t = x(!1);
-    async function D() {
+    const _ = V("videoSettingProps"), k = C, { cameraStatus: n, cameraLastError: S, isCameraTesting: c, startCameraDeviceTest: h, stopCameraDeviceTest: w, openLocalCamera: y, closeLocalCamera: g } = j(), { localUser: I } = R(), { currentRoom: l } = U(), { t: D } = L(), t = x(!1);
+    async function M() {
       var a;
       if (t.value = !1, k("click-icon"), !l.value) {
         c.value ? await w() : await h({ view: "video-preview" });
@@ -22,7 +22,7 @@ const q = { class: "video-control-container" }, A = /* @__PURE__ */ T({
       }
       ((a = I.value) == null ? void 0 : a.cameraStatus) === s.On ? await g() : await y();
     }
-    function M() {
+    function b() {
       t.value = !t.value;
     }
     function O() {
@@ -32,12 +32,12 @@ const q = { class: "video-control-container" }, A = /* @__PURE__ */ T({
       var m;
       return d((o(), r("div", q, [
         f(E, {
-          title: e(b)("Camera"),
+          title: e(D)("Camera"),
           "has-more": ((m = e(_)) == null ? void 0 : m.displayMode) === e(H).IconWithPanel,
           disabled: e(n) === e(s).OffNeedPermission,
           "is-not-support": e(S) !== e(F).NoError,
-          onClickIcon: D,
-          onClickMore: M
+          onClickIcon: M,
+          onClickMore: b
         }, {
           default: z(() => [
             e(l) ? (o(), r(u, { key: 1 }, [
@@ -68,7 +68,7 @@ const q = { class: "video-control-container" }, A = /* @__PURE__ */ T({
       ]);
     };
   }
-}), re = /* @__PURE__ */ W(A, [["__scopeId", "data-v-817b8c43"]]);
+}), re = /* @__PURE__ */ W(A, [["__scopeId", "data-v-95f3c5e7"]]);
 export {
   re as default
 };

package/dist/components/VideoSetting/VideoPreview.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, onMounted as v, onUnmounted as f, createElementBlock as n, openBlock as o, createElementVNode as r, createCommentVNode as s, createBlock as _, unref as e, toDisplayString as l } from "vue";
+import { defineComponent as p, onMounted as v, onUnmounted as f, createElementBlock as n, openBlock as o, createElementVNode as a, createCommentVNode as r, createBlock as _, unref as e, toDisplayString as l } from "vue";
 import { IconLoading as u } from "@tencentcloud/uikit-base-component-vue3";
 import { useI18n as w } from "../../locales/index.js";
 import C from "@tencentcloud/tuiroom-engine-js";
-import { useDeviceState as g } from "../../states/DeviceState.js";
+import { useDeviceState as g } from "../../states/DeviceState/DeviceState.js";
 import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const k = { class: "video-preview-container" }, T = { class: "attention-info" }, D = {
   key: 0,
@@ -10,7 +10,7 @@ const k = { class: "video-preview-container" }, T = { class: "attention-info" },
 }, I = /* @__PURE__ */ p({
   __name: "VideoPreview",
   setup(V) {
-    const { t: a } = w(), { isCameraTesting: c, isCameraTestLoading: t, startCameraDeviceTest: m, stopCameraDeviceTest: d } = g();
+    const { t: s } = w(), { isCameraTesting: c, isCameraTestLoading: t, startCameraDeviceTest: m, stopCameraDeviceTest: d } = g();
     return v(async () => {
       C.once("ready", () => {
         m({ view: "video-preview" });
@@ -18,21 +18,21 @@ const k = { class: "video-preview-container" }, T = { class: "attention-info" },
     }), f(async () => {
       await d();
     }), (x, i) => (o(), n("div", k, [
-      i[0] || (i[0] = r("div", {
+      i[0] || (i[0] = a("div", {
         id: "video-preview",
         class: "video-preview"
       }, null, -1)),
-      r("div", T, [
-        !e(c) && !e(t) ? (o(), n("span", D, l(e(a)("Off Camera")), 1)) : s("", !0),
+      a("div", T, [
+        !e(c) && !e(t) ? (o(), n("span", D, l(e(s)("Off Camera")), 1)) : r("", !0),
         e(t) ? (o(), _(e(u), {
           key: 1,
           size: "36",
           class: "loading"
-        })) : s("", !0)
+        })) : r("", !0)
       ])
     ]));
   }
-}), S = /* @__PURE__ */ y(I, [["__scopeId", "data-v-c8d74200"]]);
+}), P = /* @__PURE__ */ y(I, [["__scopeId", "data-v-02a8db1b"]]);
 export {
-  S as default
+  P as default
 };

package/dist/components/VideoSetting/VideoProfile.js

@@ -3,12 +3,12 @@ import k from "../../baseComp/Select/SelectPC.js";
 import Q from "../../baseComp/Option/OptionPC.js";
 import { useI18n as D } from "../../locales/index.js";
 import { TUIVideoQuality as t } from "@tencentcloud/tuiroom-engine-js";
-import { useDeviceState as h } from "../../states/DeviceState.js";
+import { useDeviceState as h } from "../../states/DeviceState/DeviceState.js";
 import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const C = /* @__PURE__ */ m({
   __name: "VideoProfile",
   setup(P) {
-    const { t: e } = D(), p = s(() => [
+    const { t: e } = D(), d = s(() => [
       { label: e("Low Definition"), value: t.kVideoQuality_360p },
       {
         label: e("Standard Definition"),
@@ -19,9 +19,9 @@ const C = /* @__PURE__ */ m({
         label: e("Super Definition"),
         value: t.kVideoQuality_1080p
       }
-    ]), { localVideoQuality: l, updateVideoQuality: d } = h();
+    ]), { localVideoQuality: l, updateVideoQuality: p } = h();
     return c(l, (r) => {
-      d({ quality: r });
+      p({ quality: r });
     }), (r, u) => (a(), n(i(k), {
       modelValue: i(l),
       "onUpdate:modelValue": u[0] || (u[0] = (o) => _(l) ? l.value = o : null),
@@ -31,7 +31,7 @@ const C = /* @__PURE__ */ m({
       "popper-append-to-body": !1
     }, {
       default: v(() => [
-        (a(!0), V(y, null, b(p.value, (o, f) => (a(), n(i(Q), {
+        (a(!0), V(y, null, b(d.value, (o, f) => (a(), n(i(Q), {
           key: f,
           label: o.label,
           value: o.value
@@ -40,7 +40,7 @@ const C = /* @__PURE__ */ m({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), q = /* @__PURE__ */ x(C, [["__scopeId", "data-v-eee0ba5d"]]);
+}), q = /* @__PURE__ */ x(C, [["__scopeId", "data-v-9fdbdd69"]]);
 export {
   q as default
 };

package/dist/components/VideoSetting/VideoSettingTab.js

@@ -1,59 +1,60 @@
-import { defineComponent as S, inject as V, watch as w, createElementBlock as t, openBlock as o, createCommentVNode as n, unref as e, createElementVNode as a, createVNode as c, toDisplayString as l, isRef as g } from "vue";
+import { defineComponent as V, ref as w, inject as g, watch as y, createElementBlock as t, openBlock as o, createCommentVNode as s, unref as e, createElementVNode as n, createVNode as a, toDisplayString as c } from "vue";
 import k from "./CameraSelect.js";
-import y from "./VideoProfile.js";
-import P from "./VideoPreview.js";
-import b from "../../baseComp/TuiSwitch.js";
-import { useI18n as C } from "../../locales/index.js";
-import { useDeviceState as M } from "../../states/DeviceState.js";
+import P from "./VideoProfile.js";
+import C from "./VideoPreview.js";
+import M from "../../baseComp/TuiSwitch.js";
+import { useI18n as b } from "../../locales/index.js";
+import { useDeviceState as T } from "../../states/DeviceState/DeviceState.js";
+import { MirrorType as v } from "../../types/device.js";
 import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const N = { class: "video-tab" }, R = {
+const D = { class: "video-tab" }, N = {
   key: 0,
   class: "item-setting"
-}, T = { class: "title" }, B = {
+}, B = { class: "title" }, E = {
   key: 1,
   class: "item-setting"
-}, D = { class: "title" }, E = {
+}, I = { class: "title" }, R = {
   key: 2,
   class: "item-setting"
-}, I = { class: "title" }, j = {
+}, j = { class: "title" }, A = {
   key: 3,
   class: "mirror-container"
-}, L = /* @__PURE__ */ S({
+}, L = /* @__PURE__ */ V({
   __name: "VideoSettingTab",
   setup(U) {
-    const { t: i } = C(), { isLocalMirror: s, switchMirror: f } = M(), r = V("videoSettingProps");
-    return w(
-      s,
-      async (m) => {
-        f({ mirror: m });
+    const { t: i } = b(), { switchMirror: h } = T(), m = w(!0), r = g("videoSettingProps");
+    return y(
+      m,
+      async (l) => {
+        h({ mirror: l ? v.Auto : v.Disable });
       },
       { immediate: !0 }
-    ), (m, d) => {
-      var p, _, u, v;
-      return o(), t("div", N, [
-        (p = e(r)) != null && p.supportSwitchCamera ? (o(), t("div", R, [
-          a("span", T, l(e(i)("Camera")), 1),
-          c(k)
-        ])) : n("", !0),
-        (_ = e(r)) != null && _.supportVideoPreview ? (o(), t("div", B, [
-          a("span", D, l(e(i)("Preview")), 1),
-          c(P, { class: "video-preview" })
-        ])) : n("", !0),
-        (u = e(r)) != null && u.supportSwitchResolution ? (o(), t("div", E, [
-          a("span", I, l(e(i)("Resolution")), 1),
-          c(y)
-        ])) : n("", !0),
-        (v = e(r)) != null && v.supportSwitchMirror ? (o(), t("div", j, [
-          a("span", null, l(e(i)("Mirror")), 1),
-          c(b, {
-            modelValue: e(s),
-            "onUpdate:modelValue": d[0] || (d[0] = (h) => g(s) ? s.value = h : null)
+    ), (l, p) => {
+      var d, u, _, f;
+      return o(), t("div", D, [
+        (d = e(r)) != null && d.supportSwitchCamera ? (o(), t("div", N, [
+          n("span", B, c(e(i)("Camera")), 1),
+          a(k)
+        ])) : s("", !0),
+        (u = e(r)) != null && u.supportVideoPreview ? (o(), t("div", E, [
+          n("span", I, c(e(i)("Preview")), 1),
+          a(C, { class: "video-preview" })
+        ])) : s("", !0),
+        (_ = e(r)) != null && _.supportSwitchResolution ? (o(), t("div", R, [
+          n("span", j, c(e(i)("Resolution")), 1),
+          a(P)
+        ])) : s("", !0),
+        (f = e(r)) != null && f.supportSwitchMirror ? (o(), t("div", A, [
+          n("span", null, c(e(i)("Mirror")), 1),
+          a(M, {
+            modelValue: m.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (S) => m.value = S)
           }, null, 8, ["modelValue"])
-        ])) : n("", !0)
+        ])) : s("", !0)
       ]);
     };
   }
-}), O = /* @__PURE__ */ x(L, [["__scopeId", "data-v-95abbd8e"]]);
+}), W = /* @__PURE__ */ x(L, [["__scopeId", "data-v-4e153eef"]]);
 export {
-  O as default
+  W as default
 };

package/dist/components/VideoSettingPanel/CameraSelect.js

@@ -1,6 +1,6 @@
-import { defineComponent as I, ref as h, watch as _, onBeforeMount as b, createBlock as m, openBlock as o, unref as n, withCtx as g, createElementBlock as y, Fragment as B, renderList as k } from "vue";
+import { defineComponent as I, ref as h, watch as _, onBeforeMount as b, createBlock as m, openBlock as o, unref as d, withCtx as g, createElementBlock as y, Fragment as B, renderList as k } from "vue";
 import { TUISelect as w, TUIOption as x } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as S } from "../../states/DeviceState.js";
+import { useDeviceState as S } from "../../states/DeviceState/DeviceState.js";
 import { _ as L } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const U = /* @__PURE__ */ I({
   __name: "CameraSelect",
@@ -8,9 +8,9 @@ const U = /* @__PURE__ */ I({
     onChange: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(d) {
+  setup(n) {
     var i;
-    const { cameraList: c, currentCamera: t, setCurrentCamera: p, getCameraList: v } = S(), u = d, l = h((i = t.value) == null ? void 0 : i.deviceId);
+    const { cameraList: c, currentCamera: t, setCurrentCamera: p, getCameraList: v } = S(), u = n, l = h((i = t.value) == null ? void 0 : i.deviceId);
     _(
       () => {
         var e;
@@ -34,18 +34,18 @@ const U = /* @__PURE__ */ I({
     }
     return b(async () => {
       await v();
-    }), (e, r) => (o(), m(n(w), {
+    }), (e, r) => (o(), m(d(w), {
       modelValue: l.value,
       "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
       placeholder: "placeholder",
       class: "select",
-      disabled: d.disabled,
+      disabled: n.disabled,
       teleported: !1,
       "popper-append-to-body": !1,
       onChange: f
     }, {
       default: g(() => [
-        (o(!0), y(B, null, k(n(c), (a) => (o(), m(n(x), {
+        (o(!0), y(B, null, k(d(c), (a) => (o(), m(d(x), {
           key: a.deviceId,
           label: a.deviceName,
           value: a.deviceId
@@ -54,7 +54,7 @@ const U = /* @__PURE__ */ I({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), M = /* @__PURE__ */ L(U, [["__scopeId", "data-v-227f6582"]]);
+}), M = /* @__PURE__ */ L(U, [["__scopeId", "data-v-8d1fe80f"]]);
 export {
   M as default
 };

package/dist/components/VideoSettingPanel/VideoPreview.js

@@ -1,7 +1,7 @@
 import { defineComponent as p, onMounted as v, onUnmounted as _, createElementBlock as n, openBlock as o, createElementVNode as a, createCommentVNode as s, createBlock as f, unref as e, toDisplayString as l } from "vue";
 import u from "@tencentcloud/tuiroom-engine-js";
 import { useUIKit as w, IconLoading as C } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as g } from "../../states/DeviceState.js";
+import { useDeviceState as g } from "../../states/DeviceState/DeviceState.js";
 import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const k = { class: "video-preview-container" }, T = { class: "attention-info" }, D = {
   key: 0,

package/dist/components/VideoSettingPanel/VideoProfile.js

@@ -1,35 +1,35 @@
-import { defineComponent as s, computed as f, watch as m, createBlock as n, openBlock as a, unref as i, isRef as _, withCtx as v, createElementBlock as V, Fragment as y, renderList as b } from "vue";
-import { TUIVideoQuality as o } from "@tencentcloud/tuiroom-engine-js";
-import { useUIKit as k, TUISelect as Q, TUIOption as D } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as I } from "../../states/DeviceState.js";
-import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const h = /* @__PURE__ */ s({
+import { defineComponent as f, computed as s, watch as m, createBlock as n, openBlock as o, unref as i, isRef as v, withCtx as _, createElementBlock as y, Fragment as b, renderList as Q } from "vue";
+import { useUIKit as V, TUISelect as P, TUIOption as D } from "@tencentcloud/uikit-base-component-vue3";
+import { VideoQuality as a } from "../../types/device.js";
+import { useDeviceState as h } from "../../states/DeviceState/DeviceState.js";
+import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = /* @__PURE__ */ f({
   __name: "VideoProfile",
-  setup(x) {
-    const { t: e } = k(), p = f(() => [
-      { label: e("Low Definition"), value: o.kVideoQuality_360p },
+  setup(I) {
+    const { t: e } = V(), p = s(() => [
+      { label: e("Low Definition"), value: a.Quality360P },
       {
         label: e("Standard Definition"),
-        value: o.kVideoQuality_540p
+        value: a.Quality540P
       },
-      { label: e("High Definition"), value: o.kVideoQuality_720p },
+      { label: e("High Definition"), value: a.Quality720P },
       {
         label: e("Super Definition"),
-        value: o.kVideoQuality_1080p
+        value: a.Quality1080P
       }
-    ]), { localVideoQuality: l, updateVideoQuality: d } = I();
+    ]), { localVideoQuality: l, updateVideoQuality: d } = h();
     return m(l, (u) => {
       d({ quality: u });
-    }), (u, r) => (a(), n(i(Q), {
+    }), (u, r) => (o(), n(i(P), {
       modelValue: i(l),
-      "onUpdate:modelValue": r[0] || (r[0] = (t) => _(l) ? l.value = t : null),
+      "onUpdate:modelValue": r[0] || (r[0] = (t) => v(l) ? l.value = t : null),
       placeholder: "placeholder",
       class: "select",
       teleported: !1,
       "popper-append-to-body": !1
     }, {
-      default: v(() => [
-        (a(!0), V(y, null, b(p.value, (t, c) => (a(), n(i(D), {
+      default: _(() => [
+        (o(!0), y(b, null, Q(p.value, (t, c) => (o(), n(i(D), {
           key: c,
           label: t.label,
           value: t.value
@@ -38,7 +38,7 @@ const h = /* @__PURE__ */ s({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), g = /* @__PURE__ */ U(h, [["__scopeId", "data-v-cbbcc0aa"]]);
+}), g = /* @__PURE__ */ k(x, [["__scopeId", "data-v-cff4e5cb"]]);
 export {
   g as default
 };

package/dist/hooks/useAudioControl.d.ts

@@ -1,10 +1,10 @@
 import { ref } from 'vue';
 
-interface IUseAudioControlProps {
+interface UseAudioControlProps {
     url: string;
     audioId?: string;
 }
-interface IUseAudioControlReturn {
+interface UseAudioControlReturn {
     isPlaying: ReturnType<typeof ref<boolean>>;
     progress: ReturnType<typeof ref<number>>;
     duration: ReturnType<typeof ref<number | undefined>>;
@@ -22,5 +22,5 @@ interface IUseAudioControlReturn {
  * @param props Configuration parameters
  * @returns Audio control related states and methods
  */
-export declare function useAudioControl(props: IUseAudioControlProps): IUseAudioControlReturn;
+export declare function useAudioControl(props: UseAudioControlProps): UseAudioControlReturn;
 export {};