tuikit-atomicx-vue3 0.1.0

package/dist/TextEditor.vue_vue_type_script_setup_true_lang-w_I4bsmJ.js

@@ -0,0 +1,126 @@
+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

@@ -0,0 +1,98 @@
+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/VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js

@@ -0,0 +1,71 @@
+import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
+import { IconVideo } from "@tencentcloud/uikit-base-component-vue3";
+import { useMessageInputState, MessageContentType } from "./states/MessageInputState/MessageInputState.js";
+import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
+const _hoisted_1 = ["accept"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VideoPicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 24 },
+    onClose: { type: Function, default: () => {
+    } },
+    className: { default: "" },
+    style: { default: void 0 }
+  },
+  setup(__props) {
+    const PICKER_CONSTANTS = {
+      ACCEPT_TYPE: ".mp4,.mov,.qt"
+    };
+    const props = __props;
+    const { sendMessage } = useMessageInputState();
+    const fileInputRef = ref(null);
+    function handleButtonClick() {
+      var _a;
+      (_a = fileInputRef.value) == null ? void 0 : _a.click();
+    }
+    function handleFileInput(e) {
+      var _a, _b;
+      const target = e.target;
+      const file = (_a = target.files) == null ? void 0 : _a[0];
+      if (!file) {
+        return;
+      }
+      sendMessage([{ type: MessageContentType.VIDEO, content: file }]);
+      target.value = "";
+      (_b = props.onClose) == null ? void 0 : _b.call(props);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        _ctx.label ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: normalizeClass([unref(styles)["attachment-picker__item"], _ctx.className]),
+          style: normalizeStyle(_ctx.style),
+          onClick: handleButtonClick
+        }, [
+          createVNode(unref(IconVideo), {
+            size: _ctx.iconSize,
+            class: normalizeClass(unref(styles)["attachment-picker__item-icon"])
+          }, null, 8, ["size", "class"]),
+          createElementVNode("div", null, toDisplayString(_ctx.label), 1)
+        ], 6)) : (openBlock(), createBlock(unref(IconVideo), {
+          key: 1,
+          size: _ctx.iconSize,
+          class: normalizeClass(unref(styles)["attachment-picker__item-icon"]),
+          onClick: handleButtonClick
+        }, null, 8, ["size", "class"])),
+        createElementVNode("input", {
+          ref_key: "fileInputRef",
+          ref: fileInputRef,
+          type: "file",
+          accept: PICKER_CONSTANTS.ACCEPT_TYPE,
+          hidden: "",
+          onChange: handleFileInput
+        }, null, 40, _hoisted_1)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/VideoRequestDialog.vue_vue_type_script_setup_true_lang-CnE-LwNh.js

@@ -0,0 +1,108 @@
+import { defineComponent, ref, onUnmounted, createBlock, openBlock, unref, withCtx, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
+import TUIRoomEngine, { TUIRoomEvents, TUIRequestAction, TUIRole } from "@tencentcloud/tuiroom-engine-js";
+import DialogPC from "./baseComp/Dialog/DialogPC.js";
+import { useI18n } from "./locales/index.js";
+import { TUIButton } from "@tencentcloud/uikit-base-component-vue3";
+import { useUserState } from "./states/UserState/index.js";
+import { useRoomEngine } from "./hooks/useRoomEngine.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VideoRequestDialog",
+  setup(__props) {
+    const roomEngine = useRoomEngine();
+    const dialogContent = ref("");
+    const { getUserInfo } = useUserState();
+    const { t } = useI18n();
+    const showRequestOpenCameraDialog = ref(false);
+    const requestOpenCameraRequestId = ref("");
+    async function onRequestReceived(eventInfo) {
+      var _a;
+      const { userId, requestAction, requestId } = eventInfo.request;
+      if (requestAction === TUIRequestAction.kRequestToOpenRemoteCamera) {
+        const userRole = ((_a = getUserInfo({ userId })) == null ? void 0 : _a.userRole) === TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
+        dialogContent.value = t("Sb invites you to turn on the camera", {
+          role: userRole
+        });
+        requestOpenCameraRequestId.value = requestId;
+        showRequestOpenCameraDialog.value = true;
+      }
+    }
+    async function handleAccept() {
+      var _a;
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+        requestId: requestOpenCameraRequestId.value,
+        agree: true
+      }));
+      requestOpenCameraRequestId.value = "";
+      showRequestOpenCameraDialog.value = false;
+    }
+    async function handleReject() {
+      var _a;
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+        requestId: requestOpenCameraRequestId.value,
+        agree: false
+      }));
+      requestOpenCameraRequestId.value = "";
+      showRequestOpenCameraDialog.value = false;
+    }
+    async function onRequestCancelled(eventInfo) {
+      const { requestId } = eventInfo;
+      if (requestOpenCameraRequestId.value === requestId) {
+        showRequestOpenCameraDialog.value = false;
+      }
+    }
+    TUIRoomEngine.once("ready", () => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    });
+    onUnmounted(() => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(
+        TUIRoomEvents.onRequestCancelled,
+        onRequestCancelled
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogPC), {
+        modelValue: showRequestOpenCameraDialog.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showRequestOpenCameraDialog.value = $event),
+        title: unref(t)("Tips"),
+        modal: true,
+        "show-close": false,
+        "close-on-click-modal": false,
+        width: "500px",
+        "append-to-room-container": true,
+        "confirm-button": unref(t)("Turn on the camera"),
+        "cancel-button": unref(t)("Keep it closed"),
+        onConfirm: handleAccept,
+        onCancel: handleReject
+      }, {
+        footer: withCtx(() => [
+          createVNode(unref(TUIButton), {
+            onClick: handleAccept,
+            type: "primary"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("Turn on the camera")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(TUIButton), { onClick: handleReject }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("Keep it closed")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("span", null, toDisplayString(dialogContent.value), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title", "confirm-button", "cancel-button"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/_commonjsHelpers-CUmg6egw.js

@@ -0,0 +1,6 @@
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+export {
+  getDefaultExportFromCjs as g
+};

package/dist/_plugin-vue_export-helper-1tPrXgE0.js

@@ -0,0 +1,10 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+export {
+  _export_sfc as _
+};

package/dist/baseComp/ActionSheep.js

@@ -0,0 +1,92 @@
+import { defineComponent, ref, watch, resolveComponent, createElementBlock, openBlock, withDirectives, createElementVNode, vShow, unref, normalizeStyle, createCommentVNode, renderSlot, createVNode, toDisplayString } from "vue";
+import { IconArrowDown } from "@tencentcloud/uikit-base-component-vue3";
+import vTap from "../directives/vTap.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "mask" };
+const _hoisted_2 = {
+  key: 0,
+  class: "container-close"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "container-header"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ActionSheep",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    showMask: {
+      type: Boolean,
+      default: true
+    },
+    height: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["input", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const show = ref(false);
+    watch(
+      () => props.visible,
+      (val) => show.value = val,
+      { immediate: true }
+    );
+    watch(
+      show,
+      (val) => {
+        emit("input", val);
+      },
+      { immediate: true }
+    );
+    const toggleShow = () => {
+      show.value = !show.value;
+      if (!show.value) {
+        emit("close");
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_TUIIcon = resolveComponent("TUIIcon");
+      return openBlock(), createElementBlock("div", null, [
+        withDirectives(createElementVNode("div", _hoisted_1, null, 512), [
+          [vShow, show.value && __props.showMask],
+          [unref(vTap), toggleShow]
+        ]),
+        withDirectives(createElementVNode("div", {
+          class: "container",
+          style: normalizeStyle({ height: props.height })
+        }, [
+          __props.showClose ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(_component_TUIIcon, {
+              icon: unref(IconArrowDown),
+              size: "28"
+            }, null, 8, ["icon"])
+          ])), [
+            [unref(vTap), toggleShow]
+          ]) : createCommentVNode("", true),
+          __props.title ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4), [
+          [vShow, show.value]
+        ])
+      ]);
+    };
+  }
+});
+const ActionSheep = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e9f258e"]]);
+export {
+  ActionSheep as default
+};

package/dist/baseComp/ActionSheep.vue.d.ts

@@ -0,0 +1,65 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}>, {
+    visible: boolean;
+    title: string;
+    showClose: boolean;
+    showMask: boolean;
+    height: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/baseComp/AudioIcon.js

@@ -0,0 +1,48 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, normalizeStyle, unref } from "vue";
+import { IconMicOff, IconMicOn } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "audio-level-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AudioIcon",
+  props: {
+    userId: {},
+    audioVolume: {},
+    isMuted: { type: Boolean },
+    size: {},
+    isDisabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const audioLevelStyle = computed(() => {
+      if (props.isMuted || !props.audioVolume) {
+        return "";
+      }
+      return `height: ${props.audioVolume * 4}%`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["audio-icon-container", `${_ctx.size == "small" && "small"}`])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: "audio-level",
+            style: normalizeStyle(audioLevelStyle.value)
+          }, null, 4)
+        ]),
+        props.isMuted ? (openBlock(), createBlock(unref(IconMicOff), {
+          key: 0,
+          class: "audio-icon",
+          size: "24"
+        })) : (openBlock(), createBlock(unref(IconMicOn), {
+          key: 1,
+          class: "audio-icon",
+          size: "24"
+        }))
+      ], 2);
+    };
+  }
+});
+const AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-efc87e1f"]]);
+export {
+  AudioIcon as default
+};

package/dist/baseComp/AudioIcon.vue.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    userId?: string;
+    audioVolume?: number;
+    isMuted?: boolean;
+    size?: string;
+    isDisabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/baseComp/Avatar.js

@@ -0,0 +1,36 @@
+import { defineComponent, computed, ref, createElementBlock, openBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "avatar-container" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Avatar",
+  props: {
+    imgSrc: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const src = computed(() => {
+      if (isError.value) {
+        return "";
+      }
+      return props.imgSrc || "";
+    });
+    const isError = ref(false);
+    function handleError() {
+      isError.value = true;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("img", {
+          class: "avatar",
+          src: src.value,
+          onerror: handleError
+        }, null, 8, _hoisted_2)
+      ]);
+    };
+  }
+});
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bd0ddc4"]]);
+export {
+  Avatar as default
+};