@ndscnj/roomkit-web-vue3 25.11.1917 → 25.23.1051

package/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue2.js

@@ -1,305 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const environment = require("../../../utils/environment.js");
-const IconButton = require("../../common/base/IconButton.vue.js");
-const index$2 = require("../../common/base/Dialog/index.js");
-const message = require("../../../constants/message.js");
-const basic = require("../../../stores/basic.js");
-const room = require("../../../stores/room.js");
-const index = require("../../../locales/index.js");
-const pinia = require("pinia");
-const useRoomEngine = require("../../../hooks/useRoomEngine.js");
-const index$1 = require("../../../utils/common/logger/index.js");
-const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-js");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const utils = require("../../../utils/utils.js");
-const _hoisted_1 = { class: "apply-control-container" };
-const _hoisted_2 = {
-  key: 0,
-  class: "attention member-attention"
-};
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "MemberApplyControl",
-  setup(__props) {
-    const roomEngine = useRoomEngine.default();
-    const { t } = index.useI18n();
-    const basicStore = basic.useBasicStore();
-    const roomStore = room.useRoomStore();
-    const { lang } = pinia.storeToRefs(basicStore);
-    const { localUser, isGeneralUser, isAdmin } = pinia.storeToRefs(roomStore);
-    const isApplyingOnSeat = Vue.ref(false);
-    const showMemberApplyAttention = Vue.ref(true);
-    const iconTitle = Vue.ref("");
-    const applyToAnchorRequestId = Vue.ref("");
-    const inviteToAnchorRequestId = Vue.ref("");
-    const showDialog = Vue.ref(false);
-    const currentDialogTitle = Vue.ref("");
-    const currentConfirmButton = Vue.ref("");
-    const currentDialogType = Vue.ref("inviteDialog");
-    Vue.watch(
-      [localUser, isApplyingOnSeat, lang],
-      ([localUser2, isApplyingOnSeat2]) => {
-        if (localUser2.onSeat) {
-          iconTitle.value = t("Step down");
-          hideApplyAttention();
-        } else {
-          if (isApplyingOnSeat2) {
-            iconTitle.value = t("Cancel Apply");
-          } else {
-            iconTitle.value = t("Apply for the stage");
-          }
-        }
-      },
-      { immediate: true, deep: true }
-    );
-    const toggleApplySpeechDebounce = utils.debounce(toggleApplySpeech, 300);
-    async function toggleApplySpeech() {
-      hideApplyAttention();
-      if (localUser.value.onSeat) {
-        handleStepDownDialogVisible();
-      } else {
-        isApplyingOnSeat.value ? cancelSeatApplication() : sendSeatApplication();
-      }
-    }
-    const inviteDialogInfo = Vue.computed(() => ({
-      content: t("You can turn on the microphone and camera once you are on stage"),
-      confirmButtonText: t("Agree to the stage"),
-      cancelButtonText: t("Reject"),
-      handleConfirm: () => handleInvite(true),
-      handleCancel: () => handleInvite(false)
-    }));
-    const leaveSeatDialogInfo = Vue.computed(() => ({
-      content: localUser.value.userRole === TUIRoomEngine.TUIRole.kAdministrator ? t("To go on stage again, a new application needs to be initiated") : t(
-        "To go on stage again, you need to reapply and wait for the roomOwner/administrator to approve"
-      ),
-      confirmButtonText: t("Step down"),
-      cancelButtonText: t("Cancel"),
-      handleConfirm: () => leaveSeat(),
-      handleCancel: () => handleStepDownDialogVisible()
-    }));
-    const currentDialogInfo = Vue.computed(
-      () => currentDialogType.value === "inviteDialog" ? inviteDialogInfo.value : leaveSeatDialogInfo.value
-    );
-    async function sendSeatApplication() {
-      var _a, _b;
-      if (isAdmin.value) {
-        await ((_a = roomEngine.instance) == null ? void 0 : _a.takeSeat({ seatIndex: -1, timeout: 0 }));
-        uikitBaseComponentVue3.TUIToast({ type: uikitBaseComponentVue3.TOAST_TYPE.SUCCESS, message: t("Succeed on stage") });
-        return;
-      }
-      if (isGeneralUser.value) {
-        uikitBaseComponentVue3.TUIToast({
-          type: uikitBaseComponentVue3.TOAST_TYPE.INFO,
-          message: `${t("The request to go on stage has been sent out, please wait for the roomOwner/administrator to approve it")}`,
-          duration: message.MESSAGE_DURATION.NORMAL
-        });
-      }
-      const request = await ((_b = roomEngine.instance) == null ? void 0 : _b.takeSeat({
-        seatIndex: -1,
-        timeout: 60,
-        requestCallback: (callbackInfo) => {
-          isApplyingOnSeat.value = false;
-          const { requestCallbackType } = callbackInfo;
-          switch (requestCallbackType) {
-            case TUIRoomEngine.TUIRequestCallbackType.kRequestAccepted:
-              uikitBaseComponentVue3.TUIToast({
-                type: uikitBaseComponentVue3.TOAST_TYPE.SUCCESS,
-                message: t("Succeed on stage")
-              });
-              break;
-            case TUIRoomEngine.TUIRequestCallbackType.kRequestRejected:
-              uikitBaseComponentVue3.TUIToast({
-                type: uikitBaseComponentVue3.TOAST_TYPE.WARNING,
-                message: t("Application to go on stage was rejected")
-              });
-              break;
-            case TUIRoomEngine.TUIRequestCallbackType.kRequestTimeout:
-              uikitBaseComponentVue3.TUIToast({
-                type: uikitBaseComponentVue3.TOAST_TYPE.WARNING,
-                message: t("The request to go on stage has timed out")
-              });
-              break;
-          }
-        }
-      }));
-      if (request && request.requestId) {
-        applyToAnchorRequestId.value = request.requestId;
-      }
-      isApplyingOnSeat.value = true;
-    }
-    async function cancelSeatApplication() {
-      var _a;
-      uikitBaseComponentVue3.TUIToast({
-        type: uikitBaseComponentVue3.TOAST_TYPE.INFO,
-        message: `${t("Canceled application to go on stage")}`,
-        duration: message.MESSAGE_DURATION.NORMAL
-      });
-      try {
-        await ((_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({
-          requestId: applyToAnchorRequestId.value
-        }));
-        isApplyingOnSeat.value = false;
-      } catch (error) {
-        index$1.default.log("member cancelSpeechApplication", error);
-      }
-    }
-    function handleStepDownDialogVisible() {
-      showDialog.value = !showDialog.value;
-      currentDialogType.value = "leaveSeatDialog";
-      currentDialogTitle.value = t("Are you sure you want to step down");
-    }
-    async function leaveSeat() {
-      var _a;
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.leaveSeat());
-      showDialog.value = false;
-    }
-    function hideApplyAttention() {
-      showMemberApplyAttention.value = false;
-    }
-    async function onRequestReceived(eventInfo) {
-      const {
-        request: { userId, requestId, requestAction }
-      } = eventInfo;
-      if (requestAction === TUIRoomEngine.TUIRequestAction.kRequestRemoteUserOnSeat) {
-        inviteToAnchorRequestId.value = requestId;
-        const userRole = roomStore.getUserRole(userId) === TUIRoomEngine.TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
-        currentDialogTitle.value = t("Sb invites you to speak on stage", {
-          role: userRole
-        });
-        currentConfirmButton.value = t("Agree to the stage");
-        showDialog.value = true;
-        currentDialogType.value = "inviteDialog";
-      }
-    }
-    function onRequestCancelled(eventInfo) {
-      const { requestId } = eventInfo;
-      if (inviteToAnchorRequestId.value === requestId) {
-        inviteToAnchorRequestId.value = "";
-        showDialog.value = false;
-      }
-    }
-    async function handleInvite(agree) {
-      var _a;
-      try {
-        await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
-          requestId: inviteToAnchorRequestId.value,
-          agree
-        }));
-      } catch (error) {
-        if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
-          uikitBaseComponentVue3.TUIToast({
-            type: uikitBaseComponentVue3.TOAST_TYPE.WARNING,
-            message: t("The stage is full, please contact the host")
-          });
-        } else {
-          index$1.default.error(
-            "Failure of a user to accept/reject a roomOwner invitation",
-            error
-          );
-        }
-      } finally {
-        showDialog.value = false;
-      }
-    }
-    async function onKickedOffSeat() {
-      uikitBaseComponentVue3.TUIToast({
-        type: uikitBaseComponentVue3.TOAST_TYPE.WARNING,
-        message: t(
-          "You have been invited by the host to step down, please raise your hand if you need to speak"
-        ),
-        duration: message.MESSAGE_DURATION.NORMAL
-      });
-    }
-    TUIRoomEngine.once("ready", () => {
-      var _a, _b, _c;
-      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
-      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
-      (_c = roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEngine.TUIRoomEvents.onKickedOffSeat, onKickedOffSeat);
-    });
-    Vue.onBeforeUnmount(() => {
-      var _a, _b, _c;
-      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
-      (_b = roomEngine.instance) == null ? void 0 : _b.off(
-        TUIRoomEngine.TUIRoomEvents.onRequestCancelled,
-        onRequestCancelled
-      );
-      (_c = roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEngine.TUIRoomEvents.onKickedOffSeat, onKickedOffSeat);
-    });
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", null, [
-        Vue.createElementVNode("div", _hoisted_1, [
-          Vue.createVNode(IconButton.default, {
-            title: iconTitle.value,
-            onClickIcon: Vue.unref(toggleApplySpeechDebounce)
-          }, {
-            default: Vue.withCtx(() => [
-              Vue.unref(localUser).onSeat ? (Vue.openBlock(), Vue.createBlock(Vue.unref(uikitBaseComponentVue3.IconStepDown), {
-                key: 0,
-                size: "24"
-              })) : !Vue.unref(localUser).onSeat && isApplyingOnSeat.value ? (Vue.openBlock(), Vue.createBlock(Vue.unref(uikitBaseComponentVue3.IconCancelStage), {
-                key: 1,
-                size: "24"
-              })) : (Vue.openBlock(), Vue.createBlock(Vue.unref(uikitBaseComponentVue3.IconApplyStage), {
-                key: 2,
-                size: "24"
-              }))
-            ]),
-            _: 1
-          }, 8, ["title", "onClickIcon"]),
-          showMemberApplyAttention.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
-            Vue.createElementVNode("span", {
-              class: Vue.normalizeClass(Vue.unref(environment.isMobile) ? "mobile-info" : "info")
-            }, Vue.toDisplayString(Vue.unref(t)("Please raise your hand to apply")), 3),
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconClose), {
-              class: "close",
-              size: "26",
-              onClick: hideApplyAttention
-            })
-          ])) : Vue.createCommentVNode("", true)
-        ]),
-        Vue.createVNode(Vue.unref(index$2.default), {
-          modelValue: showDialog.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showDialog.value = $event),
-          title: currentDialogTitle.value,
-          modal: true,
-          "show-close": false,
-          "close-on-click-modal": false,
-          width: "500px",
-          "append-to-room-container": true,
-          "confirm-button": currentDialogInfo.value.confirmButtonText,
-          "cancel-button": currentDialogInfo.value.cancelButtonText,
-          onConfirm: currentDialogInfo.value.handleConfirm,
-          onCancel: currentDialogInfo.value.handleCancel
-        }, {
-          footer: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
-              onClick: currentDialogInfo.value.handleConfirm,
-              type: "default",
-              style: { "min-width": "88px" }
-            }, {
-              default: Vue.withCtx(() => [
-                Vue.createTextVNode(Vue.toDisplayString(currentDialogInfo.value.confirmButtonText), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"]),
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
-              onClick: currentDialogInfo.value.handleCancel,
-              style: { "min-width": "88px" }
-            }, {
-              default: Vue.withCtx(() => [
-                Vue.createTextVNode(Vue.toDisplayString(currentDialogInfo.value.cancelButtonText), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ]),
-          default: Vue.withCtx(() => [
-            Vue.createElementVNode("span", null, Vue.toDisplayString(currentDialogInfo.value.content), 1)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title", "confirm-button", "cancel-button", "onConfirm", "onCancel"])
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomFooter/BasicBeauty.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/lib/components/RoomFooter/BasicBeauty.vue.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const BasicBeauty_vue_vue_type_script_setup_true_lang = require("./BasicBeauty.vue2.js");
-;/* empty css                  */
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const BasicBeauty = /* @__PURE__ */ _pluginVue_exportHelper.default(BasicBeauty_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-21a63691"]]);
-exports.default = BasicBeauty;

package/lib/components/RoomFooter/BasicBeauty.vue2.js

@@ -1,355 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const pinia = require("pinia");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const IconButton = require("../common/base/IconButton.vue.js");
-const index = require("../../locales/index.js");
-require("../../services/main.js");
-const roomService = require("../../services/roomService.js");
-const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-js");
-const environment = require("../../utils/environment.js");
-const utils = require("../../utils/utils.js");
-require("mitt");
-require("../../services/manager/roomActionManager.js");
-require("@tencentcloud/tui-core");
-const dataReportManager = require("../../services/manager/dataReportManager.js");
-const index$1 = require("../common/base/Dialog/index.js");
-const Slider = require("../common/base/Slider.vue2.js");
-const useRoomEngine = require("../../hooks/useRoomEngine.js");
-const basic = require("../../stores/basic.js");
-const room = require("../../constants/room.js");
-const _hoisted_1 = {
-  key: 0,
-  class: "basicBeauty-control-container"
-};
-const _hoisted_2 = {
-  id: "test-preview",
-  class: "test-preview"
-};
-const _hoisted_3 = { class: "text" };
-const _hoisted_4 = {
-  key: 0,
-  class: "degree"
-};
-const _hoisted_5 = { class: "text" };
-const _hoisted_6 = { class: "text-value" };
-const _hoisted_7 = { class: "text" };
-const _hoisted_8 = {
-  key: 1,
-  class: "mask"
-};
-const _hoisted_9 = {
-  key: 2,
-  class: "spinner"
-};
-const _hoisted_10 = { class: "setting" };
-const _hoisted_11 = { class: "setting-header" };
-const _hoisted_12 = { class: "setting-container" };
-const _hoisted_13 = ["onClick"];
-const _hoisted_14 = { class: "setting-item-icon" };
-const _hoisted_15 = { class: "footer" };
-const _hoisted_16 = { class: "mirror-container" };
-const _hoisted_17 = { class: "mirror-text" };
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "BasicBeauty",
-  setup(__props) {
-    const roomEngine = useRoomEngine.default();
-    const basicStore = basic.useBasicStore();
-    const { isLocalStreamMirror } = pinia.storeToRefs(basicStore);
-    const { t } = index.useI18n();
-    const isShowDegree = Vue.ref(false);
-    const isBeautyStarted = Vue.ref(false);
-    const componentConfig = roomService.roomService.componentManager.getComponentConfig("BasicBeauty");
-    const isAllowed = Vue.computed(
-      () => {
-        var _a;
-        return (_a = roomService.roomService.roomStore.localStream) == null ? void 0 : _a.hasVideoStream;
-      }
-    );
-    Vue.watch(isLocalStreamMirror, async (val) => {
-      var _a;
-      const trtcCloud = (_a = roomEngine.instance) == null ? void 0 : _a.getTRTCCloud();
-      if (!environment.isMobile) {
-        await (trtcCloud == null ? void 0 : trtcCloud.setLocalRenderParams({
-          mirrorType: val ? TUIRoomEngine.TRTCVideoMirrorType.TRTCVideoMirrorType_Enable : TUIRoomEngine.TRTCVideoMirrorType.TRTCVideoMirrorType_Disable,
-          rotation: TUIRoomEngine.TRTCVideoRotation.TRTCVideoRotation0,
-          fillMode: TUIRoomEngine.TRTCVideoFillMode.TRTCVideoFillMode_Fill
-        }));
-      }
-    });
-    const appliedBasicBeautyItem = Vue.ref("close");
-    const selectBasicBeautyItem = Vue.ref(
-      "close"
-    );
-    const isDialogVisible = Vue.ref(false);
-    const isShowResetDialog = Vue.ref(false);
-    const isLoading = Vue.ref(false);
-    const sliderValue = Vue.ref(0);
-    const beautyLevels = Vue.reactive({
-      smoother: 0,
-      whitening: 0,
-      ruddy: 0
-    });
-    const savedBeautyLevels = Vue.reactive({
-      smoother: 0,
-      whitening: 0,
-      ruddy: 0
-    });
-    const beautyOptionList = [
-      { value: "close", text: "Close", icon: uikitBaseComponentVue3.IconCloseBeauty },
-      { value: "smoother", text: "Smoother", icon: uikitBaseComponentVue3.IconSmootherBeauty },
-      { value: "whitening", text: "Whitening", icon: uikitBaseComponentVue3.IconWhiteningBeauty },
-      { value: "ruddy", text: "Ruddy", icon: uikitBaseComponentVue3.IconRuddyBeauty }
-    ];
-    const openBeautySettingPanel = async () => {
-      var _a;
-      roomService.roomService.basicBeauty.initBasicBeauty();
-      isDialogVisible.value = true;
-      isLoading.value = true;
-      await Vue.nextTick();
-      await ((_a = roomService.roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({
-        view: "test-preview"
-      }));
-      isLoading.value = false;
-      roomService.roomService.dataReportManager.reportCount(dataReportManager.MetricsKey.setBasicBeauty);
-    };
-    const closeBeautySettingPanel = async () => {
-      var _a;
-      isDialogVisible.value = false;
-      Object.assign(beautyLevels, savedBeautyLevels);
-      await onBeautyPropertyClick(appliedBasicBeautyItem.value);
-      (_a = roomService.roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
-      selectBasicBeautyItem.value = appliedBasicBeautyItem.value;
-    };
-    const saveBeautySetting = async () => {
-      if (!isAllowed.value) return;
-      appliedBasicBeautyItem.value = selectBasicBeautyItem.value;
-      if (selectBasicBeautyItem.value === "close") {
-        await roomService.roomService.basicBeauty.setBasicBeauty(
-          room.TRTCBeautyStyle.TRTCBeautyStyleNature,
-          0,
-          0,
-          0
-        );
-      } else {
-        await roomService.roomService.basicBeauty.setBasicBeauty(
-          room.TRTCBeautyStyle.TRTCBeautyStyleNature,
-          Math.floor(beautyLevels.smoother / 100 * 9),
-          Math.floor(beautyLevels.whitening / 100 * 9),
-          Math.floor(beautyLevels.ruddy / 100 * 9)
-        );
-      }
-      Object.assign(savedBeautyLevels, beautyLevels);
-      closeBeautySettingPanel();
-    };
-    const startBeautyTest = async () => {
-      await roomService.roomService.basicBeauty.setTestBasicBeauty(
-        room.TRTCBeautyStyle.TRTCBeautyStyleNature,
-        Math.floor(beautyLevels.smoother / 100 * 9),
-        Math.floor(beautyLevels.whitening / 100 * 9),
-        Math.floor(beautyLevels.ruddy / 100 * 9)
-      );
-      isBeautyStarted.value = !(beautyLevels.smoother === 0 && beautyLevels.whitening === 0 && beautyLevels.ruddy === 0);
-    };
-    const closeBeautyTest = async () => {
-      await roomService.roomService.basicBeauty.setTestBasicBeauty(
-        room.TRTCBeautyStyle.TRTCBeautyStyleNature,
-        0,
-        0,
-        0
-      );
-    };
-    const throttleStartBeautyTest = utils.throttle(startBeautyTest, 300);
-    Vue.watch(sliderValue, async (newValue) => {
-      if (selectBasicBeautyItem.value === "smoother") {
-        beautyLevels.smoother = newValue;
-      }
-      if (selectBasicBeautyItem.value === "whitening") {
-        beautyLevels.whitening = newValue;
-      }
-      if (selectBasicBeautyItem.value === "ruddy") {
-        beautyLevels.ruddy = newValue;
-      }
-      await throttleStartBeautyTest();
-    });
-    const onBeautyPropertyClick = async (type) => {
-      if (type === "close") {
-        if (isBeautyStarted.value) {
-          await closeBeautyTest();
-        }
-        beautyLevels.smoother = 0;
-        beautyLevels.whitening = 0;
-        beautyLevels.ruddy = 0;
-        sliderValue.value = 0;
-      } else {
-        sliderValue.value = beautyLevels[type];
-      }
-      isShowDegree.value = type !== "close";
-      selectBasicBeautyItem.value = type;
-      isLoading.value = false;
-    };
-    const handleShowResetDialog = () => {
-      isShowResetDialog.value = true;
-    };
-    const resetBeautyProperties = async () => {
-      await closeBeautyTest();
-      beautyLevels.smoother = 0;
-      beautyLevels.whitening = 0;
-      beautyLevels.ruddy = 0;
-      sliderValue.value = 0;
-      isShowResetDialog.value = false;
-    };
-    const handleMouseDown = async () => {
-      await closeBeautyTest();
-    };
-    const handleMouseUp = async () => {
-      await startBeautyTest();
-    };
-    return (_ctx, _cache) => {
-      return Vue.unref(componentConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(IconButton.default, {
-          title: Vue.unref(t)("Beauty"),
-          onClickIcon: openBeautySettingPanel
-        }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconBasicBeauty), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["title"]),
-        Vue.createVNode(Vue.unref(index$1.default), {
-          modelValue: isDialogVisible.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isDialogVisible.value = $event),
-          title: Vue.unref(t)("Beauty"),
-          width: "600px",
-          modal: true,
-          "append-to-room-container": true,
-          "close-on-click-modal": false,
-          onClose: closeBeautySettingPanel
-        }, {
-          default: Vue.withCtx(() => [
-            Vue.createElementVNode("div", _hoisted_2, [
-              Vue.createElementVNode("div", {
-                class: "reset",
-                onClick: handleShowResetDialog
-              }, [
-                Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconReset)),
-                Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Reset")), 1)
-              ]),
-              isShowDegree.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
-                Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Degree")), 1),
-                Vue.createVNode(Slider.default, {
-                  modelValue: sliderValue.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sliderValue.value = $event),
-                  class: "slider"
-                }, null, 8, ["modelValue"]),
-                Vue.createElementVNode("span", _hoisted_6, Vue.toDisplayString(sliderValue.value), 1)
-              ])) : Vue.createCommentVNode("", true),
-              Vue.createElementVNode("div", {
-                class: "compare",
-                onMousedown: handleMouseDown,
-                onMouseup: handleMouseUp
-              }, [
-                Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconCompare), { size: "20" }),
-                Vue.createElementVNode("span", _hoisted_7, Vue.toDisplayString(Vue.unref(t)("Compare")), 1)
-              ], 32),
-              isLoading.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_8)) : Vue.createCommentVNode("", true),
-              isLoading.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_9)) : Vue.createCommentVNode("", true)
-            ]),
-            Vue.createElementVNode("div", _hoisted_10, [
-              Vue.createElementVNode("div", _hoisted_11, Vue.toDisplayString(Vue.unref(t)("Beauty Effects")), 1),
-              Vue.createElementVNode("div", _hoisted_12, [
-                (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(beautyOptionList, (item) => {
-                  return Vue.createElementVNode("div", {
-                    key: item.value,
-                    class: Vue.normalizeClass([
-                      "setting-item",
-                      selectBasicBeautyItem.value === item.value ? "active" : ""
-                    ]),
-                    onClick: ($event) => onBeautyPropertyClick(item.value)
-                  }, [
-                    Vue.createElementVNode("i", _hoisted_14, [
-                      Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIIcon), {
-                        icon: item.icon,
-                        size: "32"
-                      }, null, 8, ["icon"])
-                    ]),
-                    Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(t)(item.text)), 1)
-                  ], 10, _hoisted_13);
-                }), 64))
-              ])
-            ]),
-            Vue.createElementVNode("div", _hoisted_15, [
-              Vue.createElementVNode("div", _hoisted_16, [
-                Vue.withDirectives(Vue.createElementVNode("input", {
-                  type: "checkbox",
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(isLocalStreamMirror) ? isLocalStreamMirror.value = $event : null)
-                }, null, 512), [
-                  [Vue.vModelCheckbox, Vue.unref(isLocalStreamMirror)]
-                ]),
-                Vue.createElementVNode("span", _hoisted_17, Vue.toDisplayString(Vue.unref(t)("Mirror")), 1)
-              ]),
-              Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
-                disabled: !isAllowed.value,
-                onClick: saveBeautySetting,
-                type: "primary",
-                style: { "min-width": "88px" }
-              }, {
-                default: Vue.withCtx(() => [
-                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Save")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
-                onClick: closeBeautySettingPanel,
-                style: { "min-width": "88px" }
-              }, {
-                default: Vue.withCtx(() => [
-                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        Vue.createVNode(Vue.unref(index$1.default), {
-          modelValue: isShowResetDialog.value,
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isShowResetDialog.value = $event),
-          title: Vue.unref(t)("Sure you want to reset the beauty effect?"),
-          width: "480px",
-          modal: true,
-          "append-to-room-container": true,
-          "close-on-click-modal": true
-        }, {
-          footer: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
-              onClick: resetBeautyProperties,
-              type: "primary",
-              style: { "min-width": "88px" }
-            }, {
-              default: Vue.withCtx(() => [
-                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Reset")), 1)
-              ]),
-              _: 1
-            }),
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
-              onClick: _cache[3] || (_cache[3] = ($event) => isShowResetDialog.value = false),
-              style: { "min-width": "88px" }
-            }, {
-              default: Vue.withCtx(() => [
-                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          default: Vue.withCtx(() => [
-            Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(t)("All beauty parameters will revert to default after reset")), 1)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"])
-      ])) : Vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomFooter/ChatControl.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;