tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/Message.vue_vue_type_script_setup_true_lang-mEw2syBo.js

@@ -1,23 +0,0 @@
-import { defineComponent, ref, createBlock, openBlock, unref } from "vue";
-import MessageLayout from "./components/BarrageList/Message/MessageLayout/MessageLayout.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Message",
-  props: {
-    message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const message = ref(props.message);
-    const isLastInChunk = ref(props.isLastInChunk);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MessageLayout), {
-        message: message.value,
-        "is-last-in-chunk": isLastInChunk.value
-      }, null, 8, ["message", "is-last-in-chunk"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-Ca6-JH93.js

@@ -1,123 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, createVNode, createCommentVNode } from "vue";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { _ as _sfc_main$1 } from "./AttachmentPicker.vue_vue_type_script_setup_true_lang-B9tVChd9.js";
-import { _ as _sfc_main$5 } from "./FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js";
-import { _ as _sfc_main$6 } from "./ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js";
-import { _ as _sfc_main$7 } from "./VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js";
-import EmojiPicker from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
-import { _ as _sfc_main$2 } from "./QuotedMessagePreview.vue_vue_type_script_setup_true_lang-C8lXN2Qm.js";
-import { _ as _sfc_main$4 } from "./SendButton.vue_vue_type_script_setup_true_lang-BqIeqUyN.js";
-import { _ as _sfc_main$3 } from "./TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js";
-const styles = {
-  "message-input": "_message-input_1p3x8_1",
-  "message-input__toolbar": "_message-input__toolbar_1p3x8_11",
-  "message-input__wrapper": "_message-input__wrapper_1p3x8_18",
-  "message-input__leftInline": "_message-input__leftInline_1p3x8_23",
-  "message-input__rightInline": "_message-input__rightInline_1p3x8_23",
-  "message-input__actions": "_message-input__actions_1p3x8_27",
-  "message-input__footerToolbar": "_message-input__footerToolbar_1p3x8_33"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MessageInput",
-  props: {
-    autoFocus: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
-    hideSendButton: { type: Boolean, default: false },
-    placeholder: { default: "" },
-    className: { default: "" },
-    style: { default: () => ({}) },
-    attachmentPickerMode: { default: "collapsed" },
-    actions: { default: () => ["EmojiPicker", "ImagePicker", "FilePicker", "VideoPicker"] },
-    slots: {}
-  },
-  setup(__props) {
-    const DEFAULT_ACTIONS = [
-      { key: "EmojiPicker", component: EmojiPicker },
-      { key: "AttachmentPicker", component: _sfc_main$1 },
-      { key: "FilePicker", component: _sfc_main$5 },
-      { key: "ImagePicker", component: _sfc_main$6 },
-      { key: "VideoPicker", component: _sfc_main$7 }
-    ];
-    const props = __props;
-    const { inputRawValue, setContent, sendMessage } = useMessageInputState();
-    const pickProps = (sourceObject, propertyKeys) => Object.fromEntries(
-      propertyKeys.map((key) => [key, sourceObject[key]]).filter(([, value]) => value !== void 0)
-    );
-    const resolveStringAction = (actionKey) => {
-      const { component = () => null } = DEFAULT_ACTIONS.find(({ key }) => key === actionKey) ?? {};
-      return { Component: component, props: {} };
-    };
-    const resolveObjectAction = (action) => {
-      var _a;
-      const { key: actionKey, component, ...restProps } = action;
-      const defaultComponent = ((_a = DEFAULT_ACTIONS.find(({ key }) => key === actionKey)) == null ? void 0 : _a.component) ?? (() => null);
-      return {
-        Component: component ?? defaultComponent,
-        props: pickProps(restProps, ["label", "className", "style", "iconSize"])
-      };
-    };
-    const actionList = computed(
-      () => props.actions.map((action) => typeof action === "string" ? resolveStringAction(action) : resolveObjectAction(action)).filter(({ Component }) => Component !== null)
-    );
-    const sendInputMessage = () => {
-      if (inputRawValue.value) {
-        sendMessage();
-        setContent("");
-      }
-    };
-    return (_ctx, _cache) => {
-      var _a, _b;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["message-input"], _ctx.className]),
-        style: normalizeStyle(_ctx.style)
-      }, [
-        renderSlot(_ctx.$slots, "headerToolbar", {}, () => [
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__toolbar"])
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(actionList.value, (action, index) => {
-              return openBlock(), createBlock(resolveDynamicComponent(action.Component), mergeProps({ key: index }, { ref_for: true }, { ...action.props, ...action.Component === unref(_sfc_main$1) ? { attachmentPickerMode: _ctx.attachmentPickerMode } : {} }), null, 16);
-            }), 128))
-          ], 2)
-        ]),
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["message-input__wrapper"])
-        }, [
-          createVNode(unref(_sfc_main$2)),
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__leftInline"])
-          }, [
-            renderSlot(_ctx.$slots, "leftInline")
-          ], 2),
-          createVNode(unref(_sfc_main$3), {
-            autoFocus: _ctx.autoFocus,
-            disabled: _ctx.disabled,
-            placeholder: _ctx.placeholder,
-            prefix: (_a = _ctx.slots) == null ? void 0 : _a.inputPrefix,
-            suffix: (_b = _ctx.slots) == null ? void 0 : _b.inputSuffix
-          }, null, 8, ["autoFocus", "disabled", "placeholder", "prefix", "suffix"]),
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__rightInline"])
-          }, [
-            renderSlot(_ctx.$slots, "rightInline")
-          ], 2)
-        ], 2),
-        renderSlot(_ctx.$slots, "footerToolbar", {}, () => [
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__footerToolbar"])
-          }, [
-            !_ctx.hideSendButton ? (openBlock(), createBlock(unref(_sfc_main$4), {
-              key: 0,
-              class: normalizeClass(unref(styles)["message-input__send-button"]),
-              disabled: !unref(inputRawValue),
-              onClick: sendInputMessage
-            }, null, 8, ["class", "disabled"])) : createCommentVNode("", true)
-          ], 2)
-        ])
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/QuotedMessagePreview.vue_vue_type_script_setup_true_lang-C8lXN2Qm.js

@@ -1,91 +0,0 @@
-import { defineComponent, watch, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createElementVNode, createVNode, toDisplayString } from "vue";
-import TencentCloudChat from "@tencentcloud/chat";
-import { useUIKit, IconClose } from "@tencentcloud/uikit-base-component-vue3";
-import { useConversationListState } from "./states/ConversationListState/ConversationListState.js";
-import { useMessageActionState } from "./states/MessageActionState/MessageActionState.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-const quoted__message__preview = "_quoted__message__preview_1u7zw_1";
-const quoted__message__preview__content = "_quoted__message__preview__content_1u7zw_15";
-const quoted__message__preview__close = "_quoted__message__preview__close_1u7zw_44";
-const styles = {
-  quoted__message__preview,
-  "slide-in": "_slide-in_1u7zw_1",
-  quoted__message__preview__content,
-  "quoted__message__preview__content--header": "_quoted__message__preview__content--header_1u7zw_23",
-  "quoted__message__preview__content--title": "_quoted__message__preview__content--title_1u7zw_29",
-  "quoted__message__preview__content--text": "_quoted__message__preview__content--text_1u7zw_34",
-  quoted__message__preview__close
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "QuotedMessagePreview",
-  setup(__props) {
-    const { t } = useUIKit();
-    const { currentConversation } = useConversationListState();
-    const { focusEditor } = useMessageInputState();
-    const { quotedMessage, clearQuotedMessage } = useMessageActionState();
-    watch(quotedMessage, (newVal) => {
-      if (newVal) {
-        focusEditor();
-      }
-    });
-    watch(currentConversation, () => {
-      clearQuotedMessage();
-    });
-    const handleClose = () => {
-      clearQuotedMessage();
-    };
-    const calculateReferenceContent = (message) => {
-      var _a;
-      if (!message) {
-        return "no reference";
-      }
-      switch (message.type) {
-        case TencentCloudChat.TYPES.MSG_TEXT:
-          return (_a = message.payload) == null ? void 0 : _a.text;
-        case TencentCloudChat.TYPES.MSG_IMAGE:
-          return t("TUIChat.Image");
-        case TencentCloudChat.TYPES.MSG_AUDIO:
-          return t("TUIChat.Audio");
-        case TencentCloudChat.TYPES.MSG_VIDEO:
-          return t("TUIChat.Video");
-        case TencentCloudChat.TYPES.MSG_FILE:
-          return t("TUIChat.File");
-        case TencentCloudChat.TYPES.MSG_LOCATION:
-          return t("TUIChat.Location");
-        case TencentCloudChat.TYPES.MSG_CUSTOM:
-          return t("TUIChat.Custom message");
-        default:
-          return t("TUIChat.Unknown");
-      }
-    };
-    return (_ctx, _cache) => {
-      return unref(quotedMessage) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(unref(styles)["quoted__message__preview"])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["quoted__message__preview__content"])
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["quoted__message__preview__content--header"])
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref(styles)["quoted__message__preview__content--title"])
-            }, toDisplayString(unref(quotedMessage).nick || unref(quotedMessage).from), 3)
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["quoted__message__preview__content--text"])
-          }, toDisplayString(calculateReferenceContent(unref(quotedMessage))), 3)
-        ], 2),
-        createVNode(unref(IconClose), {
-          class: normalizeClass(unref(styles)["quoted__message__preview__close"]),
-          size: "16",
-          onClick: handleClose
-        }, null, 8, ["class"])
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/SendButton.vue_vue_type_script_setup_true_lang-BqIeqUyN.js

@@ -1,35 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SendButton",
-  props: {
-    onClick: { type: Function },
-    disabled: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    function onSendButtonClick(e) {
-      if (!props.disabled && props.onClick) {
-        props.onClick(e);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TUIButton), {
-        type: "primary",
-        shape: "round",
-        size: "medium",
-        disabled: _ctx.disabled,
-        onClick: onSendButtonClick
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(unref(t)("TUIChat.Send")), 1)
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/TextEditor.vue_vue_type_script_setup_true_lang-w_I4bsmJ.js

@@ -1,126 +0,0 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, withDirectives, createCommentVNode, renderSlot, vShow, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { useConversationListState } from "./states/ConversationListState/ConversationListState.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { createEditor } from "./components/BarrageInput/TextEditor/EditorCore.js";
-const disabled = "_disabled_3es4w_13";
-const editor = "_editor_3es4w_30";
-const styles = {
-  "input-wrapper": "_input-wrapper_3es4w_1",
-  disabled,
-  "input-prefix": "_input-prefix_3es4w_17",
-  "input-suffix": "_input-suffix_3es4w_23",
-  editor,
-  "disabled-editor": "_disabled-editor_3es4w_37"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TextEditor",
-  props: {
-    autoFocus: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
-    placeholder: { default: "" }
-  },
-  emits: ["focus", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { currentConversationID } = useConversationListState();
-    const { updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
-    const editorRef = ref(null);
-    const isFocused = ref(props.autoFocus);
-    const placeholderText = computed(() => props.placeholder || t("Say something"));
-    let editorInstance = null;
-    const createEditorInstance = (props2) => {
-      const element = editorRef.value;
-      if (!element || props2.disabled) {
-        return;
-      }
-      if (!element.dataset.editorCreated) {
-        editorInstance = createEditor({
-          element,
-          placeholder: placeholderText.value,
-          autoFocus: props2.autoFocus,
-          disabled: props2.disabled,
-          onUpdate: (content) => {
-            updateRawValue(content);
-          },
-          onEnter: () => {
-            sendMessage();
-            setContent("");
-          },
-          onFocus: () => {
-            isFocused.value = true;
-            emit("focus");
-          },
-          onBlur: () => {
-            isFocused.value = false;
-            emit("blur");
-          }
-        });
-        element.dataset.editorCreated = "true";
-        setEditorInstance(editorInstance);
-      }
-    };
-    const destroyEditorInstance = () => {
-      var _a;
-      editorInstance == null ? void 0 : editorInstance.destroy();
-      (_a = editorRef.value) == null ? void 0 : _a.removeAttribute("data-editor-created");
-      setEditorInstance(null);
-    };
-    watch(
-      () => props.disabled,
-      async (newDisabled, oldDisabled) => {
-        if (newDisabled !== oldDisabled) {
-          if (newDisabled) {
-            destroyEditorInstance();
-          } else {
-            await nextTick();
-            createEditorInstance(props);
-          }
-        }
-      }
-    );
-    onMounted(() => {
-      createEditorInstance(props);
-    });
-    onUnmounted(() => {
-      destroyEditorInstance();
-    });
-    watch(currentConversationID, (newID, oldID) => {
-      if (newID !== oldID) {
-        setContent("");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["input-wrapper"], props.disabled && unref(styles).disabled])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["input-prefix"])
-        }, [
-          renderSlot(_ctx.$slots, "prefix")
-        ], 2),
-        withDirectives(createElementVNode("div", {
-          ref_key: "editorRef",
-          ref: editorRef,
-          class: normalizeClass(unref(styles)["editor"])
-        }, null, 2), [
-          [vShow, !props.disabled]
-        ]),
-        props.disabled ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([unref(styles)["disabled-editor"]])
-        }, toDisplayString(placeholderText.value), 3)) : createCommentVNode("", true),
-        createElementVNode("span", {
-          class: normalizeClass(unref(styles)["input-suffix"])
-        }, [
-          renderSlot(_ctx.$slots, "suffix")
-        ], 2)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js

@@ -1,98 +0,0 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { useConversationListState } from "./states/ConversationListState/ConversationListState.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { createEditor } from "./components/MessageInput/TextEditor/EditorCore.js";
-const disabled = "_disabled_d6wpx_11";
-const editor = "_editor_d6wpx_21";
-const styles = {
-  "input-wrapper": "_input-wrapper_d6wpx_1",
-  disabled,
-  "input-prefix": "_input-prefix_d6wpx_15",
-  "input-suffix": "_input-suffix_d6wpx_16",
-  editor
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TextEditor",
-  props: {
-    autoFocus: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
-    placeholder: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const { currentConversationID } = useConversationListState();
-    const { updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
-    const editorRef = ref(null);
-    const isFocused = ref(props.autoFocus);
-    const placeholderText = computed(() => props.disabled ? "" : props.placeholder || t("TUIChat.Enter a message"));
-    let editorInstance = null;
-    onMounted(() => {
-      const element = editorRef.value;
-      if (!element) {
-        return;
-      }
-      if (!element.dataset.editorCreated) {
-        editorInstance = createEditor({
-          element,
-          placeholder: placeholderText.value,
-          autoFocus: props.autoFocus,
-          disabled: props.disabled,
-          onUpdate: (content) => {
-            updateRawValue(content);
-          },
-          onEnter: () => {
-            sendMessage();
-            setContent("");
-          },
-          onFocus: () => {
-            isFocused.value = true;
-          },
-          onBlur: () => {
-            isFocused.value = false;
-          }
-        });
-        element.dataset.editorCreated = "true";
-        setEditorInstance(editorInstance);
-      }
-    });
-    onUnmounted(() => {
-      const element = editorRef.value;
-      if (editorInstance && element) {
-        editorInstance.destroy();
-        element.removeAttribute("data-editor-created");
-        setEditorInstance(null);
-      }
-    });
-    watch(currentConversationID, (newID, oldID) => {
-      if (newID !== oldID) {
-        setContent("");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["input-wrapper"], props.disabled && unref(styles).disabled])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["input-prefix"])
-        }, [
-          renderSlot(_ctx.$slots, "prefix")
-        ], 2),
-        createElementVNode("div", {
-          ref_key: "editorRef",
-          ref: editorRef,
-          class: normalizeClass(unref(styles)["editor"])
-        }, null, 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["input-suffix"])
-        }, [
-          renderSlot(_ctx.$slots, "suffix")
-        ], 2)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/index-BlyS4ObG.js

@@ -1,50 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode } from "vue";
-import { IconCameraOn, IconCameraOff, IconUnSupport } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState } from "./states/DeviceState.js";
-import { DeviceStatus, DeviceError } from "./types/device.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const {
-      cameraStatus,
-      hasPublishVideoPermission,
-      cameraLastError,
-      closeLocalCamera,
-      openLocalCamera
-    } = useDeviceState();
-    async function handleClick() {
-      if (!hasPublishVideoPermission.value) {
-        return;
-      }
-      if (cameraStatus.value === DeviceStatus.On) {
-        await closeLocalCamera();
-      } else {
-        await openLocalCamera();
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["camera-button", { "disabled": !unref(hasPublishVideoPermission) }]),
-        onClick: handleClick
-      }, [
-        unref(cameraStatus) === unref(DeviceStatus).On ? (openBlock(), createBlock(unref(IconCameraOn), {
-          key: 0,
-          size: "24"
-        })) : (openBlock(), createBlock(unref(IconCameraOff), {
-          key: 1,
-          size: "24"
-        })),
-        unref(cameraLastError) !== unref(DeviceError).NoError ? (openBlock(), createBlock(unref(IconUnSupport), {
-          key: 2,
-          class: "unsupport-icon",
-          size: "14"
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc8bbaca"]]);
-export {
-  index as i
-};

package/dist/index-NFANFVi5.js

@@ -1,58 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, normalizeClass, unref, createVNode, createBlock, createCommentVNode } from "vue";
-import { IconUnSupport } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState } from "./states/DeviceState.js";
-import { DeviceStatus, DeviceError } from "./types/device.js";
-import AudioIcon from "./components/MicButton/AudioIcon.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "mic-button-container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const {
-      audioVolume,
-      hasPublishAudioPermission,
-      microphoneStatus,
-      microphoneLastError,
-      muteLocalAudio,
-      openLocalMicrophone,
-      unmuteLocalAudio
-    } = useDeviceState();
-    const isMuted = computed(() => {
-      return microphoneStatus.value !== DeviceStatus.On;
-    });
-    async function handleClick() {
-      if (!hasPublishAudioPermission.value) {
-        return;
-      }
-      if (microphoneStatus.value === DeviceStatus.On) {
-        await muteLocalAudio();
-      } else {
-        await openLocalMicrophone();
-        await unmuteLocalAudio();
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: normalizeClass(["mic-button", { "disabled": !unref(hasPublishAudioPermission) }]),
-          onClick: handleClick
-        }, [
-          createVNode(AudioIcon, {
-            "audio-volume": unref(audioVolume),
-            "is-muted": isMuted.value,
-            "is-disabled": !unref(hasPublishAudioPermission)
-          }, null, 8, ["audio-volume", "is-muted", "is-disabled"]),
-          unref(microphoneLastError) !== unref(DeviceError).NoError ? (openBlock(), createBlock(unref(IconUnSupport), {
-            key: 0,
-            class: "unsupport-icon",
-            size: "14"
-          })) : createCommentVNode("", true)
-        ], 2)
-      ]);
-    };
-  }
-});
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-672ec588"]]);
-export {
-  index as i
-};